@memberjunction/ng-core-entity-forms 2.87.0 → 2.88.0

package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.js

@@ -0,0 +1,287 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/flow-executor.service";
+import * as i2 from "@angular/common";
+const _c0 = (a0, a1, a2, a3, a4) => ({ "fa-circle": a0, "fa-spinner fa-spin": a1, "fa-pause-circle": a2, "fa-check-circle": a3, "fa-exclamation-circle": a4 });
+const _c1 = (a0, a1, a2, a3) => ({ "fa-spinner fa-spin": a0, "fa-pause-circle": a1, "fa-check-circle": a2, "fa-exclamation-circle": a3 });
+function ExecutionPanelComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵlistener("mousedown", function ExecutionPanelComponent_div_1_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeStart($event)); });
+    i0.ɵɵelement(1, "div", 25);
+    i0.ɵɵelementEnd();
+} }
+function ExecutionPanelComponent_div_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No execution logs yet. Click \"Run Flow\" to start.");
+    i0.ɵɵelementEnd()();
+} }
+function ExecutionPanelComponent_div_26_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35)(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const log_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(log_r3.stepName);
+} }
+function ExecutionPanelComponent_div_26_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36)(1, "pre");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "json");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const log_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, log_r3.data));
+} }
+function ExecutionPanelComponent_div_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 29);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 30);
+    i0.ɵɵelement(4, "i", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 31);
+    i0.ɵɵtemplate(6, ExecutionPanelComponent_div_26_div_6_Template, 3, 1, "div", 32);
+    i0.ɵɵelementStart(7, "div", 33);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, ExecutionPanelComponent_div_26_div_9_Template, 4, 3, "div", 34);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const log_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r1.getLogClass(log_r3.type));
+    i0.ɵɵclassProp("current-step", log_r3.stepId === ctx_r1.currentStepId && ctx_r1.currentStepId !== 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(log_r3.timestamp));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogIcon(log_r3.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", log_r3.stepId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(log_r3.message);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", log_r3.data);
+} }
+function ExecutionPanelComponent_div_27_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵlistener("click", function ExecutionPanelComponent_div_27_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.isPanelClosed = false); });
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "titlecase");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(4, _c1, ctx_r1.executionStatus === "running", ctx_r1.executionStatus === "paused", ctx_r1.executionStatus === "completed", ctx_r1.executionStatus === "error"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 2, ctx_r1.executionStatus));
+} }
+export class ExecutionPanelComponent {
+    constructor(flowExecutor) {
+        this.flowExecutor = flowExecutor;
+        this.destroy$ = new Subject();
+        this.executionStatus = 'idle';
+        this.executionLogs = [];
+        this.currentStepId = null;
+        // Resize properties
+        this.panelHeight = 300; // Default height
+        this.minHeight = 150;
+        this.maxHeight = 600;
+        this.isResizing = false; // Made public for template access
+        this.startY = 0;
+        this.startHeight = 0;
+        // Panel visibility
+        this.isPanelClosed = false;
+        this.onResizeMove = (event) => {
+            if (!this.isResizing)
+                return;
+            // Calculate new height (inverted because we're dragging from top)
+            const deltaY = this.startY - event.clientY;
+            const newHeight = this.startHeight + deltaY;
+            // Apply constraints
+            this.panelHeight = Math.max(this.minHeight, Math.min(this.maxHeight, newHeight));
+        };
+        this.onResizeEnd = () => {
+            this.isResizing = false;
+            document.removeEventListener('mousemove', this.onResizeMove);
+            document.removeEventListener('mouseup', this.onResizeEnd);
+            // Reset body styles
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+        };
+    }
+    ngOnInit() {
+        // Subscribe to execution status
+        this.flowExecutor.executionStatus
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(status => {
+            this.executionStatus = status;
+            // Reopen panel when a new execution starts
+            if (status === 'running' && this.isPanelClosed) {
+                this.isPanelClosed = false;
+            }
+        });
+        // Subscribe to execution logs
+        this.flowExecutor.executionLogs
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(logs => {
+            this.executionLogs = logs;
+            // Auto-scroll to bottom when new logs arrive
+            setTimeout(() => this.scrollToBottom(), 0);
+        });
+        // Subscribe to current step
+        this.flowExecutor.currentStepId
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(stepId => {
+            this.currentStepId = stepId;
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        // Clean up resize listeners
+        document.removeEventListener('mousemove', this.onResizeMove);
+        document.removeEventListener('mouseup', this.onResizeEnd);
+    }
+    onPause() {
+        this.flowExecutor.pause();
+    }
+    onResume() {
+        this.flowExecutor.resume();
+    }
+    onStop() {
+        this.flowExecutor.stop();
+    }
+    clearLogs() {
+        this.executionLogs = [];
+    }
+    closePanel() {
+        this.isPanelClosed = true;
+    }
+    getLogIcon(type) {
+        switch (type) {
+            case 'start': return 'fa-play-circle';
+            case 'complete': return 'fa-check-circle';
+            case 'error': return 'fa-exclamation-circle';
+            case 'log': return 'fa-info-circle';
+            default: return 'fa-circle';
+        }
+    }
+    getLogClass(type) {
+        switch (type) {
+            case 'start': return 'log-start';
+            case 'complete': return 'log-success';
+            case 'error': return 'log-error';
+            case 'log': return 'log-info';
+            default: return '';
+        }
+    }
+    formatTimestamp(date) {
+        return date.toLocaleTimeString('en-US', {
+            hour12: false,
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+            fractionalSecondDigits: 3
+        });
+    }
+    scrollToBottom() {
+        const logsContainer = document.querySelector('.logs-container');
+        if (logsContainer) {
+            logsContainer.scrollTop = logsContainer.scrollHeight;
+        }
+    }
+    // Resize methods
+    onResizeStart(event) {
+        this.isResizing = true;
+        this.startY = event.clientY;
+        this.startHeight = this.panelHeight;
+        // Add document listeners
+        document.addEventListener('mousemove', this.onResizeMove);
+        document.addEventListener('mouseup', this.onResizeEnd);
+        // Add class to body to change cursor globally
+        document.body.style.cursor = 'ns-resize';
+        document.body.style.userSelect = 'none';
+        // Prevent text selection during resize
+        event.preventDefault();
+    }
+    static { this.ɵfac = function ExecutionPanelComponent_Factory(t) { return new (t || ExecutionPanelComponent)(i0.ɵɵdirectiveInject(i1.FlowExecutorService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExecutionPanelComponent, selectors: [["app-execution-panel"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 28, vars: 26, consts: [[1, "execution-panel"], ["class", "resize-handle", 3, "mousedown", 4, "ngIf"], [1, "panel-header"], [1, "panel-title"], [1, "fas", "fa-terminal"], [1, "header-actions"], ["title", "Clear logs", 1, "icon-button", 3, "click", "disabled"], [1, "fas", "fa-trash"], ["title", "Close panel", 1, "icon-button", "close", 3, "click"], [1, "fas", "fa-times"], [1, "execution-controls"], [1, "status-indicator"], [1, "fas", 3, "ngClass"], [1, "control-buttons"], ["title", "Pause execution", 1, "control-button", 3, "click", "disabled"], [1, "fas", "fa-pause"], ["title", "Resume execution", 1, "control-button", 3, "click", "disabled"], [1, "fas", "fa-play"], ["title", "Stop execution", 1, "control-button", "stop", 3, "click", "disabled"], [1, "fas", "fa-stop"], [1, "logs-container"], ["class", "empty-logs", 4, "ngIf"], ["class", "log-entry", 3, "class", "current-step", 4, "ngFor", "ngForOf"], ["class", "execution-indicator", "title", "Click to reopen execution panel", 3, "click", 4, "ngIf"], [1, "resize-handle", 3, "mousedown"], [1, "resize-grip"], [1, "empty-logs"], [1, "fas", "fa-info-circle"], [1, "log-entry"], [1, "log-timestamp"], [1, "log-icon"], [1, "log-content"], ["class", "log-step", 4, "ngIf"], [1, "log-message"], ["class", "log-data", 4, "ngIf"], [1, "log-step"], [1, "log-data"], ["title", "Click to reopen execution panel", 1, "execution-indicator", 3, "click"]], template: function ExecutionPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, ExecutionPanelComponent_div_1_Template, 2, 0, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2)(3, "h3", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵtext(5, " Flow Execution ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 5)(7, "button", 6);
+            i0.ɵɵlistener("click", function ExecutionPanelComponent_Template_button_click_7_listener() { return ctx.clearLogs(); });
+            i0.ɵɵelement(8, "i", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 8);
+            i0.ɵɵlistener("click", function ExecutionPanelComponent_Template_button_click_9_listener() { return ctx.closePanel(); });
+            i0.ɵɵelement(10, "i", 9);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(11, "div", 10)(12, "div", 11);
+            i0.ɵɵelement(13, "i", 12);
+            i0.ɵɵelementStart(14, "span");
+            i0.ɵɵtext(15);
+            i0.ɵɵpipe(16, "titlecase");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(17, "div", 13)(18, "button", 14);
+            i0.ɵɵlistener("click", function ExecutionPanelComponent_Template_button_click_18_listener() { return ctx.onPause(); });
+            i0.ɵɵelement(19, "i", 15);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "button", 16);
+            i0.ɵɵlistener("click", function ExecutionPanelComponent_Template_button_click_20_listener() { return ctx.onResume(); });
+            i0.ɵɵelement(21, "i", 17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "button", 18);
+            i0.ɵɵlistener("click", function ExecutionPanelComponent_Template_button_click_22_listener() { return ctx.onStop(); });
+            i0.ɵɵelement(23, "i", 19);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(24, "div", 20);
+            i0.ɵɵtemplate(25, ExecutionPanelComponent_div_25_Template, 4, 0, "div", 21)(26, ExecutionPanelComponent_div_26_Template, 10, 9, "div", 22);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(27, ExecutionPanelComponent_div_27_Template, 5, 9, "div", 23);
+        } if (rf & 2) {
+            i0.ɵɵstyleProp("height", ctx.executionStatus !== "idle" && !ctx.isPanelClosed ? ctx.panelHeight : 0, "px");
+            i0.ɵɵclassProp("active", ctx.executionStatus !== "idle" && !ctx.isPanelClosed)("resizing", ctx.isResizing);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.executionStatus !== "idle" && !ctx.isPanelClosed);
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("disabled", ctx.executionStatus === "running");
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassMap("status-" + ctx.executionStatus);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction5(20, _c0, ctx.executionStatus === "idle", ctx.executionStatus === "running", ctx.executionStatus === "paused", ctx.executionStatus === "completed", ctx.executionStatus === "error"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 18, ctx.executionStatus));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.executionStatus !== "running");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.executionStatus !== "paused");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.executionStatus !== "running" && ctx.executionStatus !== "paused");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.executionLogs.length === 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.executionLogs);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.executionStatus !== "idle" && ctx.isPanelClosed);
+        } }, dependencies: [CommonModule, i2.NgClass, i2.NgForOf, i2.NgIf, i2.JsonPipe, i2.TitleCasePipe], styles: [".execution-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  background: var(--white-color);\n  border-top: 1px solid var(--gray-700);\n  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n  transition: height 0.3s ease;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  \n  &.active {\n    transition: none; // Disable transition during resize\n  }\n  \n  &.resizing {\n    user-select: none;\n    \n    .resize-grip {\n      opacity: 1 !important;\n    }\n  }\n}\n\n.resize-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -5px;\n  left: 0;\n  right: 0;\n  height: 10px;\n  cursor: ns-resize;\n  z-index: 10;\n  \n  &:hover .resize-grip {\n    opacity: 1;\n  }\n}\n\n.resize-grip[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 50px;\n  height: 4px;\n  background: var(--gray-800);\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 0.2s;\n  \n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: var(--gray-700);\n  }\n  \n  &::before {\n    top: -2px;\n  }\n  \n  &::after {\n    bottom: -2px;\n  }\n}\n\n.panel-header[_ngcontent-%COMP%] {\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--gray-700);\n  background: var(--gray-600);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  font-weight: 600;\n  margin: 0;\n  color: var(--gray-900);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  \n  i {\n    color: var(--mj-blue);\n  }\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.icon-button[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  color: var(--gray-800);\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all var(--transition-time);\n  \n  &:hover:not(:disabled) {\n    background: var(--gray-700);\n    color: var(--gray-900);\n  }\n  \n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  \n  &.close {\n    &:hover:not(:disabled) {\n      background: #dc3545;\n      color: white;\n    }\n  }\n}\n\n.execution-controls[_ngcontent-%COMP%] {\n  padding: 0.75rem 1.5rem;\n  background: var(--gray-600);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid var(--gray-700);\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  \n  &.status-idle {\n    color: var(--gray-800);\n  }\n  \n  &.status-running {\n    color: var(--mj-blue);\n  }\n  \n  &.status-paused {\n    color: #ffc107;\n  }\n  \n  &.status-completed {\n    color: #28a745;\n  }\n  \n  &.status-error {\n    color: #dc3545;\n  }\n}\n\n.control-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.control-button[_ngcontent-%COMP%] {\n  padding: 0.375rem 0.75rem;\n  border: 1px solid var(--gray-700);\n  background: var(--white-color);\n  color: var(--gray-900);\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  font-size: 0.875rem;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  transition: all var(--transition-time);\n  \n  &:hover:not(:disabled) {\n    background: var(--gray-700);\n    border-color: var(--gray-800);\n  }\n  \n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  \n  &.stop {\n    color: #dc3545;\n    border-color: #dc3545;\n    \n    &:hover:not(:disabled) {\n      background: #dc3545;\n      color: white;\n    }\n  }\n}\n\n.logs-container[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  background: var(--gray-600);\n  padding: 1rem;\n}\n\n.empty-logs[_ngcontent-%COMP%] {\n  text-align: center;\n  color: var(--gray-800);\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  \n  i {\n    font-size: 2rem;\n    color: var(--mj-blue);\n  }\n  \n  p {\n    margin: 0;\n    font-size: 0.875rem;\n  }\n}\n\n.log-entry[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.75rem;\n  padding: 0.5rem;\n  margin-bottom: 0.5rem;\n  background: var(--white-color);\n  border-radius: var(--border-radius);\n  border-left: 3px solid transparent;\n  font-size: 0.875rem;\n  transition: all var(--transition-time);\n  \n  &.log-start {\n    border-left-color: var(--mj-blue);\n  }\n  \n  &.log-success {\n    border-left-color: #28a745;\n  }\n  \n  &.log-error {\n    border-left-color: #dc3545;\n  }\n  \n  &.log-info {\n    border-left-color: #17a2b8;\n  }\n  \n  &.current-step {\n    background: #e3f2fd;\n    box-shadow: 0 2px 4px rgba(0, 118, 182, 0.2);\n  }\n}\n\n.log-timestamp[_ngcontent-%COMP%] {\n  color: var(--gray-800);\n  font-family: monospace;\n  font-size: 0.75rem;\n  white-space: nowrap;\n  padding-top: 0.125rem;\n}\n\n.log-icon[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 20px;\n  text-align: center;\n  \n  .fa-play-circle {\n    color: var(--mj-blue);\n  }\n  \n  .fa-check-circle {\n    color: #28a745;\n  }\n  \n  .fa-exclamation-circle {\n    color: #dc3545;\n  }\n  \n  .fa-info-circle {\n    color: #17a2b8;\n  }\n}\n\n.log-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.log-step[_ngcontent-%COMP%] {\n  margin-bottom: 0.25rem;\n  color: var(--gray-900);\n}\n\n.log-message[_ngcontent-%COMP%] {\n  color: var(--gray-800);\n  word-wrap: break-word;\n}\n\n.log-data[_ngcontent-%COMP%] {\n  margin-top: 0.5rem;\n  \n  pre {\n    margin: 0;\n    padding: 0.5rem;\n    background: var(--gray-600);\n    border-radius: var(--border-radius);\n    font-size: 0.75rem;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n  }\n}\n\n//[_ngcontent-%COMP%]   Minimized[_ngcontent-%COMP%]   execution[_ngcontent-%COMP%]   indicator\n.execution-indicator[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--white-color);\n  border: 1px solid var(--gray-700);\n  border-radius: 30px;\n  padding: 0.5rem 1.5rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition: all var(--transition-time);\n  z-index: 100;\n  font-size: 0.875rem;\n  font-weight: 600;\n  \n  &:hover {\n    transform: translateX(-50%) translateY(-2px);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  }\n  \n  i {\n    font-size: 1rem;\n    \n    &.fa-spinner {\n      color: var(--mj-blue);\n    }\n    \n    &.fa-pause-circle {\n      color: #ffc107;\n    }\n    \n    &.fa-check-circle {\n      color: #28a745;\n    }\n    \n    &.fa-exclamation-circle {\n      color: #dc3545;\n    }\n  }\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExecutionPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'app-execution-panel', standalone: true, imports: [CommonModule], template: "<div class=\"execution-panel\" \n     [class.active]=\"executionStatus !== 'idle' && !isPanelClosed\"\n     [class.resizing]=\"isResizing\"\n     [style.height.px]=\"executionStatus !== 'idle' && !isPanelClosed ? panelHeight : 0\">\n  \n  <!-- Resize handle -->\n  <div class=\"resize-handle\" \n       *ngIf=\"executionStatus !== 'idle' && !isPanelClosed\"\n       (mousedown)=\"onResizeStart($event)\">\n    <div class=\"resize-grip\"></div>\n  </div>\n  \n  <div class=\"panel-header\">\n    <h3 class=\"panel-title\">\n      <i class=\"fas fa-terminal\"></i> Flow Execution\n    </h3>\n    <div class=\"header-actions\">\n      <button \n        class=\"icon-button\"\n        (click)=\"clearLogs()\"\n        title=\"Clear logs\"\n        [disabled]=\"executionStatus === 'running'\">\n        <i class=\"fas fa-trash\"></i>\n      </button>\n      <button \n        class=\"icon-button close\"\n        (click)=\"closePanel()\"\n        title=\"Close panel\">\n        <i class=\"fas fa-times\"></i>\n      </button>\n    </div>\n  </div>\n  \n  <div class=\"execution-controls\">\n    <div class=\"status-indicator\" [class]=\"'status-' + executionStatus\">\n      <i class=\"fas\" [ngClass]=\"{\n        'fa-circle': executionStatus === 'idle',\n        'fa-spinner fa-spin': executionStatus === 'running',\n        'fa-pause-circle': executionStatus === 'paused',\n        'fa-check-circle': executionStatus === 'completed',\n        'fa-exclamation-circle': executionStatus === 'error'\n      }\"></i>\n      <span>{{ executionStatus | titlecase }}</span>\n    </div>\n    \n    <div class=\"control-buttons\">\n      <button \n        class=\"control-button\"\n        (click)=\"onPause()\"\n        [disabled]=\"executionStatus !== 'running'\"\n        title=\"Pause execution\">\n        <i class=\"fas fa-pause\"></i>\n      </button>\n      <button \n        class=\"control-button\"\n        (click)=\"onResume()\"\n        [disabled]=\"executionStatus !== 'paused'\"\n        title=\"Resume execution\">\n        <i class=\"fas fa-play\"></i>\n      </button>\n      <button \n        class=\"control-button stop\"\n        (click)=\"onStop()\"\n        [disabled]=\"executionStatus !== 'running' && executionStatus !== 'paused'\"\n        title=\"Stop execution\">\n        <i class=\"fas fa-stop\"></i>\n      </button>\n    </div>\n  </div>\n  \n  <div class=\"logs-container\">\n    <div *ngIf=\"executionLogs.length === 0\" class=\"empty-logs\">\n      <i class=\"fas fa-info-circle\"></i>\n      <p>No execution logs yet. Click \"Run Flow\" to start.</p>\n    </div>\n    \n    <div *ngFor=\"let log of executionLogs\" \n         class=\"log-entry\" \n         [class]=\"getLogClass(log.type)\"\n         [class.current-step]=\"log.stepId === currentStepId && currentStepId !== 0\">\n      <div class=\"log-timestamp\">{{ formatTimestamp(log.timestamp) }}</div>\n      <div class=\"log-icon\">\n        <i class=\"fas\" [ngClass]=\"getLogIcon(log.type)\"></i>\n      </div>\n      <div class=\"log-content\">\n        <div class=\"log-step\" *ngIf=\"log.stepId\">\n          <strong>{{ log.stepName }}</strong>\n        </div>\n        <div class=\"log-message\">{{ log.message }}</div>\n        <div class=\"log-data\" *ngIf=\"log.data\">\n          <pre>{{ log.data | json }}</pre>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<!-- Minimized indicator when panel is closed but execution is active -->\n<div class=\"execution-indicator\" \n     *ngIf=\"executionStatus !== 'idle' && isPanelClosed\"\n     (click)=\"isPanelClosed = false\"\n     title=\"Click to reopen execution panel\">\n  <i class=\"fas\" [ngClass]=\"{\n    'fa-spinner fa-spin': executionStatus === 'running',\n    'fa-pause-circle': executionStatus === 'paused',\n    'fa-check-circle': executionStatus === 'completed',\n    'fa-exclamation-circle': executionStatus === 'error'\n  }\"></i>\n  <span>{{ executionStatus | titlecase }}</span>\n</div>", styles: [".execution-panel {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  background: var(--white-color);\n  border-top: 1px solid var(--gray-700);\n  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n  transition: height 0.3s ease;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  \n  &.active {\n    transition: none; // Disable transition during resize\n  }\n  \n  &.resizing {\n    user-select: none;\n    \n    .resize-grip {\n      opacity: 1 !important;\n    }\n  }\n}\n\n.resize-handle {\n  position: absolute;\n  top: -5px;\n  left: 0;\n  right: 0;\n  height: 10px;\n  cursor: ns-resize;\n  z-index: 10;\n  \n  &:hover .resize-grip {\n    opacity: 1;\n  }\n}\n\n.resize-grip {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 50px;\n  height: 4px;\n  background: var(--gray-800);\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 0.2s;\n  \n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: var(--gray-700);\n  }\n  \n  &::before {\n    top: -2px;\n  }\n  \n  &::after {\n    bottom: -2px;\n  }\n}\n\n.panel-header {\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--gray-700);\n  background: var(--gray-600);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.panel-title {\n  font-size: 1rem;\n  font-weight: 600;\n  margin: 0;\n  color: var(--gray-900);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  \n  i {\n    color: var(--mj-blue);\n  }\n}\n\n.header-actions {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.icon-button {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  color: var(--gray-800);\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all var(--transition-time);\n  \n  &:hover:not(:disabled) {\n    background: var(--gray-700);\n    color: var(--gray-900);\n  }\n  \n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  \n  &.close {\n    &:hover:not(:disabled) {\n      background: #dc3545;\n      color: white;\n    }\n  }\n}\n\n.execution-controls {\n  padding: 0.75rem 1.5rem;\n  background: var(--gray-600);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid var(--gray-700);\n}\n\n.status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  \n  &.status-idle {\n    color: var(--gray-800);\n  }\n  \n  &.status-running {\n    color: var(--mj-blue);\n  }\n  \n  &.status-paused {\n    color: #ffc107;\n  }\n  \n  &.status-completed {\n    color: #28a745;\n  }\n  \n  &.status-error {\n    color: #dc3545;\n  }\n}\n\n.control-buttons {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.control-button {\n  padding: 0.375rem 0.75rem;\n  border: 1px solid var(--gray-700);\n  background: var(--white-color);\n  color: var(--gray-900);\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  font-size: 0.875rem;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  transition: all var(--transition-time);\n  \n  &:hover:not(:disabled) {\n    background: var(--gray-700);\n    border-color: var(--gray-800);\n  }\n  \n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  \n  &.stop {\n    color: #dc3545;\n    border-color: #dc3545;\n    \n    &:hover:not(:disabled) {\n      background: #dc3545;\n      color: white;\n    }\n  }\n}\n\n.logs-container {\n  flex: 1;\n  overflow-y: auto;\n  background: var(--gray-600);\n  padding: 1rem;\n}\n\n.empty-logs {\n  text-align: center;\n  color: var(--gray-800);\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  \n  i {\n    font-size: 2rem;\n    color: var(--mj-blue);\n  }\n  \n  p {\n    margin: 0;\n    font-size: 0.875rem;\n  }\n}\n\n.log-entry {\n  display: flex;\n  gap: 0.75rem;\n  padding: 0.5rem;\n  margin-bottom: 0.5rem;\n  background: var(--white-color);\n  border-radius: var(--border-radius);\n  border-left: 3px solid transparent;\n  font-size: 0.875rem;\n  transition: all var(--transition-time);\n  \n  &.log-start {\n    border-left-color: var(--mj-blue);\n  }\n  \n  &.log-success {\n    border-left-color: #28a745;\n  }\n  \n  &.log-error {\n    border-left-color: #dc3545;\n  }\n  \n  &.log-info {\n    border-left-color: #17a2b8;\n  }\n  \n  &.current-step {\n    background: #e3f2fd;\n    box-shadow: 0 2px 4px rgba(0, 118, 182, 0.2);\n  }\n}\n\n.log-timestamp {\n  color: var(--gray-800);\n  font-family: monospace;\n  font-size: 0.75rem;\n  white-space: nowrap;\n  padding-top: 0.125rem;\n}\n\n.log-icon {\n  flex-shrink: 0;\n  width: 20px;\n  text-align: center;\n  \n  .fa-play-circle {\n    color: var(--mj-blue);\n  }\n  \n  .fa-check-circle {\n    color: #28a745;\n  }\n  \n  .fa-exclamation-circle {\n    color: #dc3545;\n  }\n  \n  .fa-info-circle {\n    color: #17a2b8;\n  }\n}\n\n.log-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.log-step {\n  margin-bottom: 0.25rem;\n  color: var(--gray-900);\n}\n\n.log-message {\n  color: var(--gray-800);\n  word-wrap: break-word;\n}\n\n.log-data {\n  margin-top: 0.5rem;\n  \n  pre {\n    margin: 0;\n    padding: 0.5rem;\n    background: var(--gray-600);\n    border-radius: var(--border-radius);\n    font-size: 0.75rem;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n  }\n}\n\n// Minimized execution indicator\n.execution-indicator {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--white-color);\n  border: 1px solid var(--gray-700);\n  border-radius: 30px;\n  padding: 0.5rem 1.5rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition: all var(--transition-time);\n  z-index: 100;\n  font-size: 0.875rem;\n  font-weight: 600;\n  \n  &:hover {\n    transform: translateX(-50%) translateY(-2px);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  }\n  \n  i {\n    font-size: 1rem;\n    \n    &.fa-spinner {\n      color: var(--mj-blue);\n    }\n    \n    &.fa-pause-circle {\n      color: #ffc107;\n    }\n    \n    &.fa-check-circle {\n      color: #28a745;\n    }\n    \n    &.fa-exclamation-circle {\n      color: #dc3545;\n    }\n  }\n}"] }]
+    }], () => [{ type: i1.FlowExecutorService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExecutionPanelComponent, { className: "ExecutionPanelComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.ts", lineNumber: 13 }); })();
+//# sourceMappingURL=execution-panel.component.js.map

