@mmapp/react-compiler 0.1.0-alpha.1 → 0.1.0-alpha.4

package/src/__tests__/atom-rendering-coverage.test.ts

@@ -1,680 +0,0 @@
-/**
- * Atom Rendering Coverage Test — verifies that every component type found
- * in compiled experience trees maps to a known renderer in the component registry.
- *
- * Extracts all unique component types from every example blueprint and
- * cross-references them against the canonical renderer list.
- */
-
-import { describe, it, expect, beforeAll } from 'vitest';
-import { transformSync } from '@babel/core';
-import { readFileSync, readdirSync, existsSync } from 'fs';
-import { resolve, join } from 'path';
-import babelPlugin from '../babel';
-import { compileProject } from '../project-compiler';
-import type { IRWorkflowDefinition, IRExperienceNode } from '@mindmatrix/player-core';
-
-// =============================================================================
-// Known Renderers — complete list from component-registry.ts
-// =============================================================================
-
-/**
- * Every component type that has a registered renderer on the web platform.
- * Sourced from packages/frontend/src/experiences/component-registry.ts.
- */
-const KNOWN_RENDERERS = new Set([
-  // Sub-experience components (17)
-  'MetricsGrid', 'AdaptiveCardGrid', 'AdaptiveFilters', 'Pagination',
-  'EntityHeader', 'ProgressTracker', 'RatingWidget', 'FieldSection',
-  'TransitionActions', 'ChildInstanceList', 'BreakdownCharts', 'TabbedLayout',
-  'HierarchyBreadcrumb', 'ResourceCommitAction', 'SearchInput', 'SortControl',
-  'AggregateStats',
-
-  // Layout atoms (5)
-  'Stack', 'Row', 'Grid', 'Divider', 'Spacer',
-
-  // Content atoms (5)
-  'Text', 'Heading', 'Field', 'Image', 'Badge',
-
-  // Action atoms (2)
-  'Button', 'Link',
-
-  // Control flow (2)
-  'Show', 'Each',
-
-  // Grouping (4)
-  'Card', 'Tabs', 'Accordion', 'Section',
-
-  // Input (4)
-  'TextInput', 'Input', 'Markdown', 'ScrollArea',
-
-  // Creative (3)
-  'Canvas3D', 'DataGrid', 'AnimatedBox',
-
-  // Data Workspace (1)
-  'ServerGrid',
-
-  // Visualization (3)
-  'Chart', 'MetricCard', 'FilterBar',
-
-  // Interaction (4)
-  'Icon', 'Select', 'Modal', 'Slot',
-
-  // Navigation (3)
-  'Router', 'Route', 'NavLink',
-
-  // Auth (1)
-  'RoleGuard',
-
-  // Module composition (2)
-  'ModuleLayoutBoundary', 'ModuleOutlet',
-
-  // New atoms (7)
-  'Alert', 'Avatar', 'Progress', 'Stat', 'Table', 'Separator', 'EmptyState',
-
-  // Media atoms (3 + alias)
-  'Video', 'Audio', 'Map', 'MapView',
-
-  // Interactive atoms (4)
-  'Slider', 'Toggle', 'Rating', 'Counter',
-
-  // Data display (3)
-  'Tag', 'Timeline', 'Pricing',
-
-  // Layout atoms (3)
-  'Breadcrumb', 'Stepper', 'Drawer',
-
-  // Utility atoms (2)
-  'Tooltip', 'Carousel',
-
-  // Chart/visualization atoms (8)
-  'BarChart', 'PieChart', 'LineChart', 'Sparkline', 'Gauge',
-  'DataTable', 'KPICard', 'MetricGrid',
-
-  // Editor (1)
-  'EditButton',
-
-  // Glass Console (1)
-  'GlassConsoleRunner',
-
-  // Opaque platform-leaf (2)
-  'DragDropZone', 'VideoGrid',
-]);
-
-/**
- * The canonical list of atoms that should be verifiable across the platform.
- * Used for explicit coverage assertions.
- */
-const KNOWN_ATOMS = [
-  'Stack', 'Row', 'Box', 'Text', 'Heading', 'Button', 'TextInput', 'Select',
-  'Toggle', 'DataGrid', 'Router', 'Route', 'NavLink', 'Chart', 'Modal',
-  'Stepper', 'Carousel', 'AnimatedBox', 'DragDropZone', 'FilterBar',
-  'Markdown', 'ScrollArea', 'Audio', 'Video', 'KPICard', 'MetricCard',
-  'Icon', 'Stat', 'DataTable', 'Avatar', 'Timeline', 'Alert',
-  'Show', 'Hide', 'Each', 'Slot', 'Badge', 'Image', 'Link',
-];
-
-/**
- * Components that appear in compiled IR but are handled by the CTR
- * (Component Tree Renderer) as structural/layout nodes, not as
- * independent atom renderers. These are valid and expected.
- */
-const STRUCTURAL_COMPONENTS = new Set([
-  'Fragment',       // Wrapper for multiple children
-  'Container',      // Generic container from fragments
-  'Box',            // Generic box (may map to Stack or div)
-  'Hide',           // Inverse of Show (control flow)
-  'div', 'span',    // Raw HTML elements (infer mode)
-  'h1', 'h2', 'h3', 'h4', 'h5', 'h6',  // Headings (normalized to Text in strict mode)
-  'p', 'a', 'ul', 'ol', 'li',           // HTML elements (infer mode)
-  'form', 'input', 'textarea', 'select', // HTML form elements
-  'img', 'video', 'audio',              // HTML media elements
-  'nav', 'header', 'footer', 'main', 'aside', 'section', // Semantic HTML
-  'table', 'thead', 'tbody', 'tr', 'th', 'td',           // HTML table elements
-  'label', 'button',                     // HTML form elements
-  'Checkbox',       // Used in todo-app but may not have standalone renderer
-]);
-
-// =============================================================================
-// Helpers
-// =============================================================================
-
-function compileFile(relativePath: string): IRWorkflowDefinition {
-  const filePath = resolve(__dirname, '../../examples', relativePath);
-  const code = readFileSync(filePath, 'utf-8');
-  const result = transformSync(code, {
-    filename: filePath,
-    plugins: [[babelPlugin]],
-    parserOpts: { plugins: ['typescript', 'jsx'], attachComment: true },
-  });
-  const ir = (result as any)?.metadata?.mindmatrixIR;
-  if (!ir) throw new Error(`No IR produced for ${relativePath}`);
-  return ir;
-}
-
-function loadProjectFiles(dir: string): Record<string, string> {
-  const files: Record<string, string> = {};
-
-  function walk(current: string, prefix: string) {
-    for (const entry of readdirSync(current, { withFileTypes: true })) {
-      const rel = prefix ? `${prefix}/${entry.name}` : entry.name;
-      if (entry.isDirectory()) {
-        if (entry.name === 'tests' || entry.name === 'node_modules' || entry.name === '__tests__') continue;
-        walk(join(current, entry.name), rel);
-      } else if (entry.name.endsWith('.ts') || entry.name.endsWith('.tsx')) {
-        files[rel] = readFileSync(join(current, entry.name), 'utf-8');
-      }
-    }
-  }
-
-  walk(dir, '');
-  return files;
-}
-
-function loadExampleProjectFiles(dir: string): Record<string, string> {
-  const base = resolve(__dirname, '../../examples', dir);
-  return loadProjectFiles(base);
-}
-
-/** Recursively collect all unique component types from an experience tree */
-function collectComponentTypes(node: IRExperienceNode | undefined): Set<string> {
-  const types = new Set<string>();
-  if (!node) return types;
-
-  function walk(n: IRExperienceNode) {
-    if (n.component) types.add(n.component);
-    n.children?.forEach(walk);
-  }
-  walk(node);
-  return types;
-}
-
-function getExperience(ir: IRWorkflowDefinition): IRExperienceNode | undefined {
-  return ir.metadata?.experience as IRExperienceNode | undefined;
-}
-
-// =============================================================================
-// Collect All Component Types Across All Blueprints
-// =============================================================================
-
-const allComponentTypes = new Set<string>();
-const componentsByBlueprint = new Map<string, Set<string>>();
-
-// Single-file examples
-const singleFileExamples = [
-  'counter.workflow.tsx',
-  'todo-app.workflow.tsx',
-  'dashboard.workflow.tsx',
-];
-
-for (const file of singleFileExamples) {
-  try {
-    const ir = compileFile(file);
-    const exp = getExperience(ir);
-    const types = collectComponentTypes(exp);
-    componentsByBlueprint.set(file, types);
-    types.forEach(t => allComponentTypes.add(t));
-  } catch {
-    // Will be caught by individual tests
-  }
-}
-
-// Multi-file examples
-const multiFileExamples = ['authentication', 'invoice-approval'];
-
-for (const dir of multiFileExamples) {
-  try {
-    const files = loadExampleProjectFiles(dir);
-    const result = compileProject(files);
-    const exp = getExperience(result.ir);
-    const types = collectComponentTypes(exp);
-
-    // Also collect from child definitions
-    if (result.childDefinitions) {
-      for (const child of result.childDefinitions) {
-        const childExp = getExperience(child);
-        collectComponentTypes(childExp).forEach(t => types.add(t));
-      }
-    }
-
-    // Collect from all file IRs
-    for (const [, fileIR] of Object.entries(result.fileIRs)) {
-      const fir = fileIR as IRWorkflowDefinition;
-      const fileExp = getExperience(fir);
-      collectComponentTypes(fileExp).forEach(t => types.add(t));
-    }
-
-    componentsByBlueprint.set(dir, types);
-    types.forEach(t => allComponentTypes.add(t));
-  } catch {
-    // Will be caught by individual tests
-  }
-}
-
-// Package-level blueprints
-const packageBlueprints = [
-  'blueprint-employee-salary-tracking',
-  'blueprint-project-tracker',
-  'blueprint-auth',
-  'blueprint-chat',
-  'blueprint-team-directory',
-  'blueprint-accelerator',
-];
-
-for (const bp of packageBlueprints) {
-  const bpDir = resolve(__dirname, '../../../', bp);
-  if (!existsSync(join(bpDir, 'mm.config.ts'))) continue;
-  try {
-    const files = loadProjectFiles(bpDir);
-    const result = compileProject(files, { usePhase2Modules: true });
-    const exp = getExperience(result.ir);
-    const types = collectComponentTypes(exp);
-
-    if (result.childDefinitions) {
-      for (const child of result.childDefinitions) {
-        const childExp = getExperience(child);
-        collectComponentTypes(childExp).forEach(t => types.add(t));
-      }
-    }
-
-    for (const [, fileIR] of Object.entries(result.fileIRs)) {
-      const fir = fileIR as IRWorkflowDefinition;
-      const fileExp = getExperience(fir);
-      collectComponentTypes(fileExp).forEach(t => types.add(t));
-    }
-
-    // Also collect from page experiences
-    if (result.pageExperiences) {
-      for (const [, pageExp] of Object.entries(result.pageExperiences)) {
-        collectComponentTypes(pageExp as IRExperienceNode).forEach(t => types.add(t));
-      }
-    }
-
-    componentsByBlueprint.set(bp, types);
-    types.forEach(t => allComponentTypes.add(t));
-  } catch {
-    // Will be caught by individual tests
-  }
-}
-
-// =============================================================================
-// Tests
-// =============================================================================
-
-describe('Atom Rendering Coverage: All component types have renderers', () => {
-  it('collected component types from multiple blueprints', () => {
-    expect(allComponentTypes.size).toBeGreaterThan(5);
-  });
-
-  it('every component type maps to a known renderer or structural component', () => {
-    const unknownComponents: string[] = [];
-
-    for (const type of allComponentTypes) {
-      if (!KNOWN_RENDERERS.has(type) && !STRUCTURAL_COMPONENTS.has(type)) {
-        unknownComponents.push(type);
-      }
-    }
-
-    if (unknownComponents.length > 0) {
-      console.warn(
-        `Unknown component types found (no registered renderer):\n` +
-        unknownComponents.map(c => `  - ${c}`).join('\n')
-      );
-    }
-
-    // All components should be accounted for
-    expect(unknownComponents).toEqual([]);
-  });
-
-  it('no "Unknown" component types in any blueprint', () => {
-    for (const [blueprint, types] of componentsByBlueprint) {
-      const unknowns = [...types].filter(t =>
-        t === 'Unknown' || t.startsWith('Unknown')
-      );
-      expect(unknowns).toEqual([]);
-    }
-  });
-});
-
-describe('Atom Rendering Coverage: KNOWN_ATOMS list verification', () => {
-  it('all KNOWN_ATOMS are either registered renderers or structural components', () => {
-    const unaccounted: string[] = [];
-    for (const atom of KNOWN_ATOMS) {
-      if (!KNOWN_RENDERERS.has(atom) && !STRUCTURAL_COMPONENTS.has(atom)) {
-        unaccounted.push(atom);
-      }
-    }
-    // Every atom in the explicit list should be known
-    expect(unaccounted).toEqual([]);
-  });
-
-  it('KNOWN_ATOMS includes all core layout primitives', () => {
-    expect(KNOWN_ATOMS).toContain('Stack');
-    expect(KNOWN_ATOMS).toContain('Row');
-    expect(KNOWN_ATOMS).toContain('Text');
-    expect(KNOWN_ATOMS).toContain('Heading');
-    expect(KNOWN_ATOMS).toContain('Button');
-  });
-
-  it('KNOWN_ATOMS includes all control flow atoms', () => {
-    expect(KNOWN_ATOMS).toContain('Show');
-    expect(KNOWN_ATOMS).toContain('Hide');
-    expect(KNOWN_ATOMS).toContain('Each');
-    expect(KNOWN_ATOMS).toContain('Slot');
-  });
-
-  it('KNOWN_ATOMS includes all navigation atoms', () => {
-    expect(KNOWN_ATOMS).toContain('Router');
-    expect(KNOWN_ATOMS).toContain('Route');
-    expect(KNOWN_ATOMS).toContain('NavLink');
-  });
-
-  it('KNOWN_ATOMS includes all input atoms', () => {
-    expect(KNOWN_ATOMS).toContain('TextInput');
-    expect(KNOWN_ATOMS).toContain('Select');
-    expect(KNOWN_ATOMS).toContain('Toggle');
-    expect(KNOWN_ATOMS).toContain('Markdown');
-  });
-
-  it('KNOWN_ATOMS includes all visualization atoms', () => {
-    expect(KNOWN_ATOMS).toContain('Chart');
-    expect(KNOWN_ATOMS).toContain('DataGrid');
-    expect(KNOWN_ATOMS).toContain('DataTable');
-    expect(KNOWN_ATOMS).toContain('KPICard');
-    expect(KNOWN_ATOMS).toContain('MetricCard');
-    expect(KNOWN_ATOMS).toContain('FilterBar');
-  });
-
-  it('KNOWN_ATOMS includes all media atoms', () => {
-    expect(KNOWN_ATOMS).toContain('Audio');
-    expect(KNOWN_ATOMS).toContain('Video');
-    expect(KNOWN_ATOMS).toContain('Image');
-  });
-
-  it('KNOWN_ATOMS includes all new atoms (Icon, Stat, Avatar, Timeline, Alert)', () => {
-    expect(KNOWN_ATOMS).toContain('Icon');
-    expect(KNOWN_ATOMS).toContain('Stat');
-    expect(KNOWN_ATOMS).toContain('Avatar');
-    expect(KNOWN_ATOMS).toContain('Timeline');
-    expect(KNOWN_ATOMS).toContain('Alert');
-  });
-
-  it('KNOWN_ATOMS includes interactive atoms', () => {
-    expect(KNOWN_ATOMS).toContain('Modal');
-    expect(KNOWN_ATOMS).toContain('Stepper');
-    expect(KNOWN_ATOMS).toContain('Carousel');
-    expect(KNOWN_ATOMS).toContain('AnimatedBox');
-    expect(KNOWN_ATOMS).toContain('DragDropZone');
-    expect(KNOWN_ATOMS).toContain('ScrollArea');
-  });
-
-  it('KNOWN_ATOMS includes content display atoms', () => {
-    expect(KNOWN_ATOMS).toContain('Badge');
-    expect(KNOWN_ATOMS).toContain('Link');
-  });
-
-  it('KNOWN_ATOMS has expected count (39 atoms)', () => {
-    expect(KNOWN_ATOMS.length).toBe(39);
-  });
-});
-
-describe('Atom Rendering Coverage: Per-blueprint component inventory', () => {
-  it('counter uses Stack, Text, Button', () => {
-    const types = componentsByBlueprint.get('counter.workflow.tsx');
-    expect(types).toBeDefined();
-    if (types) {
-      expect(types.has('Stack')).toBe(true);
-      // Heading normalizes to Text
-      expect(types.has('Text') || types.has('Heading')).toBe(true);
-      expect(types.has('Button')).toBe(true);
-    }
-  });
-
-  it('todo-app uses Stack, Text, Button, Each, Input/TextInput', () => {
-    const types = componentsByBlueprint.get('todo-app.workflow.tsx');
-    expect(types).toBeDefined();
-    if (types) {
-      expect(types.has('Stack')).toBe(true);
-      expect(types.has('Button')).toBe(true);
-      expect(types.has('Each')).toBe(true);
-      expect(types.has('TextInput') || types.has('Input')).toBe(true);
-    }
-  });
-
-  it('dashboard uses rich component set: Stack, Grid, MetricCard, Chart, ServerGrid, Select, ScrollArea, Section, Card, Badge, Each', () => {
-    const types = componentsByBlueprint.get('dashboard.workflow.tsx');
-    expect(types).toBeDefined();
-    if (types) {
-      expect(types.has('Stack')).toBe(true);
-      expect(types.has('Grid')).toBe(true);
-      expect(types.has('MetricCard')).toBe(true);
-      expect(types.has('Chart')).toBe(true);
-      expect(types.has('ServerGrid')).toBe(true);
-      expect(types.has('Select')).toBe(true);
-      expect(types.has('ScrollArea')).toBe(true);
-      expect(types.has('Section')).toBe(true);
-      expect(types.has('Card')).toBe(true);
-      expect(types.has('Badge')).toBe(true);
-      expect(types.has('Each')).toBe(true);
-      expect(types.has('Button')).toBe(true);
-      expect(types.has('TextInput')).toBe(true);
-      expect(types.has('Spacer')).toBe(true);
-    }
-  });
-
-  it('authentication uses Route, Show, TextInput, Button, Link, Stack, Card', () => {
-    const types = componentsByBlueprint.get('authentication');
-    expect(types).toBeDefined();
-    if (types) {
-      expect(types.has('Route')).toBe(true);
-      expect(types.has('Show')).toBe(true);
-      expect(types.has('TextInput')).toBe(true);
-      expect(types.has('Button')).toBe(true);
-      expect(types.has('Link')).toBe(true);
-      expect(types.has('Stack')).toBe(true);
-      expect(types.has('Card')).toBe(true);
-    }
-  });
-
-  it('invoice-approval uses Stack, Row, Show, Button, Text', () => {
-    const types = componentsByBlueprint.get('invoice-approval');
-    expect(types).toBeDefined();
-    if (types) {
-      expect(types.has('Stack')).toBe(true);
-      expect(types.has('Row')).toBe(true);
-      expect(types.has('Show')).toBe(true);
-      expect(types.has('Button')).toBe(true);
-      expect(types.has('Text') || types.has('Heading')).toBe(true);
-    }
-  });
-
-  for (const bp of packageBlueprints) {
-    it(`${bp} compiles and extracts component types`, () => {
-      const types = componentsByBlueprint.get(bp);
-      // Package blueprints should produce component types if they have pages
-      if (types) {
-        expect(types.size).toBeGreaterThanOrEqual(0);
-      }
-    });
-  }
-});
-
-describe('Atom Rendering Coverage: Renderer completeness', () => {
-  it('all layout primitives have renderers', () => {
-    for (const layout of ['Stack', 'Row', 'Grid', 'Divider', 'Spacer']) {
-      expect(KNOWN_RENDERERS.has(layout)).toBe(true);
-    }
-  });
-
-  it('all content atoms have renderers', () => {
-    for (const content of ['Text', 'Heading', 'Field', 'Image', 'Badge']) {
-      expect(KNOWN_RENDERERS.has(content)).toBe(true);
-    }
-  });
-
-  it('all action atoms have renderers', () => {
-    for (const action of ['Button', 'Link']) {
-      expect(KNOWN_RENDERERS.has(action)).toBe(true);
-    }
-  });
-
-  it('all control flow atoms have renderers', () => {
-    for (const cf of ['Show', 'Each']) {
-      expect(KNOWN_RENDERERS.has(cf)).toBe(true);
-    }
-  });
-
-  it('all grouping atoms have renderers', () => {
-    for (const group of ['Card', 'Tabs', 'Accordion', 'Section']) {
-      expect(KNOWN_RENDERERS.has(group)).toBe(true);
-    }
-  });
-
-  it('all input atoms have renderers', () => {
-    for (const input of ['TextInput', 'Input', 'Markdown', 'ScrollArea']) {
-      expect(KNOWN_RENDERERS.has(input)).toBe(true);
-    }
-  });
-
-  it('all navigation atoms have renderers', () => {
-    for (const nav of ['Router', 'Route', 'NavLink']) {
-      expect(KNOWN_RENDERERS.has(nav)).toBe(true);
-    }
-  });
-
-  it('all visualization atoms have renderers', () => {
-    for (const viz of ['Chart', 'MetricCard', 'FilterBar', 'BarChart', 'PieChart', 'LineChart', 'Sparkline', 'Gauge', 'DataTable', 'KPICard', 'MetricGrid']) {
-      expect(KNOWN_RENDERERS.has(viz)).toBe(true);
-    }
-  });
-
-  it('all interactive atoms have renderers', () => {
-    for (const interactive of ['Slider', 'Toggle', 'Rating', 'Counter', 'Select', 'Modal']) {
-      expect(KNOWN_RENDERERS.has(interactive)).toBe(true);
-    }
-  });
-
-  it('all media atoms have renderers', () => {
-    for (const media of ['Video', 'Audio', 'Map', 'MapView']) {
-      expect(KNOWN_RENDERERS.has(media)).toBe(true);
-    }
-  });
-
-  it('all data display atoms have renderers', () => {
-    for (const data of ['Tag', 'Timeline', 'Pricing']) {
-      expect(KNOWN_RENDERERS.has(data)).toBe(true);
-    }
-  });
-
-  it('all new atoms (Icon, Stat, Avatar, Timeline, Alert) have renderers', () => {
-    for (const atom of ['Icon', 'Stat', 'Avatar', 'Timeline', 'Alert']) {
-      expect(KNOWN_RENDERERS.has(atom)).toBe(true);
-    }
-  });
-
-  it('total known renderer count matches registry (90+)', () => {
-    expect(KNOWN_RENDERERS.size).toBeGreaterThanOrEqual(90);
-  });
-});
-
-describe('Atom Rendering Coverage: Component type extraction sanity', () => {
-  it('extracts component types from inline code', () => {
-    const code = `
-      export function Test() {
-        return (
-          <Stack>
-            <Text>Hello</Text>
-            <Button>Click</Button>
-            <Each items={[]}>
-              {(item) => <Card><Text>{item.name}</Text></Card>}
-            </Each>
-          </Stack>
-        );
-      }
-    `;
-    const result = transformSync(code, {
-      filename: 'test.workflow.tsx',
-      plugins: [[babelPlugin]],
-      parserOpts: { plugins: ['typescript', 'jsx'], attachComment: true },
-    });
-    const ir = (result as any)?.metadata?.mindmatrixIR;
-    const exp = ir?.metadata?.experience as IRExperienceNode;
-    const types = collectComponentTypes(exp);
-
-    expect(types.has('Stack')).toBe(true);
-    expect(types.has('Text')).toBe(true);
-    expect(types.has('Button')).toBe(true);
-    expect(types.has('Each')).toBe(true);
-    expect(types.has('Card')).toBe(true);
-  });
-
-  it('handles deeply nested component trees', () => {
-    const code = `
-      export function Deep() {
-        return (
-          <Stack>
-            <Row>
-              <Grid>
-                <Card>
-                  <Stack>
-                    <Text>Deep</Text>
-                    <Badge>Tag</Badge>
-                    <Button>Action</Button>
-                  </Stack>
-                </Card>
-              </Grid>
-            </Row>
-          </Stack>
-        );
-      }
-    `;
-    const result = transformSync(code, {
-      filename: 'test.workflow.tsx',
-      plugins: [[babelPlugin]],
-      parserOpts: { plugins: ['typescript', 'jsx'], attachComment: true },
-    });
-    const ir = (result as any)?.metadata?.mindmatrixIR;
-    const exp = ir?.metadata?.experience as IRExperienceNode;
-    const types = collectComponentTypes(exp);
-
-    expect(types.has('Stack')).toBe(true);
-    expect(types.has('Row')).toBe(true);
-    expect(types.has('Grid')).toBe(true);
-    expect(types.has('Card')).toBe(true);
-    expect(types.has('Text')).toBe(true);
-    expect(types.has('Badge')).toBe(true);
-    expect(types.has('Button')).toBe(true);
-  });
-
-  it('extracts new atom types from inline code', () => {
-    const code = `
-      export function NewAtoms() {
-        return (
-          <Stack>
-            <Icon name="star" />
-            <Stat label="Users" value={42} />
-            <Avatar src="/photo.jpg" />
-            <Timeline items={[]} />
-            <Alert type="warning">Watch out!</Alert>
-            <DataTable columns={[]} rows={[]} />
-          </Stack>
-        );
-      }
-    `;
-    const result = transformSync(code, {
-      filename: 'test.workflow.tsx',
-      plugins: [[babelPlugin]],
-      parserOpts: { plugins: ['typescript', 'jsx'], attachComment: true },
-    });
-    const ir = (result as any)?.metadata?.mindmatrixIR;
-    const exp = ir?.metadata?.experience as IRExperienceNode;
-    const types = collectComponentTypes(exp);
-
-    expect(types.has('Icon')).toBe(true);
-    expect(types.has('Stat')).toBe(true);
-    expect(types.has('Avatar')).toBe(true);
-    expect(types.has('Timeline')).toBe(true);
-    expect(types.has('Alert')).toBe(true);
-    expect(types.has('DataTable')).toBe(true);
-  });
-});