# UML Viewer Module Export Fix ## Issue ``` The requested module '/src/components/uml/UMLVisualization.tsx' does not provide an export named 'UMLDiagram' ``` ## Root Cause TypeScript interfaces being imported with runtime `import` statement instead of `import type` statement. ## Solution Changed import statement in `UMLParser.ts`: **Before**: ```typescript import { UMLDiagram, UMLNode, UMLLink } from './UMLVisualization'; ``` **After**: ```typescript import type { UMLDiagram, UMLNode, UMLLink } from './UMLVisualization'; ``` ## Why This Fixes It - `UMLDiagram`, `UMLNode`, and `UMLLink` are TypeScript **interfaces** (type-only exports) - Using `import type` tells TypeScript/Vite these are compile-time only imports - Prevents Vite from looking for runtime exports that don't exist ## Files Modified - `frontend/src/components/uml/UMLParser.ts` (line 1) ## Testing 1. Dev server is running on `http://localhost:5173` 2. Navigate to `/uml-viewer` route 3. Should now load without module export errors ## Next Steps - Test the UML Viewer page loads correctly - Verify schema diagram selection works - Test zoom, pan, and node interactions