package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-panel.component.js","sourceRoot":"","sources":["../../../../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.ts","../../../../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;;;;;;;;ICIxC,+BAEyC;IAApC,8LAAa,4BAAqB,KAAC;IACtC,0BAA+B;IACjC,iBAAM;;;IA6DJ,+BAA2D;IACzD,wBAAkC;IAClC,yBAAG;IAAA,mEAAiD;IACtD,AADsD,iBAAI,EACpD;;;IAYA,AADF,+BAAyC,aAC/B;IAAA,YAAkB;IAC5B,AAD4B,iBAAS,EAC/B;;;IADI,eAAkB;IAAlB,qCAAkB;;;IAI1B,AADF,+BAAuC,UAChC;IAAA,YAAqB;;IAC5B,AAD4B,iBAAM,EAC5B;;;IADC,eAAqB;IAArB,uDAAqB;;;IAV9B,AAJF,+BAGgF,cACnD;IAAA,YAAoC;IAAA,iBAAM;IACrE,+BAAsB;IACpB,wBAAoD;IACtD,iBAAM;IACN,+BAAyB;IACvB,gFAAyC;IAGzC,+BAAyB;IAAA,YAAiB;IAAA,iBAAM;IAChD,gFAAuC;IAI3C,AADE,iBAAM,EACF;;;;IAfD,8CAA+B;IAC/B,oGAA0E;IAClD,eAAoC;IAApC,8DAAoC;IAE9C,eAAgC;IAAhC,wDAAgC;IAGxB,eAAgB;IAAhB,oCAAgB;IAGd,eAAiB;IAAjB,oCAAiB;IACnB,cAAc;IAAd,kCAAc;;;;IAS7C,+BAG6C;IADxC,wMAAyB,KAAK,KAAC;IAElC,wBAKO;IACP,4BAAM;IAAA,YAAiC;;IACzC,AADyC,iBAAO,EAC1C;;;IAPW,cAKb;IALa,2MAKb;IACI,eAAiC;IAAjC,kEAAiC;;ADhGzC,MAAM,OAAO,uBAAuB;IAkBlC,YAAoB,YAAiC;QAAjC,iBAAY,GAAZ,YAAY,CAAqB;QAjB7C,aAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;QAEvC,oBAAe,GAAoB,MAAM,CAAC;QAC1C,kBAAa,GAAmB,EAAE,CAAC;QACnC,kBAAa,GAAkB,IAAI,CAAC;QAEpC,oBAAoB;QACpB,gBAAW,GAAG,GAAG,CAAC,CAAC,iBAAiB;QACpC,cAAS,GAAG,GAAG,CAAC;QAChB,cAAS,GAAG,GAAG,CAAC;QAChB,eAAU,GAAG,KAAK,CAAC,CAAC,kCAAkC;QAC9C,WAAM,GAAG,CAAC,CAAC;QACX,gBAAW,GAAG,CAAC,CAAC;QAExB,mBAAmB;QACnB,kBAAa,GAAG,KAAK,CAAC;QAoHd,iBAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAE7B,kEAAkE;YAClE,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;YAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;YAE5C,oBAAoB;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;QACnF,CAAC,CAAA;QAEO,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC7D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAE1D,oBAAoB;YACpB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QACtC,CAAC,CAAA;IArIwD,CAAC;IAE1D,QAAQ;QACN,gCAAgC;QAChC,IAAI,CAAC,YAAY,CAAC,eAAe;aAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,MAAM,CAAC,EAAE;YAClB,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;YAC9B,2CAA2C;YAC3C,IAAI,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAC/C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC,CAAC;QAEL,8BAA8B;QAC9B,IAAI,CAAC,YAAY,CAAC,aAAa;aAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,IAAI,CAAC,EAAE;YAChB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,6CAA6C;YAC7C,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEL,4BAA4B;QAC5B,IAAI,CAAC,YAAY,CAAC,aAAa;aAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,MAAM,CAAC,EAAE;YAClB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC9B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACzB,4BAA4B;QAC5B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,UAAU,CAAC,IAA0B;QACnC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACtC,KAAK,UAAU,CAAC,CAAC,OAAO,iBAAiB,CAAC;YAC1C,KAAK,OAAO,CAAC,CAAC,OAAO,uBAAuB,CAAC;YAC7C,KAAK,KAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACpC,OAAO,CAAC,CAAC,OAAO,WAAW,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,WAAW,CAAC,IAA0B;QACpC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO,CAAC,CAAC,OAAO,WAAW,CAAC;YACjC,KAAK,UAAU,CAAC,CAAC,OAAO,aAAa,CAAC;YACtC,KAAK,OAAO,CAAC,CAAC,OAAO,WAAW,CAAC;YACjC,KAAK,KAAK,CAAC,CAAC,OAAO,UAAU,CAAC;YAC9B,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,eAAe,CAAC,IAAU;QACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACtC,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;YACjB,sBAAsB,EAAE,CAAC;SAC1B,CAAC,CAAC;IACL,CAAC;IAEO,cAAc;QACpB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAChE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC;QACvD,CAAC;IACH,CAAC;IAED,iBAAiB;IACjB,aAAa,CAAC,KAAiB;QAC7B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAEpC,yBAAyB;QACzB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEvD,8CAA8C;QAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAExC,uCAAuC;QACvC,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;wFAlIU,uBAAuB;oEAAvB,uBAAuB;YCZpC,8BAGwF;YAGtF,wEAEyC;YAKvC,AADF,8BAA0B,YACA;YACtB,uBAA+B;YAAC,gCAClC;YAAA,iBAAK;YAEH,AADF,8BAA4B,gBAKmB;YAF3C,oGAAS,eAAW,IAAC;YAGrB,uBAA4B;YAC9B,iBAAS;YACT,iCAGsB;YADpB,oGAAS,gBAAY,IAAC;YAEtB,wBAA4B;YAGlC,AADE,AADE,iBAAS,EACL,EACF;YAGJ,AADF,gCAAgC,eACsC;YAClE,yBAMO;YACP,6BAAM;YAAA,aAAiC;;YACzC,AADyC,iBAAO,EAC1C;YAGJ,AADF,gCAA6B,kBAKD;YAFxB,qGAAS,aAAS,IAAC;YAGnB,yBAA4B;YAC9B,iBAAS;YACT,mCAI2B;YAFzB,qGAAS,cAAU,IAAC;YAGpB,yBAA2B;YAC7B,iBAAS;YACT,mCAIyB;YAFvB,qGAAS,YAAQ,IAAC;YAGlB,yBAA2B;YAGjC,AADE,AADE,iBAAS,EACL,EACF;YAEN,gCAA4B;YAM1B,AALA,2EAA2D,+DAQqB;YAgBpF,AADE,iBAAM,EACF;YAGN,2EAG6C;;YAlGxC,0GAAkF;YADlF,AADA,8EAA6D,4BAChC;YAK1B,cAAkD;YAAlD,2EAAkD;YAclD,eAA0C;YAA1C,4DAA0C;YAahB,eAAqC;YAArC,8CAAqC;YAClD,cAMb;YANa,gOAMb;YACI,eAAiC;YAAjC,iEAAiC;YAOrC,eAA0C;YAA1C,4DAA0C;YAO1C,eAAyC;YAAzC,2DAAyC;YAOzC,eAA0E;YAA1E,gGAA0E;YAQxE,eAAgC;YAAhC,qDAAgC;YAKjB,cAAgB;YAAhB,2CAAgB;YAuBnC,cAAiD;YAAjD,0EAAiD;4BD3F3C,YAAY;;iFAIX,uBAAuB;cAPnC,SAAS;2BACE,qBAAqB,cACnB,IAAI,WACP,CAAC,YAAY,CAAC;;kFAIZ,uBAAuB"}

