@diagrammo/dgmo 0.6.0 → 0.6.1

package/src/d3.ts

@@ -184,6 +184,19 @@ import { makeDgmoError, formatDgmoError, suggest } from './diagnostics';
 import { collectIndentedValues, extractColor, parsePipeMetadata } from './utils/parsing';
 import { matchTagBlockHeading, validateTagValues, resolveTagColor } from './utils/tag-groups';
 import type { TagGroup } from './utils/tag-groups';
+import {
+  LEGEND_HEIGHT as TL_LEGEND_HEIGHT,
+  LEGEND_PILL_PAD as TL_LEGEND_PILL_PAD,
+  LEGEND_PILL_FONT_SIZE as TL_LEGEND_PILL_FONT_SIZE,
+  LEGEND_PILL_FONT_W as TL_LEGEND_PILL_FONT_W,
+  LEGEND_CAPSULE_PAD as TL_LEGEND_CAPSULE_PAD,
+  LEGEND_DOT_R as TL_LEGEND_DOT_R,
+  LEGEND_ENTRY_FONT_SIZE as TL_LEGEND_ENTRY_FONT_SIZE,
+  LEGEND_ENTRY_FONT_W as TL_LEGEND_ENTRY_FONT_W,
+  LEGEND_ENTRY_DOT_GAP as TL_LEGEND_ENTRY_DOT_GAP,
+  LEGEND_ENTRY_TRAIL as TL_LEGEND_ENTRY_TRAIL,
+  LEGEND_GROUP_GAP as TL_LEGEND_GROUP_GAP,
+} from './utils/legend-constants';
 
 // ============================================================
 // Shared Rendering Helpers
@@ -3047,7 +3060,7 @@ export function renderTimeline(
     }
   }
 
-  // Reserve space for tag legend between title and chart content
+  // Reserve space for tag legend at the bottom of chart content
   const tagLegendReserve = parsed.timelineTagGroups.length > 0 ? 36 : 0;
 
   // ================================================================
