Generated by Spark: code is flip flopping between this change - its something else. red herring. "path": "@/components/ProjectDashboard",

src/components/ComponentTreeBuilder.tsx

@@ -275,7 +275,7 @@ export function ComponentTreeBuilder({
                       const props = JSON.parse(e.target.value)
                       updateNode(selectedNode.id, { props })
                     } catch (err) {
-                      console.debug('Invalid JSON while typing:', err)
+                      // Invalid JSON while typing - ignore
                     }
                   }}
                   className="font-mono text-sm h-64"

src/components/JSONFlaskDesigner.tsx

@@ -1,6 +1,6 @@
-import { JSONPageRenderer } from './JSONPageRenderer'
+import { JSONPageRenderer, ComponentRendererProps } from './JSONPageRenderer'
 import flaskDesignerConfig from '@/config/pages/flask-designer.json'
 
 export function JSONFlaskDesigner() {
-  return <JSONPageRenderer config={flaskDesignerConfig} />
+  return <JSONPageRenderer schema={flaskDesignerConfig as ComponentRendererProps['schema']} />
 }

src/components/JSONLambdaDesigner.tsx

@@ -1,13 +1,14 @@
 import { PageRenderer } from '@/lib/schema-renderer'
 import lambdaDesignerSchema from '@/config/pages/lambda-designer.json'
 import { useKV } from '@github/spark/hooks'
+import { Component as ComponentSchema } from '@/schemas/ui-schema'
 
 export function JSONLambdaDesigner() {
   const [lambdas] = useKV('app-lambdas', [])
   
   return (
     <PageRenderer 
-      schema={lambdaDesignerSchema as any} 
+      schema={lambdaDesignerSchema as ComponentSchema} 
       data={{ lambdas }}
       functions={{}}
     />

src/components/JSONStyleDesigner.tsx

@@ -1,6 +1,6 @@
-import { JSONPageRenderer } from './JSONPageRenderer'
+import { JSONPageRenderer, ComponentRendererProps } from './JSONPageRenderer'
 import styleDesignerConfig from '@/config/pages/style-designer.json'
 
 export function JSONStyleDesigner() {
-  return <JSONPageRenderer config={styleDesignerConfig} />
+  return <JSONPageRenderer schema={styleDesignerConfig as ComponentRendererProps['schema']} />
 }

src/components/JSONWorkflowDesigner.tsx

@@ -8,7 +8,7 @@ interface JSONWorkflowDesignerProps {
 }
 
 export function JSONWorkflowDesigner({ workflows, onWorkflowsChange }: JSONWorkflowDesignerProps) {
-  const schema = workflowDesignerSchema as unknown as PageSchema
+  const schema = workflowDesignerSchema as PageSchema
 
   const handleCustomAction = async (action: any, event?: any) => {
     console.log('[JSONWorkflowDesigner] Custom action:', action, event)

src/components/molecules/index.ts

@@ -19,7 +19,6 @@ export { NavigationItem } from './NavigationItem'
 export { PageHeaderContent } from './PageHeaderContent'
 export { SaveIndicator } from './SaveIndicator'
 export { SeedDataManager } from './SeedDataManager'
-export { StatCard as MoleculeStatCard } from './StatCard'
 export { ToolbarButton } from './ToolbarButton'
 export { TreeCard } from './TreeCard'
 export { TreeFormDialog } from './TreeFormDialog'
@@ -31,6 +30,4 @@ export { DataSourceCard } from './DataSourceCard'
 export { BindingEditor } from './BindingEditor'
 export { DataSourceEditorDialog } from './DataSourceEditorDialog'
 export { ComponentBindingDialog } from './ComponentBindingDialog'
-export { EmptyState as MoleculeEmptyState } from './EmptyState'
-export { LoadingState as MoleculeLoadingState } from './LoadingState'