@diagrammo/dgmo 0.8.21 → 0.8.23

package/src/d3.ts

@@ -19,7 +19,10 @@ export type VisualizationType =
   | 'timeline'
   | 'venn'
   | 'quadrant'
-  | 'sequence';
+  | 'sequence'
+  | 'tech-radar'
+  | 'cycle'
+  | 'pyramid';
 
 interface D3DataItem {
   label: string;
@@ -184,6 +187,7 @@ import { makeDgmoError, formatDgmoError, suggest } from './diagnostics';
 import {
   collectIndentedValues,
   extractColor,
+  normalizeNumericToken,
   parseFirstLine,
   parsePipeMetadata,
   MULTIPLE_PIPE_ERROR,
@@ -632,7 +636,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 +652,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 +1034,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 +1048,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 +1211,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 +1396,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(),
@@ -7041,6 +7055,91 @@ 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);
+  }
+
+  if (detectedType === 'pyramid') {
+    const { parsePyramid } = await import('./pyramid/parser');
+    const { renderPyramidForExport } = await import('./pyramid/renderer');
+
+    const effectivePalette = await resolveExportPalette(theme, palette);
+    const pyramidParsed = parsePyramid(content);
+    if (pyramidParsed.error || pyramidParsed.layers.length === 0) return '';
+
+    const container = createExportContainer(EXPORT_WIDTH, EXPORT_HEIGHT);
+    renderPyramidForExport(
+      container,
+      pyramidParsed,
+      effectivePalette,
+      theme === 'dark',
+      { width: EXPORT_WIDTH, height: EXPORT_HEIGHT }
+    );
+    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)

package/src/dgmo-router.ts

@@ -19,6 +19,10 @@ 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 { parsePyramid } from './pyramid/parser';
 import { parseFirstLine } from './utils/parsing';
 import { makeDgmoError, suggest } from './diagnostics';
 import type { DgmoError } from './diagnostics';