@@ -3087,9 +3100,9 @@ export function renderTimeline(
       const scaleMargin = timelineScale ? 40 : 0;
       const markerMargin = timelineMarkers.length > 0 ? 30 : 0;
       const margin = {
-        top: 104 + markerMargin + tagLegendReserve,
+        top: 104 + markerMargin,
         right: 40 + scaleMargin,
-        bottom: 40,
+        bottom: 40 + tagLegendReserve,
         left: 60 + scaleMargin,
       };
       const innerWidth = width - margin.left - margin.right;
@@ -3309,9 +3322,9 @@ export function renderTimeline(
       const scaleMargin = timelineScale ? 40 : 0;
       const markerMargin = timelineMarkers.length > 0 ? 30 : 0;
       const margin = {
-        top: 104 + markerMargin + tagLegendReserve,
+        top: 104 + markerMargin,
         right: 200,
-        bottom: 40,
+        bottom: 40 + tagLegendReserve,
         left: 60 + scaleMargin,
       };
       const innerWidth = width - margin.left - margin.right;
@@ -3590,9 +3603,9 @@ export function renderTimeline(
     // Group-sorted doesn't need legend space (group names shown on left)
     const baseTopMargin = title ? 50 : 20;
     const margin = {
-      top: baseTopMargin + (timelineScale ? 40 : 0) + markerMargin + tagLegendReserve,
+      top: baseTopMargin + (timelineScale ? 40 : 0) + markerMargin,
       right: 40,
-      bottom: 40 + scaleMargin,
+      bottom: 40 + scaleMargin + tagLegendReserve,
       left: dynamicLeftMargin,
     };
     const innerWidth = width - margin.left - margin.right;
@@ -3869,9 +3882,9 @@ export function renderTimeline(
     const scaleMargin = timelineScale ? 24 : 0;
     const markerMargin = timelineMarkers.length > 0 ? 30 : 0;
     const margin = {
-      top: 104 + (timelineScale ? 40 : 0) + markerMargin + tagLegendReserve,
+      top: 104 + (timelineScale ? 40 : 0) + markerMargin,
       right: 40,
-      bottom: 40 + scaleMargin,
+      bottom: 40 + scaleMargin + tagLegendReserve,
       left: 60,
     };
     const innerWidth = width - margin.left - margin.right;
@@ -4121,23 +4134,23 @@ export function renderTimeline(
 
   // ── Tag Legend (org-chart-style pills) ──
   if (parsed.timelineTagGroups.length > 0) {
-    const LG_HEIGHT = 28;
-    const LG_PILL_PAD = 16;
-    const LG_PILL_FONT_SIZE = 11;
-    const LG_PILL_FONT_W = LG_PILL_FONT_SIZE * 0.6;
-    const LG_CAPSULE_PAD = 4;
-    const LG_DOT_R = 4;
-    const LG_ENTRY_FONT_SIZE = 10;
-    const LG_ENTRY_FONT_W = LG_ENTRY_FONT_SIZE * 0.6;
-    const LG_ENTRY_DOT_GAP = 4;
-    const LG_ENTRY_TRAIL = 8;
-    const LG_GROUP_GAP = 12;
-    const LG_ICON_W = 20; // swimlane icon area (icon + surrounding space)
+    const LG_HEIGHT = TL_LEGEND_HEIGHT;
+    const LG_PILL_PAD = TL_LEGEND_PILL_PAD;
+    const LG_PILL_FONT_SIZE = TL_LEGEND_PILL_FONT_SIZE;
+    const LG_PILL_FONT_W = TL_LEGEND_PILL_FONT_W;
+    const LG_CAPSULE_PAD = TL_LEGEND_CAPSULE_PAD;
+    const LG_DOT_R = TL_LEGEND_DOT_R;
+    const LG_ENTRY_FONT_SIZE = TL_LEGEND_ENTRY_FONT_SIZE;
+    const LG_ENTRY_FONT_W = TL_LEGEND_ENTRY_FONT_W;
+    const LG_ENTRY_DOT_GAP = TL_LEGEND_ENTRY_DOT_GAP;
+    const LG_ENTRY_TRAIL = TL_LEGEND_ENTRY_TRAIL;
+    const LG_GROUP_GAP = TL_LEGEND_GROUP_GAP;
+    const LG_ICON_W = 20; // swimlane icon area (icon + surrounding space) — local
 
     const mainSvg = d3Selection.select(container).select<SVGSVGElement>('svg');
     const mainG = mainSvg.select<SVGGElement>('g');
     if (!mainSvg.empty() && !mainG.empty()) {
-      const legendY = title ? 50 : 10;
+      const legendY = height - LG_HEIGHT - 4;
 
       const groupBg = isDark
         ? mix(palette.surface, palette.bg, 50)
@@ -4212,6 +4225,7 @@ export function renderTimeline(
       function drawLegend() {
         // Remove previous legend
         mainSvg.selectAll('.tl-tag-legend-group').remove();
+        mainSvg.selectAll('.tl-tag-legend-container').remove();
 
         // Effective color source: explicit color group > swimlane group
         const effectiveColorKey = (currentActiveGroup ?? currentSwimlaneGroup)?.toLowerCase() ?? null;
@@ -4238,6 +4252,13 @@ export function renderTimeline(
 
         let cx = (width - totalW) / 2;
 
+        // Legend container for data-legend-active attribute
+        const legendContainer = mainSvg.append('g')
+          .attr('class', 'tl-tag-legend-container');
+        if (currentActiveGroup) {
+          legendContainer.attr('data-legend-active', currentActiveGroup.toLowerCase());
+        }
+
         for (const lg of visibleGroups) {
           const groupKey = lg.group.name.toLowerCase();
           const isActive = viewMode ||
@@ -4249,7 +4270,7 @@ export function renderTimeline(
           const pillLabel = lg.group.name;
           const pillWidth = pillLabel.length * LG_PILL_FONT_W + LG_PILL_PAD;
 
-          const gEl = mainSvg
+          const gEl = legendContainer
             .append('g')
             .attr('transform', `translate(${cx}, ${legendY})`)
             .attr('class', 'tl-tag-legend-group tl-tag-legend-entry')
@@ -5781,7 +5802,7 @@ export async function renderForExport(
     hiddenAttributes?: Set<string>;
     swimlaneTagGroup?: string | null;
   },
-  options?: { branding?: boolean; c4Level?: 'context' | 'containers' | 'components' | 'deployment'; c4System?: string; c4Container?: string; scenario?: string }
+  options?: { branding?: boolean; c4Level?: 'context' | 'containers' | 'components' | 'deployment'; c4System?: string; c4Container?: string; tagGroup?: string }
 ): Promise<string> {
   // Flowchart and org chart use their own parser pipelines — intercept before parseVisualization()
   const { parseDgmoChartType } = await import('./dgmo-router');
@@ -5801,7 +5822,7 @@ export async function renderForExport(
 
     // Apply interactive collapse state when provided
     const collapsedNodes = orgExportState?.collapsedNodes;
-    const activeTagGroup = orgExportState?.activeTagGroup ?? null;
+    const activeTagGroup = orgExportState?.activeTagGroup ?? options?.tagGroup ?? null;
     const hiddenAttributes = orgExportState?.hiddenAttributes;
 
     const { parsed: effectiveParsed, hiddenCounts } =
@@ -5841,7 +5862,7 @@ export async function renderForExport(
 
     // Apply interactive collapse state when provided
     const collapsedNodes = orgExportState?.collapsedNodes;
-    const activeTagGroup = orgExportState?.activeTagGroup ?? null;
+    const activeTagGroup = orgExportState?.activeTagGroup ?? options?.tagGroup ?? null;
     const hiddenAttributes = orgExportState?.hiddenAttributes;
 
     const { parsed: effectiveParsed, hiddenCounts } =
@@ -5881,7 +5902,7 @@ export async function renderForExport(
     container.style.left = '-9999px';
     document.body.appendChild(container);
 
-    renderKanban(container, kanbanParsed, effectivePalette, theme === 'dark');
+    renderKanban(container, kanbanParsed, effectivePalette, theme === 'dark', undefined, undefined, options?.tagGroup);
     return finalizeSvgExport(container, theme, effectivePalette, options);
   }
 
@@ -5921,7 +5942,7 @@ export async function renderForExport(
     const exportHeight = erLayout.height + PADDING * 2 + titleOffset;
     const container = createExportContainer(exportWidth, exportHeight);
 
-    renderERDiagram(container, erParsed, erLayout, effectivePalette, theme === 'dark', undefined, { width: exportWidth, height: exportHeight });
+    renderERDiagram(container, erParsed, erLayout, effectivePalette, theme === 'dark', undefined, { width: exportWidth, height: exportHeight }, options?.tagGroup);
     return finalizeSvgExport(container, theme, effectivePalette, options);
   }
 
@@ -5979,7 +6000,7 @@ export async function renderForExport(
       ? renderC4Containers
       : renderC4Context;
 
-    renderFn(container, c4Parsed, c4Layout, effectivePalette, theme === 'dark', undefined, { width: exportWidth, height: exportHeight });
+    renderFn(container, c4Parsed, c4Layout, effectivePalette, theme === 'dark', undefined, { width: exportWidth, height: exportHeight }, options?.tagGroup);
     return finalizeSvgExport(container, theme, effectivePalette, options);
   }
 
@@ -6009,11 +6030,9 @@ export async function renderForExport(
     const infraParsed = parseInfra(content);
     if (infraParsed.error || infraParsed.nodes.length === 0) return '';
 
-    const selectedScenario = options?.scenario
-      ? infraParsed.scenarios.find((s) => s.name.toLowerCase() === options.scenario!.toLowerCase()) ?? null
-      : null;
-    const infraComputed = computeInfra(infraParsed, selectedScenario ? { scenario: selectedScenario } : {});
+    const infraComputed = computeInfra(infraParsed);
     const infraLayout = layoutInfra(infraComputed);
+    const activeTagGroup = options?.tagGroup ?? null;
 
     const titleOffset = infraParsed.title ? 40 : 0;
     const legendGroups = computeInfraLegendGroups(infraLayout.nodes, infraParsed.tagGroups, effectivePalette);
@@ -6022,7 +6041,7 @@ export async function renderForExport(
     const exportHeight = infraLayout.height + titleOffset + legendOffset;
     const container = createExportContainer(exportWidth, exportHeight);
 
-    renderInfra(container, infraLayout, effectivePalette, theme === 'dark', infraParsed.title, infraParsed.titleLineNumber, infraParsed.tagGroups, null, false, null, null, true);
+    renderInfra(container, infraLayout, effectivePalette, theme === 'dark', infraParsed.title, infraParsed.titleLineNumber, infraParsed.tagGroups, activeTagGroup, false, null, null, true);
     // Restore explicit pixel dimensions for resvg (renderer uses 100%/viewBox for app scaling)
     const infraSvg = container.querySelector('svg');
     if (infraSvg) {
@@ -6079,6 +6098,7 @@ export async function renderForExport(
     if (seqParsed.error || seqParsed.participants.length === 0) return '';
     renderSequenceDiagram(container, seqParsed, effectivePalette, isDark, undefined, {
       exportWidth: EXPORT_WIDTH,
+      activeTagGroup: options?.tagGroup,
     });
   } else if (parsed.type === 'wordcloud') {
     await renderWordCloudAsync(container, parsed, effectivePalette, isDark, dims);
@@ -6086,7 +6106,7 @@ export async function renderForExport(
     renderArcDiagram(container, parsed, effectivePalette, isDark, undefined, dims);
   } else if (parsed.type === 'timeline') {
     renderTimeline(container, parsed, effectivePalette, isDark, undefined, dims,
-      orgExportState?.activeTagGroup, orgExportState?.swimlaneTagGroup);
+      orgExportState?.activeTagGroup ?? options?.tagGroup, orgExportState?.swimlaneTagGroup);
   } else if (parsed.type === 'venn') {
     renderVenn(container, parsed, effectivePalette, isDark, undefined, dims);
   } else if (parsed.type === 'quadrant') {

package/src/echarts.ts

@@ -1323,7 +1323,7 @@ function makeGridAxis(
   data?: string[],
   nameGapOverride?: number,
   chartWidthHint?: number,
-  intervalOverride?: (index: number, value: string) => boolean
+  intervalOverride?: number
 ): Record<string, unknown> {
   const defaultGap = type === 'value' ? 75 : 40;
 
@@ -1333,13 +1333,17 @@ function makeGridAxis(
   if (type === 'category' && data && data.length > 0) {
     const maxLabelLen = Math.max(...data.map((l) => l.length));
     const count = data.length;
+    // When interval skips labels, base sizing on visible count (≈ count / step)
+    const step = intervalOverride != null && intervalOverride > 0 ? intervalOverride + 1 : 1;
+    const visibleCount = Math.ceil(count / step);
     // Reduce font size based on density and label length
-    if (count > 10 || maxLabelLen > 20) catFontSize = 10;
-    else if (count > 5 || maxLabelLen > 14) catFontSize = 11;
+    if (visibleCount > 10 || maxLabelLen > 20) catFontSize = 10;
+    else if (visibleCount > 5 || maxLabelLen > 14) catFontSize = 11;
     else if (maxLabelLen > 8) catFontSize = 12;
 
-    // Constrain labels to their allotted slot width so ECharts wraps instead of hiding
-    if (chartWidthHint && count > 0) {
+    // Constrain labels to their allotted slot width so ECharts wraps instead of hiding.
+    // Skip when interval > 0 — visible labels are spread out and need no constraint.
+    if ((intervalOverride == null || intervalOverride === 0) && chartWidthHint && count > 0) {
       const availPerLabel = Math.floor((chartWidthHint * 0.85) / count);
       catLabelExtras = {
         width: availPerLabel,
@@ -1358,6 +1362,9 @@ function makeGridAxis(
       fontFamily: FONT_FAMILY,
       ...(type === 'category' && {
         interval: intervalOverride ?? 0,
+        // Prevent ECharts auto-rotation: it measures raw slot width (chartWidth/N),
+        // which is too narrow when an interval skips most labels, and rotates to 90°.
+        rotate: 0,
         formatter: (value: string) =>
           value.replace(/([a-z])([A-Z])/g, '$1\n$2'),
         ...catLabelExtras,
@@ -1477,24 +1484,17 @@ function buildBarOption(
 
 // ── Era band helpers ──────────────────────────────────────────
 
-function buildIntervalCallback(
-  labels: string[],
-  eras: ChartEra[]
-): (index: number, value: string) => boolean {
+// Returns an integer interval for ECharts axisLabel.interval.
+// interval: N means show label at index 0, N+1, 2*(N+1), ...
+// For a desired step S we return S-1.
+// Targets ~5 visible labels — conservative enough to prevent ECharts stagger.
+function buildIntervalStep(labels: string[]): number {
   const count = labels.length;
-  if (count <= 8) return () => true; // show all; not `0` (ECharts auto ≠ show all)
-  const snapSteps = [1, 2, 4, 5, 10, 20, 25, 50];
-  const raw = Math.ceil(count / 8);
+  if (count <= 6) return 0; // show all
+  const snapSteps = [1, 2, 5, 10, 25, 50, 100];
+  const raw = Math.ceil(count / 5); // target ~5 visible labels
   const N = [...snapSteps].reverse().find((s) => s <= raw) ?? 1; // snap down
-  const pinned = new Set<number>();
-  for (let i = 0; i < count; i += N) pinned.add(i);
-  for (const era of eras) {
-    const si = labels.indexOf(era.start);
-    const ei = labels.indexOf(era.end);
-    if (si >= 0) pinned.add(si);
-    if (ei >= 0) pinned.add(ei);
-  }
-  return (index: number) => pinned.has(index);
+  return N - 1; // ECharts shows labels at indices 0, N, 2N, ...
 }
 
 function buildMarkArea(
@@ -1548,7 +1548,7 @@ function buildLineOption(
   const labels = parsed.data.map((d) => d.label);
   const values = parsed.data.map((d) => d.value);
   const eras = parsed.eras ?? [];
-  const interval = buildIntervalCallback(labels, eras);
+  const interval = buildIntervalStep(labels);
   const markArea = buildMarkArea(eras, labels, textColor, palette.colors.blue);
 
   return {
@@ -1595,7 +1595,7 @@ function buildMultiLineOption(
   const seriesNames = parsed.seriesNames ?? [];
   const labels = parsed.data.map((d) => d.label);
   const eras = parsed.eras ?? [];
-  const interval = buildIntervalCallback(labels, eras);
+  const interval = buildIntervalStep(labels);
   const markArea = buildMarkArea(eras, labels, textColor, palette.colors.blue);
 
   const series = seriesNames.map((name, idx) => {
@@ -1654,7 +1654,7 @@ function buildAreaOption(
   const labels = parsed.data.map((d) => d.label);
   const values = parsed.data.map((d) => d.value);
   const eras = parsed.eras ?? [];
-  const interval = buildIntervalCallback(labels, eras);
+  const interval = buildIntervalStep(labels);
   const markArea = buildMarkArea(eras, labels, textColor, palette.colors.blue);
 
   return {

package/src/er/renderer.ts

@@ -9,6 +9,12 @@ import type { PaletteColors } from '../palettes';
 import { mix } from '../palettes/color-utils';
 import { getSeriesColors } from '../palettes';
 import { resolveTagColor } from '../utils/tag-groups';
+import {
+  LEGEND_HEIGHT,
+  LEGEND_PILL_PAD,
+  LEGEND_PILL_FONT_SIZE,
+  LEGEND_GROUP_GAP,
+} from '../utils/legend-constants';
 import type { ParsedERDiagram, ERConstraint } from './types';
 import type { ERLayoutResult, ERLayoutNode, ERLayoutEdge } from './layout';
 import { parseERDiagram } from './parser';
@@ -445,17 +451,17 @@ export function renderERDiagram(
 
   // ── Tag Legend ──
   if (parsed.tagGroups.length > 0) {
-    const LEGEND_Y_PAD = 16;
-    const LEGEND_PILL_H = 22;
-    const LEGEND_PILL_RX = 11;
-    const LEGEND_PILL_PAD = 10;
+    const LEGEND_PILL_H = LEGEND_HEIGHT - 6;
+    const LEGEND_PILL_RX = Math.floor(LEGEND_PILL_H / 2);
     const LEGEND_GAP = 8;
-    const LEGEND_FONT_SIZE = 11;
-    const LEGEND_GROUP_GAP = 16;
 
     const legendG = svg.append('g')
       .attr('class', 'er-tag-legend');
 
+    if (activeTagGroup) {
+      legendG.attr('data-legend-active', activeTagGroup.toLowerCase());
+    }
+
     let legendX = DIAGRAM_PADDING;
     let legendY = height - DIAGRAM_PADDING;
 
@@ -469,7 +475,7 @@ export function renderERDiagram(
         .attr('y', legendY + LEGEND_PILL_H / 2)
         .attr('dominant-baseline', 'central')
         .attr('fill', palette.textMuted)
-        .attr('font-size', LEGEND_FONT_SIZE)
+        .attr('font-size', LEGEND_PILL_FONT_SIZE)
         .attr('font-family', FONT_FAMILY)
         .text(`${group.name}:`);
 
@@ -484,7 +490,7 @@ export function renderERDiagram(
 
         // Estimate text width
         const tmpText = legendG.append('text')
-          .attr('font-size', LEGEND_FONT_SIZE)
+          .attr('font-size', LEGEND_PILL_FONT_SIZE)
           .attr('font-family', FONT_FAMILY)
           .text(entry.value);
         const textW = tmpText.node()?.getComputedTextLength?.() ?? entry.value.length * 7;
@@ -509,7 +515,7 @@ export function renderERDiagram(
           .attr('text-anchor', 'middle')
           .attr('dominant-baseline', 'central')
           .attr('fill', palette.text)
-          .attr('font-size', LEGEND_FONT_SIZE)
+          .attr('font-size', LEGEND_PILL_FONT_SIZE)
           .attr('font-family', FONT_FAMILY)
           .text(entry.value);
 

package/src/index.ts

@@ -246,7 +246,7 @@ export { collapseSitemapTree } from './sitemap/collapse';
 
 // ── Infra Chart ────────────────────────────────────────────
 export { parseInfra } from './infra/parser';
-export type { ParsedInfra, InfraNode, InfraEdge, InfraGroup, InfraTagGroup, InfraProperty, InfraDiagnostic, InfraScenario, InfraComputeParams, InfraBehaviorKey } from './infra/types';
+export type { ParsedInfra, InfraNode, InfraEdge, InfraGroup, InfraTagGroup, InfraProperty, InfraDiagnostic, InfraComputeParams, InfraBehaviorKey } from './infra/types';
 export { INFRA_BEHAVIOR_KEYS } from './infra/types';
 export { computeInfra } from './infra/compute';
 export type { ComputedInfraModel, ComputedInfraNode, ComputedInfraEdge, InfraLatencyPercentiles, InfraAvailabilityPercentiles, InfraCbState } from './infra/types';
@@ -256,7 +256,7 @@ export type { InfraRole } from './infra/roles';
 export { layoutInfra } from './infra/layout';
 export type { InfraLayoutResult, InfraLayoutNode, InfraLayoutEdge, InfraLayoutGroup } from './infra/layout';
 export { renderInfra, parseAndLayoutInfra, computeInfraLegendGroups } from './infra/renderer';
-export type { InfraLegendGroup, InfraPlaybackState } from './infra/renderer';
+export type { InfraLegendGroup } from './infra/renderer';
 export type { CollapsedSitemapResult } from './sitemap/collapse';
 
 export { collapseOrgTree } from './org/collapse';

package/src/infra/compute.ts

@@ -604,28 +604,8 @@ export function computeInfra(
   const defaultLatencyMs = parseFloat(parsed.options['default-latency-ms'] ?? '') || 0;
   const defaultUptime = parseFloat(parsed.options['default-uptime'] ?? '') || 100;
 
-  // Apply scenario overrides (shallow clone nodes with modified properties)
-  let effectiveNodes = parsed.nodes;
-  if (params.scenario) {
-    const overrides = params.scenario.overrides;
-    effectiveNodes = parsed.nodes.map((node) => {
-      const nodeOverrides = overrides[node.id];
-      if (!nodeOverrides) return node;
-      const props = node.properties.map((p) => {
-        const ov = nodeOverrides[p.key];
-        return ov != null ? { ...p, value: ov } : p;
-      });
-      // Add new properties from scenario that don't exist on the node
-      for (const [key, val] of Object.entries(nodeOverrides)) {
-        if (!props.some((p) => p.key === key)) {
-          props.push({ key, value: val, lineNumber: node.lineNumber });
-        }
-      }
-      return { ...node, properties: props };
-    });
-  }
   // Apply per-node property overrides (from interactive sliders)
-  // These take precedence over scenario overrides
+  let effectiveNodes = parsed.nodes;
   if (params.propertyOverrides) {
     const propOv = params.propertyOverrides;
     effectiveNodes = effectiveNodes.map((node) => {

package/src/infra/parser.ts

@@ -110,7 +110,6 @@ export function parseInfra(content: string): ParsedInfra {
     edges: [],
     groups: [],
     tagGroups: [],
-    scenarios: [],
     options: {},
     diagnostics: [],
     error: null,
@@ -250,46 +249,20 @@ export function parseInfra(content: string): ParsedInfra {
         continue;
       }
 
-      // scenario: Name
+      // scenario: Name — deprecated, emit warning and skip block
       if (/^scenario\s*:/i.test(trimmed)) {
-        finishCurrentNode();
-        finishCurrentTagGroup();
-        currentGroup = null;
-        const scenarioName = trimmed.replace(/^scenario\s*:\s*/i, '').trim();
-        const scenario: import('./types').InfraScenario = {
-          name: scenarioName,
-          overrides: {},
-          lineNumber,
-        };
-        // Parse indented block for scenario overrides
-        let scenarioNodeId: string | null = null;
+        console.warn('[dgmo warn] scenario syntax is deprecated and will be ignored');
+        // Skip indented block
         let si = i + 1;
         while (si < lines.length) {
           const sLine = lines[si];
           const sTrimmed = sLine.trim();
           if (!sTrimmed || sTrimmed.startsWith('#')) { si++; continue; }
           const sIndent = sLine.length - sLine.trimStart().length;
-          if (sIndent === 0) break; // back to top level
-
-          if (sIndent <= 2) {
-            // Node reference (e.g., "  edge" or "  API")
-            scenarioNodeId = nodeId(sTrimmed.replace(/\|.*$/, '').trim());
-            if (!scenario.overrides[scenarioNodeId]) {
-              scenario.overrides[scenarioNodeId] = {};
-            }
-          } else if (scenarioNodeId) {
-            // Property override (e.g., "    rps: 10000")
-            const pm = sTrimmed.match(PROPERTY_RE);
-            if (pm) {
-              const key = pm[1].toLowerCase();
-              const val = parsePropertyValue(pm[2].trim());
-              scenario.overrides[scenarioNodeId][key] = val;
-            }
-          }
+          if (sIndent === 0) break;
           si++;
         }
-        i = si - 1; // advance past scenario block
-        result.scenarios.push(scenario);
+        i = si - 1;
         continue;
       }