@memberjunction/ng-core-entity-forms 5.0.0 → 5.2.0

package/dist/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.js

@@ -1,500 +0,0 @@
-import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { Subject, takeUntil, debounceTime } from 'rxjs';
-import { Metadata } from '@memberjunction/core';
-// Import standalone flow editor components
-import { FlowEditorComponent } from './flow-editor-integration/components/flow-editor/flow-editor.component';
-import { PropertiesPanelComponent } from './flow-editor-integration/components/properties-panel/properties-panel.component';
-import { ExecutionPanelComponent } from './flow-editor-integration/components/execution-panel/execution-panel.component';
-import { ToolbarComponent } from './flow-editor-integration/components/toolbar/toolbar.component';
-// Import services
-import { FlowEditorService } from './flow-editor-integration/services/flow-editor.service';
-import { FlowExecutorService } from './flow-editor-integration/services/flow-executor.service';
-import { MJFlowTransformerService } from './flow-editor-integration/services/mj-flow-transformer.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./flow-editor-integration/services/flow-editor.service";
-import * as i2 from "./flow-editor-integration/services/flow-executor.service";
-import * as i3 from "./flow-editor-integration/services/mj-flow-transformer.service";
-import * as i4 from "@angular/common";
-const _c0 = ["flowEditor"];
-function MJIntegratedFlowEditorComponent_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 20);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Agent ID: ", ctx_r1.agentId, "");
-} }
-function MJIntegratedFlowEditorComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 21);
-    i0.ɵɵlistener("click", function MJIntegratedFlowEditorComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveAllChanges()); });
-    i0.ɵɵelement(1, "i", 22);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", ctx_r1.saving);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-save", !ctx_r1.saving)("fa-spinner", ctx_r1.saving)("fa-spin", ctx_r1.saving);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.saving ? "Saving..." : "Save All Changes", " ");
-} }
-function MJIntegratedFlowEditorComponent_div_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "app-toolbar", 24);
-    i0.ɵɵlistener("stepDragStart", function MJIntegratedFlowEditorComponent_div_7_Template_app_toolbar_stepDragStart_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onStepDragStart($event)); })("stepDragEnd", function MJIntegratedFlowEditorComponent_div_7_Template_app_toolbar_stepDragEnd_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onStepDragEnd()); });
-    i0.ɵɵelementEnd()();
-} }
-function MJIntegratedFlowEditorComponent_app_properties_panel_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-properties-panel");
-} }
-function MJIntegratedFlowEditorComponent_div_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25);
-    i0.ɵɵelement(1, "app-execution-panel");
-    i0.ɵɵelementEnd();
-} }
-function MJIntegratedFlowEditorComponent_span_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
-    i0.ɵɵelement(1, "i", 26);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "date");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Last saved: ", i0.ɵɵpipeBind2(3, 1, ctx_r1.lastSaved, "short"), " ");
-} }
-function MJIntegratedFlowEditorComponent_span_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 27);
-    i0.ɵɵelement(1, "i", 28);
-    i0.ɵɵtext(2, " Unsaved changes ");
-    i0.ɵɵelementEnd();
-} }
-export class MJIntegratedFlowEditorComponent {
-    constructor(flowEditorService, flowExecutorService, transformerService, cdr) {
-        this.flowEditorService = flowEditorService;
-        this.flowExecutorService = flowExecutorService;
-        this.transformerService = transformerService;
-        this.cdr = cdr;
-        this.agentId = null;
-        this.steps = [];
-        this.paths = [];
-        this.EditMode = false;
-        this.stepsChanged = new EventEmitter();
-        this.pathsChanged = new EventEmitter();
-        // UI state
-        this.showExecutionPanel = false;
-        this.selectedStep = null;
-        this.stepCount = 0;
-        this.connectionCount = 0;
-        this.lastSaved = null;
-        this.hasUnsavedChanges = false;
-        this.saving = false;
-        this.destroy$ = new Subject();
-        this.changeDebounce$ = new Subject();
-    }
-    ngOnChanges(changes) {
-        // When input data changes, reload the flow
-        if ((changes['steps'] || changes['paths']) && this.flowEditorComponent) {
-            this.loadFlowData();
-        }
-    }
-    ngOnInit() {
-        // Subscribe to flow editor changes
-        if (this.flowEditorService && this.flowEditorService.selectedNode) {
-            this.flowEditorService.selectedNode
-                .pipe(takeUntil(this.destroy$))
-                .subscribe((node) => {
-                this.selectedStep = node;
-                this.cdr.detectChanges();
-            });
-        }
-        // Track changes for auto-save indication
-        this.changeDebounce$
-            .pipe(debounceTime(1000), takeUntil(this.destroy$))
-            .subscribe(() => {
-            this.hasUnsavedChanges = true;
-            this.cdr.detectChanges();
-        });
-        // Subscribe to flow changes
-        this.subscribeToFlowChanges();
-    }
-    ngAfterViewInit() {
-        // Load flow data after view is initialized
-        // This ensures the flow editor component is ready
-        this.loadFlowData();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    loadFlowData() {
-        // Transform MJ entities to standalone models
-        const { steps: transformedSteps, connections } = this.transformerService.transformToStandaloneModels(this.steps, this.paths);
-        // Load saved positions from LocalStorage if available
-        if (this.agentId) {
-            const savedPositions = this.loadPositionsFromLocalStorage();
-            if (savedPositions) {
-                transformedSteps.forEach(step => {
-                    const savedPos = savedPositions[step.id];
-                    if (savedPos) {
-                        step.position = [savedPos.x, savedPos.y];
-                    }
-                });
-            }
-        }
-        // Load transformed data into the flow editor
-        // Load into flow editor service
-        this.flowEditorService.setAllSteps(transformedSteps);
-        // Store connections in a property for now
-        this.flowEditorService.connections = connections;
-        // Update counts
-        this.stepCount = transformedSteps.length;
-        this.connectionCount = connections.length;
-        // Initialize the flow editor component if it exists
-        // We need to wait for the component to be ready
-        setTimeout(() => {
-            if (this.flowEditorComponent) {
-                this.flowEditorComponent.steps = transformedSteps;
-                this.flowEditorComponent.connections = connections;
-                // Trigger the flow editor to render the data
-                this.flowEditorComponent.loadFlowData();
-            }
-        }, 100);
-    }
-    subscribeToFlowChanges() {
-        // For now, we'll track changes through the component itself
-        // since the service doesn't have observables for these
-        this.stepCount = this.steps.length;
-        this.connectionCount = this.paths.length;
-    }
-    async saveAllChanges() {
-        if (!this.EditMode || this.saving)
-            return;
-        this.saving = true;
-        try {
-            // Get current state from flow editor
-            const currentSteps = this.flowEditorService.getAllSteps();
-            const currentConnections = (this.flowEditorService.connections || []);
-            // Transform back to MJ entities
-            const { stepsToUpdate, pathsToUpdate, stepsToCreate, pathsToCreate } = this.transformerService.transformToMJEntities(currentSteps, currentConnections, this.steps, this.paths);
-            // Save all updates
-            const md = new Metadata();
-            // Update existing steps
-            for (const step of stepsToUpdate) {
-                await step.Save();
-            }
-            // Create new steps
-            for (const stepData of stepsToCreate) {
-                const newStep = await md.GetEntityObject('MJ: AI Agent Steps');
-                Object.assign(newStep, stepData);
-                newStep.AgentID = this.agentId;
-                await newStep.Save();
-                // Add to our steps array and update the standalone model
-                this.steps.push(newStep);
-                // Update the mjEntityId in the standalone model
-                const standaloneStep = currentSteps.find((s) => s.name === stepData.Name);
-                if (standaloneStep) {
-                    standaloneStep.mjEntityId = newStep.ID;
-                }
-            }
-            // Update existing paths
-            for (const path of pathsToUpdate) {
-                await path.Save();
-            }
-            // Create new paths
-            for (const pathData of pathsToCreate) {
-                const newPath = await md.GetEntityObject('MJ: AI Agent Step Paths');
-                Object.assign(newPath, pathData);
-                await newPath.Save();
-                // Add to our paths array
-                this.paths.push(newPath);
-                // Update the mjEntityId in the standalone model
-                // Note: We need to find by comparing the original step IDs, not the numeric IDs
-                const standaloneConnection = currentConnections.find((c) => {
-                    // Find source and target steps by their MJ entity IDs
-                    const sourceStep = currentSteps.find(s => s.mjEntityId === pathData.OriginStepID);
-                    const targetStep = currentSteps.find(s => s.mjEntityId === pathData.DestinationStepID);
-                    return sourceStep && targetStep && c.source === sourceStep.id && c.target === targetStep.id;
-                });
-                if (standaloneConnection) {
-                    standaloneConnection.mjEntityId = newPath.ID;
-                }
-            }
-            // Handle deletions (steps/paths that exist in MJ but not in current editor state)
-            await this.handleDeletions(currentSteps, currentConnections);
-            // Update state
-            this.lastSaved = new Date();
-            this.hasUnsavedChanges = false;
-            // Emit change events
-            this.stepsChanged.emit();
-            this.pathsChanged.emit();
-        }
-        catch (error) {
-            console.error('Failed to save changes:', error);
-            alert('Failed to save changes. Please check the console for details.');
-        }
-        finally {
-            this.saving = false;
-            this.cdr.detectChanges();
-        }
-    }
-    async handleDeletions(currentSteps, currentConnections) {
-        // Find steps that exist in MJ but not in current state
-        const currentStepIds = new Set(currentSteps.map(s => s.mjEntityId).filter(id => id));
-        const stepsToDelete = this.steps.filter(mjStep => !currentStepIds.has(mjStep.ID));
-        // Find paths that exist in MJ but not in current state
-        const currentPathIds = new Set(currentConnections.map(c => c.mjEntityId).filter(id => id));
-        const pathsToDelete = this.paths.filter(mjPath => !currentPathIds.has(mjPath.ID));
-        // Delete removed paths first (due to foreign key constraints)
-        for (const path of pathsToDelete) {
-            await path.Delete();
-            const index = this.paths.indexOf(path);
-            if (index > -1) {
-                this.paths.splice(index, 1);
-            }
-        }
-        // Delete removed steps
-        for (const step of stepsToDelete) {
-            await step.Delete();
-            const index = this.steps.indexOf(step);
-            if (index > -1) {
-                this.steps.splice(index, 1);
-            }
-        }
-    }
-    toggleExecutionPanel() {
-        this.showExecutionPanel = !this.showExecutionPanel;
-        this.cdr.detectChanges();
-    }
-    onStepDragStart(event) {
-        // Handle drag start from toolbar
-    }
-    onStepDragEnd() {
-        // Handle drag end
-        // Save positions when step dragging ends
-        this.savePositionsToLocalStorage();
-    }
-    onStepMoved(step) {
-        // Save positions to LocalStorage when a step is moved
-        this.savePositionsToLocalStorage();
-    }
-    onStepUpdated(updatedStep) {
-        // Handle step updates from properties panel
-        // Find and update the step in our local array
-        const index = this.flowEditorService.getAllSteps().findIndex((s) => s.id === updatedStep.id);
-        if (index !== -1) {
-            const steps = this.flowEditorService.getAllSteps();
-            steps[index] = updatedStep;
-            this.flowEditorService.setAllSteps(steps);
-            // Mark as having unsaved changes
-            this.hasUnsavedChanges = true;
-            this.changeDebounce$.next();
-            this.cdr.detectChanges();
-        }
-    }
-    // Public methods for parent component interaction
-    refreshFlow() {
-        this.loadFlowData();
-    }
-    async executeFlow() {
-        if (!this.showExecutionPanel) {
-            this.showExecutionPanel = true;
-        }
-        // Execute using the flow executor service
-        const steps = this.flowEditorService.getAllSteps();
-        const connections = (this.flowEditorService.connections || []);
-        await this.flowExecutorService.executeFlow(steps, connections);
-    }
-    loadPositionsFromLocalStorage() {
-        if (!this.agentId)
-            return null;
-        const storageKey = `flow-positions-${this.agentId}`;
-        const savedData = localStorage.getItem(storageKey);
-        if (savedData) {
-            try {
-                const parsed = JSON.parse(savedData);
-                return parsed.steps || null;
-            }
-            catch (e) {
-                console.error('Failed to parse saved positions:', e);
-                return null;
-            }
-        }
-        return null;
-    }
-    savePositionsToLocalStorage() {
-        if (!this.agentId || !this.flowEditorComponent)
-            return;
-        const positions = {};
-        this.flowEditorComponent.steps.forEach(step => {
-            positions[step.id] = {
-                x: step.position[0],
-                y: step.position[1]
-            };
-        });
-        const storageKey = `flow-positions-${this.agentId}`;
-        const dataToSave = {
-            steps: positions,
-            timestamp: new Date().toISOString()
-        };
-        localStorage.setItem(storageKey, JSON.stringify(dataToSave));
-    }
-    static { this.ɵfac = function MJIntegratedFlowEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJIntegratedFlowEditorComponent)(i0.ɵɵdirectiveInject(i1.FlowEditorService), i0.ɵɵdirectiveInject(i2.FlowExecutorService), i0.ɵɵdirectiveInject(i3.MJFlowTransformerService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJIntegratedFlowEditorComponent, selectors: [["mj-integrated-flow-editor"]], viewQuery: function MJIntegratedFlowEditorComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.flowEditorComponent = _t.first);
-        } }, inputs: { agentId: "agentId", steps: "steps", paths: "paths", EditMode: "EditMode" }, outputs: { stepsChanged: "stepsChanged", pathsChanged: "pathsChanged" }, standalone: true, features: [i0.ɵɵProvidersFeature([FlowEditorService, FlowExecutorService, MJFlowTransformerService]), i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 23, vars: 15, consts: [["flowEditor", ""], [1, "mj-integrated-flow-editor"], [1, "editor-header"], [1, "header-left"], ["class", "agent-id", 4, "ngIf"], [1, "header-right"], ["class", "btn-save", 3, "disabled", "click", 4, "ngIf"], [1, "editor-container"], ["class", "toolbar-container", 4, "ngIf"], [1, "canvas-container"], [3, "toggleExecution", "stepMoved"], [1, "properties-container"], [4, "ngIf"], ["class", "execution-container", 4, "ngIf"], [1, "status-bar"], [1, "status-item"], [1, "fa-solid", "fa-circle-nodes"], [1, "fa-solid", "fa-link"], ["class", "status-item", 4, "ngIf"], ["class", "status-item unsaved", 4, "ngIf"], [1, "agent-id"], [1, "btn-save", 3, "click", "disabled"], [1, "fa-solid"], [1, "toolbar-container"], [3, "stepDragStart", "stepDragEnd"], [1, "execution-container"], [1, "fa-solid", "fa-clock"], [1, "status-item", "unsaved"], [1, "fa-solid", "fa-exclamation-triangle"]], template: function MJIntegratedFlowEditorComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
-            i0.ɵɵtemplate(3, MJIntegratedFlowEditorComponent_span_3_Template, 2, 1, "span", 4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 5);
-            i0.ɵɵtemplate(5, MJIntegratedFlowEditorComponent_button_5_Template, 3, 8, "button", 6);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 7);
-            i0.ɵɵtemplate(7, MJIntegratedFlowEditorComponent_div_7_Template, 2, 0, "div", 8);
-            i0.ɵɵelementStart(8, "div", 9)(9, "app-flow-editor", 10, 0);
-            i0.ɵɵlistener("toggleExecution", function MJIntegratedFlowEditorComponent_Template_app_flow_editor_toggleExecution_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleExecutionPanel()); })("stepMoved", function MJIntegratedFlowEditorComponent_Template_app_flow_editor_stepMoved_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onStepMoved($event)); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 11);
-            i0.ɵɵtemplate(12, MJIntegratedFlowEditorComponent_app_properties_panel_12_Template, 1, 0, "app-properties-panel", 12);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(13, MJIntegratedFlowEditorComponent_div_13_Template, 2, 0, "div", 13);
-            i0.ɵɵelementStart(14, "div", 14)(15, "span", 15);
-            i0.ɵɵelement(16, "i", 16);
-            i0.ɵɵtext(17);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "span", 15);
-            i0.ɵɵelement(19, "i", 17);
-            i0.ɵɵtext(20);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(21, MJIntegratedFlowEditorComponent_span_21_Template, 4, 4, "span", 18)(22, MJIntegratedFlowEditorComponent_span_22_Template, 3, 0, "span", 19);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.agentId);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.EditMode);
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("with-execution", ctx.showExecutionPanel);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.EditMode);
-            i0.ɵɵadvance(4);
-            i0.ɵɵstyleProp("width", ctx.selectedStep ? 320 : 0, "px");
-            i0.ɵɵclassProp("visible", ctx.selectedStep);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.selectedStep);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.showExecutionPanel);
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", ctx.stepCount, " Steps ");
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", ctx.connectionCount, " Connections ");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.lastSaved);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.hasUnsavedChanges);
-        } }, dependencies: [CommonModule, i4.NgIf, i4.DatePipe, FormsModule,
-            FlowEditorComponent,
-            PropertiesPanelComponent,
-            ExecutionPanelComponent,
-            ToolbarComponent], styles: ["[_nghost-%COMP%] {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 600px; \n\n    }\n    \n    .mj-integrated-flow-editor[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      min-height: 600px; \n\n      background: #f5f6fa;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .editor-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 20px;\n      background: white;\n      border-bottom: 1px solid #e1e4e8;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    }\n\n    .header-left[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .header-left[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: #2c3e50;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .agent-id[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #6c757d;\n      background: #f0f2f5;\n      padding: 4px 10px;\n      border-radius: 12px;\n    }\n\n    .header-right[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 10px;\n    }\n\n    .btn-save[_ngcontent-%COMP%], .btn-mode[_ngcontent-%COMP%] {\n      padding: 8px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-save[_ngcontent-%COMP%] {\n      background: #10b981;\n      color: white;\n    }\n\n    .btn-save[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #059669;\n      transform: translateY(-1px);\n      box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);\n    }\n\n    .btn-save[_ngcontent-%COMP%]:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-mode[_ngcontent-%COMP%] {\n      background: #6366f1;\n      color: white;\n    }\n\n    .btn-mode[_ngcontent-%COMP%]:hover {\n      background: #4f46e5;\n      transform: translateY(-1px);\n      box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);\n    }\n\n    .editor-container[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      position: relative;\n      overflow: visible; \n\n      transition: margin-bottom 0.3s;\n      min-height: 500px;\n    }\n\n    .editor-container.with-execution[_ngcontent-%COMP%] {\n      margin-bottom: 250px;\n    }\n\n    .toolbar-container[_ngcontent-%COMP%] {\n      width: 80px;\n      background: white;\n      border-right: 1px solid #e1e4e8;\n      padding: 10px;\n      overflow-y: auto;\n    }\n\n    .canvas-container[_ngcontent-%COMP%] {\n      flex: 1;\n      position: relative;\n      background: #fafbfc;\n      overflow: hidden; \n\n    }\n\n    .properties-container[_ngcontent-%COMP%] {\n      width: 0;\n      min-width: 0;\n      max-width: 320px;\n      background: white;\n      border-left: 1px solid #e1e4e8;\n      overflow: hidden;\n      transition: width 0.3s ease, min-width 0.3s ease;\n      position: relative;\n      box-shadow: -2px 0 5px rgba(0,0,0,0.05);\n      flex-shrink: 0; \n\n      height: 100%; \n\n    }\n\n    .properties-container.visible[_ngcontent-%COMP%] {\n      width: 320px !important; \n\n      min-width: 320px !important;\n      overflow-y: auto;\n      overflow-x: hidden;\n    }\n    \n    app-properties-panel[_ngcontent-%COMP%] {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .execution-container[_ngcontent-%COMP%] {\n      position: fixed;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 250px;\n      background: white;\n      border-top: 2px solid #e1e4e8;\n      box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n      z-index: 100;\n    }\n\n    .status-bar[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 20px;\n      padding: 8px 20px;\n      background: white;\n      border-top: 1px solid #e1e4e8;\n      font-size: 12px;\n      color: #6c757d;\n    }\n\n    .status-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .status-item.unsaved[_ngcontent-%COMP%] {\n      color: #f59e0b;\n      font-weight: 500;\n    }\n\n    .status-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 11px;\n    }"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJIntegratedFlowEditorComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-integrated-flow-editor', standalone: true, imports: [
-                    CommonModule,
-                    FormsModule,
-                    FlowEditorComponent,
-                    PropertiesPanelComponent,
-                    ExecutionPanelComponent,
-                    ToolbarComponent
-                ], template: `
-    <div class="mj-integrated-flow-editor">
-      <!-- Header with mode toggle -->
-      <div class="editor-header">
-        <div class="header-left">
-          <span class="agent-id" *ngIf="agentId">Agent ID: {{ agentId }}</span>
-        </div>
-        <div class="header-right">
-          <button class="btn-save" *ngIf="EditMode" (click)="saveAllChanges()" [disabled]="saving">
-            <i class="fa-solid" [class.fa-save]="!saving" [class.fa-spinner]="saving" [class.fa-spin]="saving"></i>
-            {{ saving ? 'Saving...' : 'Save All Changes' }}
-          </button>
-        </div>
-      </div>
-
-      <!-- Main editor area -->
-      <div class="editor-container" [class.with-execution]="showExecutionPanel">
-        <!-- Toolbar -->
-        <div class="toolbar-container" *ngIf="EditMode">
-          <app-toolbar 
-            (stepDragStart)="onStepDragStart($event)"
-            (stepDragEnd)="onStepDragEnd()"></app-toolbar>
-        </div>
-
-        <!-- Flow Editor Canvas -->
-        <div class="canvas-container">
-          <app-flow-editor #flowEditor 
-                          (toggleExecution)="toggleExecutionPanel()"
-                          (stepMoved)="onStepMoved($event)"></app-flow-editor>
-        </div>
-
-        <!-- Properties Panel -->
-        <div class="properties-container" 
-             [class.visible]="selectedStep"
-             [style.width.px]="selectedStep ? 320 : 0">
-          <app-properties-panel *ngIf="selectedStep"></app-properties-panel>
-        </div>
-      </div>
-
-      <!-- Execution Panel -->
-      <div class="execution-container" *ngIf="showExecutionPanel">
-        <app-execution-panel></app-execution-panel>
-      </div>
-
-      <!-- Status Bar -->
-      <div class="status-bar">
-        <span class="status-item">
-          <i class="fa-solid fa-circle-nodes"></i>
-          {{ stepCount }} Steps
-        </span>
-        <span class="status-item">
-          <i class="fa-solid fa-link"></i>
-          {{ connectionCount }} Connections
-        </span>
-        <span class="status-item" *ngIf="lastSaved">
-          <i class="fa-solid fa-clock"></i>
-          Last saved: {{ lastSaved | date:'short' }}
-        </span>
-        <span class="status-item unsaved" *ngIf="hasUnsavedChanges">
-          <i class="fa-solid fa-exclamation-triangle"></i>
-          Unsaved changes
-        </span>
-      </div>
-    </div>
-  `, providers: [FlowEditorService, FlowExecutorService, MJFlowTransformerService], styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 600px; /* Ensure minimum height */\n    }\n    \n    .mj-integrated-flow-editor {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      min-height: 600px; /* Ensure minimum height */\n      background: #f5f6fa;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .editor-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 20px;\n      background: white;\n      border-bottom: 1px solid #e1e4e8;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .header-left h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: #2c3e50;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .agent-id {\n      font-size: 12px;\n      color: #6c757d;\n      background: #f0f2f5;\n      padding: 4px 10px;\n      border-radius: 12px;\n    }\n\n    .header-right {\n      display: flex;\n      gap: 10px;\n    }\n\n    .btn-save, .btn-mode {\n      padding: 8px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-save {\n      background: #10b981;\n      color: white;\n    }\n\n    .btn-save:hover:not(:disabled) {\n      background: #059669;\n      transform: translateY(-1px);\n      box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);\n    }\n\n    .btn-save:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-mode {\n      background: #6366f1;\n      color: white;\n    }\n\n    .btn-mode:hover {\n      background: #4f46e5;\n      transform: translateY(-1px);\n      box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);\n    }\n\n    .editor-container {\n      flex: 1;\n      display: flex;\n      position: relative;\n      overflow: visible; /* Allow properties panel to be visible */\n      transition: margin-bottom 0.3s;\n      min-height: 500px;\n    }\n\n    .editor-container.with-execution {\n      margin-bottom: 250px;\n    }\n\n    .toolbar-container {\n      width: 80px;\n      background: white;\n      border-right: 1px solid #e1e4e8;\n      padding: 10px;\n      overflow-y: auto;\n    }\n\n    .canvas-container {\n      flex: 1;\n      position: relative;\n      background: #fafbfc;\n      overflow: hidden; /* Keep canvas overflow hidden */\n    }\n\n    .properties-container {\n      width: 0;\n      min-width: 0;\n      max-width: 320px;\n      background: white;\n      border-left: 1px solid #e1e4e8;\n      overflow: hidden;\n      transition: width 0.3s ease, min-width 0.3s ease;\n      position: relative;\n      box-shadow: -2px 0 5px rgba(0,0,0,0.05);\n      flex-shrink: 0; /* Prevent the container from shrinking */\n      height: 100%; /* Full height of parent */\n    }\n\n    .properties-container.visible {\n      width: 320px !important; /* Force the width with !important */\n      min-width: 320px !important;\n      overflow-y: auto;\n      overflow-x: hidden;\n    }\n    \n    app-properties-panel {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .execution-container {\n      position: fixed;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 250px;\n      background: white;\n      border-top: 2px solid #e1e4e8;\n      box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n      z-index: 100;\n    }\n\n    .status-bar {\n      display: flex;\n      gap: 20px;\n      padding: 8px 20px;\n      background: white;\n      border-top: 1px solid #e1e4e8;\n      font-size: 12px;\n      color: #6c757d;\n    }\n\n    .status-item {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .status-item.unsaved {\n      color: #f59e0b;\n      font-weight: 500;\n    }\n\n    .status-item i {\n      font-size: 11px;\n    }\n  "] }]
-    }], () => [{ type: i1.FlowEditorService }, { type: i2.FlowExecutorService }, { type: i3.MJFlowTransformerService }, { type: i0.ChangeDetectorRef }], { flowEditorComponent: [{
-            type: ViewChild,
-            args: ['flowEditor']
-        }], agentId: [{
-            type: Input
-        }], steps: [{
-            type: Input
-        }], paths: [{
-            type: Input
-        }], EditMode: [{
-            type: Input
-        }], stepsChanged: [{
-            type: Output
-        }], pathsChanged: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJIntegratedFlowEditorComponent, { className: "MJIntegratedFlowEditorComponent" }); })();
-//# sourceMappingURL=mj-integrated-flow-editor.component.js.map

