@memberjunction/react-test-harness 2.91.0 → 2.93.0

package/dist/lib/component-runner.d.ts

@@ -2,7 +2,7 @@
 import { BrowserManager } from './browser-context';
 import type { UserInfo } from '@memberjunction/core';
 import { FixSuggestion, Violation } from './component-linter';
-import { ComponentSpec } from '@memberjunction/interactive-component-types';
+import { ComponentSpec, ComponentUtilities, SimpleAITools } from '@memberjunction/interactive-component-types';
 export interface ComponentExecutionOptions {
     componentSpec: ComponentSpec;
     props?: Record<string, any>;
@@ -15,6 +15,7 @@ export interface ComponentExecutionOptions {
     contextUser: UserInfo;
     isRootComponent?: boolean;
     debug?: boolean;
+    utilities?: ComponentUtilities;
 }
 export interface ComponentExecutionResult {
     success: boolean;
@@ -43,7 +44,7 @@ export declare class ComponentRunner {
     /**
      * Lint component code before execution
      */
-    lintComponent(componentCode: string, componentName: string, componentSpec?: any, isRootComponent?: boolean): Promise<{
+    lintComponent(componentCode: string, componentName: string, componentSpec?: any, isRootComponent?: boolean, contextUser?: UserInfo, options?: any): Promise<{
         violations: Violation[];
         suggestions: FixSuggestion[];
         hasErrors: boolean;
@@ -73,6 +74,8 @@ export declare class ComponentRunner {
      * Set up console logging
      */
     private setupConsoleLogging;
+    private buildLocalMJUtilities;
+    protected BuildLocalSimpleAITools(contextUser: UserInfo): Promise<SimpleAITools>;
     /**
      * Expose MJ utilities to the browser context
      */

package/dist/lib/component-runner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-runner.d.ts","sourceRoot":"","sources":["../../src/lib/component-runner.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAiC,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,EAAmB,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAG5E,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,kBAAkB,GAAG,aAAa,CAAC;IAC/D,WAAW,EAAE,QAAQ,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,qBAAa,eAAe;IAed,OAAO,CAAC,cAAc;IAblC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,yBAAyB,CAS/C;IAEF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;gBAE5B,cAAc,EAAE,cAAc;IAElD;;OAEG;IACG,aAAa,CACjB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,GAAG,EACnB,eAAe,CAAC,EAAE,OAAO,GACxB,OAAO,CAAC;QAAE,UAAU,EAAE,SAAS,EAAE,CAAC;QAAC,WAAW,EAAE,aAAa,EAAE,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAiBnF,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,OAAO,CAAC,wBAAwB,CAAC;IAmkB7F;;OAEG;YACW,oBAAoB;IAiElC;;OAEG;YACW,sBAAsB;IA6GpC;;OAEG;YACW,kBAAkB;IAyEhC;;OAEG;YACW,oBAAoB;IAiClC;;OAEG;YACW,eAAe;IAkB7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA+B3B;;OAEG;YACW,iBAAiB;IA8O/B;;OAEG;IACH,OAAO,CAAC,aAAa;CA6BtB"}
+{"version":3,"file":"component-runner.d.ts","sourceRoot":"","sources":["../../src/lib/component-runner.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAiC,QAAQ,EAAyD,MAAM,sBAAsB,CAAC;AAC3I,OAAO,EAAmB,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EAKd,MAAM,6CAA6C,CAAC;AAMrD,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,kBAAkB,GAAG,aAAa,CAAC;IAC/D,WAAW,EAAE,QAAQ,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,qBAAa,eAAe;IAkBd,OAAO,CAAC,cAAc;IAhBlC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,yBAAyB,CAS/C;IAKF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAS;gBAE7B,cAAc,EAAE,cAAc;IAElD;;OAEG;IACG,aAAa,CACjB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,GAAG,EACnB,eAAe,CAAC,EAAE,OAAO,EACzB,WAAW,CAAC,EAAE,QAAQ,EACtB,OAAO,CAAC,EAAE,GAAG,GACZ,OAAO,CAAC;QAAE,UAAU,EAAE,SAAS,EAAE,CAAC;QAAC,WAAW,EAAE,aAAa,EAAE,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAoBnF,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,OAAO,CAAC,wBAAwB,CAAC;IAkmB7F;;OAEG;YACW,oBAAoB;IAiElC;;OAEG;YACW,sBAAsB;IAiHpC;;OAEG;YACW,kBAAkB;IAyEhC;;OAEG;YACW,oBAAoB;IAmClC;;OAEG;YACW,eAAe;IAkB7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;YA+Bb,qBAAqB;cAqBnB,uBAAuB,CAAC,WAAW,EAAE,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC;IA2JtF;;OAEG;YACW,iBAAiB;IAsT/B;;OAEG;IACH,OAAO,CAAC,aAAa;CA6BtB"}

package/dist/lib/component-runner.js

@@ -27,6 +27,8 @@ exports.ComponentRunner = void 0;
 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");
+const aiengine_1 = require("@memberjunction/aiengine");
 /**
  * ComponentRunner that uses the actual React runtime via Playwright UMD bundle
  */
@@ -37,8 +39,9 @@ class ComponentRunner {
     /**
      * Lint component code before execution
      */
-    async lintComponent(componentCode, componentName, componentSpec, isRootComponent) {
-        const lintResult = await component_linter_1.ComponentLinter.lintComponent(componentCode, componentName, componentSpec, isRootComponent);
+    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');
         return {
             violations: lintResult.violations,
@@ -121,7 +124,7 @@ class ComponentRunner {
             // Set up console logging
             this.setupConsoleLogging(page, consoleLogs, warnings, criticalWarnings);
             // Expose MJ utilities to the page
-            await this.exposeMJUtilities(page, options.contextUser, dataErrors, debug);
+            await this.exposeMJUtilities(page, options, dataErrors, debug);
             if (debug) {
                 console.log('📤 NODE: About to call page.evaluate with:');
                 console.log('  - spec.name:', options.componentSpec.name);
@@ -172,11 +175,11 @@ class ComponentRunner {
                                 if (libraryValue) {
                                     loadedLibraries[libDef.GlobalVariable] = libraryValue;
                                     if (debug) {
-                                        console.log(`✅ Added ${libDef.Name} to runtime context as ${libDef.GlobalVariable}`);
+                                        console.log(`📦 Added ${libDef.Name} to runtime context as ${libDef.GlobalVariable}`);
                                     }
                                 }
                                 else {
-                                    console.warn(`⚠️ Library ${libDef.Name} not found as window.${libDef.GlobalVariable}`);
+                                    console.warn(`⚠️ Library ${libDef.Name} global variable ${libDef.GlobalVariable} not found on window`);
                                 }
                             }
                         }
@@ -198,7 +201,7 @@ class ComponentRunner {
                         // Note: LibraryRegistry.Config expects ComponentLibraryEntity[]
                         await LibraryRegistry.Config(false, componentLibraries || []);
                         if (debug) {
-                            console.log('✅ Configured LibraryRegistry with', componentLibraries?.length || 0, 'libraries');
+                            console.log('⚙️ Configured LibraryRegistry with', componentLibraries?.length || 0, 'libraries');
                         }
                     }
                     const registry = new ComponentRegistry();
@@ -234,7 +237,7 @@ class ComponentRunner {
                             })));
                         }
                     }
-                    // Register the component hierarchy
+                    // Register the component hierarchy with error capture
                     // IMPORTANT: Pass component libraries for library loading to work
                     if (debug) {
                         console.log('📚 Registering component with', componentLibraries?.length || 0, 'libraries');
@@ -242,12 +245,28 @@ class ComponentRunner {
                             console.log('  Passing libraries to registrar:', componentLibraries.slice(0, 2).map((l) => l.Name));
                         }
                     }
-                    const registrationResult = await registrar.registerHierarchy(spec, {
-                        styles,
-                        namespace: 'Global',
-                        version: 'v1', // Use v1 to match the registry defaults
-                        allLibraries: componentLibraries || [] // Pass the component libraries for LibraryRegistry
-                    });
+                    let registrationResult;
+                    try {
+                        registrationResult = await registrar.registerHierarchy(spec, {
+                            styles,
+                            namespace: 'Global',
+                            version: 'v1', // Use v1 to match the registry defaults
+                            allLibraries: componentLibraries || [] // Pass the component libraries for LibraryRegistry
+                        });
+                    }
+                    catch (registrationError) {
+                        // Capture the actual error before it gets obscured
+                        console.error('🔴 Component registration error:', registrationError);
+                        window.__testHarnessRuntimeErrors = window.__testHarnessRuntimeErrors || [];
+                        window.__testHarnessRuntimeErrors.push({
+                            message: `Component registration failed: ${registrationError.message || registrationError}`,
+                            stack: registrationError.stack,
+                            type: 'registration-error',
+                            phase: 'component-compilation'
+                        });
+                        window.__testHarnessTestFailed = true;
+                        throw registrationError; // Re-throw for outer handler
+                    }
                     if (debug && !registrationResult.success) {
                         console.log('❌ Registration failed:', registrationResult.errors);
                     }
@@ -255,7 +274,7 @@ class ComponentRunner {
                         throw new Error('Component registration failed: ' + JSON.stringify(registrationResult.errors));
                     }
                     if (debug) {
-                        console.log('✅ Registered components:', registrationResult.registeredComponents);
+                        console.log('📝 Registered components:', registrationResult.registeredComponents);
                         // Note: ComponentRegistry doesn't expose internal components Map directly
                         // We can see what was registered through the registrationResult
                     }
@@ -277,7 +296,7 @@ class ComponentRunner {
                             // If the library exports an object with multiple components, spread them
                             Object.assign(components, libraryValue);
                             if (debug) {
-                                console.log(`✅ Added ${globalVar} exports to components object`);
+                                console.log(`📦 Added ${globalVar} exports to components object`);
                             }
                         }
                     }
@@ -287,8 +306,10 @@ class ComponentRunner {
                         throw new Error('Root element not found');
                     }
                     const root = window.ReactDOM.createRoot(rootElement);
-                    // Set up render count protection (Recommendation #5)
-                    const MAX_RENDERS_ALLOWED = 500; // Reasonable limit for complex components
+                    // Set up render count protection
+                    // This is for detecting infinite loops during execution
+                    // Note: counts createElement calls, not re-renders
+                    const MAX_RENDERS_ALLOWED = 10000; // Complex dashboards can have many createElement calls
                     if (typeof window !== 'undefined') {
                         renderCheckInterval = setInterval(() => {
                             const currentRenderCount = window.__testHarnessRenderCount || 0;
@@ -298,7 +319,7 @@ class ComponentRunner {
                                 window.__testHarnessTestFailed = true;
                                 window.__testHarnessRuntimeErrors = window.__testHarnessRuntimeErrors || [];
                                 window.__testHarnessRuntimeErrors.push({
-                                    message: `Excessive re-renders detected: ${currentRenderCount} renders (max: ${MAX_RENDERS_ALLOWED})`,
+                                    message: `Likely infinite render loop: ${currentRenderCount} createElement calls (max: ${MAX_RENDERS_ALLOWED})`,
                                     type: 'render-loop'
                                 });
                                 // Try to unmount to stop the madness
@@ -308,7 +329,7 @@ class ComponentRunner {
                                 catch (e) {
                                     console.error('Failed to unmount after render loop:', e);
                                 }
-                                throw new Error(`Excessive re-renders: ${currentRenderCount} renders detected`);
+                                throw new Error(`Likely infinite render loop: ${currentRenderCount} createElement calls detected`);
                             }
                         }, 100); // Check every 100ms
                     }
@@ -333,24 +354,33 @@ class ComponentRunner {
                             this.state = { hasError: false, error: null };
                         }
                         static getDerivedStateFromError(error) {
-                            window.__testHarnessTestFailed = true;
-                            return { hasError: true, error };
-                        }
-                        componentDidCatch(error, errorInfo) {
-                            console.error('React Error Boundary caught:', error, errorInfo);
+                            // Capture the actual error message IMMEDIATELY
                             window.__testHarnessRuntimeErrors = window.__testHarnessRuntimeErrors || [];
                             window.__testHarnessRuntimeErrors.push({
-                                message: error.message,
+                                message: error.message || error.toString(),
                                 stack: error.stack,
-                                componentStack: errorInfo.componentStack,
-                                type: 'react-error-boundary'
+                                type: 'react-render-error',
+                                phase: 'component-render'
                             });
                             window.__testHarnessTestFailed = true;
+                            return { hasError: true, error };
+                        }
+                        componentDidCatch(error, errorInfo) {
+                            console.error('React Error Boundary caught:', error, errorInfo);
+                            // Update the last error with component stack info
+                            const errors = window.__testHarnessRuntimeErrors || [];
+                            if (errors.length > 0) {
+                                const lastError = errors[errors.length - 1];
+                                if (lastError.type === 'react-render-error') {
+                                    lastError.componentStack = errorInfo.componentStack;
+                                }
+                            }
                         }
                         render() {
                             if (this.state.hasError) {
-                                // Re-throw to fail hard
-                                throw this.state.error;
+                                // DON'T re-throw - this causes "Script error"
+                                // Instead, render an error message
+                                return window.React.createElement('div', { style: { color: 'red', padding: '20px' } }, 'Component failed to render: ' + (this.state.error?.message || 'Unknown error'));
                             }
                             return this.props.children;
                         }
@@ -452,7 +482,7 @@ class ComponentRunner {
                 renderCount <= ComponentRunner.MAX_RENDER_COUNT &&
                 executionResult.success;
             if (renderCount > ComponentRunner.MAX_RENDER_COUNT) {
-                errors.push(`Excessive render count: ${renderCount} renders detected`);
+                errors.push(`Possible render loop: ${renderCount} createElement calls detected (likely infinite loop)`);
             }
             // Combine runtime errors with data errors
             const allErrors = [...errors, ...dataErrors];
@@ -621,7 +651,7 @@ class ComponentRunner {
                     if (cssUrl) {
                         await page.addStyleTag({ url: cssUrl });
                         if (debug) {
-                            console.log(`  ✅ Loaded CSS: ${cssUrl}`);
+                            console.log(`  🎨 Loaded CSS: ${cssUrl}`);
                         }
                     }
                 }
@@ -640,11 +670,15 @@ class ComponentRunner {
                     }, libDef.GlobalVariable);
                     if (isLoaded) {
                         if (debug) {
-                            console.log(`  ✅ Loaded ${specLib.name} as window.${libDef.GlobalVariable}`);
+                            console.log(`  📦 Loaded ${specLib.name} (available as ${libDef.GlobalVariable})`);
                         }
                     }
                     else {
-                        console.error(`  ❌ Failed to load ${specLib.name} - global variable ${libDef.GlobalVariable} not found`);
+                        // Some libraries (like @mui/material) may load successfully but not attach to window
+                        // Check if we can at least verify the script loaded
+                        if (debug) {
+                            console.log(`  📦 Loaded ${specLib.name} from CDN (global variable ${libDef.GlobalVariable} may not be exposed)`);
+                        }
                     }
                 }
                 catch (error) {
@@ -765,7 +799,9 @@ class ComponentRunner {
             errors.push('Test marked as failed by error handlers');
         }
         errorData.runtimeErrors.forEach((error) => {
-            const errorMsg = `${error.type} error: ${error.message}`;
+            // Include phase information if available to help identify where the error occurred
+            const phase = error.phase ? ` (during ${error.phase})` : '';
+            const errorMsg = `${error.type} error: ${error.message}${phase}`;
             if (!errors.includes(errorMsg)) {
                 errors.push(errorMsg);
             }
@@ -819,27 +855,179 @@ class ComponentRunner {
             consoleLogs.push({ type: 'error', text: error.message });
         });
     }
+    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();
+        return {
+            rv: {
+                RunView: rv.RunView,
+                RunViews: rv.RunViews
+            },
+            rq: {
+                RunQuery: rq.RunQuery
+            },
+            md: {
+                GetEntityObject: md.GetEntityObject, // return the function
+                Entities: md.Entities // return the function
+            },
+            ai: await this.BuildLocalSimpleAITools(contextUser)
+        };
+    }
+    async BuildLocalSimpleAITools(contextUser) {
+        // Use AIEngine directly since we're in Node.js with full MJ backend
+        const aiEngine = aiengine_1.AIEngine.Instance;
+        await aiEngine.Config(false, contextUser);
+        return {
+            ExecutePrompt: async (params) => {
+                try {
+                    // Get the appropriate model based on power level or preferences
+                    let model;
+                    if (params.preferredModels && params.preferredModels.length > 0) {
+                        // Try to find one of the preferred models
+                        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);
+                            if (model)
+                                break;
+                        }
+                    }
+                    // If no preferred model found, use power level selection
+                    if (!model) {
+                        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);
+                            model = llmModels.sort((a, b) => (a.PowerRank || 0) - (b.PowerRank || 0))[0];
+                        }
+                        else if (params.modelPower === 'highest') {
+                            model = await aiEngine.GetHighestPowerLLM(undefined, params.contextUser);
+                        }
+                        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 sortedModels = llmModels.sort((a, b) => (b.PowerRank || 0) - (a.PowerRank || 0));
+                            const midIndex = Math.floor(sortedModels.length / 2);
+                            model = sortedModels[midIndex] || sortedModels[0];
+                        }
+                    }
+                    // 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');
+                    }
+                    // Execute the prompt using AIEngine
+                    const result = await aiEngine.SimpleLLMCompletion(fullUserPrompt || '', params.contextUser || {}, // Provide empty object if no context user
+                    params.systemPrompt, model);
+                    // Try to parse JSON if present
+                    let resultObject;
+                    try {
+                        // Look for JSON in the response
+                        const jsonMatch = result.match(/\{[\s\S]*\}|\[[\s\S]*\]/);
+                        if (jsonMatch) {
+                            resultObject = JSON.parse(jsonMatch[0]);
+                        }
+                    }
+                    catch (e) {
+                        // Not JSON or failed to parse, that's ok
+                    }
+                    return {
+                        success: true,
+                        result: result,
+                        resultObject,
+                        modelName: model?.Name || 'Unknown'
+                    };
+                }
+                catch (error) {
+                    (0, core_1.LogError)(error);
+                    return {
+                        success: false,
+                        result: 'Failed to execute prompt: ' + (error instanceof Error ? error.message : String(error)),
+                        modelName: ''
+                    };
+                }
+            },
+            EmbedText: async (params) => {
+                try {
+                    // Handle both single string and array of strings
+                    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);
+                    // 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];
+                    }
+                    else {
+                        // Use more powerful models for 'medium'
+                        model = embeddingModels.sort((a, b) => (b.PowerRank || 0) - (a.PowerRank || 0))[0];
+                    }
+                    if (!model) {
+                        throw new Error('No embedding model available');
+                    }
+                    // Generate embeddings for all texts
+                    const embeddings = [];
+                    for (const text of texts) {
+                        const result = await aiEngine.EmbedText(model, text);
+                        if (result && result.vector) {
+                            embeddings.push(result.vector);
+                        }
+                        else {
+                            throw new Error('Failed to generate embedding for text');
+                        }
+                    }
+                    // Return single embedding or array based on input
+                    const returnEmbeddings = Array.isArray(params.textToEmbed)
+                        ? embeddings
+                        : embeddings[0];
+                    return {
+                        result: returnEmbeddings,
+                        modelName: model.Name,
+                        vectorDimensions: embeddings[0]?.length || 0
+                    };
+                }
+                catch (error) {
+                    (0, core_1.LogError)(error);
+                    throw error; // Re-throw for embeddings as they're critical
+                }
+            },
+            VectorService: new ai_vectors_memory_1.SimpleVectorService()
+        };
+    }
     /**
      * Expose MJ utilities to the browser context
      */
