@memberjunction/react-test-harness 2.111.0 → 2.112.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 core_1 = require("@memberjunction/core");
+const global_1 = require("@memberjunction/global");
 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,21 +328,23 @@ 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
@@ -351,7 +353,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) {
@@ -363,7 +365,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
@@ -371,7 +373,7 @@ class ComponentRunner {
                         return {
                             success: false,
                             error: `Component registration failed: ${registrationError.message || registrationError}`,
-                            componentCount: 0
+                            componentCount: 0,
                         };
                     }
                     if (debug && !registrationResult.success) {
@@ -413,10 +415,7 @@ 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) {
@@ -479,7 +478,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);
@@ -489,7 +488,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
@@ -504,14 +503,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
@@ -540,7 +539,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 {
@@ -574,8 +573,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));
@@ -604,7 +603,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 };
@@ -640,7 +639,7 @@ class ComponentRunner {
                     }
                     return {
                         success: true,
-                        componentCount: registrationResult.registeredComponents.length
+                        componentCount: registrationResult.registeredComponents.length,
                     };
                 }
                 catch (error) {
@@ -657,19 +656,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));
@@ -685,21 +684,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);
                 }
             }
@@ -715,13 +714,12 @@ 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);
@@ -730,21 +728,20 @@ 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);
                 }
@@ -759,16 +756,13 @@ 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' ||
@@ -779,13 +773,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) {
@@ -795,7 +789,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
@@ -806,25 +800,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,
@@ -832,7 +826,7 @@ class ComponentRunner {
                         rule: 'critical-react-warning',
                         line: 0,
                         column: 0,
-                        source: 'react-framework'
+                        source: 'react-framework',
                     });
                 }
                 else {
@@ -846,17 +840,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);
@@ -867,42 +861,44 @@ 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);
@@ -940,7 +936,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) {
@@ -978,7 +974,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
@@ -997,10 +993,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})`);
             });
         }
@@ -1020,12 +1016,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 });
@@ -1041,7 +1037,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) => {
@@ -1068,10 +1064,12 @@ 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
@@ -1145,7 +1143,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);
@@ -1156,7 +1154,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
@@ -1171,7 +1169,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 || [];
@@ -1179,7 +1177,7 @@ class ComponentRunner {
                             message: errorMsg,
                             type: 'undefined-component',
                             phase: 'createElement',
-                            source: 'enhanced-detection'
+                            source: 'enhanced-detection',
                         });
                     }
                     // Call original createElement
@@ -1189,7 +1187,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:') ||
@@ -1220,16 +1218,15 @@ 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;
@@ -1242,29 +1239,35 @@ 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) => {
@@ -1282,7 +1285,7 @@ class ComponentRunner {
                         stack: event.error?.stack,
                         type: 'undefined-identifier',
                         source: 'user-component',
-                        identifier: identifier
+                        identifier: identifier,
                     });
                     window.__testHarnessTestFailed = true;
                     return;
@@ -1296,7 +1299,7 @@ class ComponentRunner {
                     message: event.error?.message || event.message,
                     stack: event.error?.stack,
                     type: 'runtime',
-                    source: source
+                    source: source,
                 });
                 window.__testHarnessTestFailed = true;
             });
@@ -1306,7 +1309,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();
@@ -1321,20 +1324,17 @@ 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,12 +1409,10 @@ 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;
@@ -1425,7 +1423,7 @@ class ComponentRunner {
     async collectWarnings(page) {
         const warningData = await page.evaluate(() => {
             return {
-                consoleWarnings: window.__testHarnessConsoleWarnings || []
+                consoleWarnings: window.__testHarnessConsoleWarnings || [],
             };
         });
         const warnings = [];
@@ -1457,23 +1455,23 @@ class ComponentRunner {
         });
     }
     async buildLocalMJUtilities(contextUser) {
-        console.log("   Building local MJ utilities");
-        const rv = new core_1.RunView();
-        const rq = new core_1.RunQuery();
-        const md = new core_1.Metadata();
+        console.log('   Building local MJ utilities');
+        const rv = new global_1.RunView();
+        const rq = new global_1.RunQuery();
+        const md = new global_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) {
@@ -1490,8 +1488,7 @@ 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;
                         }
@@ -1501,8 +1498,7 @@ 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') {
@@ -1511,8 +1507,7 @@ 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];
@@ -1521,9 +1516,7 @@ 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
@@ -1544,35 +1537,33 @@ class ComponentRunner {
                         success: true,
                         result: result,
                         resultObject,
-                        modelName: model?.Name || 'Unknown'
+                        modelName: model?.Name || 'Unknown',
                     };
                 }
                 catch (error) {
-                    (0, core_1.LogError)(error);
+                    (0, global_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'
@@ -1593,21 +1584,19 @@ 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, core_1.LogError)(error);
+                    (0, global_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(),
         };
     }
     /**
@@ -1620,7 +1609,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 = [];
@@ -1655,7 +1644,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
@@ -1671,7 +1660,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)
             }
@@ -1742,7 +1731,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}]`);
@@ -1811,7 +1800,7 @@ class ComponentRunner {
                 return {
                     success: false,
                     result: errorMessage,
-                    modelName: ''
+                    modelName: '',
                 };
             }
         });
@@ -1824,9 +1813,7 @@ 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;
@@ -1849,7 +1836,9 @@ 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: {
@@ -1861,25 +1850,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)
             }