configure mcp, refactors

src/App.tsx

@@ -14,8 +14,8 @@ import ReactFlow, {
   NodeChange,
   EdgeChange,
 } from 'reactflow'
-import ConfigNode from './components/ConfigNode'
-import RenderingNode from './components/RenderingNode'
+import ConfigNode from './components/graph/ConfigNode'
+import RenderingNode from './components/graph/RenderingNode'
 import FlowContext from './lib/flowContext'
 import {
   ContextMenu,

src/components/graph/ConfigNode.tsx

@@ -1,14 +1,14 @@
 import React, { memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'
 import { Handle, Position } from 'reactflow'
 import Editor, { loader } from '@monaco-editor/react'
-import FlowContext from '../lib/flowContext'
+import FlowContext from '../../lib/flowContext'
 import {
     BaseNode,
     BaseNodeContent,
     BaseNodeFooter,
     BaseNodeHeader,
     BaseNodeHeaderTitle,
-} from './base-node'
+} from './BaseNode'
 import { Pencil } from 'lucide-react'
 
 // Ensure Monaco can load its web workers under Vite by pointing to a CDN

src/components/graph/RenderingNode.tsx

@@ -1,15 +1,15 @@
 import { memo, useContext, useEffect, useMemo, useState } from 'react'
 import { Handle, Position } from 'reactflow'
 import yaml from 'js-yaml'
-import FlowContext from '../lib/flowContext'
-import { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia } from './ui/empty'
+import FlowContext from '../../lib/flowContext'
+import { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia } from '../ui/empty'
 import {
     BaseNode,
     BaseNodeContent,
     BaseNodeFooter,
     BaseNodeHeader,
     BaseNodeHeaderTitle,
-} from './base-node'
+} from './BaseNode'
 import { Rocket } from 'lucide-react'
 
 type Props = {