@memberjunction/ng-core-entity-forms 3.3.0 → 4.0.0

package/README.md

@@ -20,7 +20,7 @@ npm install @memberjunction/ng-core-entity-forms
 
 ## Requirements
 
-- Angular 18+
+- Angular 21+
 - @memberjunction/core
 - @memberjunction/core-entities
 - @memberjunction/ng-base-forms
@@ -371,7 +371,7 @@ AIAgentFormComponent (generated)
 
 ### Future Enhancements
 
-1. **Visual Flow Editor**: Integrate a proper flow visualization library (when Angular 18 compatible)
+1. **Visual Flow Editor**: Integrate a proper flow visualization library (when Angular 21 compatible)
 2. **Drag & Drop**: Allow visual workflow editing with drag and drop
 3. **Conditional UI**: Show/hide sections based on agent configuration
 4. **Template Library**: Pre-built custom sections for common agent types

package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-diagram.component.js

@@ -2010,5 +2010,5 @@ export class FlowAgentDiagramComponent {
             type: HostListener,
             args: ['document:mousemove', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlowAgentDiagramComponent, { className: "FlowAgentDiagramComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-agent-diagram.component.ts", lineNumber: 641 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlowAgentDiagramComponent, { className: "FlowAgentDiagramComponent" }); })();
 //# sourceMappingURL=flow-agent-diagram.component.js.map

package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.d.ts

@@ -1,31 +1,19 @@
-import { OnInit, OnDestroy, ElementRef, ChangeDetectorRef, Injector } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
-import { AIAgentStepEntity, AIAgentStepPathEntity } from '@memberjunction/core-entities';
 import * as i0 from "@angular/core";
-export declare class FlowAgentFormSectionComponent extends BaseFormSectionComponent implements OnInit, OnDestroy {
+/**
+ * Form section component for Flow Agent types.
+ * Simply wraps the FlowAgentEditorComponent from @memberjunction/ng-flow-editor
+ * and passes through the agent ID and edit mode.
+ */
+export declare class FlowAgentFormSectionComponent extends BaseFormSectionComponent {
     private cdr;
-    private injector;
-    reteContainer: ElementRef<HTMLDivElement>;
-    private destroy$;
-    steps: AIAgentStepEntity[];
-    paths: AIAgentStepPathEntity[];
-    loading: boolean;
-    error: string | null;
-    activeTab: 'diagram' | 'data';
-    selectedStepId: string | null;
-    get agentId(): string | null;
-    private sharedService;
-    constructor(cdr: ChangeDetectorRef, injector: Injector);
-    ngOnInit(): Promise<void>;
-    ngOnDestroy(): void;
-    private loadFlowData;
-    private initializeFlowVisualization;
-    private addNewStep;
-    refreshFlow(): Promise<void>;
-    getStepName(stepId: string): string;
-    selectStep(stepId: string): void;
-    get filteredPaths(): AIAgentStepPathEntity[];
-    openEntityRecord(entityName: string, recordId: string): Promise<void>;
+    /** Whether the flow editor is in full-screen mode */
+    IsFullScreen: boolean;
+    get AgentID(): string | null;
+    constructor(cdr: ChangeDetectorRef);
+    OnFlowSaved(): void;
+    OnFullScreenToggled(fullScreen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlowAgentFormSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FlowAgentFormSectionComponent, "mj-flow-agent-form-section", never, {}, {}, never, never, false, never>;
 }

package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flow-agent-form-section.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAa,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;;AAMzF,qBAMa,6BAA8B,SAAQ,wBAAyB,YAAW,MAAM,EAAE,SAAS;IAkBxF,OAAO,CAAC,GAAG;IAAqB,OAAO,CAAC,QAAQ;IAjBd,aAAa,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEzF,OAAO,CAAC,QAAQ,CAAuB;IAEvC,KAAK,EAAE,iBAAiB,EAAE,CAAM;IAChC,KAAK,EAAE,qBAAqB,EAAE,CAAM;IACpC,OAAO,UAAQ;IACf,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5B,SAAS,EAAE,SAAS,GAAG,MAAM,CAAa;IAC1C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IAED,OAAO,CAAC,aAAa,CAAgB;gBAEjB,GAAG,EAAE,iBAAiB,EAAU,QAAQ,EAAE,QAAQ;IAKhE,QAAQ;IASd,WAAW;YAKG,YAAY;YA0CZ,2BAA2B;YAI3B,UAAU;IAKX,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAclC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAKnC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKvC,IAAW,aAAa,IAAI,qBAAqB,EAAE,CAUlD;IAEY,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;yCA5HzE,6BAA6B;2CAA7B,6BAA6B;CAiIzC"}
+{"version":3,"file":"flow-agent-form-section.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAIzE;;;;GAIG;AACH,qBAOa,6BAA8B,SAAQ,wBAAwB;IAQ3D,OAAO,CAAC,GAAG;IAPvB,qDAAqD;IAC9C,YAAY,UAAS;IAE5B,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;gBAEmB,GAAG,EAAE,iBAAiB;IAInC,WAAW,IAAI,IAAI;IAKnB,mBAAmB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;yCAjB5C,6BAA6B;2CAA7B,6BAA6B;CAqBzC"}

package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.js

@@ -4,399 +4,56 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, ViewChild } from '@angular/core';
+import { Component } from '@angular/core';
 import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
 import { RegisterClass } from '@memberjunction/global';
-import { RunView, CompositeKey } from '@memberjunction/core';
-import { Subject } from 'rxjs';
-import { SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-buttons";
-import * as i2 from "./mj-integrated-flow-editor.component";
-const _c0 = ["reteContainer"];
-const _forTrack0 = ($index, $item) => $item.ID;
-function FlowAgentFormSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "i", 3);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Loading agent workflow...");
-    i0.ɵɵelementEnd()();
-} }
-function FlowAgentFormSectionComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "i", 4);
-    i0.ɵɵtext(2);
+import * as i1 from "@memberjunction/ng-flow-editor";
+function FlowAgentFormSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-flow-agent-editor", 2);
+    i0.ɵɵlistener("FlowSaved", function FlowAgentFormSectionComponent_Conditional_0_Template_mj_flow_agent_editor_FlowSaved_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFlowSaved()); })("FullScreenToggled", function FlowAgentFormSectionComponent_Conditional_0_Template_mj_flow_agent_editor_FullScreenToggled_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFullScreenToggled($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.error, " ");
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("AgentID", ctx_r1.AgentID)("EditMode", ctx_r1.EditMode)("FullScreen", ctx_r1.IsFullScreen);
 } }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵlistener("click", function FlowAgentFormSectionComponent_Conditional_3_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.refreshFlow()); });