@@ -137,6 +141,9 @@ const VISUALIZATION_TYPES = new Set([
   'timeline',
   'venn',
   'quadrant',
+  'tech-radar',
+  'cycle',
+  'pyramid',
 ]);
 const DIAGRAM_TYPES = new Set([
   'sequence',
@@ -153,6 +160,7 @@ const DIAGRAM_TYPES = new Set([
   'boxes-and-lines',
   'mindmap',
   'wireframe',
+  'journey-map',
 ]);
 const EXTENDED_CHART_TYPES = new Set([
   'scatter',
@@ -205,6 +213,63 @@ export function getAllChartTypes(): string[] {
   return [...DATA_CHART_TYPES, ...VISUALIZATION_TYPES, ...DIAGRAM_TYPES];
 }
 
+/**
+ * Canonical descriptions for every supported chart type. Shared by the CLI
+ * `--chart-types` flag, the editor autocomplete popup, and the MCP
+ * `list_chart_types` tool so all three surfaces stay in sync.
+ */
+export const CHART_TYPE_DESCRIPTIONS: Record<string, string> = {
+  bar: 'Bar chart — categorical comparisons',
+  line: 'Line chart — trends over time; supports era bands (era start -> end Label (color)) for annotating named periods',
+  'multi-line':
+    'Multi-line chart — multiple series trends over time; supports era bands',
+  area: 'Area chart — filled line chart; supports era bands',
+  pie: 'Pie chart — part-to-whole proportions',
+  doughnut: 'Doughnut chart — ring-style pie chart',
+  radar: 'Radar chart — multi-dimensional metrics',
+  'polar-area': 'Polar area chart — radial bar chart',
+  'bar-stacked': 'Stacked bar chart — multi-series categorical',
+  scatter: 'Scatter plot — 2D data points or bubble chart',
+  sankey: 'Sankey diagram — flow/allocation visualization',
+  chord: 'Chord diagram — circular flow relationships',
+  function: 'Function plot — mathematical expressions',
+  heatmap: 'Heatmap — matrix intensity visualization',
+  funnel: 'Funnel chart — conversion pipeline',
+  slope: 'Slope chart — change between two periods',
+  wordcloud: 'Word cloud — term frequency visualization',
+  arc: 'Arc diagram — network relationships',
+  timeline: 'Timeline — events, eras, and date ranges',
+  venn: 'Venn diagram — set overlaps',
+  quadrant: 'Quadrant chart — 2x2 positioning matrix',
+  'tech-radar':
+    'Tech radar — technology adoption quadrants (adopt/trial/assess/hold)',
+  cycle:
+    'Cycle diagram — cyclical process visualization (PDCA, OODA, DevOps loops)',
+  sequence: 'Sequence diagram — message/interaction flows',
+  flowchart: 'Flowchart — decision trees and process flows',
+  class: 'Class diagram — UML class hierarchies',
+  er: 'ER diagram — database schemas and relationships',
+  org: 'Org chart — hierarchical tree structures',
+  kanban: 'Kanban board — task/workflow columns',
+  c4: 'C4 diagram — system architecture (context, container, component, deployment)',
+  state: 'State diagram — state machine / lifecycle transitions',
+  sitemap:
+    'Sitemap — navigable UI structure with pages, groups, and cross-link arrows',
+  infra:
+    'Infrastructure diagram — traffic flow with RPS computation, capacity modeling, and latency analysis',
+  gantt:
+    'Gantt chart — project scheduling with task dependencies and milestones',
+  'boxes-and-lines':
+    'Boxes and lines — general-purpose node-edge diagrams with nested groups, tags, and shape inference',
+  mindmap: 'Mindmap — radial hierarchy of ideas branching from a central topic',
+  wireframe:
+    'Wireframe — low-fidelity UI layout with panels, controls, and annotations',
+  'journey-map':
+    'Journey map — user experience flow with emotion scores, phases, and annotations',
+  pyramid:
+    'Pyramid — hierarchical layered pyramid (Maslow, DIKW, learning pyramid); inverted for funnel-of-learning style',
+};
+
 // ECharts-native types parsed by parseExtendedChart
 const ECHART_TYPES = new Set([
   'scatter',
@@ -234,6 +299,10 @@ const PARSE_DISPATCH = new Map<
   ['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)],
+  ['pyramid', (c) => parsePyramid(c)],
 ]);
 
 /**
@@ -251,7 +320,10 @@ const ALL_KNOWN_TYPES = new Set([
  * Parse DGMO content and return diagnostics without rendering.
  * Useful for the CLI and editor to surface all errors before attempting render.
  */
-export function parseDgmo(content: string): { diagnostics: DgmoError[] } {
+export function parseDgmo(content: string): {
+  diagnostics: DgmoError[];
+  chartType: string | null;
+} {
   const chartType = parseDgmoChartType(content);
 
   if (!chartType) {
@@ -259,11 +331,14 @@ export function parseDgmo(content: string): { diagnostics: DgmoError[] } {
     const colonDiag = detectColonChartType(content);
     if (colonDiag) {
       const fallback = parseVisualization(content).diagnostics;
-      return { diagnostics: [colonDiag, ...fallback] };
+      return { diagnostics: [colonDiag, ...fallback], chartType: null };
     }
 
     // No chart type detected — try visualization parser as fallback
-    return { diagnostics: parseVisualization(content).diagnostics };
+    return {
+      diagnostics: parseVisualization(content).diagnostics,
+      chartType: null,
+    };
   }
 
   const directParser = PARSE_DISPATCH.get(chartType);
@@ -271,6 +346,7 @@ export function parseDgmo(content: string): { diagnostics: DgmoError[] } {
     const result = directParser(content);
     return {
       diagnostics: [...result.diagnostics, ...detectEmptyContent(content)],
+      chartType,
     };
   }
 
@@ -278,12 +354,14 @@ export function parseDgmo(content: string): { diagnostics: DgmoError[] } {
     const result = parseChart(content);
     return {
       diagnostics: [...result.diagnostics, ...detectEmptyContent(content)],
+      chartType,
     };
   }
   if (ECHART_TYPES.has(chartType)) {
     const result = parseExtendedChart(content);
     return {
       diagnostics: [...result.diagnostics, ...detectEmptyContent(content)],
+      chartType,
     };
   }
 
@@ -291,6 +369,7 @@ export function parseDgmo(content: string): { diagnostics: DgmoError[] } {
   const result = parseVisualization(content);
   return {
     diagnostics: [...result.diagnostics, ...detectEmptyContent(content)],
+    chartType,
   };
 }
 

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();
@@ -1910,7 +1913,7 @@ function buildFunnelOption(
     bottom: 20,
     width: '60%',
     sort: 'descending' as const,
-    gap: 2,
+    gap: 0,
     minSize: '8%',
   };
 

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

@@ -14,6 +14,10 @@ export const CHART_TYPES = new Set([
   'gantt',
   'boxes-and-lines',
   'wireframe',
+  'tech-radar',
+  'mindmap',
+  'journey-map',
+  'pyramid',
   // Data chart types
   'bar',
   'line',
@@ -65,6 +69,10 @@ export const METADATA_KEYS = new Set([
   'top-left',
   'bottom-right',
   'bottom-left',
+  // Tech-radar pipe metadata
+  'quadrant',
+  'ring',
+  'trend',
 ]);
 
 /** Tag declaration keyword. */
@@ -82,6 +90,8 @@ export const DIRECTIVE_KEYWORDS = new Set([
   'critical-path',
   'no-dependencies',
   'sort',
+  // Tech-radar
+  'rings',
   // Tags
   'tags',
   'import',
@@ -149,6 +159,8 @@ export const DIRECTIVE_KEYWORDS = new Set([
   // Layout
   'direction-tb',
   'direction-lr',
+  // Pyramid
+  'inverted',
   // Data chart metadata
   'title',
   'series',
@@ -194,6 +206,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,

package/src/graph/flowchart-parser.ts

@@ -5,7 +5,6 @@ import { makeDgmoError, formatDgmoError, suggest } from '../diagnostics';
 import { parseInArrowLabel, matchColorParens } from '../utils/arrows';
 import {
   measureIndent,
-  extractColor,
   inferArrowColor,
   parseFirstLine,
   OPTION_NOCOLON_RE,
@@ -32,55 +31,50 @@ interface NodeRef {
  * Try to parse a node reference from a text fragment.
  * Order matters: subroutine & document before process.
  */
-function parseNodeRef(text: string, palette?: PaletteColors): NodeRef | null {
+function parseNodeRef(text: string): NodeRef | null {
   const t = text.trim();
   if (!t) return null;
 
   // Subroutine: [[Label]]
   let m = t.match(/^\[\[([^\]]+)\]\]$/);
   if (m) {
-    const { label, color } = extractColor(m[1].trim(), palette);
-    return {
-      id: nodeId('subroutine', label),
-      label,
-      shape: 'subroutine',
-      color,
-    };
+    const label = m[1].trim();
+    return { id: nodeId('subroutine', label), label, shape: 'subroutine' };
   }
 
   // Document: [Label~]
   m = t.match(/^\[([^\]]+)~\]$/);
   if (m) {
-    const { label, color } = extractColor(m[1].trim(), palette);
-    return { id: nodeId('document', label), label, shape: 'document', color };
+    const label = m[1].trim();
+    return { id: nodeId('document', label), label, shape: 'document' };
   }
 
   // Process: [Label]
   m = t.match(/^\[([^\]]+)\]$/);
   if (m) {
-    const { label, color } = extractColor(m[1].trim(), palette);
-    return { id: nodeId('process', label), label, shape: 'process', color };
+    const label = m[1].trim();
+    return { id: nodeId('process', label), label, shape: 'process' };
   }
 
   // Terminal: (Label) — use .+ (greedy) so (Label(color)) matches outermost parens
   m = t.match(/^\((.+)\)$/);
   if (m) {
-    const { label, color } = extractColor(m[1].trim(), palette);
-    return { id: nodeId('terminal', label), label, shape: 'terminal', color };
+    const label = m[1].trim();
+    return { id: nodeId('terminal', label), label, shape: 'terminal' };
   }
 
   // Decision: <Label>
   m = t.match(/^<([^>]+)>$/);
   if (m) {
-    const { label, color } = extractColor(m[1].trim(), palette);
-    return { id: nodeId('decision', label), label, shape: 'decision', color };
+    const label = m[1].trim();
+    return { id: nodeId('decision', label), label, shape: 'decision' };
   }
 
   // I/O: /Label/
   m = t.match(/^\/([^/]+)\/$/);
   if (m) {
-    const { label, color } = extractColor(m[1].trim(), palette);
-    return { id: nodeId('io', label), label, shape: 'io', color };
+    const label = m[1].trim();
+    return { id: nodeId('io', label), label, shape: 'io' };
   }
 
   return null;
@@ -370,7 +364,7 @@ export function parseFlowchart(
 
     if (segments.length === 1) {
       // Single node reference, no arrows
-      const ref = parseNodeRef(segments[0], palette);
+      const ref = parseNodeRef(segments[0]);
       if (ref) {
         const node = getOrCreateNode(ref, lineNumber);
         indentStack.push({ nodeId: node.id, indent });
@@ -398,7 +392,7 @@ export function parseFlowchart(
       }
 
       // This is a node text segment
-      const ref = parseNodeRef(seg, palette);
+      const ref = parseNodeRef(seg);
       if (!ref) continue;
 
       const node = getOrCreateNode(ref, lineNumber);

package/src/graph/state-parser.ts

@@ -5,7 +5,6 @@ import { makeDgmoError, formatDgmoError, suggest } from '../diagnostics';
 import { parseInArrowLabel, matchColorParens } from '../utils/arrows';
 import {
   measureIndent,
-  extractColor,
   parseFirstLine,
   OPTION_NOCOLON_RE,
   ALL_CHART_TYPES,
@@ -173,10 +172,7 @@ interface NodeRef {
   color?: string;
 }
 
-function parseStateNodeRef(
-  text: string,
-  palette?: PaletteColors
-): NodeRef | null {
+function parseStateNodeRef(text: string): NodeRef | null {
   const t = text.trim();
   if (!t) return null;
 
@@ -189,14 +185,13 @@ function parseStateNodeRef(
     };
   }
 
-  // State: bare text with optional (color) suffix
-  const { label, color } = extractColor(t, palette);
+  // State: bare text
+  const label = t;
   if (!label) return null;
   return {
     id: `state:${label.toLowerCase().trim()}`,
     label,
     shape: 'state',
-    color,
   };
 }
 
@@ -380,7 +375,7 @@ export function parseState(
 
     if (segments.length === 1) {
       // Single state reference, no arrows — this is the canonical definition
-      const ref = parseStateNodeRef(segments[0], palette);
+      const ref = parseStateNodeRef(segments[0]);
       if (ref) {
         const node = getOrCreateNode(ref, lineNumber);
         // Standalone heading is the "definition" — update lineNumber so
@@ -409,7 +404,7 @@ export function parseState(
         continue;
       }
 
-      const ref = parseStateNodeRef(seg, palette);
+      const ref = parseStateNodeRef(seg);
       if (!ref) continue;
 
       const node = getOrCreateNode(ref, lineNumber);