@memberjunction/react-test-harness 2.112.0 → 2.113.0

package/dist/lib/component-runner.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentRunner = void 0;
-const global_1 = require("@memberjunction/global");
+const core_1 = require("@memberjunction/core");
 const component_linter_1 = require("./component-linter");
 const core_entities_1 = require("@memberjunction/core-entities");
 const ai_vectors_memory_1 = require("@memberjunction/ai-vectors-memory");
@@ -63,10 +63,10 @@ class ComponentRunner {
     async lintComponent(componentCode, componentName, componentSpec, isRootComponent, contextUser, options) {
         const lintResult = await component_linter_1.ComponentLinter.lintComponent(componentCode, componentName, componentSpec, isRootComponent, contextUser, false, // debugMode
         options);
-        const hasErrors = lintResult.violations.some((v) => v.severity === 'critical' || v.severity === 'high');
+        const hasErrors = lintResult.violations.some(v => v.severity === 'critical' || v.severity === 'high');
         return {
             violations: lintResult.violations,
-            hasErrors,
+            hasErrors
         };
     }
     async executeComponent(options) {
@@ -89,7 +89,7 @@ class ComponentRunner {
         page.setDefaultTimeout(globalTimeout);
         // Load component metadata and libraries first (needed for library loading)
         await core_entities_1.ComponentMetadataEngine.Instance.Config(false, options.contextUser);
-        const allLibraries = core_entities_1.ComponentMetadataEngine.Instance.ComponentLibraries.map((c) => c.GetAll());
+        const allLibraries = core_entities_1.ComponentMetadataEngine.Instance.ComponentLibraries.map(c => c.GetAll());
         try {
             // Navigate to a blank page FIRST, then load runtime
             await page.goto('about:blank');
@@ -101,12 +101,12 @@ class ComponentRunner {
           <meta charset="utf-8">
           <title>React Component Test (V2)</title>
           <style>
-            body {
-              margin: 0;
-              padding: 20px;
+            body { 
+              margin: 0; 
+              padding: 20px; 
               font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
             }
-            #root {
+            #root { 
               min-height: 100vh;
               background-color: white;
               padding: 20px;
@@ -130,7 +130,7 @@ class ComponentRunner {
                     hasReact: typeof window.React !== 'undefined',
                     hasReactDOM: typeof window.ReactDOM !== 'undefined',
                     hasBabel: typeof window.Babel !== 'undefined',
-                    mjRuntimeKeys: window.MJReactRuntime ? Object.keys(window.MJReactRuntime) : [],
+                    mjRuntimeKeys: window.MJReactRuntime ? Object.keys(window.MJReactRuntime) : []
                 };
             });
             if (debug) {
@@ -152,10 +152,10 @@ class ComponentRunner {
                 console.log('  - props:', JSON.stringify(options.props || {}, null, 2));
                 // Show spec-specific libraries, not all available libraries
                 if (options.componentSpec.libraries && options.componentSpec.libraries.length > 0) {
-                    console.log('  - spec requires libraries:', options.componentSpec.libraries.map((lib) => ({
+                    console.log('  - spec requires libraries:', options.componentSpec.libraries.map(lib => ({
                         name: lib.name,
                         globalVariable: lib.globalVariable,
-                        version: lib.version,
+                        version: lib.version
                     })));
                 }
                 else {
@@ -213,7 +213,7 @@ class ComponentRunner {
                     // Diagnostic: Check if React is available before creating context
                     if (!window.React) {
                         console.error('🔴 CRITICAL: React is NULL when creating runtimeContext!');
-                        console.error('Window keys:', Object.keys(window).filter((k) => k.toLowerCase().includes('react')));
+                        console.error('Window keys:', Object.keys(window).filter(k => k.toLowerCase().includes('react')));
                         throw new Error('React is not available in window context');
                     }
                     if (debug) {
@@ -222,13 +222,13 @@ class ComponentRunner {
                             useState: typeof window.React?.useState,
                             useEffect: typeof window.React?.useEffect,
                             useRef: typeof window.React?.useRef,
-                            useMemo: typeof window.React?.useMemo,
+                            useMemo: typeof window.React?.useMemo
                         });
                     }
                     const runtimeContext = {
                         React: window.React,
                         ReactDOM: window.ReactDOM,
-                        libraries: {}, // Libraries are loaded internally by the compiler
+                        libraries: {} // Libraries are loaded internally by the compiler
                     };
                     // Create instances with debug mode to see library loading
                     const compiler = new ComponentCompiler({ debug: debug });
@@ -277,7 +277,7 @@ class ComponentRunner {
                                 continue;
                             }
                             if (!specLib.globalVariable) {
-                                const libDef = componentLibraries.find((l) => l && l.Name && l.Name.toLowerCase() === specLib.name.toLowerCase());
+                                const libDef = componentLibraries.find(l => l && l.Name && l.Name.toLowerCase() === specLib.name.toLowerCase());
                                 if (libDef && libDef.GlobalVariable) {
                                     specLib.globalVariable = libDef.GlobalVariable;
                                     if (debug) {
@@ -289,7 +289,7 @@ class ComponentRunner {
                         if (debug) {
                             console.log('🔍 Spec libraries after enhancement:', spec.libraries.map((l) => ({
                                 name: l.name,
-                                globalVariable: l.globalVariable,
+                                globalVariable: l.globalVariable
                             })));
                         }
                     }
@@ -315,8 +315,8 @@ class ComponentRunner {
                                 dependencies: spec.dependencies?.map((d) => ({
                                     name: d.name,
                                     location: d.location,
-                                    hasCode: !!d.code,
-                                })),
+                                    hasCode: !!d.code
+                                }))
                             });
                         }
                         // NEW: Use ComponentManager.loadHierarchy instead of registrar.registerHierarchy
@@ -328,23 +328,21 @@ class ComponentRunner {
                             defaultVersion: 'v1',
                             returnType: 'both',
                             resolutionMode: 'embed', // Convert to embedded format for browser execution
-                            allLibraries: componentLibraries || [], // Pass libraries for compiler
+                            allLibraries: componentLibraries || [] // Pass libraries for compiler
                         });
                         if (debug) {
                             console.log('📋 [BROWSER] LoadHierarchy result:', {
                                 success: loadResult.success,
                                 rootComponent: !!loadResult.rootComponent,
-                                resolvedSpec: loadResult.resolvedSpec
-                                    ? {
-                                        name: loadResult.resolvedSpec.name,
-                                        location: loadResult.resolvedSpec.location,
-                                        registry: loadResult.resolvedSpec.registry,
-                                        libraries: loadResult.resolvedSpec.libraries,
-                                        hasCode: !!loadResult.resolvedSpec.code,
-                                    }
-                                    : null,
+                                resolvedSpec: loadResult.resolvedSpec ? {
+                                    name: loadResult.resolvedSpec.name,
+                                    location: loadResult.resolvedSpec.location,
+                                    registry: loadResult.resolvedSpec.registry,
+                                    libraries: loadResult.resolvedSpec.libraries,
+                                    hasCode: !!loadResult.resolvedSpec.code
+                                } : null,
                                 loadedComponents: loadResult.loadedComponents,
-                                errors: loadResult.errors,
+                                errors: loadResult.errors
                             });
                         }
                         // Convert to old format for compatibility
@@ -353,7 +351,7 @@ class ComponentRunner {
                             registeredComponents: loadResult.loadedComponents,
                             errors: loadResult.errors.map((e) => ({ componentName: e.componentName || '', error: e.message, phase: e.phase })),
                             warnings: [],
-                            resolvedSpec: loadResult.resolvedSpec,
+                            resolvedSpec: loadResult.resolvedSpec
                         };
                     }
                     catch (registrationError) {
@@ -365,7 +363,7 @@ class ComponentRunner {
                             stack: registrationError.stack,
                             type: 'registration-error',
                             phase: 'component-compilation',
-                            source: 'runtime-wrapper',
+                            source: 'runtime-wrapper'
                         });
                         window.__testHarnessTestFailed = true;
                         // Don't re-throw - let execution continue to collect this error properly
@@ -373,7 +371,7 @@ class ComponentRunner {
                         return {
                             success: false,
                             error: `Component registration failed: ${registrationError.message || registrationError}`,
-                            componentCount: 0,
+                            componentCount: 0
                         };
                     }
                     if (debug && !registrationResult.success) {
@@ -415,7 +413,10 @@ class ComponentRunner {
                             antd: typeof window.antd,
                             React: typeof window.React,
                             ReactDOM: typeof window.ReactDOM,
-                            windowKeys: Object.keys(window).filter((k) => k.toLowerCase().includes('apex') || k.toLowerCase().includes('antd') || k === 'ApexCharts' || k === 'antd'),
+                            windowKeys: Object.keys(window).filter(k => k.toLowerCase().includes('apex') ||
+                                k.toLowerCase().includes('antd') ||
+                                k === 'ApexCharts' ||
+                                k === 'antd')
                         });
                         // If libraries were supposed to be loaded, check their actual presence
                         if (spec.libraries && spec.libraries.length > 0) {
@@ -478,7 +479,7 @@ class ComponentRunner {
                                             '',
                                             'Inspect all instances where you are using JSX elements that come from libraries or components to ensure they are properly referenced.',
                                             '',
-                                            'The exact fix depends on the specific library or component structure.',
+                                            'The exact fix depends on the specific library or component structure.'
                                         ].join('\\n');
                                         // Log to both console and error tracking
                                         console.error('🔴 Invalid JSX Element Type Detected:', errorMsg);
@@ -488,7 +489,7 @@ class ComponentRunner {
                                             type: 'invalid-element-type',
                                             phase: 'createElement',
                                             source: 'enhanced-detection',
-                                            elementInfo: objectInfo,
+                                            elementInfo: objectInfo
                                         });
                                         // Still try to call the original to get React's error too
                                         // This will provide the component stack trace
@@ -503,14 +504,14 @@ class ComponentRunner {
                                         '',
                                         'Inspect how this component is being accessed - it may not exist in the expected location or may have a different name.',
                                         '',
-                                        'Check that the component exists in your dependencies or libraries and is properly referenced.',
+                                        'Check that the component exists in your dependencies or libraries and is properly referenced.'
                                     ].join('\\n');
                                     console.error('🔴 Undefined JSX Component:', errorMsg);
                                     window.__testHarnessRuntimeErrors.push({
                                         message: errorMsg,
                                         type: 'undefined-component',
                                         phase: 'createElement',
-                                        source: 'enhanced-detection',
+                                        source: 'enhanced-detection'
                                     });
                                 }
                                 // Call original createElement
@@ -539,7 +540,7 @@ class ComponentRunner {
                                 window.__testHarnessRuntimeErrors.push({
                                     message: `Likely infinite render loop: ${currentRenderCount} createElement calls (max: ${MAX_RENDERS_ALLOWED})`,
                                     type: 'render-loop',
-                                    source: 'test-harness',
+                                    source: 'test-harness'
                                 });
                                 // Try to unmount to stop the madness
                                 try {
@@ -573,8 +574,8 @@ class ComponentRunner {
                             CreateSimpleNotification: (message, style, hideAfter) => {
                                 console.log('[Test Harness] CreateSimpleNotification called:', { message, style, hideAfter });
                                 // In test harness, we just log but don't display actual notifications
-                            },
-                        },
+                            }
+                        }
                     };
                     if (debug) {
                         console.log('🎨 Rendering component with props:', Object.keys(componentProps));
@@ -603,7 +604,7 @@ class ComponentRunner {
                                 stack: error.stack,
                                 type: 'react-render-error',
                                 phase: 'component-render',
-                                source: 'user-component', // This is the actual error from user's component
+                                source: 'user-component' // This is the actual error from user's component
                             });
                             window.__testHarnessTestFailed = true;
                             return { hasError: true, error };
@@ -639,7 +640,7 @@ class ComponentRunner {
                     }
                     return {
                         success: true,
-                        componentCount: registrationResult.registeredComponents.length,
+                        componentCount: registrationResult.registeredComponents.length
                     };
                 }
                 catch (error) {
@@ -656,19 +657,19 @@ class ComponentRunner {
                         message: error.message || String(error),
                         stack: error.stack,
                         type: 'execution-error',
-                        source: 'runtime-wrapper',
+                        source: 'runtime-wrapper'
                     });
                     window.__testHarnessTestFailed = true;
                     return {
                         success: false,
-                        error: error.message || String(error),
+                        error: error.message || String(error)
                     };
                 }
             }, {
                 spec: options.componentSpec,
                 props: options.props,
                 debug,
-                componentLibraries: allLibraries || [],
+                componentLibraries: allLibraries || []
             });
             // Create timeout promise (Recommendation #1)
             const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error(`Component execution timeout after ${globalTimeout}ms`)), globalTimeout));