-    i0.ɵɵelement(1, "i", 10);
-    i0.ɵɵtext(2, " Refresh ");
-    i0.ɵɵelementEnd();
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "i", 11);
+function FlowAgentFormSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 3);
     i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No workflow steps defined for this agent.");
+    i0.ɵɵtext(3, "Save the agent first to configure the workflow.");
     i0.ɵɵelementEnd()();
 } }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-integrated-flow-editor", 19);
-    i0.ɵɵlistener("stepsChanged", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template_mj_integrated_flow_editor_stepsChanged_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.refreshFlow()); })("pathsChanged", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template_mj_integrated_flow_editor_pathsChanged_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.refreshFlow()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("agentId", ctx_r0.agentId)("steps", ctx_r0.steps)("paths", ctx_r0.paths)("EditMode", ctx_r0.EditMode);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 11);
-    i0.ɵɵtext(2, " Click a step again to deselect and show all paths ");
-    i0.ɵɵelementEnd();
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 34);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMap("status-" + step_r6.Status.toLowerCase());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", step_r6.Status, " ");
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(step_r6.Description);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵelement(1, "i", 35);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Input: ", step_r6.ActionInputMapping, " ");
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵelement(1, "i", 36);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Output: ", step_r6.ActionOutputMapping, " ");
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵlistener("click", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Template_div_click_0_listener() { const step_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.selectStep(step_r6.ID)); });
-    i0.ɵɵelementStart(1, "button", 25);
-    i0.ɵɵlistener("click", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Template_button_click_1_listener($event) { const step_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); ctx_r0.openEntityRecord("MJ: AI Agent Steps", step_r6.ID); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(2, "i", 26);
-    i0.ɵɵtext(3, " Open ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 27)(5, "span", 28);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 29);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 30);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_11_Template, 2, 3, "span", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(12, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_12_Template, 2, 1, "div", 32)(13, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_13_Template, 3, 1, "div", 33)(14, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Conditional_14_Template, 3, 1, "div", 33);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r6 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("starting-step", step_r6.StartingStep)("selected", step_r6.ID === ctx_r0.selectedStepId);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(step_r6.StartingStep ? "\uD83D\uDE80" : "\uD83D\uDCCD");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(step_r6.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap("type-" + step_r6.StepType.toLowerCase());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", step_r6.StepType, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r6.Status !== "Active" ? 11 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r6.Description ? 12 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r6.ActionInputMapping ? 13 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r6.ActionOutputMapping ? 14 : -1);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 38);
-    i0.ɵɵtext(1, " (showing paths for selected step) ");
-    i0.ɵɵelementEnd();
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 42);
-    i0.ɵɵelement(1, "i", 43);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const path_r8 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Condition: ", path_r8.Condition, " ");
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_For_6_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "button", 40);
-    i0.ɵɵlistener("click", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_For_6_Template_button_click_1_listener() { const path_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r0 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r0.openEntityRecord("MJ: AI Agent Step Paths", path_r8.ID)); });
-    i0.ɵɵelement(2, "i", 26);
-    i0.ɵɵtext(3, " Open ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "i", 41);
-    i0.ɵɵtext(5);
-    i0.ɵɵtemplate(6, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_For_6_Conditional_6_Template, 3, 1, "div", 42);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const path_r8 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate2(" From: ", ctx_r0.getStepName(path_r8.OriginStepID), " \u2192 To: ", ctx_r0.getStepName(path_r8.DestinationStepID), " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(path_r8.Condition ? 6 : -1);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "h4");
-    i0.ɵɵelement(2, "i", 37);
-    i0.ɵɵtext(3, " Paths ");
-    i0.ɵɵtemplate(4, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_Conditional_4_Template, 2, 0, "span", 38);
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(5, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_For_6_Template, 7, 3, "div", 39, _forTrack0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.selectedStepId ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.filteredPaths);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "h4");
-    i0.ɵɵelement(2, "i", 37);
-    i0.ɵɵtext(3, " Paths");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 44);
-    i0.ɵɵelement(5, "i", 11);
-    i0.ɵɵelementStart(6, "p");
-    i0.ɵɵtext(7, "No paths connected to the selected step");
-    i0.ɵɵelementEnd()()();
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 20)(2, "h4");
-    i0.ɵɵelement(3, "i", 14);
-    i0.ɵɵtext(4, " Steps");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_5_Template, 3, 0, "div", 21);
-    i0.ɵɵrepeaterCreate(6, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_For_7_Template, 15, 13, "div", 22, _forTrack0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_8_Template, 7, 1, "div", 23)(9, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Conditional_9_Template, 8, 0, "div", 23);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r0.selectedStepId ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.steps);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.filteredPaths.length > 0 ? 8 : ctx_r0.selectedStepId && ctx_r0.paths.length > 0 ? 9 : -1);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "p");
-    i0.ɵɵelement(2, "i", 11);
-    i0.ɵɵtext(3, " Use the steps and paths grids in the main form tabs to configure the workflow. ");
-    i0.ɵɵelementEnd()();
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "button", 13);
-    i0.ɵɵlistener("click", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.activeTab = "diagram"); });
-    i0.ɵɵelement(2, "i", 6);
-    i0.ɵɵtext(3, " Diagram ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 13);
-    i0.ɵɵlistener("click", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.activeTab = "data"); });
-    i0.ɵɵelement(5, "i", 14);
-    i0.ɵɵtext(6, " Details ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 15);
-    i0.ɵɵtemplate(8, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template, 1, 4, "mj-integrated-flow-editor", 16)(9, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Template, 10, 2, "div", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_10_Template, 4, 0, "div", 18);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r0.activeTab === "diagram");
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r0.activeTab === "data");
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.activeTab === "diagram" ? 8 : 9);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.EditMode && ctx_r0.activeTab === "data" ? 10 : -1);
-} }
-function FlowAgentFormSectionComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5)(1, "h3");
-    i0.ɵɵelement(2, "i", 6);
-    i0.ɵɵtext(3, " Agent Workflow ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, FlowAgentFormSectionComponent_Conditional_3_Conditional_4_Template, 3, 0, "button", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, FlowAgentFormSectionComponent_Conditional_3_Conditional_5_Template, 4, 0, "div", 8)(6, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Template, 11, 6);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.EditMode ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.steps.length === 0 && !ctx_r0.EditMode ? 5 : 6);
-} }
+/**
+ * Form section component for Flow Agent types.
+ * Simply wraps the FlowAgentEditorComponent from @memberjunction/ng-flow-editor
+ * and passes through the agent ID and edit mode.
+ */
 let FlowAgentFormSectionComponent = class FlowAgentFormSectionComponent extends BaseFormSectionComponent {
-    get agentId() {
+    get AgentID() {
         return this.record && 'ID' in this.record ? this.record.ID : null;
     }
-    constructor(cdr, injector) {
+    constructor(cdr) {
         super();
         this.cdr = cdr;
-        this.injector = injector;
-        this.destroy$ = new Subject();
-        this.steps = [];
-        this.paths = [];
-        this.loading = true;
-        this.error = null;
-        this.activeTab = 'diagram';
-        this.selectedStepId = null;
-        this.sharedService = this.injector.get(SharedService);
+        /** Whether the flow editor is in full-screen mode */
+        this.IsFullScreen = false;
     }
-    async ngOnInit() {
-        await this.loadFlowData();
-        if (this.steps.length > 0 || this.EditMode) {
-            await this.initializeFlowVisualization();
-        }
-        this.loading = false;
+    OnFlowSaved() {
+        // Trigger form dirty-state refresh if needed
         this.cdr.detectChanges();
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    async loadFlowData() {
-        if (!this.record || !('ID' in this.record)) {
-            return;
-        }
-        try {
-            const rv = new RunView();
-            // First load steps
-            const stepsResult = await rv.RunView({
-                EntityName: 'MJ: AI Agent Steps',
-                ExtraFilter: `AgentID='${this.record.ID}'`,
-                OrderBy: 'StartingStep DESC, Name',
-                ResultType: 'entity_object'
-            });
-            if (stepsResult.Success) {
-                this.steps = stepsResult.Results || [];
-                // If we have steps, load paths for those steps
-                if (this.steps.length > 0) {
-                    const stepIds = this.steps.map(s => `'${s.ID}'`).join(',');
-                    const pathsResult = await rv.RunView({
-                        EntityName: 'MJ: AI Agent Step Paths',
-                        ExtraFilter: `OriginStepID IN (${stepIds})`,
-                        OrderBy: 'Priority DESC',
-                        ResultType: 'entity_object'
-                    });
-                    if (pathsResult.Success) {
-                        this.paths = pathsResult.Results || [];
-                    }
-                    else {
-                        this.error = `Failed to load agent paths: ${pathsResult.ErrorMessage}`;
-                    }
-                }
-            }
-            else {
-                this.error = `Failed to load agent steps: ${stepsResult.ErrorMessage}`;
-            }
-        }
-        catch (error) {
-            this.error = `Error loading flow data: ${error}`;
-        }
-    }
-    async initializeFlowVisualization() {
-        // Flow visualization is now handled by the flow-agent-diagram component
-    }
-    async addNewStep() {
-        // This would open a dialog or form to create a new step
-        // Implementation handled by flow-agent-diagram component
-    }
-    async refreshFlow() {
-        this.loading = true;
-        this.cdr.detectChanges();
-        // Reload data and reinitialize
-        await this.loadFlowData();
-        if (this.steps.length > 0 || this.EditMode) {
-            await this.initializeFlowVisualization();
-        }
-        this.loading = false;
+    OnFullScreenToggled(fullScreen) {
+        this.IsFullScreen = fullScreen;
         this.cdr.detectChanges();
     }
-    getStepName(stepId) {
-        const step = this.steps.find(s => s.ID === stepId);
-        return step?.Name || 'Unknown Step';
-    }
-    selectStep(stepId) {
-        this.selectedStepId = this.selectedStepId === stepId ? null : stepId;
-        this.cdr.detectChanges();
-    }
-    get filteredPaths() {
-        if (!this.selectedStepId) {
-            return this.paths;
-        }
-        // Show paths where the selected step is either the origin or destination
-        return this.paths.filter(p => p.OriginStepID === this.selectedStepId ||
-            p.DestinationStepID === this.selectedStepId);
-    }
-    async openEntityRecord(entityName, recordId) {
-        if (this.sharedService) {
-            await this.sharedService.OpenEntityRecord(entityName, CompositeKey.FromID(recordId));
-        }
-    }
-    static { this.ɵfac = function FlowAgentFormSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FlowAgentFormSectionComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Injector)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlowAgentFormSectionComponent, selectors: [["mj-flow-agent-form-section"]], viewQuery: function FlowAgentFormSectionComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 7);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reteContainer = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [[1, "flow-agent-section"], [1, "loading-container"], [1, "error-message"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "flow-header"], [1, "fa-solid", "fa-project-diagram"], ["kendoButton", "", "themeColor", "primary", "title", "Refresh workflow view"], [1, "empty-state"], ["kendoButton", "", "themeColor", "primary", "title", "Refresh workflow view", 3, "click"], [1, "fa-solid", "fa-sync"], [1, "fa-solid", "fa-info-circle"], [1, "flow-tabs"], [1, "flow-tab", 3, "click"], [1, "fa-solid", "fa-list"], [1, "flow-tab-content"], [3, "agentId", "steps", "paths", "EditMode"], [1, "flow-steps-list"], [1, "flow-instructions"], [3, "stepsChanged", "pathsChanged", "agentId", "steps", "paths", "EditMode"], [1, "steps-container"], [1, "selection-info"], [1, "step-item", 3, "starting-step", "selected"], [1, "paths-container"], [1, "step-item", 3, "click"], ["title", "Open step record", 1, "open-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], [1, "step-header"], [1, "step-number"], [1, "step-name"], [1, "step-type"], [1, "step-status", 3, "class"], [1, "step-description"], [1, "step-mapping"], [1, "step-status"], [1, "fa-solid", "fa-sign-in-alt"], [1, "fa-solid", "fa-sign-out-alt"], [1, "fa-solid", "fa-route"], [2, "font-weight", "normal", "font-size", "0.875rem", "color", "#666"], [1, "path-item"], ["title", "Open path record", 1, "open-btn", 3, "click"], [1, "fa-solid", "fa-arrow-right"], [1, "path-condition"], [1, "fa-solid", "fa-filter"], [1, "empty-state", 2, "padding", "2rem"]], template: function FlowAgentFormSectionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, FlowAgentFormSectionComponent_Conditional_1_Template, 4, 0, "div", 1)(2, FlowAgentFormSectionComponent_Conditional_2_Template, 3, 1, "div", 2)(3, FlowAgentFormSectionComponent_Conditional_3_Template, 7, 2);
-            i0.ɵɵelementEnd();
+    static { this.ɵfac = function FlowAgentFormSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FlowAgentFormSectionComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlowAgentFormSectionComponent, selectors: [["mj-flow-agent-form-section"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[3, "AgentID", "EditMode", "FullScreen"], [1, "flow-empty-state"], [3, "FlowSaved", "FullScreenToggled", "AgentID", "EditMode", "FullScreen"], [1, "fa-solid", "fa-info-circle"]], template: function FlowAgentFormSectionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, FlowAgentFormSectionComponent_Conditional_0_Template, 1, 3, "mj-flow-agent-editor", 0)(1, FlowAgentFormSectionComponent_Conditional_1_Template, 4, 0, "div", 1);
         } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.loading ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.error ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.loading && !ctx.error ? 3 : -1);
-        } }, dependencies: [i1.ButtonComponent, i2.MJIntegratedFlowEditorComponent], styles: [".flow-agent-section[_ngcontent-%COMP%] {\n    padding: 1rem;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n.flow-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    border-bottom: 2px solid #e0e0e0;\n}\n\n.flow-tab[_ngcontent-%COMP%] {\n    padding: 0.75rem 1.5rem;\n    background: none;\n    border: none;\n    border-bottom: 3px solid transparent;\n    color: #666;\n    font-size: 0.95rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.flow-tab[_ngcontent-%COMP%]:hover {\n    color: #4a90e2;\n    background-color: #f5f5f5;\n}\n\n.flow-tab.active[_ngcontent-%COMP%] {\n    color: #4a90e2;\n    border-bottom-color: #4a90e2;\n}\n\n.flow-tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1rem;\n}\n\n.flow-tab-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 600px;\n    position: relative;\n}\n\n\n\nmj-integrated-flow-editor[_ngcontent-%COMP%] {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 600px;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 2rem;\n    color: #666;\n}\n\n.loading-container[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n}\n\n.error-message[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 1rem;\n    background-color: #fee;\n    border: 1px solid #fcc;\n    border-radius: 4px;\n    color: #c00;\n}\n\n.flow-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 1rem;\n    padding-bottom: 0.5rem;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.flow-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 1.2rem;\n    color: #333;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 3rem;\n    text-align: center;\n    color: #666;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3rem;\n    margin-bottom: 1rem;\n    opacity: 0.5;\n}\n\n.rete-container[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 500px;\n    background: #f5f5f5;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n}\n\n.flow-instructions[_ngcontent-%COMP%] {\n    margin-top: 0.5rem;\n    padding: 0.5rem 1rem;\n    background-color: #f0f7ff;\n    border: 1px solid #cce0ff;\n    border-radius: 4px;\n    color: #0066cc;\n    font-size: 0.875rem;\n}\n\n.flow-instructions[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n\n\n.flow-steps-list[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin-top: 1rem;\n}\n\n.steps-container[_ngcontent-%COMP%], .paths-container[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    padding: 1rem;\n}\n\n.steps-container[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], .paths-container[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 1rem 0;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    color: #333;\n    font-size: 1.1rem;\n}\n\n.step-item[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #dee2e6;\n    border-radius: 6px;\n    padding: 0.75rem;\n    margin-bottom: 0.75rem;\n    transition: all 0.2s ease;\n    cursor: pointer;\n    position: relative;\n}\n\n.step-item[_ngcontent-%COMP%]:hover {\n    border-color: #4a90e2;\n    box-shadow: 0 2px 4px rgba(74, 144, 226, 0.1);\n}\n\n.step-item.selected[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border-color: #2196f3;\n    box-shadow: 0 2px 6px rgba(33, 150, 243, 0.2);\n}\n\n.step-item.starting-step[_ngcontent-%COMP%] {\n    border-color: #28a745;\n    background: #f0fff4;\n}\n\n.step-item.starting-step.selected[_ngcontent-%COMP%] {\n    background: #d4edda;\n    border-color: #28a745;\n}\n\n.step-description[_ngcontent-%COMP%] {\n    margin-top: 0.5rem;\n    padding-left: 2rem;\n    color: #666;\n    font-size: 0.875rem;\n}\n\n.path-item[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #dee2e6;\n    border-radius: 6px;\n    padding: 0.75rem;\n    margin-bottom: 0.75rem;\n    font-size: 0.875rem;\n}\n\n.path-condition[_ngcontent-%COMP%] {\n    margin-top: 0.5rem;\n    padding-left: 1.5rem;\n    color: #666;\n    font-size: 0.813rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n\n\n.step-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.step-number[_ngcontent-%COMP%] {\n    font-size: 1.2rem;\n}\n\n.step-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    flex: 1;\n}\n\n.step-type[_ngcontent-%COMP%] {\n    padding: 0.2rem 0.5rem;\n    border-radius: 3px;\n    font-size: 0.85rem;\n    background: #e0e0e0;\n    color: #555;\n}\n\n.step-type.type-action[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    color: #1976d2;\n}\n\n.step-type.type-sub-agent[_ngcontent-%COMP%] {\n    background: #f3e5f5;\n    color: #7b1fa2;\n}\n\n.step-type.type-prompt[_ngcontent-%COMP%] {\n    background: #fff3e0;\n    color: #f57c00;\n}\n\n.step-status[_ngcontent-%COMP%] {\n    padding: 0.2rem 0.5rem;\n    border-radius: 3px;\n    font-size: 0.85rem;\n}\n\n.step-status.status-pending[_ngcontent-%COMP%] {\n    background: #fff3e0;\n    color: #f57c00;\n}\n\n.step-status.status-disabled[_ngcontent-%COMP%] {\n    background: #ffebee;\n    color: #c62828;\n}\n\n.step-mapping[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    color: #555;\n    padding: 0.25rem 0;\n    padding-left: 2rem;\n    font-family: monospace;\n}\n\n.step-mapping[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 0.5rem;\n    color: #999;\n}\n\n\n\n.open-btn[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0.75rem;\n    right: 0.75rem;\n    padding: 0.25rem 0.5rem;\n    font-size: 0.75rem;\n    background: #fff;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.open-btn[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n    border-color: #4a90e2;\n    color: #4a90e2;\n}\n\n.open-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 0.25rem;\n}\n\n\n\n.path-item[_ngcontent-%COMP%] {\n    position: relative;\n    padding-right: 4rem;\n}\n\n\n\n.selection-info[_ngcontent-%COMP%] {\n    margin-bottom: 1rem;\n    padding: 0.5rem 1rem;\n    background-color: #e3f2fd;\n    border: 1px solid #2196f3;\n    border-radius: 4px;\n    color: #1976d2;\n    font-size: 0.875rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}"] }); }
+            i0.ɵɵconditional(ctx.AgentID ? 0 : 1);
+        } }, dependencies: [i1.FlowAgentEditorComponent], styles: ["\n\n[_nghost-%COMP%] {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\nmj-flow-agent-editor[_ngcontent-%COMP%] {\n    display: block;\n    width: 100%;\n    \n\n\n\n\n    height: calc(100vh - 300px);\n    min-height: 400px;\n}\n\n.flow-empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    text-align: center;\n    color: #94a3b8;\n}\n\n.flow-empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    margin-bottom: 12px;\n    color: #cbd5e1;\n}\n\n.flow-empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    margin: 0;\n}"] }); }
 };
 FlowAgentFormSectionComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'AI Agents.FlowAgentSection')