package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/flow-editor/flow-editor.component.d.ts

@@ -0,0 +1,106 @@
+import { OnInit, ElementRef, AfterViewInit, OnDestroy, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { FlowEditorService } from '../../services/flow-editor.service';
+import { FlowExecutorService } from '../../services/flow-executor.service';
+import { Step, StepType } from '../../models/step.model';
+import { Connection } from '../../models/connection.model';
+import * as i0 from "@angular/core";
+export declare class FlowEditorComponent implements OnInit, AfterViewInit, OnDestroy {
+    private flowEditorService;
+    private flowExecutor;
+    private changeDetector;
+    reteEditor: ElementRef<HTMLDivElement>;
+    toggleExecution: EventEmitter<void>;
+    stepMoved: EventEmitter<Step>;
+    steps: Step[];
+    connections: Connection[];
+    selectedStepId: number | null;
+    executingStepId: number | null;
+    showExecutionPanel: boolean;
+    legendCollapsed: boolean;
+    private readonly STEP_WIDTH;
+    private readonly STEP_HEIGHT;
+    private nextStepId;
+    private isDragging;
+    private dragOffset;
+    currentScale: number;
+    canvasOffset: {
+        x: number;
+        y: number;
+    };
+    tempConnection: {
+        source: Step;
+        sourceType: string;
+        mouseX: number;
+        mouseY: number;
+    } | null;
+    private isCreatingConnection;
+    editingConnection: Connection | null;
+    stepToDelete: Step | null;
+    connectionToDelete: Connection | null;
+    constructor(flowEditorService: FlowEditorService, flowExecutor: FlowExecutorService, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    initializeEditor(): void;
+    loadFlowData(): void;
+    centerOnStartingStep(): void;
+    createExampleFlow(): void;
+    createStep(type: StepType, position: [number, number]): Step;
+    createConnection(sourceId: number, targetId: number): void;
+    setupCanvasEvents(): void;
+    updateCanvasTransform(): void;
+    selectStep(step: Step): void;
+    deleteStep(step: Step): void;
+    confirmDeleteStep(): void;
+    cancelDeleteStep(): void;
+    deleteConnection(connection: Connection): void;
+    confirmDeleteConnection(): void;
+    cancelDeleteConnection(): void;
+    onConnectionClick(event: MouseEvent, connection: Connection): void;
+    getConnectionMidpoint(connection: Connection): {
+        x: number;
+        y: number;
+    };
+    saveConnectionConditions(updatedConnection: Connection): void;
+    closeConditionEditor(): void;
+    getConditionPreview(connection: Connection): string;
+    getConditionLabel(connection: Connection): string;
+    getConditionBoxWidth(connection: Connection): number;
+    getConnectionColor(connection: Connection): string;
+    isBackwardConnection(connection: Connection): boolean;
+    getConnectionDashArray(connection: Connection): string;
+    getConnectionMarker(connection: Connection): string;
+    updateStep(step: Step): void;
+    onStepDragStart(event: MouseEvent, step: Step): void;
+    private currentDraggedStep;
+    private handleMouseMove;
+    private handleMouseUp;
+    onStepDragEnd(): void;
+    getConnectionPath(connection: Connection): string;
+    onZoomIn(): void;
+    onZoomOut(): void;
+    onResetView(): void;
+    onAutoArrange(): void;
+    private autoArrangeSteps;
+    private fitToView;
+    toggleExecutionPanel(): void;
+    runFlow(): void;
+    ngOnDestroy(): void;
+    onSocketMouseDown(event: {
+        event: MouseEvent;
+        step: Step;
+        type: string;
+    }): void;
+    onSocketMouseEnter(event: {
+        event: MouseEvent;
+        step: Step;
+        type: string;
+    }): void;
+    onSocketMouseLeave(event: MouseEvent): void;
+    private handleConnectionMouseMove;
+    private handleConnectionMouseUp;
+    private canCreateConnection;
+    getTempConnectionPath(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlowEditorComponent, "app-flow-editor", never, {}, { "toggleExecution": "toggleExecution"; "stepMoved": "stepMoved"; }, never, never, true, never>;
+}
+//# sourceMappingURL=flow-editor.component.d.ts.map

package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/flow-editor/flow-editor.component.d.ts.map

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