Generated by Spark: I see loading screen, which is fine but we need really good console.log trace logging so i can trace the initialisation flow

src/config/page-loader.ts

@@ -38,19 +38,31 @@ export interface PagesConfig {
 }
 
 export function getPageConfig(): PagesConfig {
-  return pagesConfig as PagesConfig
+  console.log('[CONFIG] 📄 getPageConfig called')
+  const config = pagesConfig as PagesConfig
+  console.log('[CONFIG] ✅ Pages config loaded:', config.pages.length, 'pages')
+  return config
 }
 
 export function getPageById(id: string): PageConfig | undefined {
-  return pagesConfig.pages.find(page => page.id === id)
+  console.log('[CONFIG] 🔍 getPageById called for:', id)
+  const page = pagesConfig.pages.find(page => page.id === id)
+  console.log('[CONFIG]', page ? '✅ Page found' : '❌ Page not found')
+  return page
 }
 
 export function getEnabledPages(featureToggles?: FeatureToggles): PageConfig[] {
-  return pagesConfig.pages.filter(page => {
-    if (!page.enabled) return false
+  console.log('[CONFIG] 🔍 getEnabledPages called with toggles:', featureToggles)
+  const enabled = pagesConfig.pages.filter(page => {
+    if (!page.enabled) {
+      console.log('[CONFIG] ⏭️ Skipping disabled page:', page.id)
+      return false
+    }
     if (!page.toggleKey) return true
     return featureToggles?.[page.toggleKey as keyof FeatureToggles] !== false
   }).sort((a, b) => a.order - b.order)
+  console.log('[CONFIG] ✅ Enabled pages:', enabled.map(p => p.id).join(', '))
+  return enabled
 }
 
 export function getPageShortcuts(featureToggles?: FeatureToggles): Array<{
@@ -60,7 +72,8 @@ export function getPageShortcuts(featureToggles?: FeatureToggles): Array<{
   description: string
   action: string
 }> {
-  return getEnabledPages(featureToggles)
+  console.log('[CONFIG] ⌨️ getPageShortcuts called')
+  const shortcuts = getEnabledPages(featureToggles)
     .filter(page => page.shortcut)
     .map(page => {
       const parts = page.shortcut!.toLowerCase().split('+')
@@ -76,15 +89,22 @@ export function getPageShortcuts(featureToggles?: FeatureToggles): Array<{
         action: page.id
       }
     })
+  console.log('[CONFIG] ✅ Shortcuts configured:', shortcuts.length)
+  return shortcuts
 }
 
 export function resolveProps(propConfig: PropConfig | undefined, stateContext: Record<string, any>, actionContext: Record<string, any>): Record<string, any> {
-  if (!propConfig) return {}
+  console.log('[CONFIG] 🔧 resolveProps called')
+  if (!propConfig) {
+    console.log('[CONFIG] ⏭️ No prop config provided')
+    return {}
+  }
   
   const resolvedProps: Record<string, any> = {}
   
   try {
     if (propConfig.state) {
+      console.log('[CONFIG] 📦 Resolving', propConfig.state.length, 'state props')
       for (const stateKey of propConfig.state) {
         try {
           const [propName, contextKey] = stateKey.includes(':') 
@@ -93,29 +113,37 @@ export function resolveProps(propConfig: PropConfig | undefined, stateContext: R
           
           if (stateContext[contextKey] !== undefined) {
             resolvedProps[propName] = stateContext[contextKey]
+            console.log('[CONFIG] ✅ Resolved state prop:', propName)
+          } else {
+            console.log('[CONFIG] ⚠️ State prop not found:', contextKey)
           }
         } catch (err) {
-          console.warn(`Failed to resolve state prop: ${stateKey}`, err)
+          console.warn('[CONFIG] ❌ Failed to resolve state prop:', stateKey, err)
         }
       }
     }
     
     if (propConfig.actions) {
+      console.log('[CONFIG] 🎬 Resolving', propConfig.actions.length, 'action props')
       for (const actionKey of propConfig.actions) {
         try {
           const [propName, contextKey] = actionKey.split(':')
           
           if (actionContext[contextKey]) {
             resolvedProps[propName] = actionContext[contextKey]
+            console.log('[CONFIG] ✅ Resolved action prop:', propName)
+          } else {
+            console.log('[CONFIG] ⚠️ Action prop not found:', contextKey)
           }
         } catch (err) {
-          console.warn(`Failed to resolve action prop: ${actionKey}`, err)
+          console.warn('[CONFIG] ❌ Failed to resolve action prop:', actionKey, err)
         }
       }
     }
   } catch (err) {
-    console.error('Failed to resolve props:', err)
+    console.error('[CONFIG] ❌ Failed to resolve props:', err)
   }
   
+  console.log('[CONFIG] ✅ Props resolved:', Object.keys(resolvedProps).length, 'props')
   return resolvedProps
 }