@@ -404,10 +61,7 @@ FlowAgentFormSectionComponent = __decorate([
 export { FlowAgentFormSectionComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlowAgentFormSectionComponent, [{
         type: Component,
-        args: [{ selector: 'mj-flow-agent-form-section', template: "<div class=\"flow-agent-section\">\n    @if (loading) {\n        <div class=\"loading-container\">\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            <span>Loading agent workflow...</span>\n        </div>\n    }\n    \n    @if (error) {\n        <div class=\"error-message\">\n            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n            {{ error }}\n        </div>\n    }\n    \n    @if (!loading && !error) {\n        <div class=\"flow-header\">\n            <h3>\n                <i class=\"fa-solid fa-project-diagram\"></i>\n                Agent Workflow\n            </h3>\n            @if (EditMode) {\n                <button \n                    kendoButton \n                    themeColor=\"primary\" \n                    (click)=\"refreshFlow()\"\n                    title=\"Refresh workflow view\">\n                    <i class=\"fa-solid fa-sync\"></i>\n                    Refresh\n                </button>\n            }\n        </div>\n        \n        @if (steps.length === 0 && !EditMode) {\n            <div class=\"empty-state\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                <p>No workflow steps defined for this agent.</p>\n            </div>\n        } @else {\n            <!-- Tab Navigation -->\n            <div class=\"flow-tabs\">\n                <button \n                    class=\"flow-tab\"\n                    [class.active]=\"activeTab === 'diagram'\"\n                    (click)=\"activeTab = 'diagram'\">\n                    <i class=\"fa-solid fa-project-diagram\"></i>\n                    Diagram\n                </button>\n                <button \n                    class=\"flow-tab\"\n                    [class.active]=\"activeTab === 'data'\"\n                    (click)=\"activeTab = 'data'\">\n                    <i class=\"fa-solid fa-list\"></i>\n                    Details\n                </button>\n            </div>\n            \n            <!-- Tab Content -->\n            <div class=\"flow-tab-content\">\n                @if (activeTab === 'diagram') {\n                    <mj-integrated-flow-editor\n                        [agentId]=\"agentId\"\n                        [steps]=\"steps\"\n                        [paths]=\"paths\"\n                        [EditMode]=\"EditMode\"\n                        (stepsChanged)=\"refreshFlow()\"\n                        (pathsChanged)=\"refreshFlow()\">\n                    </mj-integrated-flow-editor>\n                } @else {\n                    <div class=\"flow-steps-list\">\n                        <div class=\"steps-container\">\n                            <h4><i class=\"fa-solid fa-list\"></i> Steps</h4>\n                            @if (selectedStepId) {\n                                <div class=\"selection-info\">\n                                    <i class=\"fa-solid fa-info-circle\"></i>\n                                    Click a step again to deselect and show all paths\n                                </div>\n                            }\n                            @for (step of steps; track step.ID) {\n                                <div class=\"step-item\" \n                                     [class.starting-step]=\"step.StartingStep\"\n                                     [class.selected]=\"step.ID === selectedStepId\"\n                                     (click)=\"selectStep(step.ID)\">\n                                    <button class=\"open-btn\" \n                                            (click)=\"openEntityRecord('MJ: AI Agent Steps', step.ID); $event.stopPropagation()\"\n                                            title=\"Open step record\">\n                                        <i class=\"fa-solid fa-external-link-alt\"></i>\n                                        Open\n                                    </button>\n                                    <div class=\"step-header\">\n                                        <span class=\"step-number\">{{ step.StartingStep ? '\uD83D\uDE80' : '\uD83D\uDCCD' }}</span>\n                                        <span class=\"step-name\">{{ step.Name }}</span>\n                                        <span class=\"step-type\" [class]=\"'type-' + step.StepType.toLowerCase()\">\n                                            {{ step.StepType }}\n                                        </span>\n                                        @if (step.Status !== 'Active') {\n                                            <span class=\"step-status\" [class]=\"'status-' + step.Status.toLowerCase()\">\n                                                {{ step.Status }}\n                                            </span>\n                                        }\n                                    </div>\n                                    @if (step.Description) {\n                                        <div class=\"step-description\">{{ step.Description }}</div>\n                                    }\n                                    @if (step.ActionInputMapping) {\n                                        <div class=\"step-mapping\">\n                                            <i class=\"fa-solid fa-sign-in-alt\"></i> Input: {{ step.ActionInputMapping }}\n                                        </div>\n                                    }\n                                    @if (step.ActionOutputMapping) {\n                                        <div class=\"step-mapping\">\n                                            <i class=\"fa-solid fa-sign-out-alt\"></i> Output: {{ step.ActionOutputMapping }}\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                        \n                        @if (filteredPaths.length > 0) {\n                            <div class=\"paths-container\">\n                                <h4>\n                                    <i class=\"fa-solid fa-route\"></i> \n                                    Paths\n                                    @if (selectedStepId) {\n                                        <span style=\"font-weight: normal; font-size: 0.875rem; color: #666;\">\n                                            (showing paths for selected step)\n                                        </span>\n                                    }\n                                </h4>\n                                @for (path of filteredPaths; track path.ID) {\n                                    <div class=\"path-item\">\n                                        <button class=\"open-btn\" \n                                                (click)=\"openEntityRecord('MJ: AI Agent Step Paths', path.ID)\"\n                                                title=\"Open path record\">\n                                            <i class=\"fa-solid fa-external-link-alt\"></i>\n                                            Open\n                                        </button>\n                                        <i class=\"fa-solid fa-arrow-right\"></i>\n                                        From: {{ getStepName(path.OriginStepID) }} \n                                        \u2192 To: {{ getStepName(path.DestinationStepID) }}\n                                        @if (path.Condition) {\n                                            <div class=\"path-condition\">\n                                                <i class=\"fa-solid fa-filter\"></i>\n                                                Condition: {{ path.Condition }}\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        } @else if (selectedStepId && paths.length > 0) {\n                            <div class=\"paths-container\">\n                                <h4><i class=\"fa-solid fa-route\"></i> Paths</h4>\n                                <div class=\"empty-state\" style=\"padding: 2rem;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i>\n                                    <p>No paths connected to the selected step</p>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n            \n            @if (EditMode && activeTab === 'data') {\n                <div class=\"flow-instructions\">\n                    <p>\n                        <i class=\"fa-solid fa-info-circle\"></i>\n                        Use the steps and paths grids in the main form tabs to configure the workflow.\n                    </p>\n                </div>\n            }\n        }\n    }\n</div>", styles: [".flow-agent-section {\n    padding: 1rem;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n/* Tab Navigation */\n.flow-tabs {\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    border-bottom: 2px solid #e0e0e0;\n}\n\n.flow-tab {\n    padding: 0.75rem 1.5rem;\n    background: none;\n    border: none;\n    border-bottom: 3px solid transparent;\n    color: #666;\n    font-size: 0.95rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.flow-tab:hover {\n    color: #4a90e2;\n    background-color: #f5f5f5;\n}\n\n.flow-tab.active {\n    color: #4a90e2;\n    border-bottom-color: #4a90e2;\n}\n\n.flow-tab i {\n    font-size: 1rem;\n}\n\n.flow-tab-content {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 600px;\n    position: relative;\n}\n\n/* Ensure integrated flow editor has full height */\nmj-integrated-flow-editor {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 600px;\n}\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 2rem;\n    color: #666;\n}\n\n.loading-container i {\n    font-size: 1.5rem;\n}\n\n.error-message {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 1rem;\n    background-color: #fee;\n    border: 1px solid #fcc;\n    border-radius: 4px;\n    color: #c00;\n}\n\n.flow-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 1rem;\n    padding-bottom: 0.5rem;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.flow-header h3 {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 1.2rem;\n    color: #333;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 3rem;\n    text-align: center;\n    color: #666;\n}\n\n.empty-state i {\n    font-size: 3rem;\n    margin-bottom: 1rem;\n    opacity: 0.5;\n}\n\n.rete-container {\n    flex: 1;\n    min-height: 500px;\n    background: #f5f5f5;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n}\n\n.flow-instructions {\n    margin-top: 0.5rem;\n    padding: 0.5rem 1rem;\n    background-color: #f0f7ff;\n    border: 1px solid #cce0ff;\n    border-radius: 4px;\n    color: #0066cc;\n    font-size: 0.875rem;\n}\n\n.flow-instructions p {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n/* List view styles */\n.flow-steps-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin-top: 1rem;\n}\n\n.steps-container, .paths-container {\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    padding: 1rem;\n}\n\n.steps-container h4, .paths-container h4 {\n    margin: 0 0 1rem 0;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    color: #333;\n    font-size: 1.1rem;\n}\n\n.step-item {\n    background: #f8f9fa;\n    border: 1px solid #dee2e6;\n    border-radius: 6px;\n    padding: 0.75rem;\n    margin-bottom: 0.75rem;\n    transition: all 0.2s ease;\n    cursor: pointer;\n    position: relative;\n}\n\n.step-item:hover {\n    border-color: #4a90e2;\n    box-shadow: 0 2px 4px rgba(74, 144, 226, 0.1);\n}\n\n.step-item.selected {\n    background: #e3f2fd;\n    border-color: #2196f3;\n    box-shadow: 0 2px 6px rgba(33, 150, 243, 0.2);\n}\n\n.step-item.starting-step {\n    border-color: #28a745;\n    background: #f0fff4;\n}\n\n.step-item.starting-step.selected {\n    background: #d4edda;\n    border-color: #28a745;\n}\n\n.step-description {\n    margin-top: 0.5rem;\n    padding-left: 2rem;\n    color: #666;\n    font-size: 0.875rem;\n}\n\n.path-item {\n    background: #f8f9fa;\n    border: 1px solid #dee2e6;\n    border-radius: 6px;\n    padding: 0.75rem;\n    margin-bottom: 0.75rem;\n    font-size: 0.875rem;\n}\n\n.path-condition {\n    margin-top: 0.5rem;\n    padding-left: 1.5rem;\n    color: #666;\n    font-size: 0.813rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n/* New styles for enhanced step display */\n.step-header {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.step-number {\n    font-size: 1.2rem;\n}\n\n.step-name {\n    font-weight: 600;\n    flex: 1;\n}\n\n.step-type {\n    padding: 0.2rem 0.5rem;\n    border-radius: 3px;\n    font-size: 0.85rem;\n    background: #e0e0e0;\n    color: #555;\n}\n\n.step-type.type-action {\n    background: #e3f2fd;\n    color: #1976d2;\n}\n\n.step-type.type-sub-agent {\n    background: #f3e5f5;\n    color: #7b1fa2;\n}\n\n.step-type.type-prompt {\n    background: #fff3e0;\n    color: #f57c00;\n}\n\n.step-status {\n    padding: 0.2rem 0.5rem;\n    border-radius: 3px;\n    font-size: 0.85rem;\n}\n\n.step-status.status-pending {\n    background: #fff3e0;\n    color: #f57c00;\n}\n\n.step-status.status-disabled {\n    background: #ffebee;\n    color: #c62828;\n}\n\n.step-mapping {\n    font-size: 0.85rem;\n    color: #555;\n    padding: 0.25rem 0;\n    padding-left: 2rem;\n    font-family: monospace;\n}\n\n.step-mapping i {\n    margin-right: 0.5rem;\n    color: #999;\n}\n\n/* Open button styles */\n.open-btn {\n    position: absolute;\n    top: 0.75rem;\n    right: 0.75rem;\n    padding: 0.25rem 0.5rem;\n    font-size: 0.75rem;\n    background: #fff;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.open-btn:hover {\n    background: #f0f0f0;\n    border-color: #4a90e2;\n    color: #4a90e2;\n}\n\n.open-btn i {\n    margin-right: 0.25rem;\n}\n\n/* Path item with open button */\n.path-item {\n    position: relative;\n    padding-right: 4rem;\n}\n\n/* Selection info */\n.selection-info {\n    margin-bottom: 1rem;\n    padding: 0.5rem 1rem;\n    background-color: #e3f2fd;\n    border: 1px solid #2196f3;\n    border-radius: 4px;\n    color: #1976d2;\n    font-size: 0.875rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }], { reteContainer: [{
-            type: ViewChild,
-            args: ['reteContainer', { static: true }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlowAgentFormSectionComponent, { className: "FlowAgentFormSectionComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts", lineNumber: 16 }); })();
+        args: [{ standalone: false, selector: 'mj-flow-agent-form-section', template: "@if (AgentID) {\n    <mj-flow-agent-editor\n        [AgentID]=\"AgentID\"\n        [EditMode]=\"EditMode\"\n        [FullScreen]=\"IsFullScreen\"\n        (FlowSaved)=\"OnFlowSaved()\"\n        (FullScreenToggled)=\"OnFullScreenToggled($event)\">\n    </mj-flow-agent-editor>\n} @else {\n    <div class=\"flow-empty-state\">\n        <i class=\"fa-solid fa-info-circle\"></i>\n        <p>Save the agent first to configure the workflow.</p>\n    </div>\n}\n", styles: ["/* Flow Agent Form Section - thin wrapper */\n:host {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\nmj-flow-agent-editor {\n    display: block;\n    width: 100%;\n    /* Subtract the full stack of containers above:\n       form-toolbar (~40px) + agent-header (~75px) + form-content padding (24px)\n       + panelbar-item header (~52px) + panel-content padding (16px) + margins (~30px)\n       + browser chrome (~50px) \u2248 290px. Use 300px with a safety buffer. */\n    height: calc(100vh - 300px);\n    min-height: 400px;\n}\n\n.flow-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    text-align: center;\n    color: #94a3b8;\n}\n\n.flow-empty-state i {\n    font-size: 32px;\n    margin-bottom: 12px;\n    color: #cbd5e1;\n}\n\n.flow-empty-state p {\n    font-size: 14px;\n    margin: 0;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlowAgentFormSectionComponent, { className: "FlowAgentFormSectionComponent", filePath: "src/lib/custom/aiagents/flowagenttype/flow-agent-form-section.component.ts", lineNumber: 18 }); })();
 //# sourceMappingURL=flow-agent-form-section.component.js.map

package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow-agent-form-section.component.js","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts","../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"flow-agent-form-section.component.js","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts","../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;ICDnD,+CAKsD;IAAlD,AADA,uNAAa,oBAAa,KAAC,gOACN,kCAA2B,KAAC;IACrD,iBAAuB;;;IAHnB,AADA,AADA,wCAAmB,6BACE,mCACM;;;IAK/B,8BAA8B;IAC1B,uBAAuC;IACvC,yBAAG;IAAA,+DAA+C;IACtD,AADsD,iBAAI,EACpD;;ADPV;;;;GAIG;AAQI,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,wBAAwB;IAIvE,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAE,IAAI,CAAC,MAAgC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED,YAAoB,GAAsB;QACtC,KAAK,EAAE,CAAC;QADQ,QAAG,GAAH,GAAG,CAAmB;QAP1C,qDAAqD;QAC9C,iBAAY,GAAG,KAAK,CAAC;IAQ5B,CAAC;IAEM,WAAW;QACd,6CAA6C;QAC7C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAEM,mBAAmB,CAAC,UAAmB;QAC1C,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;QAC/B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;8HApBQ,6BAA6B;oEAA7B,6BAA6B;YCTxC,AARF,gHAAe,yEAQN;;YART,qCAaC;;;ADIY,6BAA6B;IADzC,aAAa,CAAC,wBAAwB,EAAE,4BAA4B,CAAC;GACzD,6BAA6B,CAqBzC;;iFArBY,6BAA6B;cAPzC,SAAS;6BACI,KAAK,YACL,4BAA4B;;kFAK7B,6BAA6B"}

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

@@ -194,5 +194,5 @@ export class ConditionEditorComponent {
         }], cancel: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConditionEditorComponent, { className: "ConditionEditorComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.ts", lineNumber: 178 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConditionEditorComponent, { className: "ConditionEditorComponent" }); })();
 //# sourceMappingURL=condition-editor.component.js.map

package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.js

@@ -94,5 +94,5 @@ export class ConfirmationDialogComponent {
         }], cancel: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmationDialogComponent, { className: "ConfirmationDialogComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.ts", lineNumber: 114 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmationDialogComponent, { className: "ConfirmationDialogComponent" }); })();
 //# sourceMappingURL=confirmation-dialog.component.js.map