@memberjunction/ng-core-entity-forms 2.50.0 → 2.52.0

package/dist/lib/custom/ai-test-harness/ai-test-harness-dialog.component.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { AIAgentEntity } from '@memberjunction/core-entities';
+import { AITestHarnessComponent } from './ai-test-harness.component';
+import * as i0 from "@angular/core";
+/**
+ * Configuration data interface for the AI Agent Test Harness Dialog.
+ * Provides all necessary options for initializing the dialog with appropriate
+ * agent data, dimensions, and initial variable configurations.
+ */
+export interface AITestHarnessDialogData {
+    /** ID of the AI agent to load (alternative to providing agent entity) */
+    agentId?: string;
+    /** Pre-loaded AI agent entity (alternative to providing agentId) */
+    agent?: AIAgentEntity;
+    /** Custom dialog title (defaults to agent name) */
+    title?: string;
+    /** Dialog width in CSS units or viewport percentage */
+    width?: string | number;
+    /** Dialog height in CSS units or viewport percentage */
+    height?: string | number;
+    /** Initial data context variables for agent execution */
+    initialDataContext?: Record<string, any>;
+    /** Initial template data variables for prompt rendering */
+    initialTemplateData?: Record<string, any>;
+}
+/**
+ * Dialog wrapper component for the AI Agent Test Harness.
+ * Provides a modal dialog interface with proper sizing, header, and close functionality.
+ * Automatically loads agent data and initializes the test harness with provided configuration.
+ *
+ * ## Features:
+ * - **Automatic Agent Loading**: Loads agent by ID or uses provided entity
+ * - **Configurable Dimensions**: Supports custom dialog sizing
+ * - **Initial Data Setup**: Pre-populates data context and template variables
+ * - **Clean Dialog Interface**: Professional header with close button
+ * - **Responsive Layout**: Adapts to content and screen size
+ *
+ * ## Usage:
+ * This component is typically opened through the `TestHarnessDialogService` rather than directly:
+ * ```typescript
+ * const dialogRef = this.testHarnessService.openAgentTestHarness({
+ *   agentId: 'agent-123',
+ *   initialDataContext: { userId: 'user-456' }
+ * });
+ * ```
+ */
+export declare class AITestHarnessDialogComponent implements OnInit {
+    /** Reference to the embedded test harness component */
+    testHarness: AITestHarnessComponent;
+    /** The loaded AI agent entity for testing */
+    agent: AIAgentEntity | null;
+    /** Display title for the dialog header */
+    title: string;
+    /** Configuration data passed from the dialog service */
+    data: AITestHarnessDialogData;
+    /** Event emitted when the dialog should be closed */
+    closeDialog: EventEmitter<void>;
+    /**
+     * Initializes the dialog component by loading agent data and configuring
+     * the embedded test harness with initial variables and settings.
+     */
+    ngOnInit(): Promise<void>;
+    /**
+     * Determines the appropriate variable type for initial data configuration.
+     * @param value - The value to analyze for type detection
+     * @returns The detected variable type
+     * @private
+     */
+    private detectVariableType;
+    /**
+     * Closes the dialog by emitting the close event.
+     * This method is called by the close button in the header.
+     */
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AITestHarnessDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AITestHarnessDialogComponent, "mj-ai-test-harness-dialog", never, { "data": { "alias": "data"; "required": false; }; }, { "closeDialog": "closeDialog"; }, never, never, false, never>;
+}
+//# sourceMappingURL=ai-test-harness-dialog.component.d.ts.map

package/dist/lib/custom/ai-test-harness/ai-test-harness-dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-test-harness-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/ai-test-harness/ai-test-harness-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;AAErE;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACpC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAuEa,4BAA6B,YAAW,MAAM;IACvD,uDAAuD;IACV,WAAW,EAAG,sBAAsB,CAAC;IAElF,6CAA6C;IAC7C,KAAK,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEnC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAA2B;IAExC,wDAAwD;IAC/C,IAAI,EAAE,uBAAuB,CAAM;IAE5C,qDAAqD;IAC3C,WAAW,qBAA4B;IAEjD;;;OAGG;IACG,QAAQ;IA4Cd;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;;OAGG;IACH,KAAK,IAAI,IAAI;yCAjFJ,4BAA4B;2CAA5B,4BAA4B;CAoFxC"}

