feat(element-configs): Initialize configs at app startup

- Added initElementConfigs() function in ElementConfigs/index.ts
- Calls registry.register() for ButtonConfig and TextConfig
- Integrated into Router constructor (called after LessonTemplatesModel init)
- Configs now load when editor starts
- Console log shows '[ ElementConfigs] Initialized with X configs'

Part of STYLE-002 MVP 2 implementation.
Next: Hook into node creation to auto-apply defaults.

packages/noodl-editor/src/editor/src/models/ElementConfigs/index.ts

@@ -14,5 +14,24 @@ export * from './ElementConfigTypes';
 // Export registry
 export { ElementConfigRegistry, registry } from './ElementConfigRegistry';
 
-// Configs will be exported once implemented
+// Export configs
-// export * from './configs';
+export * from './configs';
+
+/**
+ * Initialize Element Configs
+ *
+ * Registers all built-in element configurations.
+ * Should be called once at application startup.
+ */
+export function initElementConfigs(): void {
+  // Import configs and register them
+  import('./configs').then(({ ButtonConfig, TextConfig }) => {
+    // Import registry from local module
+    import('./ElementConfigRegistry').then(({ ElementConfigRegistry }) => {
+      ElementConfigRegistry.instance.register(ButtonConfig);
+      ElementConfigRegistry.instance.register(TextConfig);
+
+      console.log('[ElementConfigs] Initialized with', ElementConfigRegistry.instance.getCount(), 'configs');
+    });
+  });
+}

packages/noodl-editor/src/editor/src/router.tsx

@@ -10,6 +10,7 @@ import './utils/editorapi';
 import { platform } from '@noodl/platform';
 
 import { AiAssistantModel } from '@noodl-models/AiAssistant';
+import { initElementConfigs } from '@noodl-models/ElementConfigs';
 import { ProjectModel } from '@noodl-models/projectmodel';
 
 import { AppRoute } from './pages/AppRoute';
@@ -108,6 +109,9 @@ export default class Router
     // Initialise models
     LessonTemplatesModel.instance.fetch();
 
+    // Initialize element configs (Button, Text, etc.)
+    initElementConfigs();
+
     EventDispatcher.instance.on(
       'viewer-refresh',
       () => {