package/dist/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mj-integrated-flow-editor.component.js","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/custom/AIAgents/FlowAgentType/step-info-control.component.d.ts

@@ -1,9 +0,0 @@
-import { AIAgentStepEntity } from '@memberjunction/core-entities';
-import * as i0 from "@angular/core";
-export declare class StepInfoControlComponent {
-    step: AIAgentStepEntity;
-    getStepIcon(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepInfoControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepInfoControlComponent, "mj-step-info-control", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, false, never>;
-}
-//# sourceMappingURL=step-info-control.component.d.ts.map

package/dist/lib/custom/AIAgents/FlowAgentType/step-info-control.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"step-info-control.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/step-info-control.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAyDa,wBAAwB;IACxB,IAAI,EAAG,iBAAiB,CAAC;IAElC,WAAW,IAAI,MAAM;yCAHZ,wBAAwB;2CAAxB,wBAAwB;CAqBpC"}

package/dist/lib/custom/AIAgents/FlowAgentType/step-info-control.component.js

@@ -1,84 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-function StepInfoControlComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelement(1, "i", 5);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.step.SubAgent, " ");
-} }
-function StepInfoControlComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelement(1, "i", 6);
-    i0.ɵɵtext(2, " Starting Step ");
-    i0.ɵɵelementEnd();
-} }
-export class StepInfoControlComponent {
-    getStepIcon() {
-        switch (this.step.StepType?.toLowerCase()) {
-            case 'action':
-                return 'fa-bolt';
-            case 'sub-agent':
-                return 'fa-robot';
-            case 'prompt':
-                return 'fa-brain';
-            case 'condition':
-                return 'fa-code-branch';
-            case 'loop':
-                return 'fa-repeat';
-            case 'parallel':
-                return 'fa-random';
-            default:
-                return 'fa-cube';
-        }
-    }
-    static { this.ɵfac = function StepInfoControlComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepInfoControlComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StepInfoControlComponent, selectors: [["mj-step-info-control"]], inputs: { step: "step" }, decls: 6, vars: 4, consts: [[1, "step-info-control"], [1, "step-type"], [1, "fa-solid", 3, "ngClass"], [1, "sub-agent"], [1, "step-order"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-flag"]], template: function StepInfoControlComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵelement(2, "i", 2);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, StepInfoControlComponent_Conditional_4_Template, 3, 1, "div", 3)(5, StepInfoControlComponent_Conditional_5_Template, 3, 0, "div", 4);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.getStepIcon());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.step.StepType || "Unknown Type", " ");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.step.SubAgentID && ctx.step.SubAgent ? 4 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.step.StartingStep ? 5 : -1);
-        } }, dependencies: [i1.NgClass], styles: [".step-info-control[_ngcontent-%COMP%] {\n            padding: 8px;\n            font-size: 0.875rem;\n        }\n        \n        .step-type[_ngcontent-%COMP%], \n   .sub-agent[_ngcontent-%COMP%], \n   .step-order[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.25rem;\n        }\n        \n        .step-type[_ngcontent-%COMP%] {\n            font-weight: 500;\n            color: #333;\n        }\n        \n        .sub-agent[_ngcontent-%COMP%] {\n            color: #4a90e2;\n        }\n        \n        .step-order[_ngcontent-%COMP%] {\n            color: #666;\n            font-size: 0.75rem;\n        }\n        \n        i[_ngcontent-%COMP%] {\n            width: 16px;\n            text-align: center;\n        }"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepInfoControlComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-step-info-control', template: `
-        <div class="step-info-control">
-            <div class="step-type">
-                <i class="fa-solid" [ngClass]="getStepIcon()"></i>
-                {{ step.StepType || 'Unknown Type' }}
-            </div>
-            @if (step.SubAgentID && step.SubAgent) {
-                <div class="sub-agent">
-                    <i class="fa-solid fa-robot"></i>
-                    {{ step.SubAgent }}
-                </div>
-            }
-            @if (step.StartingStep) {
-                <div class="step-order">
-                    <i class="fa-solid fa-flag"></i>
-                    Starting Step
-                </div>
-            }
-        </div>
-    `, styles: ["\n        .step-info-control {\n            padding: 8px;\n            font-size: 0.875rem;\n        }\n        \n        .step-type,\n        .sub-agent,\n        .step-order {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.25rem;\n        }\n        \n        .step-type {\n            font-weight: 500;\n            color: #333;\n        }\n        \n        .sub-agent {\n            color: #4a90e2;\n        }\n        \n        .step-order {\n            color: #666;\n            font-size: 0.75rem;\n        }\n        \n        i {\n            width: 16px;\n            text-align: center;\n        }\n    "] }]
-    }], null, { step: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StepInfoControlComponent, { className: "StepInfoControlComponent" }); })();
-//# sourceMappingURL=step-info-control.component.js.map

package/dist/lib/custom/AIAgents/FlowAgentType/step-info-control.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step-info-control.component.js","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/step-info-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;IAYjC,8BAAuB;IACnB,uBAAiC;IACjC,YACJ;IAAA,iBAAM;;;IADF,eACJ;IADI,qDACJ;;;IAGA,8BAAwB;IACpB,uBAAgC;IAChC,+BACJ;IAAA,iBAAM;;AAuCtB,MAAM,OAAO,wBAAwB;IAGjC,WAAW;QACP,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,CAAC;YACxC,KAAK,QAAQ;gBACT,OAAO,SAAS,CAAC;YACrB,KAAK,WAAW;gBACZ,OAAO,UAAU,CAAC;YACtB,KAAK,QAAQ;gBACT,OAAO,UAAU,CAAC;YACtB,KAAK,WAAW;gBACZ,OAAO,gBAAgB,CAAC;YAC5B,KAAK,MAAM;gBACP,OAAO,WAAW,CAAC;YACvB,KAAK,UAAU;gBACX,OAAO,WAAW,CAAC;YACvB;gBACI,OAAO,SAAS,CAAC;QACzB,CAAC;IACL,CAAC;yHApBQ,wBAAwB;oEAAxB,wBAAwB;YArDzB,AADJ,8BAA+B,aACJ;YACnB,uBAAkD;YAClD,YACJ;YAAA,iBAAM;YAON,AANA,iFAAwC,oEAMf;YAM7B,iBAAM;;YAfsB,eAAyB;YAAzB,2CAAyB;YAC7C,cACJ;YADI,oEACJ;YACA,cAKC;YALD,mEAKC;YACD,cAKC;YALD,gDAKC;;;iFAsCA,wBAAwB;cAzDpC,SAAS;2BACI,sBAAsB,YACtB;;;;;;;;;;;;;;;;;;;KAmBT;gBAqCQ,IAAI;kBAAZ,KAAK;;kFADG,wBAAwB"}