package/dist/lib/custom/ai-test-harness/ai-test-harness-dialog.component.js

@@ -0,0 +1,157 @@
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./ai-test-harness.component";
+const _c0 = ["testHarness"];
+/**
+ * Dialog wrapper component for the AI Agent Test Harness.
+ * Provides a modal dialog interface with proper sizing, header, and close functionality.
+ * Automatically loads agent data and initializes the test harness with provided configuration.
+ *
+ * ## Features:
+ * - **Automatic Agent Loading**: Loads agent by ID or uses provided entity
+ * - **Configurable Dimensions**: Supports custom dialog sizing
+ * - **Initial Data Setup**: Pre-populates data context and template variables
+ * - **Clean Dialog Interface**: Professional header with close button
+ * - **Responsive Layout**: Adapts to content and screen size
+ *
+ * ## Usage:
+ * This component is typically opened through the `TestHarnessDialogService` rather than directly:
+ * ```typescript
+ * const dialogRef = this.testHarnessService.openAgentTestHarness({
+ *   agentId: 'agent-123',
+ *   initialDataContext: { userId: 'user-456' }
+ * });
+ * ```
+ */
+export class AITestHarnessDialogComponent {
+    constructor() {
+        /** The loaded AI agent entity for testing */
+        this.agent = null;
+        /** Display title for the dialog header */
+        this.title = 'AI Agent Test Harness';
+        /** Configuration data passed from the dialog service */
+        this.data = {};
+        /** Event emitted when the dialog should be closed */
+        this.closeDialog = new EventEmitter();
+    }
+    /**
+     * Initializes the dialog component by loading agent data and configuring
+     * the embedded test harness with initial variables and settings.
+     */
+    async ngOnInit() {
+        if (this.data.title) {
+            this.title = this.data.title;
+        }
+        // Load agent if ID provided
+        if (this.data.agentId && !this.data.agent) {
+            const md = new Metadata();
+            this.agent = await md.GetEntityObject('AI Agents');
+            await this.agent.Load(this.data.agentId);
+            if (this.agent) {
+                this.title = `Test Harness: ${this.agent.Name}`;
+            }
+        }
+        else if (this.data.agent) {
+            this.agent = this.data.agent;
+            this.title = `Test Harness: ${this.agent.Name}`;
+        }
+        // Wait for view to initialize then set initial data if provided
+        setTimeout(() => {
+            if (this.testHarness && this.data.initialDataContext) {
+                // Convert initial data context to variables
+                const variables = Object.entries(this.data.initialDataContext).map(([name, value]) => ({
+                    name,
+                    value: typeof value === 'object' ? JSON.stringify(value) : String(value),
+                    type: this.detectVariableType(value)
+                }));
+                this.testHarness.agentVariables = variables;
+            }
+            if (this.testHarness && this.data.initialTemplateData) {
+                // Add template data to the unified agent variables
+                const templateVariables = Object.entries(this.data.initialTemplateData).map(([name, value]) => ({
+                    name,
+                    value: typeof value === 'object' ? JSON.stringify(value) : String(value),
+                    type: this.detectVariableType(value)
+                }));
+                // Merge with existing agent variables
+                this.testHarness.agentVariables = [...this.testHarness.agentVariables, ...templateVariables];
+            }
+        }, 100);
+    }
+    /**
+     * Determines the appropriate variable type for initial data configuration.
+     * @param value - The value to analyze for type detection
+     * @returns The detected variable type
+     * @private
+     */
+    detectVariableType(value) {
+        if (typeof value === 'boolean')
+            return 'boolean';
+        if (typeof value === 'number')
+            return 'number';
+        if (typeof value === 'object')
+            return 'object';
+        return 'string';
+    }
+    /**
+     * Closes the dialog by emitting the close event.
+     * This method is called by the close button in the header.
+     */
+    close() {
+        this.closeDialog.emit();
+    }
+    static { this.ɵfac = function AITestHarnessDialogComponent_Factory(t) { return new (t || AITestHarnessDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AITestHarnessDialogComponent, selectors: [["mj-ai-test-harness-dialog"]], viewQuery: function AITestHarnessDialogComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.testHarness = _t.first);
+        } }, inputs: { data: "data" }, outputs: { closeDialog: "closeDialog" }, decls: 9, vars: 3, consts: [["testHarness", ""], [1, "test-harness-dialog"], [1, "dialog-header"], [1, "close-button", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [3, "aiAgent", "isVisible"]], template: function AITestHarnessDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h2");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "button", 3);
+            i0.ɵɵlistener("click", function AITestHarnessDialogComponent_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.close()); });
+            i0.ɵɵelement(5, "i", 4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 5);
+            i0.ɵɵelement(7, "mj-ai-test-harness", 6, 0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.title);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("aiAgent", ctx.agent)("isVisible", true);
+        } }, dependencies: [i1.AITestHarnessComponent], styles: [".test-harness-dialog[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n        }\n\n        .dialog-header[_ngcontent-%COMP%] {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 16px 24px;\n            border-bottom: 1px solid #e0e0e0;\n            background-color: #f5f5f5;\n        }\n\n        .dialog-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: 20px;\n            font-weight: 500;\n        }\n\n        .close-button[_ngcontent-%COMP%] {\n            position: relative;\n            top: -4px;\n            background: none;\n            border: none;\n            cursor: pointer;\n            padding: 4px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 4px;\n            transition: background-color 0.2s;\n        }\n        \n        .close-button[_ngcontent-%COMP%]:hover {\n            background-color: rgba(0, 0, 0, 0.04);\n        }\n\n        .dialog-content[_ngcontent-%COMP%] {\n            flex: 1;\n            overflow: hidden;\n            padding: 0;\n        }\n\n        [_nghost-%COMP%]     .test-harness-container {\n            height: 100%;\n        }"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AITestHarnessDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-test-harness-dialog', template: `
+        <div class="test-harness-dialog">
+            <div class="dialog-header">
+                <h2>{{ title }}</h2>
+                <button class="close-button" (click)="close()">
+                    <i class="fa-solid fa-times"></i>
+                </button>
+            </div>
+            <div class="dialog-content">
+                <mj-ai-test-harness 
+                    #testHarness
+                    [aiAgent]="agent"
+                    [isVisible]="true">
+                </mj-ai-test-harness>
+            </div>
+        </div>
+    `, styles: ["\n        .test-harness-dialog {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n        }\n\n        .dialog-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 16px 24px;\n            border-bottom: 1px solid #e0e0e0;\n            background-color: #f5f5f5;\n        }\n\n        .dialog-header h2 {\n            margin: 0;\n            font-size: 20px;\n            font-weight: 500;\n        }\n\n        .close-button {\n            position: relative;\n            top: -4px;\n            background: none;\n            border: none;\n            cursor: pointer;\n            padding: 4px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 4px;\n            transition: background-color 0.2s;\n        }\n        \n        .close-button:hover {\n            background-color: rgba(0, 0, 0, 0.04);\n        }\n\n        .dialog-content {\n            flex: 1;\n            overflow: hidden;\n            padding: 0;\n        }\n\n        :host ::ng-deep .test-harness-container {\n            height: 100%;\n        }\n    "] }]
+    }], null, { testHarness: [{
+            type: ViewChild,
+            args: ['testHarness', { static: false }]
+        }], data: [{
+            type: Input
+        }], closeDialog: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AITestHarnessDialogComponent, { className: "AITestHarnessDialogComponent", filePath: "src/lib/custom/ai-test-harness/ai-test-harness-dialog.component.ts", lineNumber: 120 }); })();
+//# sourceMappingURL=ai-test-harness-dialog.component.js.map

package/dist/lib/custom/ai-test-harness/ai-test-harness-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-test-harness-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-test-harness/ai-test-harness-dialog.component.ts"],"names":[],"mappings":"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"}