-    async exposeMJUtilities(page, contextUser, dataErrors, debug = false) {
+    async exposeMJUtilities(page, options, dataErrors, debug = false) {
         // Don't check if already exposed - we always start fresh after goto('about:blank')
         // The page.exposeFunction calls need to be made for each new page instance
         // Serialize contextUser to pass to the browser context
         // UserInfo is a simple object that can be serialized
-        const serializedContextUser = JSON.parse(JSON.stringify(contextUser));
-        // Create instances in Node.js context
-        const metadata = new core_1.Metadata();
-        const runView = new core_1.RunView();
-        const runQuery = new core_1.RunQuery();
+        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);
         // Create a lightweight mock metadata object with serializable data
         // This avoids authentication/provider issues in the browser context
         let entitiesData = [];
         try {
             // Try to get entities if available, otherwise use empty array
-            if (metadata.Entities) {
+            if (util.md?.Entities) {
                 // Serialize the entities data (remove functions, keep data)
-                entitiesData = JSON.parse(JSON.stringify(metadata.Entities));
+                entitiesData = JSON.parse(JSON.stringify(util.md.Entities));
                 // Serialized entities for browser context
             }
             else {
@@ -891,7 +1079,7 @@ class ComponentRunner {
         // Expose functions
         await page.exposeFunction('__mjGetEntityObject', async (entityName) => {
             try {
-                const entity = await metadata.GetEntityObject(entityName, contextUser);
+                const entity = await util.md.GetEntityObject(entityName, options.contextUser);
                 return entity;
             }
             catch (error) {
@@ -911,11 +1099,11 @@ class ComponentRunner {
         });
         await page.exposeFunction('__mjRunView', async (params) => {
             try {
-                const result = await runView.RunView(params, contextUser);
+                const result = await util.rv.RunView(params, options.contextUser);
                 // Debug logging for successful calls
                 if (debug) {
                     const rowCount = result.Results?.length || 0;
-                    console.log(`✅ RunView SUCCESS: Entity="${params.EntityName}" Rows=${rowCount}`);
+                    console.log(`💾 RunView SUCCESS: Entity="${params.EntityName}" Rows=${rowCount}`);
                     if (params.ExtraFilter) {
                         console.log(`   Filter: ${params.ExtraFilter}`);
                     }
@@ -940,10 +1128,10 @@ class ComponentRunner {
         });
         await page.exposeFunction('__mjRunViews', async (params) => {
             try {
-                const results = await runView.RunViews(params, contextUser);
+                const results = await util.rv.RunViews(params, options.contextUser);
                 // Debug logging for successful calls
                 if (debug) {
-                    console.log(`✅ RunViews SUCCESS: ${params.length} queries executed`);
+                    console.log(`💾 RunViews SUCCESS: ${params.length} queries executed`);
                     params.forEach((p, i) => {
                         const rowCount = results[i]?.Results?.length || 0;
                         console.log(`   [${i + 1}] Entity="${p.EntityName}" Rows=${rowCount}`);
@@ -970,12 +1158,12 @@ class ComponentRunner {
         });
         await page.exposeFunction('__mjRunQuery', async (params) => {
             try {
-                const result = await runQuery.RunQuery(params, contextUser);
+                const result = await util.rq.RunQuery(params, options.contextUser);
                 // Debug logging for successful calls
                 if (debug) {
                     const queryIdentifier = params.QueryName || params.QueryID || 'unknown';
                     const rowCount = result.Results?.length || 0;
-                    console.log(`✅ RunQuery SUCCESS: Query="${queryIdentifier}" Rows=${rowCount}`);
+                    console.log(`💾 RunQuery SUCCESS: Query="${queryIdentifier}" Rows=${rowCount}`);
                     if (params.Parameters && Object.keys(params.Parameters).length > 0) {
                         console.log(`   Parameters:`, params.Parameters);
                     }
@@ -999,10 +1187,69 @@ class ComponentRunner {
                 return { Success: false, ErrorMessage: errorMessage, Results: [] };
             }
         });
+        // Expose AI tools
+        await page.exposeFunction('__mjExecutePrompt', async (params) => {
+            try {
+                if (!util.ai) {
+                    throw new Error('AI tools not available');
+                }
+                // Add contextUser to params if not provided
+                const paramsWithUser = { ...params, contextUser: options.contextUser };
+                const result = await util.ai.ExecutePrompt(paramsWithUser);
+                if (debug && result.success) {
+                    console.log(`🤖 ExecutePrompt SUCCESS: Model="${result.modelName}"`);
+                }
+                return result;
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : String(error);
+                if (debug) {
+                    console.log(`❌ ExecutePrompt FAILED: ${errorMessage}`);
+                }
+                dataErrors.push(`AI ExecutePrompt error: ${errorMessage}`);
+                return {
+                    success: false,
+                    result: errorMessage,
+                    modelName: ''
+                };
+            }
+        });
+        await page.exposeFunction('__mjEmbedText', async (params) => {
+            try {
+                if (!util.ai) {
+                    throw new Error('AI tools not available');
+                }
+                // Add contextUser to params if not provided
+                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;
+                    console.log(`🤖 EmbedText SUCCESS: Model="${result.modelName}" Count=${count} Dims=${result.vectorDimensions}`);
+                }
+                return result;
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : String(error);
+                if (debug) {
+                    console.log(`❌ EmbedText FAILED: ${errorMessage}`);
+                }
+                dataErrors.push(`AI EmbedText error: ${errorMessage}`);
+                throw error; // Re-throw for embeddings as they're critical
+            }
+        });
         // Make them available in utilities with the mock metadata
         await page.evaluate(() => {
             // Use the mock metadata for synchronous access
             const mockMd = window.__mjMockMetadata || { Entities: [], CurrentUser: null };
+            // Import SimpleVectorService for use in browser
+            // Note: This will be available as part of the runtime bundle
+            const VectorService = window.MJReactRuntime?.SimpleVectorService ||
+                class {
+                    // Stub implementation if not available
+                    cosineSimilarity(_a, _b) { return 0; }
+                };
             window.__mjUtilities = {
                 md: {
                     // Use the mock metadata's Entities directly (synchronous)
@@ -1021,6 +1268,11 @@ class ComponentRunner {
                 },
                 rq: {
                     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()
                 }
             };
             // Update or create global Metadata mock (in case it wasn't created earlier)
@@ -1078,5 +1330,8 @@ ComponentRunner.CRITICAL_WARNING_PATTERNS = [
     /Error: Minified React error/i,
     /too many re-renders/i,
 ];
-ComponentRunner.MAX_RENDER_COUNT = 1000;
+// Note: This counts React.createElement calls, not component re-renders
+// A complex dashboard can easily have 5000+ createElement calls on initial mount
+// Only flag if it's likely an infinite loop (10000+ is suspicious)
+ComponentRunner.MAX_RENDER_COUNT = 10000;
 //# sourceMappingURL=component-runner.js.map