@diagrammo/dgmo 0.8.20 → 0.8.22

package/src/d3.ts

@@ -19,7 +19,9 @@ export type VisualizationType =
   | 'timeline'
   | 'venn'
   | 'quadrant'
-  | 'sequence';
+  | 'sequence'
+  | 'tech-radar'
+  | 'cycle';
 
 interface D3DataItem {
   label: string;
@@ -184,6 +186,7 @@ import { makeDgmoError, formatDgmoError, suggest } from './diagnostics';
 import {
   collectIndentedValues,
   extractColor,
+  normalizeNumericToken,
   parseFirstLine,
   parsePipeMetadata,
   MULTIPLE_PIPE_ERROR,
@@ -632,7 +635,7 @@ export function parseVisualization(
     // Arc link line: source -> target(color) weight
     if (result.type === 'arc') {
       const linkMatch = line.match(
-        /^(.+?)\s*->\s*(.+?)(?:\(([^)]+)\))?\s*(?:\s+(\d+(?:\.\d+)?))?$/
+        /^(.+?)\s*->\s*(.+?)(?:\(([^)]+)\))?\s*(?:\s+(-?[\d,_]+(?:\.[\d]+)?))?$/
       );
       if (linkMatch) {
         const source = linkMatch[1].trim();
@@ -648,7 +651,9 @@ export function parseVisualization(
         result.links.push({
           source,
           target,
-          value: linkMatch[4] ? parseFloat(linkMatch[4]) : 1,
+          value: linkMatch[4]
+            ? parseFloat(normalizeNumericToken(linkMatch[4]) ?? linkMatch[4])
+            : 1,
           color: linkColor,
           lineNumber,
         });
@@ -1028,7 +1033,7 @@ export function parseVisualization(
 
       // Data points: Label x, y  OR  Label x y
       const pointMatch = line.match(
-        /^(.+?)\s+([0-9]*\.?[0-9]+)\s*[,\s]\s*([0-9]*\.?[0-9]+)\s*$/
+        /^(.+?)\s+(-?[0-9][0-9,_]*(?:\.[0-9]+)?)\s*[,\s]\s*(-?[0-9][0-9,_]*(?:\.[0-9]+)?)\s*$/
       );
       if (pointMatch) {
         const label = pointMatch[1].trim();
@@ -1042,8 +1047,12 @@ export function parseVisualization(
         ) {
           result.quadrantPoints.push({
             label,
-            x: parseFloat(pointMatch[2]),
-            y: parseFloat(pointMatch[3]),
+            x: parseFloat(
+              normalizeNumericToken(pointMatch[2]) ?? pointMatch[2]
+            ),
+            y: parseFloat(
+              normalizeNumericToken(pointMatch[3]) ?? pointMatch[3]
+            ),
             lineNumber,
           });
         }
@@ -1201,7 +1210,8 @@ export function parseVisualization(
         // Scan from right, capped at P values
         let rightIdx = tokens.length - 1;
         while (rightIdx >= 0 && values.length < P) {
-          const raw = tokens[rightIdx].replace(/,/g, '');
+          const raw =
+            normalizeNumericToken(tokens[rightIdx]) ?? tokens[rightIdx];
           const num = parseFloat(raw);
           if (!isNaN(num) && /^-?\d/.test(raw)) {
             values.unshift(num);
@@ -1385,8 +1395,11 @@ export function parseVisualization(
       } else if (colonIndex === -1) {
         // Try "word weight" or "multi-word-label weight" space-separated format
         const lastSpace = line.lastIndexOf(' ');
+        const rawWeight = lastSpace >= 0 ? line.substring(lastSpace + 1) : '';
         const maybeWeight =
-          lastSpace >= 0 ? parseFloat(line.substring(lastSpace + 1)) : NaN;
+          lastSpace >= 0
+            ? parseFloat(normalizeNumericToken(rawWeight) ?? rawWeight)
+            : NaN;
         if (lastSpace >= 0 && !isNaN(maybeWeight) && maybeWeight > 0) {
           result.words.push({
             text: line.substring(0, lastSpace).trim(),
@@ -6492,12 +6505,7 @@ export async function renderForExport(
   content: string,
   theme: 'light' | 'dark' | 'transparent',
   palette?: PaletteColors,
-  orgExportState?: {
-    collapsedNodes?: Set<string>;
-    activeTagGroup?: string | null;
-    hiddenAttributes?: Set<string>;
-    swimlaneTagGroup?: string | null;
-  },
+  viewState?: import('./sharing').CompactViewState,
   options?: {
     c4Level?: 'context' | 'containers' | 'components' | 'deployment';
     c4System?: string;
@@ -6521,14 +6529,14 @@ export async function renderForExport(
     const orgParsed = parseOrg(content, effectivePalette);
     if (orgParsed.error) return '';
 
-    // Apply interactive collapse state when provided
-    const collapsedNodes = orgExportState?.collapsedNodes;
+    // Apply interactive collapse state when provided (read from unified viewState)
+    const collapsedNodes = viewState?.cg ? new Set(viewState.cg) : undefined;
     const activeTagGroup = resolveActiveTagGroup(
       orgParsed.tagGroups,
       orgParsed.options['active-tag'],
-      orgExportState?.activeTagGroup ?? options?.tagGroup
+      viewState?.tag ?? options?.tagGroup
     );
-    const hiddenAttributes = orgExportState?.hiddenAttributes;
+    const hiddenAttributes = viewState?.ha ? new Set(viewState.ha) : undefined;
 
     const { parsed: effectiveParsed, hiddenCounts } =
       collapsedNodes && collapsedNodes.size > 0
@@ -6575,14 +6583,14 @@ export async function renderForExport(
     const sitemapParsed = parseSitemap(content, effectivePalette);
     if (sitemapParsed.error || sitemapParsed.roots.length === 0) return '';
 
-    // Apply interactive collapse state when provided
-    const collapsedNodes = orgExportState?.collapsedNodes;
+    // Apply interactive collapse state when provided (read from unified viewState)
+    const collapsedNodes = viewState?.cg ? new Set(viewState.cg) : undefined;
     const activeTagGroup = resolveActiveTagGroup(
       sitemapParsed.tagGroups,
       sitemapParsed.options['active-tag'],
-      orgExportState?.activeTagGroup ?? options?.tagGroup
+      viewState?.tag ?? options?.tagGroup
     );
-    const hiddenAttributes = orgExportState?.hiddenAttributes;
+    const hiddenAttributes = viewState?.ha ? new Set(viewState.ha) : undefined;
 
     const { parsed: effectiveParsed, hiddenCounts } =
       collapsedNodes && collapsedNodes.size > 0
@@ -6635,8 +6643,12 @@ export async function renderForExport(
       activeTagGroup: resolveActiveTagGroup(
         kanbanParsed.tagGroups,
         kanbanParsed.options['active-tag'],
-        options?.tagGroup
+        viewState?.tag ?? options?.tagGroup
       ),
+      currentSwimlaneGroup: viewState?.swim ?? null,
+      collapsedLanes: viewState?.cl ? new Set(viewState.cl) : undefined,
+      collapsedColumns: viewState?.cc ? new Set(viewState.cc) : undefined,
+      compactMeta: viewState?.cm,
     });
     return finalizeSvgExport(container, theme, effectivePalette);
   }
@@ -6696,22 +6708,32 @@ export async function renderForExport(
       resolveActiveTagGroup(
         erParsed.tagGroups,
         erParsed.options['active-tag'],
-        options?.tagGroup
-      )
+        viewState?.tag ?? options?.tagGroup
+      ),
+      viewState?.sem
     );
     return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'boxes-and-lines') {
     const { parseBoxesAndLines } = await import('./boxes-and-lines/parser');
-    const { layoutBoxesAndLines } = await import('./boxes-and-lines/layout');
-    const { renderBoxesAndLinesForExport } =
-      await import('./boxes-and-lines/renderer');
-
     const effectivePalette = await resolveExportPalette(theme, palette);
     const blParsed = parseBoxesAndLines(content);
     if (blParsed.error || blParsed.nodes.length === 0) return '';
 
+    // Convert viewState.htv (Record<string, string[]>) to Map<string, Set<string>>
+    let blHiddenTagValues: Map<string, Set<string>> | undefined;
+    if (viewState?.htv) {
+      blHiddenTagValues = new Map();
+      for (const [k, v] of Object.entries(viewState.htv)) {
+        blHiddenTagValues.set(k, new Set(v));
+      }
+    }
+
+    const { layoutBoxesAndLines } = await import('./boxes-and-lines/layout');
+    const { renderBoxesAndLinesForExport } =
+      await import('./boxes-and-lines/renderer');
+
     const blLayout = layoutBoxesAndLines(blParsed);
     const PADDING = 20;
     const titleOffset = blParsed.title ? 40 : 0;
@@ -6727,12 +6749,106 @@ export async function renderForExport(
       theme === 'dark',
       {
         exportDims: { width: exportWidth, height: exportHeight },
-        activeTagGroup: options?.tagGroup,
+        activeTagGroup: viewState?.tag ?? options?.tagGroup,
+        hiddenTagValues: blHiddenTagValues,
       }
     );
     return finalizeSvgExport(container, theme, effectivePalette);
   }
 
+  if (detectedType === 'mindmap') {
+    const { parseMindmap } = await import('./mindmap/parser');
+    const { layoutMindmap } = await import('./mindmap/layout');
+    const { collapseMindmapTree } = await import('./mindmap/collapse');
+    const { renderMindmap } = await import('./mindmap/renderer');
+
+    const isDark = theme === 'dark';
+    const effectivePalette = await resolveExportPalette(theme, palette);
+
+    const mmParsed = parseMindmap(content, effectivePalette);
+    if (mmParsed.error) return '';
+
+    const collapsedNodes = viewState?.cg ? new Set(viewState.cg) : undefined;
+    const activeTagGroup = resolveActiveTagGroup(
+      mmParsed.tagGroups,
+      mmParsed.options['active-tag'],
+      viewState?.tag ?? options?.tagGroup
+    );
+    const hideDescriptions =
+      mmParsed.options['hide-descriptions'] === 'true' ||
+      viewState?.hd === true;
+
+    const { roots: effectiveRoots, hiddenCounts } =
+      collapsedNodes && collapsedNodes.size > 0
+        ? collapseMindmapTree(mmParsed.roots, collapsedNodes)
+        : { roots: mmParsed.roots, hiddenCounts: new Map<string, number>() };
+
+    const effectiveParsed = { ...mmParsed, roots: effectiveRoots };
+
+    const mmLayout = layoutMindmap(effectiveParsed, effectivePalette, {
+      interactive: false,
+      hiddenCounts: hiddenCounts.size > 0 ? hiddenCounts : undefined,
+      activeTagGroup,
+      hideDescriptions,
+    });
+
+    const PADDING = 20;
+    const titleOffset = effectiveParsed.title ? 30 : 0;
+    const exportWidth = mmLayout.width + PADDING * 2;
+    const exportHeight = mmLayout.height + PADDING * 2 + titleOffset;
+    const container = createExportContainer(exportWidth, exportHeight);
+
+    const colorByDepth = viewState?.cbd === true;
+
+    renderMindmap(
+      container,
+      effectiveParsed,
+      mmLayout,
+      effectivePalette,
+      isDark,
+      undefined,
+      { width: exportWidth, height: exportHeight },
+      undefined,
+      hideDescriptions,
+      colorByDepth ? null : activeTagGroup,
+      colorByDepth ? { colorByDepth: true } : undefined
+    );
+    return finalizeSvgExport(container, theme, effectivePalette);
+  }
+
+  if (detectedType === 'wireframe') {
+    const { parseWireframe } = await import('./wireframe/parser');
+    const { layoutWireframe } = await import('./wireframe/layout');
+    const { renderWireframe } = await import('./wireframe/renderer');
+
+    const effectivePalette = await resolveExportPalette(theme, palette);
+    const wireframeParsed = parseWireframe(content);
+    if (
+      wireframeParsed.error ||
+      (wireframeParsed.roots.length === 0 &&
+        wireframeParsed.modals.length === 0)
+    )
+      return '';
+
+    const wireframeLayout = layoutWireframe(wireframeParsed);
+
+    const exportWidth = wireframeLayout.width;
+    const exportHeight = wireframeLayout.height;
+    const container = createExportContainer(exportWidth, exportHeight);
+
+    renderWireframe(
+      container,
+      wireframeParsed,
+      wireframeLayout,
+      effectivePalette,
+      theme === 'dark',
+      undefined,
+      { width: exportWidth, height: exportHeight },
+      theme
+    );
+    return finalizeSvgExport(container, theme, effectivePalette);
+  }
+
   if (detectedType === 'c4') {
     const { parseC4 } = await import('./c4/parser');
     const {
@@ -6748,10 +6864,18 @@ export async function renderForExport(
     const c4Parsed = parseC4(content, effectivePalette);
     if (c4Parsed.error || c4Parsed.elements.length === 0) return '';
 
-    // Container/component-level rendering
-    const c4Level = options?.c4Level ?? 'context';
-    const c4System = options?.c4System;
-    const c4Container = options?.c4Container;
+    // Container/component-level rendering (viewState fallback for share links)
+    const c4Level =
+      options?.c4Level ??
+      (viewState?.c4l as
+        | 'context'
+        | 'containers'
+        | 'components'
+        | 'deployment'
+        | undefined) ??
+      'context';
+    const c4System = options?.c4System ?? viewState?.c4s;
+    const c4Container = options?.c4Container ?? viewState?.c4c;
 
     const c4Layout =
       c4Level === 'deployment'
@@ -6788,7 +6912,7 @@ export async function renderForExport(
       resolveActiveTagGroup(
         c4Parsed.tagGroups,
         c4Parsed.options['active-tag'],
-        options?.tagGroup
+        viewState?.tag ?? options?.tagGroup
       )
     );
     return finalizeSvgExport(container, theme, effectivePalette);
@@ -6834,7 +6958,7 @@ export async function renderForExport(
     const activeTagGroup = resolveActiveTagGroup(
       infraParsed.tagGroups,
       infraParsed.options['active-tag'],
-      options?.tagGroup
+      viewState?.tag ?? options?.tagGroup
     );
 
     const titleOffset = infraParsed.title ? 40 : 0;
@@ -6860,7 +6984,8 @@ export async function renderForExport(
       false,
       null,
       null,
-      true
+      true,
+      viewState?.cg ? new Set(viewState.cg) : null
     );
     // Restore explicit pixel dimensions for resvg (renderer uses 100%/viewBox for app scaling)
     const infraSvg = container.querySelector('svg');
@@ -6890,7 +7015,16 @@ export async function renderForExport(
       resolved,
       effectivePalette,
       theme === 'dark',
-      undefined,
+      {
+        collapsedGroups: viewState?.cg ? new Set(viewState.cg) : undefined,
+        currentSwimlaneGroup: viewState?.swim ?? undefined,
+        collapsedLanes: viewState?.cl ? new Set(viewState.cl) : undefined,
+        currentActiveGroup: resolveActiveTagGroup(
+          resolved.tagGroups,
+          resolved.options.activeTag ?? undefined,
+          viewState?.tag ?? options?.tagGroup
+        ),
+      },
       { width: EXPORT_W, height: EXPORT_H }
     );
     return finalizeSvgExport(container, theme, effectivePalette);
@@ -6920,6 +7054,72 @@ export async function renderForExport(
     return finalizeSvgExport(container, theme, effectivePalette);
   }
 
+  if (detectedType === 'tech-radar') {
+    const { parseTechRadar } = await import('./tech-radar/parser');
+    const { renderTechRadarForExport } = await import('./tech-radar/renderer');
+
+    const effectivePalette = await resolveExportPalette(theme, palette);
+    const radarParsed = parseTechRadar(content);
+    if (radarParsed.error || radarParsed.quadrants.length === 0) return '';
+
+    const RADAR_EXPORT_W = 1600;
+    const RADAR_EXPORT_H = 1200;
+    const container = createExportContainer(RADAR_EXPORT_W, RADAR_EXPORT_H);
+    renderTechRadarForExport(
+      container,
+      radarParsed,
+      effectivePalette,
+      theme === 'dark',
+      { width: RADAR_EXPORT_W, height: RADAR_EXPORT_H },
+      viewState
+    );
+    return finalizeSvgExport(container, theme, effectivePalette);
+  }
+
+  if (detectedType === 'journey-map') {
+    const { parseJourneyMap } = await import('./journey-map/parser');
+    const { renderJourneyMap } = await import('./journey-map/renderer');
+    const { layoutJourneyMap } = await import('./journey-map/layout');
+
+    const effectivePalette = await resolveExportPalette(theme, palette);
+    const jmParsed = parseJourneyMap(content, effectivePalette);
+    if (
+      jmParsed.error ||
+      (jmParsed.phases.length === 0 && jmParsed.steps.length === 0)
+    )
+      return '';
+
+    const jmLayout = layoutJourneyMap(jmParsed, effectivePalette);
+    const container = createExportContainer(
+      jmLayout.totalWidth,
+      jmLayout.totalHeight
+    );
+    renderJourneyMap(container, jmParsed, effectivePalette, theme === 'dark', {
+      exportDims: { width: jmLayout.totalWidth, height: jmLayout.totalHeight },
+    });
+    return finalizeSvgExport(container, theme, effectivePalette);
+  }
+
+  if (detectedType === 'cycle') {
+    const { parseCycle } = await import('./cycle/parser');
+    const { renderCycleForExport } = await import('./cycle/renderer');
+
+    const effectivePalette = await resolveExportPalette(theme, palette);
+    const cycleParsed = parseCycle(content);
+    if (cycleParsed.error || cycleParsed.nodes.length === 0) return '';
+
+    const container = createExportContainer(EXPORT_WIDTH, EXPORT_HEIGHT);
+    renderCycleForExport(
+      container,
+      cycleParsed,
+      effectivePalette,
+      theme === 'dark',
+      { width: EXPORT_WIDTH, height: EXPORT_HEIGHT },
+      viewState
+    );
+    return finalizeSvgExport(container, theme, effectivePalette);
+  }
+
   const parsed = parseVisualization(content, palette);
   // Allow sequence diagrams through even if parseVisualization errors —
   // sequence is parsed by its own dedicated parser (parseSequenceDgmo)
@@ -6991,9 +7191,9 @@ export async function renderForExport(
       resolveActiveTagGroup(
         parsed.timelineTagGroups,
         undefined,
-        orgExportState?.activeTagGroup ?? options?.tagGroup
+        viewState?.tag ?? options?.tagGroup
       ),
-      orgExportState?.swimlaneTagGroup
+      viewState?.swim
     );
   } else if (parsed.type === 'venn') {
     renderVenn(container, parsed, effectivePalette, isDark, undefined, dims);

package/src/dgmo-router.ts

@@ -17,6 +17,11 @@ import { looksLikeSitemap, parseSitemap } from './sitemap/parser';
 import { parseInfra } from './infra/parser';
 import { parseGantt } from './gantt/parser';
 import { parseBoxesAndLines } from './boxes-and-lines/parser';
+import { parseMindmap } from './mindmap/parser';
+import { parseWireframe } from './wireframe/parser';
+import { parseTechRadar } from './tech-radar/parser';
+import { parseCycle } from './cycle/parser';
+import { parseJourneyMap } from './journey-map/parser';
 import { parseFirstLine } from './utils/parsing';
 import { makeDgmoError, suggest } from './diagnostics';
 import type { DgmoError } from './diagnostics';
@@ -135,6 +140,8 @@ const VISUALIZATION_TYPES = new Set([
   'timeline',
   'venn',
   'quadrant',
+  'tech-radar',
+  'cycle',
 ]);
 const DIAGRAM_TYPES = new Set([
   'sequence',
@@ -149,6 +156,9 @@ const DIAGRAM_TYPES = new Set([
   'infra',
   'gantt',
   'boxes-and-lines',
+  'mindmap',
+  'wireframe',
+  'journey-map',
 ]);
 const EXTENDED_CHART_TYPES = new Set([
   'scatter',
@@ -228,6 +238,11 @@ const PARSE_DISPATCH = new Map<
   ['infra', (c) => parseInfra(c)],
   ['gantt', (c) => parseGantt(c)],
   ['boxes-and-lines', (c) => parseBoxesAndLines(c)],
+  ['mindmap', (c) => parseMindmap(c)],
+  ['wireframe', (c) => parseWireframe(c)],
+  ['tech-radar', (c) => parseTechRadar(c)],
+  ['cycle', (c) => parseCycle(c)],
+  ['journey-map', (c) => parseJourneyMap(c)],
 ]);
 
 /**

package/src/echarts.ts

@@ -150,6 +150,7 @@ import {
   collectIndentedValues,
   extractColor,
   measureIndent,
+  normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames,
 } from './utils/parsing';
@@ -359,10 +360,11 @@ export function parseExtendedChart(
 
     // Sankey/chord link syntax: Source -> Target Value (directed) or Source -- Target Value (undirected)
     const arrowMatch = trimmed.match(
-      /^(.+?)\s*(->|--)\s*(.+?)\s+(\d+(?:\.\d+)?)\s*(?:\(([^)]+)\))?\s*$/
+      /^(.+?)\s*(->|--)\s*(.+?)\s+(-?[\d,_]+(?:\.[\d]+)?)\s*(?:\(([^)]+)\))?\s*$/
     );
     if (arrowMatch) {
-      const [, rawSource, arrow, rawTarget, val, rawLinkColor] = arrowMatch;
+      const [, rawSource, arrow, rawTarget, rawVal, rawLinkColor] = arrowMatch;
+      const val = normalizeNumericToken(rawVal) ?? rawVal;
       const { label: source, color: sourceColor } = extractColor(
         rawSource.trim(),
         palette
@@ -409,7 +411,7 @@ export function parseExtendedChart(
           // Parse "TargetName value (linkColor)" or "TargetName(nodeColor) value (linkColor)"
           // Strip trailing (color) annotation before parseDataRowValues — it can't handle it
           const valColorMatch = trimmed.match(
-            /(\d+(?:\.\d+)?)\s*\(([^)]+)\)\s*$/
+            /(-?[\d,_]+(?:\.[\d]+)?)\s*\(([^)]+)\)\s*$/
           );
           const strippedLine = valColorMatch
             ? trimmed.replace(/\s*\([^)]+\)\s*$/, '')
@@ -449,9 +451,10 @@ export function parseExtendedChart(
 
       // Bare label at indent 0 (or any indent without a value) = new source node
       const spaceIdx = trimmed.indexOf(' ');
+      const lastTok = trimmed.substring(trimmed.lastIndexOf(' ') + 1);
       const hasNumericSuffix =
         spaceIdx >= 0 &&
-        !isNaN(parseFloat(trimmed.substring(trimmed.lastIndexOf(' ') + 1)));
+        !isNaN(parseFloat(normalizeNumericToken(lastTok) ?? lastTok));
       if (!hasNumericSuffix) {
         while (sankeyStack.length && sankeyStack.at(-1)!.indent >= indent) {
           sankeyStack.pop();

package/src/editor/dgmo.grammar

@@ -30,7 +30,11 @@ contentPart {
   Duration { $[0-9]+ ("." $[0-9]+)? ("min" | "bd" | "h" | "d" | "w" | "m" | "q" | "y" | "s") "?"? }
   DateLiteral { $[0-9] $[0-9] $[0-9] $[0-9] "-" $[0-9] $[0-9] ("-" $[0-9] $[0-9])? }
   Percentage { $[0-9]+ ("." $[0-9]+)? "%" }
-  Number { $[0-9]+ ("." $[0-9]+)? }
+  Number {
+    $[0-9] $[0-9]? $[0-9]? ("," $[0-9] $[0-9] $[0-9])+ ("." $[0-9]+)? |
+    $[0-9]+ ("_" $[0-9]+)+ ("." $[0-9]+)? |
+    $[0-9]+ ("." $[0-9]+)?
+  }
 
   SectionMarker { "==" }
   Url { "http" "s"? "://" ![ \t\n|,)\]>]+ }

package/src/editor/dgmo.grammar.js

@@ -10,7 +10,7 @@ export const parser = LRParser.deserialize({
   maxTerm: 40,
   skippedNodes: [0],
   repeatNodeCount: 2,
-  tokenData: ":T~RxOX#oXY#tYZ$PZp#opq#tqt#oux#oxy$Uyz$tz{${{|%S|}%Z}!O%b!O!P#o!P!Q%q!Q![&b![!]-Y!]!^#o!^!_-a!_!`-h!`!a-u!a!b-|!b!c#o!c!}.T!}#O1Z#O#P#o#P#Q1`#Q#R#o#R#S.T#S#T#o#T#[.T#[#]1g#]#o.T#o#p#o#p#q9g#q#r#o#r#s9n#s;'S#o;'S;=`9}<%lO#o~#tOq~~#yQv~XY#tpq#t~$UOw~~$]Qc~q~}!O$c#T#o$c~$fRyz$o}!O$c#T#o$c~$tOg~~${Od~q~~%SOn~q~~%ZOk~q~~%bOj~q~~%iPl~q~!`!a%l~%qOX~~%vPq~!P!Q%y~&OSV~OY%yZ;'S%y;'S;=`&[<%lO%y~&_P;=`<%l%y~&iZ^~q~uv'[!O!P'a!Q![)Q#U#V([#W#X(b#[#](b#a#b(o#e#f(b#g#h(b#k#l(b#m#n(b~'aO]~~'dP!Q!['g~'lY^~uv'[!Q!['g#U#V([#W#X(b#[#](b#a#b(o#e#f(b#g#h(b#k#l(b#m#n(b~(_P#W#X(b~(gPZ~!a!b(j~(oOZ~~(tQZ~!a!b(j#]#^(z~(}P#b#c(b~)VZ^~uv'[!O!P'a!Q![)x#U#V([#W#X(b#[#](b#a#b(o#e#f(b#g#h(b#k#l(b#m#n(b~)}Z^~uv'[!O!P'a!Q![*p#U#V([#W#X(b#[#](b#a#b(o#e#f(b#g#h(b#k#l(b#m#n(b~*u[^~uv'[}!O+k!O!P'a!Q![,b#U#V([#W#X(b#[#](b#a#b(o#e#f(b#g#h(b#k#l(b#m#n(b~+nP!Q![+q~+tP!Q![+w~+|P[~}!O,P~,SP!Q![,V~,YP!Q![,]~,bO[~~,gZ^~uv'[!O!P'a!Q![,b#U#V([#W#X(b#[#](b#a#b(o#e#f(b#g#h(b#k#l(b#m#n(b~-aOi~q~~-hOe~q~~-mPq~!_!`-p~-uO_~~-|Of~q~~.TOo~q~~.[_p~q~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#o/Z~/`_p~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#o/Z~0b]qr/Zst/Zvw/Zwx/Z{|/Z!O!P/Z!P!Q/Z!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#o/Z~1`Oa~~1gOb~q~~1nap~q~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#h/Z#h#i2s#i#o/Z~2xap~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#h/Z#h#i3}#i#o/Z~4Sap~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#d/Z#d#e5X#e#o/Z~5^bp~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z![!]6f!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#g/Z#g#h8`#h#o/Z~6iP!P!Q6l~6oP!P!Q6r~6uYOX7eZp7eqy7ez|7e}!`7e!a#P7e#Q#p7e#q;'S7e;'S;=`8Y<%lO7e~7jY`~OX7eZp7eqy7ez|7e}!`7e!a#P7e#Q#p7e#q;'S7e;'S;=`8Y<%lO7e~8]P;=`<%l7e~8e`p~qr/Zst/Zvw/Zwx/Z{|/Z}!O0_!O!P/Z!P!Q/Z!Q![/Z![!]6f!_!`/Z!a!b/Z!b!c/Z!c!}/Z#R#S/Z#T#o/Z~9nOh~q~~9uPm~q~!`!a9x~9}OY~~:QP;=`<%l#o",
+  tokenData: "<O~RxOX#oXY#tYZ$PZp#opq#tqt#oux#oxy$Uyz$tz{${{|%S|}%Z}!O%b!O!P#o!P!Q%q!Q![&b![!]/T!]!^#o!^!_/[!_!`/c!`!a/p!a!b/w!b!c#o!c!}0O!}#O3U#O#P#o#P#Q3Z#Q#R#o#R#S0O#S#T#o#T#[0O#[#]3b#]#o0O#o#p#o#p#q;b#q#r#o#r#s;i#s;'S#o;'S;=`;x<%lO#o~#tOq~~#yQv~XY#tpq#t~$UOw~~$]Qc~q~}!O$c#T#o$c~$fRyz$o}!O$c#T#o$c~$tOg~~${Od~q~~%SOn~q~~%ZOk~q~~%bOj~q~~%iPl~q~!`!a%l~%qOX~~%vPq~!P!Q%y~&OSV~OY%yZ;'S%y;'S;=`&[<%lO%y~&_P;=`<%l%y~&i]^~q~uv'b|}'g!O!P(d!Q![*T#R#S.o#U#V)_#W#X)e#[#])e#a#b)r#e#f)e#g#h)e#k#l)e#m#n)e~'gO]~~'jP!Q!['m~'pP!Q!['s~'vP!Q!['y~(OQ^~|}'g!O!P(U~(XP!Q![([~(aP^~!Q![([~(gP!Q![(j~(oY^~uv'b!Q![(j#U#V)_#W#X)e#[#])e#a#b)r#e#f)e#g#h)e#k#l)e#m#n)e~)bP#W#X)e~)jPZ~!a!b)m~)rOZ~~)wQZ~!a!b)m#]#^)}~*QP#b#c)e~*Y]^~uv'b|}'g!O!P(d!Q![+R#R#S.o#U#V)_#W#X)e#[#])e#a#b)r#e#f)e#g#h)e#k#l)e#m#n)e~+W]^~uv'b|}'g!O!P(d!Q![,P#R#S.o#U#V)_#W#X)e#[#])e#a#b)r#e#f)e#g#h)e#k#l)e#m#n)e~,U]^~uv'b}!O,}!O!P(d!Q![-t#R#S.o#U#V)_#W#X)e#[#])e#a#b)r#e#f)e#g#h)e#k#l)e#m#n)e~-QP!Q![-T~-WP!Q![-Z~-`P[~}!O-c~-fP!Q![-i~-lP!Q![-o~-tO[~~-y[^~uv'b!O!P(d!Q![-t#R#S.o#U#V)_#W#X)e#[#])e#a#b)r#e#f)e#g#h)e#k#l)e#m#n)e~.rP!Q![.u~.zR^~!O!P(U!Q![.u#R#S.o~/[Oi~q~~/cOe~q~~/hPq~!_!`/k~/pO_~~/wOf~q~~0OOo~q~~0V_p~q~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#o1U~1Z_p~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#o1U~2]]qr1Ust1Uvw1Uwx1U{|1U!O!P1U!P!Q1U!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#o1U~3ZOa~~3bOb~q~~3iap~q~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#h1U#h#i4n#i#o1U~4sap~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#h1U#h#i5x#i#o1U~5}ap~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#d1U#d#e7S#e#o1U~7Xbp~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U![!]8a!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#g1U#g#h:Z#h#o1U~8dP!P!Q8g~8jP!P!Q8m~8pYOX9`Zp9`qy9`z|9`}!`9`!a#P9`#Q#p9`#q;'S9`;'S;=`:T<%lO9`~9eY`~OX9`Zp9`qy9`z|9`}!`9`!a#P9`#Q#p9`#q;'S9`;'S;=`:T<%lO9`~:WP;=`<%l9`~:``p~qr1Ust1Uvw1Uwx1U{|1U}!O2Y!O!P1U!P!Q1U!Q![1U![!]8a!_!`1U!a!b1U!b!c1U!c!}1U#R#S1U#T#o1U~;iOh~q~~;pPm~q~!`!a;s~;xOY~~;{P;=`<%l#o",
   tokenizers: [0],
   topRules: {"Document":[0,6]},
   specialized: [{term: 32, get: (value, stack) => (specializeKeyword(value, stack) << 1), external: specializeKeyword}],

package/src/editor/keywords.ts

@@ -13,6 +13,10 @@ export const CHART_TYPES = new Set([
   'infra',
   'gantt',
   'boxes-and-lines',
+  'wireframe',
+  'tech-radar',
+  'mindmap',
+  'journey-map',
   // Data chart types
   'bar',
   'line',
@@ -64,6 +68,10 @@ export const METADATA_KEYS = new Set([
   'top-left',
   'bottom-right',
   'bottom-left',
+  // Tech-radar pipe metadata
+  'quadrant',
+  'ring',
+  'trend',
 ]);
 
 /** Tag declaration keyword. */
@@ -81,6 +89,8 @@ export const DIRECTIVE_KEYWORDS = new Set([
   'critical-path',
   'no-dependencies',
   'sort',
+  // Tech-radar
+  'rings',
   // Tags
   'tags',
   'import',
@@ -170,6 +180,17 @@ export const CONTROL_KEYWORDS = new Set([
   'loop',
   'parallel',
   'note',
+  // Wireframe elements
+  'nav',
+  'tabs',
+  'table',
+  'image',
+  'modal',
+  'skeleton',
+  'alert',
+  'progress',
+  'chart',
+  'mobile',
 ]);
 
 /** Status keywords — kanban. */
@@ -182,6 +203,11 @@ export const STATUS_KEYWORDS = new Set([
   'in-progress',
   'backlog',
   'ready',
+  // Tech-radar trend values
+  'new',
+  'up',
+  'down',
+  'stable',
 ]);
 
 /** Modifier keywords — adjust declarations. */

package/src/gantt/parser.ts

@@ -744,7 +744,7 @@ export function parseGantt(
 
       // First segment could be empty (just `[Group]`) or have metadata
       let metadata: Record<string, string> = {};
-      let color: string | null = null;
+      const color: string | null = null;
 
       const pipeWarn = () => warn(lineNumber, MULTIPLE_PIPE_ERROR);
       if (segments.length > 0 && segments[0].trim()) {
@@ -758,14 +758,8 @@ export function parseGantt(
         );
       }
 
-      // Extract color from group name if present
-      const nameExtracted = extractColor(groupMatch[1], palette);
-      if (nameExtracted.color) {
-        color = nameExtracted.color;
-      }
-
       const group: GanttGroup = {
-        name: nameExtracted.label,
+        name: groupMatch[1],
         color,
         metadata,
         lineNumber,