@@ -684,21 +685,21 @@ class ComponentRunner {
                 errors.push(`Component execution timed out after ${globalTimeout}ms`);
                 executionResult = {
                     success: false,
-                    error: timeoutError instanceof Error ? timeoutError.message : 'Execution timeout',
+                    error: timeoutError instanceof Error ? timeoutError.message : 'Execution timeout'
                 };
             }
             // Ensure executionResult has proper shape
             if (!executionResult) {
                 executionResult = {
                     success: false,
-                    error: 'Component execution returned no result',
+                    error: 'Component execution returned no result'
                 };
                 errors.push('Component execution failed to return a result');
             }
             else if (!executionResult.success && executionResult.error) {
                 // Add the execution error if it hasn't been captured elsewhere
                 const errorMsg = `Component execution failed: ${executionResult.error}`;
-                if (!errors.some((e) => e.includes(executionResult.error))) {
+                if (!errors.some(e => e.includes(executionResult.error))) {
                     errors.push(errorMsg);
                 }
             }
@@ -714,12 +715,13 @@ class ComponentRunner {
             const runtimeErrorsWithSource = await this.collectRuntimeErrors(page);
             // Filter out JSX element type errors when adding to errors array
             errors.push(...runtimeErrorsWithSource
-                .filter((e) => {
+                .filter(e => {
                 // Skip JSX element type errors from error count
-                const isJSXError = e.type === 'invalid-element-type' || e.type === 'undefined-component';
+                const isJSXError = e.type === 'invalid-element-type' ||
+                    e.type === 'undefined-component';
                 return !isJSXError;
             })
-                .map((e) => e.message)); // Extract messages for backward compat
+                .map(e => e.message)); // Extract messages for backward compat
             // Collect warnings (separate from errors)
             const collectedWarnings = await this.collectWarnings(page);
             warnings.push(...collectedWarnings);
@@ -728,20 +730,21 @@ class ComponentRunner {
             await page.waitForTimeout(asyncWaitTime);
             const asyncErrors = await this.collectRuntimeErrors(page);
             // Only add new errors (excluding JSX element type errors)
-            asyncErrors.forEach((err) => {
-                const isJSXError = err.type === 'invalid-element-type' || err.type === 'undefined-component';
+            asyncErrors.forEach(err => {
+                const isJSXError = err.type === 'invalid-element-type' ||
+                    err.type === 'undefined-component';
                 if (!isJSXError && !errors.includes(err.message)) {
                     errors.push(err.message);
                     runtimeErrorsWithSource.push(err); // Keep the structured version too
                 }
-                else if (isJSXError && !runtimeErrorsWithSource.some((e) => e.message === err.message)) {
+                else if (isJSXError && !runtimeErrorsWithSource.some(e => e.message === err.message)) {
                     // Still track JSX errors for logging but don't add to errors array
                     runtimeErrorsWithSource.push(err);
                 }
             });
             // Also check for new warnings
             const asyncWarnings = await this.collectWarnings(page);
-            asyncWarnings.forEach((warn) => {
+            asyncWarnings.forEach(warn => {
                 if (!warnings.includes(warn)) {
                     warnings.push(warn);
                 }
@@ -756,13 +759,16 @@ class ComponentRunner {
                 errors.push(`Possible render loop: ${renderCount} createElement calls detected (likely infinite loop)`);
             }
             // Determine success
-            const success = errors.length === 0 && !hasRenderLoop && !hasTimeout && executionResult.success;
+            const success = errors.length === 0 &&
+                !hasRenderLoop &&
+                !hasTimeout &&
+                executionResult.success;
             // Combine runtime errors with data errors
             const allErrors = [...errors, ...dataErrors];
             // Map runtime errors with source info and specific rules
             // Filter out JSX element type errors - they're too noisy and often false positives
             const errorViolations = runtimeErrorsWithSource
-                .filter((e) => {
+                .filter(e => {
                 // Skip JSX element type errors - still logged but not reported as violations
                 const isJSXError = e.rule === 'invalid-jsx-element' ||
                     e.rule === 'undefined-jsx-component' ||
@@ -773,13 +779,13 @@ class ComponentRunner {
                 }
                 return !isJSXError;
             })
-                .map((e) => ({
+                .map(e => ({
                 message: e.message,
                 severity: 'critical',
                 rule: e.rule || 'runtime-error', // Use specific rule from collectRuntimeErrors
                 line: 0,
                 column: 0,
-                source: e.source,
+                source: e.source
             }));
             // Add timeout error if detected
             if (hasTimeout) {
@@ -789,7 +795,7 @@ class ComponentRunner {
                     rule: 'timeout',
                     line: 0,
                     column: 0,
-                    source: 'test-harness', // This is a test harness timeout
+                    source: 'test-harness' // This is a test harness timeout
                 });
             }
             // Add render loop error if detected
@@ -800,25 +806,25 @@ class ComponentRunner {
                     rule: 'render-loop',
                     line: 0,
                     column: 0,
-                    source: 'test-harness', // This is a test harness detection
+                    source: 'test-harness' // This is a test harness detection
                 });
             }
             // Add data errors without source
-            dataErrors.forEach((e) => {
+            dataErrors.forEach(e => {
                 errorViolations.push({
                     message: e,
                     severity: 'critical',
                     rule: 'runtime-error',
                     line: 0,
                     column: 0,
-                    source: 'user-component', // Data errors are from user's data access code
+                    source: 'user-component' // Data errors are from user's data access code
                 });
             });
             // Check warnings for critical patterns and move them to errors
             const criticalWarningViolations = [];
             const regularWarnings = [];
-            warnings.forEach((w) => {
-                if (ComponentRunner.CRITICAL_WARNING_PATTERNS.some((pattern) => pattern.test(w))) {
+            warnings.forEach(w => {
+                if (ComponentRunner.CRITICAL_WARNING_PATTERNS.some(pattern => pattern.test(w))) {
                     // This is a critical warning - add to errors
                     criticalWarningViolations.push({
                         message: w,
@@ -826,7 +832,7 @@ class ComponentRunner {
                         rule: 'critical-react-warning',
                         line: 0,
                         column: 0,
-                        source: 'react-framework',
+                        source: 'react-framework'
                     });
                 }
                 else {
@@ -840,17 +846,17 @@ class ComponentRunner {
                 success: success && dataErrors.length === 0 && criticalWarningViolations.length === 0, // Fail on critical warnings too
                 html,
                 errors: allErrorViolations,
-                warnings: regularWarnings.map((w) => ({
+                warnings: regularWarnings.map(w => ({
                     message: w,
                     severity: 'low',
                     rule: 'warning',
                     line: 0,
-                    column: 0,
+                    column: 0
                 })),
                 console: consoleLogs,
                 screenshot,
                 executionTime: Date.now() - startTime,
-                renderCount,
+                renderCount
             };
             if (debug) {
                 this.dumpDebugInfo(result);
@@ -861,44 +867,42 @@ class ComponentRunner {
             // For catch block errors, we need to handle them specially
             const catchError = {
                 message: error instanceof Error ? error.message : String(error),
-                source: 'test-harness', // Errors caught here are usually test harness issues
+                source: 'test-harness' // Errors caught here are usually test harness issues
             };
             // Create error violations including the catch error
-            const errorViolations = [
-                {
+            const errorViolations = [{
                     message: catchError.message,
                     severity: 'critical',
                     rule: 'runtime-error',
                     line: 0,
                     column: 0,
-                    source: catchError.source,
-                },
-            ];
+                    source: catchError.source
+                }];
             // Add any data errors
-            dataErrors.forEach((e) => {
+            dataErrors.forEach(e => {
                 errorViolations.push({
                     message: e,
                     severity: 'critical',
                     rule: 'runtime-error',
                     line: 0,
                     column: 0,
-                    source: 'user-component',
+                    source: 'user-component'
                 });
             });
             const result = {
                 success: false,
                 html: '',
                 errors: errorViolations,
-                warnings: warnings.map((w) => ({
+                warnings: warnings.map(w => ({
                     message: w,
                     severity: 'low',
                     rule: 'warning',
                     line: 0,
-                    column: 0,
+                    column: 0
                 })),
                 console: consoleLogs,
                 executionTime: Date.now() - startTime,
-                renderCount,
+                renderCount
             };
             if (debug) {
                 console.log('\n❌ Component execution failed with error:', error);
@@ -936,7 +940,7 @@ class ComponentRunner {
             try {
                 await Promise.race([
                     page.addScriptTag({ url }),
-                    new Promise((_, reject) => setTimeout(() => reject(new Error(`Script load timeout: ${url}`)), timeout)),
+                    new Promise((_, reject) => setTimeout(() => reject(new Error(`Script load timeout: ${url}`)), timeout))
                 ]);
             }
             catch (error) {
@@ -974,7 +978,7 @@ class ComponentRunner {
                 React: typeof window.React !== 'undefined',
                 ReactDOM: typeof window.ReactDOM !== 'undefined',
                 Babel: typeof window.Babel !== 'undefined',
-                MJRuntime: typeof window.MJReactRuntime !== 'undefined',
+                MJRuntime: typeof window.MJReactRuntime !== 'undefined'
             };
         });
         // All core libraries loaded successfully
@@ -993,10 +997,10 @@ class ComponentRunner {
     async loadComponentLibraries(page, specLibraries, allLibraries, debug = false) {
         if (debug) {
             console.log('📚 Loading component libraries:');
-            console.log('  🔍 Component requires libraries:', specLibraries.map((l) => l.name));
+            console.log('  🔍 Component requires libraries:', specLibraries.map(l => l.name));
             console.log('  📦 Total available ComponentLibrary entries:', allLibraries.length);
             console.log('  📋 Sample of available libraries (first 10):');
-            allLibraries.slice(0, 10).forEach((lib) => {
+            allLibraries.slice(0, 10).forEach(lib => {
                 console.log(`    - ${lib.Name}@${lib.Version} (${lib.Status})`);
             });
         }
@@ -1016,12 +1020,12 @@ class ComponentRunner {
                 console.log(`📦 Loading ${specLib.name}:`, {
                     cdnUrl: libDef.CDNUrl,
                     globalVariable: libDef.GlobalVariable,
-                    dependencies: libDef.Dependencies ? JSON.parse(libDef.Dependencies) : null,
+                    dependencies: libDef.Dependencies ? JSON.parse(libDef.Dependencies) : null
                 });
             }
             // Load CSS if available
             if (libDef.CDNCssUrl) {
-                const cssUrls = libDef.CDNCssUrl.split(',').map((url) => url.trim());
+                const cssUrls = libDef.CDNCssUrl.split(',').map(url => url.trim());
                 for (const cssUrl of cssUrls) {
                     if (cssUrl) {
                         await page.addStyleTag({ url: cssUrl });
@@ -1037,7 +1041,7 @@ class ComponentRunner {
                     // Add timeout for library loading (Recommendation #3)
                     await Promise.race([
                         page.addScriptTag({ url: libDef.CDNUrl }),
-                        new Promise((_, reject) => setTimeout(() => reject(new Error(`Library load timeout: ${libDef.CDNUrl}`)), 10000)),
+                        new Promise((_, reject) => setTimeout(() => reject(new Error(`Library load timeout: ${libDef.CDNUrl}`)), 10000))
                     ]);
                     // Verify the library loaded
                     const isLoaded = await page.evaluate((globalVar) => {
@@ -1064,12 +1068,10 @@ class ComponentRunner {
         if (debug) {
             // Log all available global variables that look like libraries
             // Get all the global variables we expect from the spec
-            const expectedGlobals = specLibraries
-                .map((lib) => {
+            const expectedGlobals = specLibraries.map(lib => {
                 const libDef = libraryMap.get(lib.name.toLowerCase());
                 return libDef?.GlobalVariable;
-            })
-                .filter(Boolean);
+            }).filter(Boolean);
             const globals = await page.evaluate((expected) => {
                 const relevantGlobals = {};
                 // Check the expected globals from the spec
@@ -1143,7 +1145,7 @@ class ComponentRunner {
                                 '',
                                 'Inspect all instances where you are using JSX elements that come from libraries or components to ensure they are properly referenced.',
                                 '',
-                                'The exact fix depends on the specific library or component structure.',
+                                'The exact fix depends on the specific library or component structure.'
                             ].join('\\n');
                             // Log to both console and error tracking
                             console.error('🔴 Invalid JSX Element Type Detected:', errorMsg);
@@ -1154,7 +1156,7 @@ class ComponentRunner {
                                 type: 'invalid-element-type',
                                 phase: 'createElement',
                                 source: 'enhanced-detection',
-                                elementInfo: objectInfo,
+                                elementInfo: objectInfo
                             });
                             // Still try to call the original to get React's error too
                             // This will provide the component stack trace
@@ -1169,7 +1171,7 @@ class ComponentRunner {
                             '',
                             'Inspect how this component is being accessed - it may not exist in the expected location or may have a different name.',
                             '',
-                            'Check that the component exists in your dependencies or libraries and is properly referenced.',
+                            'Check that the component exists in your dependencies or libraries and is properly referenced.'
                         ].join('\\n');
                         console.error('🔴 Undefined JSX Component:', errorMsg);
                         window.__testHarnessRuntimeErrors = window.__testHarnessRuntimeErrors || [];
@@ -1177,7 +1179,7 @@ class ComponentRunner {
                             message: errorMsg,
                             type: 'undefined-component',
                             phase: 'createElement',
-                            source: 'enhanced-detection',
+                            source: 'enhanced-detection'
                         });
                     }
                     // Call original createElement
@@ -1187,7 +1189,7 @@ class ComponentRunner {
             // Override console.error
             const originalConsoleError = console.error;
             console.error = function (...args) {
-                const errorText = args.map((arg) => (typeof arg === 'object' ? JSON.stringify(arg) : String(arg))).join(' ');
+                const errorText = args.map(arg => typeof arg === 'object' ? JSON.stringify(arg) : String(arg)).join(' ');
                 // Check if this is a warning rather than an error
                 // React warnings typically start with "Warning:" or contain warning-related text
                 const isWarning = errorText.includes('Warning:') ||
@@ -1218,15 +1220,16 @@ class ComponentRunner {
                     isAvailableLibrary: false,
                     matchedLibrary: null,
                     specLibraries: spec?.libraries || [],
-                    specDependencies: spec?.dependencies || [],
+                    specDependencies: spec?.dependencies || []
                 };
                 // Check if it's in spec libraries
                 result.isInSpecLibraries = result.specLibraries.some((lib) => lib.globalVariable === identifier);
-                // Check if it's in spec dependencies
+                // Check if it's in spec dependencies  
                 result.isInSpecDependencies = result.specDependencies.some((dep) => dep.name === identifier);
                 // Check against ALL available libraries (case-insensitive)
                 if (availableLibraries) {
-                    const availableLib = availableLibraries.find((lib) => lib.GlobalVariable && lib.GlobalVariable.toLowerCase() === identifier.toLowerCase());
+                    const availableLib = availableLibraries.find((lib) => lib.GlobalVariable &&
+                        lib.GlobalVariable.toLowerCase() === identifier.toLowerCase());
                     if (availableLib) {
                         result.isAvailableLibrary = true;
                         result.matchedLibrary = availableLib;
@@ -1239,35 +1242,29 @@ class ComponentRunner {
                 // Case 1: Trying to use a library not in their spec
                 if (analysis.isAvailableLibrary && !analysis.isInSpecLibraries) {
                     const libList = analysis.specLibraries.length > 0
-                        ? analysis.specLibraries
-                            .map((l) => l.globalVariable || l.name)
-                            .filter(Boolean)
-                            .join(', ')
+                        ? analysis.specLibraries.map((l) => l.globalVariable || l.name).filter(Boolean).join(', ')
                         : 'no third-party libraries';
-                    return (`${identifier} is not defined. It appears you're trying to use the ${analysis.matchedLibrary.Name} library. ` +
+                    return `${identifier} is not defined. It appears you're trying to use the ${analysis.matchedLibrary.Name} library. ` +
                         `You do NOT have access to this library. ` +
                         `Your architect gave you access to: ${libList}. ` +
-                        `You must work within these constraints and cannot load additional libraries.`);
+                        `You must work within these constraints and cannot load additional libraries.`;
                 }
                 // Case 2: Should be a component but not properly accessed
                 if (analysis.isInSpecDependencies) {
-                    return (`${identifier} is not defined. This component exists in your dependencies. ` +
+                    return `${identifier} is not defined. This component exists in your dependencies. ` +
                         `Ensure you've destructured it: const { ${identifier} } = components; ` +
-                        `or accessed it as: components.${identifier}`);
+                        `or accessed it as: components.${identifier}`;
                 }
                 // Case 3: Not a valid library or component
                 const libList = analysis.specLibraries.length > 0
-                    ? `Available libraries: ${analysis.specLibraries
-                        .map((l) => l.globalVariable || l.name)
-                        .filter(Boolean)
-                        .join(', ')}`
+                    ? `Available libraries: ${analysis.specLibraries.map((l) => l.globalVariable || l.name).filter(Boolean).join(', ')}`
                     : 'No third-party libraries are available';
                 const depList = analysis.specDependencies.length > 0
                     ? `Available components: ${analysis.specDependencies.map((d) => d.name).join(', ')}`
                     : 'No component dependencies are available';
-                return (`${identifier} is not defined. This is not a valid library or component in your specification. ` +
+                return `${identifier} is not defined. This is not a valid library or component in your specification. ` +
                     `${libList}. ${depList}. ` +
-                    `You must only use the libraries and components specified in your component specification.`);
+                    `You must only use the libraries and components specified in your component specification.`;
             };
             // Global error handler
             window.addEventListener('error', (event) => {
@@ -1285,7 +1282,7 @@ class ComponentRunner {
                         stack: event.error?.stack,
                         type: 'undefined-identifier',
                         source: 'user-component',
-                        identifier: identifier,
+                        identifier: identifier
                     });
                     window.__testHarnessTestFailed = true;
                     return;
@@ -1299,7 +1296,7 @@ class ComponentRunner {
                     message: event.error?.message || event.message,
                     stack: event.error?.stack,
                     type: 'runtime',
-                    source: source,
+                    source: source
                 });
                 window.__testHarnessTestFailed = true;
             });
@@ -1309,7 +1306,7 @@ class ComponentRunner {
                     message: 'Unhandled Promise Rejection: ' + (event.reason?.message || event.reason),
                     stack: event.reason?.stack,
                     type: 'promise-rejection',
-                    source: 'user-component', // Async errors are likely from user code
+                    source: 'user-component' // Async errors are likely from user code
                 });
                 window.__testHarnessTestFailed = true;
                 event.preventDefault();
@@ -1324,17 +1321,20 @@ class ComponentRunner {
             return {
                 runtimeErrors: window.__testHarnessRuntimeErrors || [],
                 consoleErrors: window.__testHarnessConsoleErrors || [],
-                testFailed: window.__testHarnessTestFailed || false,
+                testFailed: window.__testHarnessTestFailed || false
             };
         });
         // Track unique errors and their counts
         const errorMap = new Map();
         // Check if we have any specific React render errors
-        const hasSpecificReactError = errorData.runtimeErrors.some((error) => error.type === 'react-render-error' && !error.message.includes('Script error'));
+        const hasSpecificReactError = errorData.runtimeErrors.some((error) => error.type === 'react-render-error' &&
+            !error.message.includes('Script error'));
         // Process runtime errors with their source information
         errorData.runtimeErrors.forEach((error) => {
             // Skip generic "Script error" messages if we have more specific React errors
-            if (hasSpecificReactError && error.type === 'runtime' && error.message === 'Script error.') {
+            if (hasSpecificReactError &&
+                error.type === 'runtime' &&
+                error.message === 'Script error.') {
                 return; // Skip this generic error
             }
             // Map error types to specific rule names
@@ -1381,9 +1381,9 @@ class ComponentRunner {
                         message: error.message,
                         source: error.source,
                         type: error.type,
-                        rule: rule,
+                        rule: rule
                     },
-                    count: 1,
+                    count: 1
                 });
             }
         });
@@ -1399,9 +1399,9 @@ class ComponentRunner {
                         message: error,
                         source: 'react-framework',
                         type: 'console-error',
-                        rule: 'console-error',
+                        rule: 'console-error'
                     },
-                    count: 1,
+                    count: 1
                 });
             }
         });
@@ -1409,10 +1409,12 @@ class ComponentRunner {
         const errors = [];
         errorMap.forEach(({ error, count }) => {
             // Append count if > 1
-            const message = count > 1 ? `${error.message} (occurred ${count} times)` : error.message;
+            const message = count > 1
+                ? `${error.message} (occurred ${count} times)`
+                : error.message;
             errors.push({
                 ...error,
-                message,
+                message
             });
         });
         return errors;
@@ -1423,7 +1425,7 @@ class ComponentRunner {
     async collectWarnings(page) {
         const warningData = await page.evaluate(() => {
             return {
-                consoleWarnings: window.__testHarnessConsoleWarnings || [],
+                consoleWarnings: window.__testHarnessConsoleWarnings || []
             };
         });
         const warnings = [];
@@ -1455,23 +1457,23 @@ class ComponentRunner {
         });
     }
     async buildLocalMJUtilities(contextUser) {
-        console.log('   Building local MJ utilities');
-        const rv = new global_1.RunView();
-        const rq = new global_1.RunQuery();
-        const md = new global_1.Metadata();
+        console.log("   Building local MJ utilities");
+        const rv = new core_1.RunView();
+        const rq = new core_1.RunQuery();
+        const md = new core_1.Metadata();
         return {
             rv: {
                 RunView: rv.RunView,
-                RunViews: rv.RunViews,
+                RunViews: rv.RunViews
             },
             rq: {
-                RunQuery: rq.RunQuery,
+                RunQuery: rq.RunQuery
             },
             md: {
                 GetEntityObject: md.GetEntityObject, // return the function
-                Entities: md.Entities, // return the function
+                Entities: md.Entities // return the function
             },
-            ai: await this.BuildLocalSimpleAITools(contextUser),
+            ai: await this.BuildLocalSimpleAITools(contextUser)
         };
     }
     async BuildLocalSimpleAITools(contextUser) {
@@ -1488,7 +1490,8 @@ class ComponentRunner {
                         await aiEngine.Config(false, params.contextUser);
                         const models = aiEngine.Models;
                         for (const preferredModel of params.preferredModels) {
-                            model = models.find((m) => m.Name === preferredModel && m.IsActive === true);
+                            model = models.find((m) => m.Name === preferredModel &&
+                                m.IsActive === true);
                             if (model)
                                 break;
                         }
@@ -1498,7 +1501,8 @@ class ComponentRunner {
                         if (params.modelPower === 'lowest') {
                             // Get lowest power model by sorting in reverse
                             await aiEngine.Config(false, params.contextUser);
-                            const llmModels = aiEngine.Models.filter((m) => m.AIModelType === 'LLM' && m.IsActive === true);
+                            const llmModels = aiEngine.Models.filter((m) => m.AIModelType === 'LLM' &&
+                                m.IsActive === true);
                             model = llmModels.sort((a, b) => (a.PowerRank || 0) - (b.PowerRank || 0))[0];
                         }
                         else if (params.modelPower === 'highest') {
@@ -1507,7 +1511,8 @@ class ComponentRunner {
                         else {
                             // Default to medium - get a model in the middle range
                             await aiEngine.Config(false, params.contextUser);
-                            const llmModels = aiEngine.Models.filter((m) => m.AIModelType === 'LLM' && m.IsActive === true);
+                            const llmModels = aiEngine.Models.filter((m) => m.AIModelType === 'LLM' &&
+                                m.IsActive === true);
                             const sortedModels = llmModels.sort((a, b) => (b.PowerRank || 0) - (a.PowerRank || 0));
                             const midIndex = Math.floor(sortedModels.length / 2);
                             model = sortedModels[midIndex] || sortedModels[0];
@@ -1516,7 +1521,9 @@ class ComponentRunner {
                     // Build full conversation from messages if provided
                     let fullUserPrompt = '';
                     if (params.messages && params.messages.length > 0) {
-                        fullUserPrompt = params.messages.map((m) => `${m.role === 'user' ? 'User' : 'Assistant'}: ${m.message}`).join('\n');
+                        fullUserPrompt = params.messages
+                            .map(m => `${m.role === 'user' ? 'User' : 'Assistant'}: ${m.message}`)
+                            .join('\n');
                     }
                     // Execute the prompt using AIEngine
                     const result = await aiEngine.SimpleLLMCompletion(fullUserPrompt || '', params.contextUser || {}, // Provide empty object if no context user
@@ -1537,33 +1544,35 @@ class ComponentRunner {
                         success: true,
                         result: result,
                         resultObject,
-                        modelName: model?.Name || 'Unknown',
+                        modelName: model?.Name || 'Unknown'
                     };
                 }
                 catch (error) {
-                    (0, global_1.LogError)(error);
+                    (0, core_1.LogError)(error);
                     return {
                         success: false,
                         result: 'Failed to execute prompt: ' + (error instanceof Error ? error.message : String(error)),
-                        modelName: '',
+                        modelName: ''
                     };
                 }
             },
             EmbedText: async (params) => {
                 try {
                     // Handle both single string and array of strings
-                    const texts = Array.isArray(params.textToEmbed) ? params.textToEmbed : [params.textToEmbed];
+                    const texts = Array.isArray(params.textToEmbed)
+                        ? params.textToEmbed
+                        : [params.textToEmbed];
                     // Use appropriate embedding model based on size
                     await aiEngine.Config(false, params.contextUser);
                     // Get embedding models and filter by size preference
-                    const embeddingModels = aiEngine.Models.filter((m) => m.AIModelType === 'Embeddings' && m.IsActive === true);
+                    const embeddingModels = aiEngine.Models.filter((m) => m.AIModelType === 'Embeddings' &&
+                        m.IsActive === true);
                     // Select model based on size preference
                     let model;
                     if (params.modelSize === 'small') {
                         // Prefer local/smaller models for 'small'
-                        model =
-                            embeddingModels.find((m) => m.Vendor === 'LocalEmbeddings') ||
-                                embeddingModels.sort((a, b) => (a.PowerRank || 0) - (b.PowerRank || 0))[0];
+                        model = embeddingModels.find((m) => m.Vendor === 'LocalEmbeddings') ||
+                            embeddingModels.sort((a, b) => (a.PowerRank || 0) - (b.PowerRank || 0))[0];
                     }
                     else {
                         // Use more powerful models for 'medium'
@@ -1584,19 +1593,21 @@ class ComponentRunner {
                         }
                     }
                     // Return single embedding or array based on input
-                    const returnEmbeddings = Array.isArray(params.textToEmbed) ? embeddings : embeddings[0];
+                    const returnEmbeddings = Array.isArray(params.textToEmbed)
+                        ? embeddings
+                        : embeddings[0];
                     return {
                         result: returnEmbeddings,
                         modelName: model.Name,
-                        vectorDimensions: embeddings[0]?.length || 0,
+                        vectorDimensions: embeddings[0]?.length || 0
                     };
                 }
                 catch (error) {
-                    (0, global_1.LogError)(error);
+                    (0, core_1.LogError)(error);
                     throw error; // Re-throw for embeddings as they're critical
                 }
             },
-            VectorService: new ai_vectors_memory_1.SimpleVectorService(),
+            VectorService: new ai_vectors_memory_1.SimpleVectorService()
         };
     }
     /**
@@ -1609,7 +1620,7 @@ class ComponentRunner {
         // UserInfo is a simple object that can be serialized
         const serializedContextUser = JSON.parse(JSON.stringify(options.contextUser));
         // utilities - favor the one passed in by the caller, or fall back to the local ones
-        const util = options.utilities || (await this.buildLocalMJUtilities(options.contextUser));
+        const util = options.utilities || await this.buildLocalMJUtilities(options.contextUser);
         // Create a lightweight mock metadata object with serializable data
         // This avoids authentication/provider issues in the browser context
         let entitiesData = [];
@@ -1644,7 +1655,7 @@ class ComponentRunner {
             AuditLogTypes: [],
             Authorizations: [],
             VisibleExplorerNavigationItems: [],
-            AllExplorerNavigationItems: [],
+            AllExplorerNavigationItems: []
         };
         // Inject both the contextUser and mock metadata into the page
         // Playwright only accepts a single argument, so wrap in an object
@@ -1660,7 +1671,7 @@ class ComponentRunner {
             // This must be available before any component code runs
             if (!window.Metadata) {
                 window.Metadata = {
-                    Provider: mockMd,
+                    Provider: mockMd
                 };
                 // Created global Metadata mock with Provider (early)
             }
@@ -1731,7 +1742,7 @@ class ComponentRunner {
             }
             catch (error) {
                 const errorMessage = error instanceof Error ? error.message : String(error);
-                const entities = params.map((p) => p.EntityName || 'unknown').join(', ');
+                const entities = params.map(p => p.EntityName || 'unknown').join(', ');
                 // Debug logging for errors
                 if (debug) {
                     console.log(`❌ RunViews FAILED: Entities=[${entities}]`);
@@ -1800,7 +1811,7 @@ class ComponentRunner {
                 return {
                     success: false,
                     result: errorMessage,
-                    modelName: '',
+                    modelName: ''
                 };
             }
         });
@@ -1813,7 +1824,9 @@ class ComponentRunner {
                 const paramsWithUser = { ...params, contextUser: options.contextUser };
                 const result = await util.ai.EmbedText(paramsWithUser);
                 if (debug) {
-                    const count = Array.isArray(result.result) ? (Array.isArray(result.result[0]) ? result.result.length : 1) : 1;
+                    const count = Array.isArray(result.result)
+                        ? (Array.isArray(result.result[0]) ? result.result.length : 1)
+                        : 1;
                     console.log(`🤖 EmbedText SUCCESS: Model="${result.modelName}" Count=${count} Dims=${result.vectorDimensions}`);
                 }
                 return result;
@@ -1836,9 +1849,7 @@ class ComponentRunner {
             const VectorService = window.MJReactRuntime?.SimpleVectorService ||
                 class {
                     // Stub implementation if not available
-                    cosineSimilarity(_a, _b) {
-                        return 0;
-                    }
+                    cosineSimilarity(_a, _b) { return 0; }
                 };
             window.__mjUtilities = {
                 md: {
@@ -1850,25 +1861,25 @@ class ComponentRunner {
                         return mockMd.Entities.find((e) => e.Name === name) || null;
                     },
                     // Keep async function for GetEntityObject for compatibility
-                    GetEntityObject: async (entityName) => await window.__mjGetEntityObject(entityName),
+                    GetEntityObject: async (entityName) => await window.__mjGetEntityObject(entityName)
                 },
                 rv: {
                     RunView: async (params) => await window.__mjRunView(params),
-                    RunViews: async (params) => await window.__mjRunViews(params),
+                    RunViews: async (params) => await window.__mjRunViews(params)
                 },
                 rq: {
-                    RunQuery: async (params) => await window.__mjRunQuery(params),
+                    RunQuery: async (params) => await window.__mjRunQuery(params)
                 },
                 ai: {
                     ExecutePrompt: async (params) => await window.__mjExecutePrompt(params),
                     EmbedText: async (params) => await window.__mjEmbedText(params),
-                    VectorService: new VectorService(),
-                },
+                    VectorService: new VectorService()
+                }
             };
             // Update or create global Metadata mock (in case it wasn't created earlier)
             if (!window.Metadata) {
                 window.Metadata = {
-                    Provider: mockMd,
+                    Provider: mockMd
                 };
                 // Created global Metadata mock with Provider (late)
             }