@memberjunction/ng-core-entity-forms 2.90.0 → 2.92.0

package/dist/lib/custom/Actions/action-form.component.js

@@ -4,19 +4,21 @@ 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 } from '@angular/core';
+import { Component, inject, ViewContainerRef } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { SharedService } from '@memberjunction/ng-shared';
 import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
 import { ActionFormComponent } from '../../generated/Entities/Action/action.form.component';
+import { DialogService } from '@progress/kendo-angular-dialog';
 import { ActionParamDialogComponent } from './action-param-dialog.component';
+import { ActionResultCodeDialogComponent } from './action-result-code-dialog.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/router";
-import * as i3 from "@progress/kendo-angular-dialog";
-import * as i4 from "@angular/forms";
-import * as i5 from "@progress/kendo-angular-layout";
+import * as i3 from "@angular/forms";
+import * as i4 from "@progress/kendo-angular-layout";
+import * as i5 from "@progress/kendo-angular-dialog";
 import * as i6 from "@progress/kendo-angular-inputs";
 import * as i7 from "@progress/kendo-angular-dropdowns";
 import * as i8 from "@progress/kendo-angular-buttons";
@@ -35,7 +37,7 @@ const _c6 = (a0, a1) => [a0, a1];
 const _c7 = () => [];
 function ActionFormComponentExtended_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textbox", 32);
+    i0.ɵɵelementStart(0, "kendo-textbox", 33);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_9_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Name, $event) || (ctx_r1.record.Name = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -43,10 +45,10 @@ function ActionFormComponentExtended_Conditional_1_Conditional_9_Template(rf, ct
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4", 33);
+    i0.ɵɵelementStart(0, "h4", 34);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 34);
+    i0.ɵɵelementStart(2, "span", 35);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -60,26 +62,26 @@ function ActionFormComponentExtended_Conditional_1_Conditional_10_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div")(2, "label", 35);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div")(2, "label", 36);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 36);
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 37);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_11_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Status, $event) || (ctx_r1.record.Status = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div")(6, "label", 35);
+    i0.ɵɵelementStart(5, "div")(6, "label", 36);
     i0.ɵɵtext(7, " Type ");
-    i0.ɵɵelementStart(8, "span", 37);
+    i0.ɵɵelementStart(8, "span", 38);
     i0.ɵɵtext(9, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "kendo-dropdownlist", 38);
+    i0.ɵɵelementStart(10, "kendo-dropdownlist", 39);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_11_Template_kendo_dropdownlist_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Type, $event) || (ctx_r1.record.Type = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div")(12, "label", 35);
+    i0.ɵɵelementStart(11, "div")(12, "label", 36);
     i0.ɵɵtext(13, " Category ");
-    i0.ɵɵelementStart(14, "span", 37);
+    i0.ɵɵelementStart(14, "span", 38);
     i0.ɵɵtext(15, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "kendo-dropdownlist", 39);
+    i0.ɵɵelementStart(16, "kendo-dropdownlist", 40);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_11_Template_kendo_dropdownlist_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.CategoryID, $event) || (ctx_r1.record.CategoryID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -96,7 +98,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_11_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textarea", 40);
+    i0.ɵɵelementStart(0, "kendo-textarea", 41);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_12_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -116,14 +118,14 @@ function ActionFormComponentExtended_Conditional_1_Conditional_13_Template(rf, c
 function ActionFormComponentExtended_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelement(1, "i", 42);
     i0.ɵɵelementStart(2, "span", 18);
     i0.ɵɵtext(3, "Category:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 42);
+    i0.ɵɵelementStart(4, "span", 43);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_15_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToCategory()); });
     i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "i", 43);
+    i0.ɵɵelement(6, "i", 44);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -136,7 +138,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_22_Template(rf, c
     i0.ɵɵelementStart(2, "span", 18);
     i0.ɵɵtext(3, "Code:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 44);
+    i0.ɵɵelementStart(4, "span", 45);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -151,7 +153,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_22_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵelementStart(2, "span", 19);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -162,9 +164,9 @@ function ActionFormComponentExtended_Conditional_1_Conditional_23_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_26_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestHarness()); });
-    i0.ɵɵelement(1, "i", 47);
+    i0.ɵɵelement(1, "i", 48);
     i0.ɵɵtext(2, " Run ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -173,22 +175,22 @@ function ActionFormComponentExtended_Conditional_1_Conditional_26_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵelementStart(0, "button", 49);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_27_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.regenerateCode()); });
-    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵelement(1, "i", 50);
     i0.ɵɵtext(2, " Regenerate ");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21)(1, "button", 50);
+    i0.ɵɵelementStart(0, "div", 21)(1, "button", 51);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_28_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.approveCode()); });
-    i0.ɵɵelement(2, "i", 51);
+    i0.ɵɵelement(2, "i", 52);
     i0.ɵɵtext(3, " Approve ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 52);
+    i0.ɵɵelementStart(4, "button", 53);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_28_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rejectCode()); });
-    i0.ɵɵelement(5, "i", 53);
+    i0.ɵɵelement(5, "i", 54);
     i0.ɵɵtext(6, " Reject ");
     i0.ɵɵelementEnd()();
 } }
@@ -198,7 +200,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_29_Template(rf, c
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_ng_template_32_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelementStart(0, "span", 56);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -207,10 +209,10 @@ function ActionFormComponentExtended_Conditional_1_ng_template_32_Conditional_3_
     i0.ɵɵtextInterpolate1(" ", ctx_r1.actionParams.length, " ");
 } }
 function ActionFormComponentExtended_Conditional_1_ng_template_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
-    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵtext(2, " Parameters ");
-    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_ng_template_32_Conditional_3_Template, 2, 1, "span", 55);
+    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_ng_template_32_Conditional_3_Template, 2, 1, "span", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -219,22 +221,22 @@ function ActionFormComponentExtended_Conditional_1_ng_template_32_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_34_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵtext(2, " Loading parameters... ");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_35_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 59);
+    i0.ɵɵelementStart(0, "p", 60);
     i0.ɵɵtext(1, "Add parameters to define inputs and outputs for this action");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 57);
-    i0.ɵɵelementStart(2, "p", 58);
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementStart(2, "p", 59);
     i0.ɵɵtext(3, "No parameters defined");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, ActionFormComponentExtended_Conditional_1_Conditional_35_Conditional_4_Template, 2, 0, "p", 59);
+    i0.ɵɵtemplate(4, ActionFormComponentExtended_Conditional_1_Conditional_35_Conditional_4_Template, 2, 0, "p", 60);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -243,42 +245,42 @@ function ActionFormComponentExtended_Conditional_1_Conditional_35_Template(rf, c
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵelementStart(0, "button", 69);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addParameter("Input")); });
-    i0.ɵɵelement(1, "i", 69);
+    i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2, " Add Input ");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 70);
-    i0.ɵɵelementStart(2, "p", 58);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵelementStart(2, "p", 59);
     i0.ɵɵtext(3, "No input parameters defined");
     i0.ɵɵelementEnd()();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 76);
+    i0.ɵɵelementStart(0, "span", 77);
     i0.ɵɵtext(1, "Required");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 77);
+    i0.ɵɵelementStart(0, "span", 78);
     i0.ɵɵtext(1, "Array");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 82);
+    i0.ɵɵelementStart(0, "button", 83);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const param_r11 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.editParameter(param_r11)); });
-    i0.ɵɵelement(1, "i", 83);
+    i0.ɵɵelement(1, "i", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 84);
+    i0.ɵɵelementStart(2, "button", 85);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_7_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const param_r11 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.deleteParameter(param_r11)); });
-    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵelement(3, "i", 86);
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵelementStart(0, "div", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -287,7 +289,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_
     i0.ɵɵtextInterpolate(param_r11.Description);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81)(1, "span", 86);
+    i0.ɵɵelementStart(0, "div", 82)(1, "span", 87);
     i0.ɵɵtext(2, "Default:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "code");
@@ -300,18 +302,18 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelementStart(0, "div", 73);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Template_div_click_0_listener($event) { const param_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onParamClick(param_r11, $event)); });
-    i0.ɵɵelementStart(1, "div", 73)(2, "span", 74);
+    i0.ɵɵelementStart(1, "div", 74)(2, "span", 75);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 75);
-    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_5_Template, 2, 0, "span", 76)(6, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_6_Template, 2, 0, "span", 77)(7, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_7_Template, 4, 0);
+    i0.ɵɵelementStart(4, "div", 76);
+    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_5_Template, 2, 0, "span", 77)(6, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_6_Template, 2, 0, "span", 78)(7, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_7_Template, 4, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 78)(9, "div", 79);
+    i0.ɵɵelementStart(8, "div", 79)(9, "div", 80);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_11_Template, 2, 1, "div", 80)(12, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_12_Template, 5, 1, "div", 81);
+    i0.ɵɵtemplate(11, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_11_Template, 2, 1, "div", 81)(12, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Conditional_12_Template, 5, 1, "div", 82);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const param_r11 = ctx.$implicit;
@@ -333,8 +335,8 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_
     i0.ɵɵconditional(param_r11.DefaultValue ? 12 : -1);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64);
-    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Template, 13, 11, "div", 71, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_For_2_Template, 13, 11, "div", 72, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -343,37 +345,37 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵelementStart(0, "button", 69);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addParameter("Output")); });
-    i0.ɵɵelement(1, "i", 69);
+    i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2, " Add Output ");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 67);
-    i0.ɵɵelement(1, "i", 70);
-    i0.ɵɵelementStart(2, "p", 58);
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵelementStart(2, "p", 59);
     i0.ɵɵtext(3, "No output parameters defined");
     i0.ɵɵelementEnd()();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 77);
+    i0.ɵɵelementStart(0, "span", 78);
     i0.ɵɵtext(1, "Array");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 82);
+    i0.ɵɵelementStart(0, "button", 83);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const param_r15 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.editParameter(param_r15)); });
-    i0.ɵɵelement(1, "i", 83);
+    i0.ɵɵelement(1, "i", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 84);
+    i0.ɵɵelementStart(2, "button", 85);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_6_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r16); const param_r15 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.deleteParameter(param_r15)); });
-    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵelement(3, "i", 86);
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵelementStart(0, "div", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -382,7 +384,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15
     i0.ɵɵtextInterpolate(param_r15.Description);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81)(1, "span", 86);
+    i0.ɵɵelementStart(0, "div", 82)(1, "span", 87);
     i0.ɵɵtext(2, "Default:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "code");
@@ -395,18 +397,18 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelementStart(0, "div", 73);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Template_div_click_0_listener($event) { const param_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onParamClick(param_r15, $event)); });
-    i0.ɵɵelementStart(1, "div", 73)(2, "span", 74);
+    i0.ɵɵelementStart(1, "div", 74)(2, "span", 75);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 75);
-    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_5_Template, 2, 0, "span", 77)(6, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_6_Template, 4, 0);
+    i0.ɵɵelementStart(4, "div", 76);
+    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_5_Template, 2, 0, "span", 78)(6, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_6_Template, 4, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 78)(8, "div", 79);
+    i0.ɵɵelementStart(7, "div", 79)(8, "div", 80);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_10_Template, 2, 1, "div", 80)(11, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_11_Template, 5, 1, "div", 81);
+    i0.ɵɵtemplate(10, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_10_Template, 2, 1, "div", 81)(11, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Conditional_11_Template, 5, 1, "div", 82);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const param_r15 = ctx.$implicit;
@@ -426,8 +428,8 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15
     i0.ɵɵconditional(param_r15.DefaultValue ? 11 : -1);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64);
-    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Template, 12, 8, "div", 87, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_For_2_Template, 12, 8, "div", 88, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -435,21 +437,21 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15
     i0.ɵɵrepeater(ctx_r1.getOutputParams());
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 60)(1, "div", 61)(2, "h3");
-    i0.ɵɵelement(3, "i", 62);
+    i0.ɵɵelementStart(0, "div", 61)(1, "div", 62)(2, "h3");
+    i0.ɵɵelement(3, "i", 63);
     i0.ɵɵtext(4, " Input Parameters");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_5_Template, 3, 0, "button", 63);
+    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_5_Template, 3, 0, "button", 64);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_6_Template, 4, 0, "div", 30)(7, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_Template, 3, 0, "div", 64);
+    i0.ɵɵtemplate(6, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_6_Template, 4, 0, "div", 30)(7, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_7_Template, 3, 0, "div", 65);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 65)(9, "div", 61)(10, "h3");
-    i0.ɵɵelement(11, "i", 66);
+    i0.ɵɵelementStart(8, "div", 66)(9, "div", 62)(10, "h3");
+    i0.ɵɵelement(11, "i", 67);
     i0.ɵɵtext(12, " Output Parameters");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(13, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_13_Template, 3, 0, "button", 63);
+    i0.ɵɵtemplate(13, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_13_Template, 3, 0, "button", 64);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(14, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_14_Template, 4, 0, "div", 67)(15, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_Template, 3, 0, "div", 64);
+    i0.ɵɵtemplate(14, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_14_Template, 4, 0, "div", 68)(15, ActionFormComponentExtended_Conditional_1_Conditional_36_Conditional_15_Template, 3, 0, "div", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -465,16 +467,16 @@ function ActionFormComponentExtended_Conditional_1_Conditional_36_Template(rf, c
     i0.ɵɵconditional(ctx_r1.getOutputParams().length === 0 ? 14 : 15);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_37_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 98);
-    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementStart(0, "span", 99);
+    i0.ɵɵelement(1, "i", 100);
     i0.ɵɵtext(2, " Locked ");
     i0.ɵɵelementEnd();
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_37_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
-    i0.ɵɵelement(1, "i", 97);
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "i", 98);
     i0.ɵɵtext(2, " Code & Generation ");
-    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_Conditional_37_ng_template_1_Conditional_3_Template, 3, 0, "span", 98);
+    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_Conditional_37_ng_template_1_Conditional_3_Template, 3, 0, "span", 99);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -483,26 +485,26 @@ function ActionFormComponentExtended_Conditional_1_Conditional_37_ng_template_1_
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 88)(1, "h3");
-    i0.ɵɵelement(2, "i", 49);
+    i0.ɵɵelementStart(0, "div", 89)(1, "h3");
+    i0.ɵɵelement(2, "i", 50);
     i0.ɵɵtext(3, " AI Generation");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 100)(5, "label");
+    i0.ɵɵelementStart(4, "div", 101)(5, "label");
     i0.ɵɵtext(6, "User Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "kendo-textarea", 101);
+    i0.ɵɵelementStart(7, "kendo-textarea", 102);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_Template_kendo_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.UserPrompt, $event) || (ctx_r1.record.UserPrompt = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 102)(9, "label");
+    i0.ɵɵelementStart(8, "div", 103)(9, "label");
     i0.ɵɵtext(10, "Internal Comments (not sent to AI)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "kendo-textarea", 103);
+    i0.ɵɵelementStart(11, "kendo-textarea", 104);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_Template_kendo_textarea_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.UserComments, $event) || (ctx_r1.record.UserComments = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 104)(13, "kendo-switch", 105);
+    i0.ɵɵelementStart(12, "div", 105)(13, "kendo-switch", 106);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_Template_kendo_switch_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.CodeLocked, $event) || (ctx_r1.record.CodeLocked = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "label", 106);
+    i0.ɵɵelementStart(14, "label", 107);
     i0.ɵɵtext(15, "Lock Code (prevent regeneration)");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -518,9 +520,9 @@ function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵelementStart(0, "button", 69);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleCodeComments()); });
-    i0.ɵɵelement(1, "i", 107);
+    i0.ɵɵelement(1, "i", 108);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -529,8 +531,8 @@ function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_10
     i0.ɵɵtextInterpolate1(" ", ctx_r1.showCodeComments ? "Hide" : "Show", " AI Comments ");
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 95)(1, "h4");
-    i0.ɵɵelement(2, "i", 49);
+    i0.ɵɵelementStart(0, "div", 96)(1, "h4");
+    i0.ɵɵelement(2, "i", 50);
     i0.ɵɵtext(3, " AI Explanation");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
@@ -543,10 +545,10 @@ function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_15
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 96)(1, "label");
+    i0.ɵɵelementStart(0, "div", 97)(1, "label");
     i0.ɵɵtext(2, "Rejection Comments");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textarea", 108);
+    i0.ɵɵelementStart(3, "kendo-textarea", 109);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_16_Template_kendo_textarea_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.CodeApprovalComments, $event) || (ctx_r1.record.CodeApprovalComments = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -560,22 +562,22 @@ function ActionFormComponentExtended_Conditional_1_Conditional_37_Template(rf, c
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 26);
     i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Conditional_37_ng_template_1_Template, 4, 1, "ng-template", 27);
     i0.ɵɵelementStart(2, "div", 28);
-    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_Template, 16, 5, "div", 88);
-    i0.ɵɵelementStart(4, "div", 89)(5, "div", 90)(6, "h3");
-    i0.ɵɵelement(7, "i", 91);
+    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_3_Template, 16, 5, "div", 89);
+    i0.ɵɵelementStart(4, "div", 90)(5, "div", 91)(6, "h3");
+    i0.ɵɵelement(7, "i", 92);
     i0.ɵɵtext(8, " Action Code");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 92);
-    i0.ɵɵtemplate(10, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_10_Template, 3, 1, "button", 63);
-    i0.ɵɵelementStart(11, "button", 68);
+    i0.ɵɵelementStart(9, "div", 93);
+    i0.ɵɵtemplate(10, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_10_Template, 3, 1, "button", 64);
+    i0.ɵɵelementStart(11, "button", 69);
     i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_37_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.record.Code || "")); });
-    i0.ɵɵelement(12, "i", 93);
+    i0.ɵɵelement(12, "i", 94);
     i0.ɵɵtext(13, " Copy ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(14, "mj-code-editor", 94);
+    i0.ɵɵelementStart(14, "mj-code-editor", 95);
     i0.ɵɵtwoWayListener("ngModelChange", function ActionFormComponentExtended_Conditional_1_Conditional_37_Template_mj_code_editor_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Code, $event) || (ctx_r1.record.Code = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(15, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_15_Template, 6, 1, "div", 95)(16, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_16_Template, 4, 2, "div", 96);
+    i0.ɵɵtemplate(15, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_15_Template, 6, 1, "div", 96)(16, ActionFormComponentExtended_Conditional_1_Conditional_37_Conditional_16_Template, 4, 2, "div", 97);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -593,7 +595,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_37_Template(rf, c
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.record.CodeApprovalStatus === "Rejected" ? 16 : -1);
 } }
 function ActionFormComponentExtended_Conditional_1_ng_template_39_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelementStart(0, "span", 111);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -602,10 +604,10 @@ function ActionFormComponentExtended_Conditional_1_ng_template_39_Conditional_3_
     i0.ɵɵtextInterpolate1(" ", ctx_r1.resultCodes.length, " ");
 } }
 function ActionFormComponentExtended_Conditional_1_ng_template_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
-    i0.ɵɵelement(1, "i", 109);
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "i", 110);
     i0.ɵɵtext(2, " Result Codes ");
-    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_ng_template_39_Conditional_3_Template, 2, 1, "span", 110);
+    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_ng_template_39_Conditional_3_Template, 2, 1, "span", 111);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -613,161 +615,191 @@ function ActionFormComponentExtended_Conditional_1_ng_template_39_Template(rf, c
     i0.ɵɵconditional(ctx_r1.resultCodes.length > 0 ? 3 : -1);
 } }
 function ActionFormComponentExtended_Conditional_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31)(1, "button", 112);
+    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_41_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.addResultCode()); });
+    i0.ɵɵelement(2, "i", 70);
+    i0.ɵɵtext(3, " Add Result Code ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("primary", true);
+} }
+function ActionFormComponentExtended_Conditional_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵtext(2, " Loading result codes... ");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 59);
+function ActionFormComponentExtended_Conditional_1_Conditional_43_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 60);
     i0.ɵɵtext(1, "Add result codes to define possible outcomes");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 111);
-    i0.ɵɵelementStart(2, "p", 58);
+    i0.ɵɵelement(1, "i", 113);
+    i0.ɵɵelementStart(2, "p", 59);
     i0.ɵɵtext(3, "No result codes defined");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, ActionFormComponentExtended_Conditional_1_Conditional_42_Conditional_4_Template, 2, 0, "p", 59);
+    i0.ɵɵtemplate(4, ActionFormComponentExtended_Conditional_1_Conditional_43_Conditional_4_Template, 2, 0, "p", 60);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.record.IsSaved ? 4 : -1);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_43_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 117);
+function ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const code_r21 = i0.ɵɵnextContext().$implicit;
+    const code_r23 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(code_r21.Description);
+    i0.ɵɵtextInterpolate(code_r23.Description);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_43_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 113)(1, "div", 114);
+function ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 120)(1, "button", 121);
+    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Conditional_7_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r24); const code_r23 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.editResultCode(code_r23); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(2, "i", 84);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 122);
+    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Conditional_7_Template_button_click_3_listener($event) { i0.ɵɵrestoreView(_r24); const code_r23 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.deleteResultCode(code_r23); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(4, "i", 86);
+    i0.ɵɵelementEnd()();
+} }
+function ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Template_div_click_0_listener($event) { const code_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultCodeClick(code_r23, $event)); });
+    i0.ɵɵelementStart(1, "div", 116);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 115)(4, "div", 116);
+    i0.ɵɵelementStart(3, "div", 117)(4, "div", 118);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, ActionFormComponentExtended_Conditional_1_Conditional_43_For_2_Conditional_6_Template, 2, 1, "div", 117);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(6, ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Conditional_6_Template, 2, 1, "div", 119);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Conditional_7_Template, 5, 0, "div", 120);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const code_r21 = ctx.$implicit;
-    i0.ɵɵclassProp("success", code_r21.IsSuccess)("failure", !code_r21.IsSuccess);
+    const code_r23 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("success", code_r23.IsSuccess)("failure", !code_r23.IsSuccess)("clickable", true);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(code_r21.IsSuccess ? "fa-solid fa-check-circle" : "fa-solid fa-times-circle");
+    i0.ɵɵclassMap(code_r23.IsSuccess ? "fa-solid fa-check-circle" : "fa-solid fa-times-circle");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(code_r21.ResultCode);
+    i0.ɵɵtextInterpolate(code_r23.ResultCode);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(code_r23.Description ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(code_r21.Description ? 6 : -1);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 7 : -1);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_43_For_2_Template, 7, 8, "div", 112, _forTrack0);
+function ActionFormComponentExtended_Conditional_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_44_For_2_Template, 8, 11, "div", 114, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.resultCodes);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
-    i0.ɵɵelement(1, "i", 118);
+function ActionFormComponentExtended_Conditional_1_Conditional_45_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "i", 123);
     i0.ɵɵtext(2, " Execution & Monitoring ");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵtext(2, " Loading executions... ");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 119);
-    i0.ɵɵelementStart(2, "p", 58);
+    i0.ɵɵelement(1, "i", 124);
+    i0.ɵɵelementStart(2, "p", 59);
     i0.ɵɵtext(3, "No executions yet");
     i0.ɵɵelementEnd()();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const execution_r23 = i0.ɵɵnextContext().$implicit;
+    const execution_r26 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(ctx_r1.getExecutionDuration(execution_r23)), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(ctx_r1.getExecutionDuration(execution_r26)), " ");
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 134);
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 139);
     i0.ɵɵtext(1, "Running...");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 133)(1, "td");
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 138)(1, "td");
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "date");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "td");
-    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Conditional_5_Template, 1, 1)(6, ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Conditional_6_Template, 2, 0, "span", 134);
+    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Conditional_5_Template, 1, 1)(6, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Conditional_6_Template, 2, 0, "span", 139);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "td");
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td")(10, "span", 116);
+    i0.ɵɵelementStart(9, "td")(10, "span", 118);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "td")(13, "button", 68);
-    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Template_button_click_13_listener() { const execution_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToExecution(execution_r23.ID)); });
-    i0.ɵɵelement(14, "i", 135);
+    i0.ɵɵelementStart(12, "td")(13, "button", 69);
+    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Template_button_click_13_listener() { const execution_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToExecution(execution_r26.ID)); });
+    i0.ɵɵelement(14, "i", 140);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const execution_r23 = ctx.$implicit;
+    const execution_r26 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("success", ctx_r1.isExecutionSuccess(execution_r23));
+    i0.ɵɵclassProp("success", ctx_r1.isExecutionSuccess(execution_r26));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 10, execution_r23.StartedAt, "short"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 10, execution_r26.StartedAt, "short"));
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(execution_r23.EndedAt ? 5 : 6);
+    i0.ɵɵconditional(execution_r26.EndedAt ? 5 : 6);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(execution_r23.User);
+    i0.ɵɵtextInterpolate(execution_r26.User);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("success", ctx_r1.isExecutionSuccess(execution_r23))("failure", !ctx_r1.isExecutionSuccess(execution_r23));
+    i0.ɵɵclassProp("success", ctx_r1.isExecutionSuccess(execution_r26))("failure", !ctx_r1.isExecutionSuccess(execution_r26));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", execution_r23.ResultCode, " ");
+    i0.ɵɵtextInterpolate1(" ", execution_r26.ResultCode, " ");
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 120)(1, "div", 121);
-    i0.ɵɵelement(2, "i", 122);
-    i0.ɵɵelementStart(3, "div", 123)(4, "div", 124);
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 125)(1, "div", 126);
+    i0.ɵɵelement(2, "i", 127);
+    i0.ɵɵelementStart(3, "div", 128)(4, "div", 129);
     i0.ɵɵtext(5, "Avg Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 125);
+    i0.ɵɵelementStart(6, "div", 130);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(8, "div", 121);
-    i0.ɵɵelement(9, "i", 126);
-    i0.ɵɵelementStart(10, "div", 123)(11, "div", 124);
+    i0.ɵɵelementStart(8, "div", 126);
+    i0.ɵɵelement(9, "i", 131);
+    i0.ɵɵelementStart(10, "div", 128)(11, "div", 129);
     i0.ɵɵtext(12, "Success Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 127);
+    i0.ɵɵelementStart(13, "div", 132);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "div", 121);
-    i0.ɵɵelement(16, "i", 128);
-    i0.ɵɵelementStart(17, "div", 123)(18, "div", 124);
+    i0.ɵɵelementStart(15, "div", 126);
+    i0.ɵɵelement(16, "i", 133);
+    i0.ɵɵelementStart(17, "div", 128)(18, "div", 129);
     i0.ɵɵtext(19, "Total Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 125);
+    i0.ɵɵelementStart(20, "div", 130);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(22, "h3", 129);
-    i0.ɵɵelement(23, "i", 130);
+    i0.ɵɵelementStart(22, "h3", 134);
+    i0.ɵɵelement(23, "i", 135);
     i0.ɵɵtext(24, " Recent Executions");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 131)(26, "table")(27, "thead")(28, "tr")(29, "th");
+    i0.ɵɵelementStart(25, "div", 136)(26, "table")(27, "thead")(28, "tr")(29, "th");
     i0.ɵɵtext(30, "Started");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(31, "th");
@@ -783,7 +815,7 @@ function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_
     i0.ɵɵtext(38, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(39, "tbody");
-    i0.ɵɵrepeaterCreate(40, ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_For_41_Template, 15, 13, "tr", 132, _forTrack0);
+    i0.ɵɵrepeaterCreate(40, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_For_41_Template, 15, 13, "tr", 137, _forTrack0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -800,11 +832,11 @@ function ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_
     i0.ɵɵadvance(19);
     i0.ɵɵrepeater(ctx_r1.recentExecutions);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 26);
-    i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Conditional_44_ng_template_1_Template, 3, 0, "ng-template", 27);
+    i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Conditional_45_ng_template_1_Template, 3, 0, "ng-template", 27);
     i0.ɵɵelementStart(2, "div", 28);
-    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_3_Template, 3, 0, "div", 29)(4, ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_4_Template, 4, 0, "div", 30)(5, ActionFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Template, 42, 7);
+    i0.ɵɵtemplate(3, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_3_Template, 3, 0, "div", 29)(4, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_4_Template, 4, 0, "div", 30)(5, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_5_Template, 42, 7);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -812,102 +844,102 @@ function ActionFormComponentExtended_Conditional_1_Conditional_44_Template(rf, c
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingExecutions ? 3 : ctx_r1.recentExecutions.length === 0 ? 4 : 5);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
-    i0.ɵɵelement(1, "i", 147);
+function ActionFormComponentExtended_Conditional_1_Conditional_46_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "i", 152);
     i0.ɵɵtext(2, " Related Configuration ");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵtext(2, " Loading libraries... ");
     i0.ɵɵelementEnd();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 138)(1, "p");
+function ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 143)(1, "p");
     i0.ɵɵtext(2, "No libraries configured");
     i0.ɵɵelementEnd()();
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 152);
+function ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 157);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_618_r26 = i0.ɵɵnextContext().$index;
+    const ɵ$index_637_r29 = i0.ɵɵnextContext().$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.actionLibraries[ɵ$index_618_r26].ItemsUsed);
+    i0.ɵɵtextInterpolate(ctx_r1.actionLibraries[ɵ$index_637_r29].ItemsUsed);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 149);
-    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_For_2_Template_div_click_0_listener() { const lib_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToLibrary(lib_r25.ID)); });
-    i0.ɵɵelement(1, "i", 137);
-    i0.ɵɵelementStart(2, "div", 150)(3, "div", 151);
+function ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 154);
+    i0.ɵɵlistener("click", function ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_For_2_Template_div_click_0_listener() { const lib_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToLibrary(lib_r28.ID)); });
+    i0.ɵɵelement(1, "i", 142);
+    i0.ɵɵelementStart(2, "div", 155)(3, "div", 156);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_For_2_Conditional_5_Template, 2, 1, "div", 152);
+    i0.ɵɵtemplate(5, ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_For_2_Conditional_5_Template, 2, 1, "div", 157);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "i", 135);
+    i0.ɵɵelement(6, "i", 140);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const lib_r25 = ctx.$implicit;
-    const ɵ$index_618_r26 = ctx.$index;
+    const lib_r28 = ctx.$implicit;
+    const ɵ$index_637_r29 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(lib_r25.Name);
+    i0.ɵɵtextInterpolate(lib_r28.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.actionLibraries[ɵ$index_618_r26].ItemsUsed ? 5 : -1);
+    i0.ɵɵconditional(ctx_r1.actionLibraries[ɵ$index_637_r29].ItemsUsed ? 5 : -1);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 139);
-    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_For_2_Template, 7, 2, "div", 148, _forTrack0);
+function ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 144);
+    i0.ɵɵrepeaterCreate(1, ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_For_2_Template, 7, 2, "div", 153, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.libraries);
 } }
-function ActionFormComponentExtended_Conditional_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+function ActionFormComponentExtended_Conditional_1_Conditional_46_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 26);
-    i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Conditional_45_ng_template_1_Template, 3, 0, "ng-template", 27);
-    i0.ɵɵelementStart(2, "div", 28)(3, "div", 136)(4, "h3");
-    i0.ɵɵelement(5, "i", 137);
+    i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Conditional_46_ng_template_1_Template, 3, 0, "ng-template", 27);
+    i0.ɵɵelementStart(2, "div", 28)(3, "div", 141)(4, "h3");
+    i0.ɵɵelement(5, "i", 142);
     i0.ɵɵtext(6, " Libraries");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_7_Template, 3, 0, "div", 29)(8, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_8_Template, 3, 0, "div", 138)(9, ActionFormComponentExtended_Conditional_1_Conditional_45_Conditional_9_Template, 3, 0, "div", 139);
+    i0.ɵɵtemplate(7, ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_7_Template, 3, 0, "div", 29)(8, ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_8_Template, 3, 0, "div", 143)(9, ActionFormComponentExtended_Conditional_1_Conditional_46_Conditional_9_Template, 3, 0, "div", 144);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 140)(11, "div", 141);
-    i0.ɵɵelement(12, "i", 142);
+    i0.ɵɵelementStart(10, "div", 145)(11, "div", 146);
+    i0.ɵɵelement(12, "i", 147);
     i0.ɵɵelementStart(13, "span");
     i0.ɵɵtext(14, "Authorizations");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 143);
+    i0.ɵɵelementStart(15, "span", 148);
     i0.ɵɵtext(16, "View");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 141);
-    i0.ɵɵelement(18, "i", 144);
+    i0.ɵɵelementStart(17, "div", 146);
+    i0.ɵɵelement(18, "i", 149);
     i0.ɵɵelementStart(19, "span");
     i0.ɵɵtext(20, "Contexts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 143);
+    i0.ɵɵelementStart(21, "span", 148);
     i0.ɵɵtext(22, "View");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 141);
-    i0.ɵɵelement(24, "i", 145);
+    i0.ɵɵelementStart(23, "div", 146);
+    i0.ɵɵelement(24, "i", 150);
     i0.ɵɵelementStart(25, "span");
     i0.ɵɵtext(26, "Scheduled Actions");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "span", 143);
+    i0.ɵɵelementStart(27, "span", 148);
     i0.ɵɵtext(28, "View");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 141);
-    i0.ɵɵelement(30, "i", 146);
+    i0.ɵɵelementStart(29, "div", 146);
+    i0.ɵɵelement(30, "i", 151);
     i0.ɵɵelementStart(31, "span");
     i0.ɵɵtext(32, "Entity Actions");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "span", 143);
+    i0.ɵɵelementStart(33, "span", 148);
     i0.ɵɵtext(34, "View");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
@@ -950,9 +982,9 @@ function ActionFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf &
     i0.ɵɵelementStart(38, "kendo-expansionpanel", 26);
     i0.ɵɵtemplate(39, ActionFormComponentExtended_Conditional_1_ng_template_39_Template, 4, 1, "ng-template", 27);
     i0.ɵɵelementStart(40, "div", 28);
-    i0.ɵɵtemplate(41, ActionFormComponentExtended_Conditional_1_Conditional_41_Template, 3, 0, "div", 29)(42, ActionFormComponentExtended_Conditional_1_Conditional_42_Template, 5, 1, "div", 30)(43, ActionFormComponentExtended_Conditional_1_Conditional_43_Template, 3, 0, "div", 31);
+    i0.ɵɵtemplate(41, ActionFormComponentExtended_Conditional_1_Conditional_41_Template, 4, 1, "div", 31)(42, ActionFormComponentExtended_Conditional_1_Conditional_42_Template, 3, 0, "div", 29)(43, ActionFormComponentExtended_Conditional_1_Conditional_43_Template, 5, 1, "div", 30)(44, ActionFormComponentExtended_Conditional_1_Conditional_44_Template, 3, 0, "div", 32);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(44, ActionFormComponentExtended_Conditional_1_Conditional_44_Template, 6, 2, "kendo-expansionpanel", 26)(45, ActionFormComponentExtended_Conditional_1_Conditional_45_Template, 35, 2, "kendo-expansionpanel", 26);
+    i0.ɵɵtemplate(45, ActionFormComponentExtended_Conditional_1_Conditional_45_Template, 6, 2, "kendo-expansionpanel", 26)(46, ActionFormComponentExtended_Conditional_1_Conditional_46_Template, 35, 2, "kendo-expansionpanel", 26);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -992,18 +1024,20 @@ function ActionFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("expanded", ctx_r1.expandedSections.resultCodes);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.isLoadingResultCodes ? 41 : ctx_r1.resultCodes.length === 0 ? 42 : 43);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 44 : -1);
+    i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.record.IsSaved ? 41 : -1);
     i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isLoadingResultCodes ? 42 : ctx_r1.resultCodes.length === 0 ? 43 : 44);
+    i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.record.IsSaved ? 45 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 46 : -1);
 } }
 function ActionFormComponentExtended_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 153);
-    i0.ɵɵlistener("close", function ActionFormComponentExtended_Conditional_2_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
-    i0.ɵɵelementStart(1, "mj-action-test-harness", 154);
-    i0.ɵɵlistener("visibilityChange", function ActionFormComponentExtended_Conditional_2_Template_mj_action_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 158);
+    i0.ɵɵlistener("close", function ActionFormComponentExtended_Conditional_2_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
+    i0.ɵɵelementStart(1, "mj-action-test-harness", 159);
+    i0.ɵɵlistener("visibilityChange", function ActionFormComponentExtended_Conditional_2_Template_mj_action_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1013,10 +1047,9 @@ function ActionFormComponentExtended_Conditional_2_Template(rf, ctx) { if (rf &
     i0.ɵɵproperty("action", ctx_r1.record)("actionParams", ctx_r1.actionParams)("isVisible", ctx_r1.showTestHarness);
 } }
 let ActionFormComponentExtended = class ActionFormComponentExtended extends ActionFormComponent {
-    constructor(elementRef, sharedService, router, route, cdr, dialogService) {
+    constructor(elementRef, sharedService, router, route, cdr) {
         super(elementRef, sharedService, router, route, cdr);
         this.cdr = cdr;
-        this.dialogService = dialogService;
         // Related entities
         this.category = null;
         this.actionParams = [];
@@ -1029,6 +1062,8 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         this._outputParams = [];
         // Track params to delete
         this.paramsToDelete = [];
+        // Track result codes to delete
+        this.resultCodesToDelete = [];
         // Loading states
         this.isLoadingParams = false;
         this.isLoadingResultCodes = false;
@@ -1055,6 +1090,8 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         // Code editor config
         this.codeLanguage = 'typescript';
         this.showCodeComments = false;
+        this.dialogService = inject(DialogService);
+        this.viewContainerRef = inject(ViewContainerRef);
     }
     async ngOnInit() {
         await super.ngOnInit();
@@ -1070,6 +1107,96 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
             ]);
         }
     }
+    /**
+     * Override InternalSaveRecord to handle Action and related ActionParams in a transaction
+     * This follows the same pattern as AIAgentFormComponent
+     */
+    async InternalSaveRecord() {
+        if (!this.record) {
+            return false;
+        }
+        try {
+            const md = new Metadata();
+            const transactionGroup = await md.CreateTransactionGroup();
+            // Set transaction group on the Action record
+            this.record.TransactionGroup = transactionGroup;
+            // Save the Action record first
+            const actionSaved = await this.record.Save();
+            if (!actionSaved) {
+                console.error('Failed to save Action record');
+                this.sharedService.CreateSimpleNotification('Failed to save Action record', 'error', 5000);
+                return false;
+            }
+            // Process all pending records (params and result codes to save or delete)
+            for (const pendingRecord of this.PendingRecords) {
+                if (pendingRecord.entityObject.EntityInfo.Name === 'Action Params') {
+                    const param = pendingRecord.entityObject;
+                    // Ensure ActionID is set for new params
+                    if (!param.ActionID) {
+                        param.ActionID = this.record.ID;
+                    }
+                    param.TransactionGroup = transactionGroup;
+                    if (pendingRecord.action === 'save') {
+                        const saved = await param.Save();
+                        if (!saved) {
+                            console.error('Failed to save parameter:', param.Name);
+                            return false;
+                        }
+                    }
+                    else if (pendingRecord.action === 'delete') {
+                        const deleted = await param.Delete();
+                        if (!deleted) {
+                            console.error('Failed to delete parameter:', param.Name);
+                            return false;
+                        }
+                    }
+                }
+                else if (pendingRecord.entityObject.EntityInfo.Name === 'Action Result Codes') {
+                    const resultCode = pendingRecord.entityObject;
+                    // Ensure ActionID is set for new result codes
+                    if (!resultCode.ActionID) {
+                        resultCode.ActionID = this.record.ID;
+                    }
+                    resultCode.TransactionGroup = transactionGroup;
+                    if (pendingRecord.action === 'save') {
+                        const saved = await resultCode.Save();
+                        if (!saved) {
+                            console.error('Failed to save result code:', resultCode.ResultCode);
+                            return false;
+                        }
+                    }
+                    else if (pendingRecord.action === 'delete') {
+                        const deleted = await resultCode.Delete();
+                        if (!deleted) {
+                            console.error('Failed to delete result code:', resultCode.ResultCode);
+                            return false;
+                        }
+                    }
+                }
+            }
+            // Submit the transaction
+            const success = await transactionGroup.Submit();
+            if (success) {
+                // Clear pending records after successful save
+                this.PendingRecords.length = 0;
+                this.paramsToDelete = [];
+                this.resultCodesToDelete = [];
+                // Reload params and result codes to get updated data
+                await Promise.all([
+                    this.loadActionParams(),
+                    this.loadResultCodes()
+                ]);
+                // Show success message
+                this.sharedService.CreateSimpleNotification('Action and related records saved successfully', 'success', 3000);
+            }
+            return success;
+        }
+        catch (error) {
+            console.error('Error saving Action and parameters:', error);
+            this.sharedService.CreateSimpleNotification('Error saving Action: ' + error, 'error', 5000);
+            return false;
+        }
+    }
     async loadCategory() {
         if (!this.record.CategoryID)
             return;
@@ -1091,7 +1218,8 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
             const result = await rv.RunView({
                 EntityName: 'Action Params',
                 ExtraFilter: `ActionID='${this.record.ID}'`,
-                OrderBy: 'Name'
+                OrderBy: 'Name',
+                ResultType: 'entity_object' // This ensures we get proper entity instances
             });
             if (result.Success) {
                 this.actionParams = result.Results || [];
@@ -1130,7 +1258,8 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
             const result = await rv.RunView({
                 EntityName: 'Action Result Codes',
                 ExtraFilter: `ActionID='${this.record.ID}'`,
-                OrderBy: 'IsSuccess DESC, ResultCode'
+                OrderBy: 'IsSuccess DESC, ResultCode',
+                ResultType: 'entity_object' // This ensures we get proper entity instances
             });
             if (result.Success) {
                 this.resultCodes = result.Results || [];
@@ -1448,7 +1577,7 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         const dialogRef = this.dialogService.open({
             content: ActionParamDialogComponent,
             width: 500,
-            appendTo: this.elementRef.nativeElement
+            appendTo: this.viewContainerRef
         });
         const dialog = dialogRef.content.instance;
         dialog.param = newParam;
@@ -1456,9 +1585,15 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         dialog.editMode = true;
         dialogRef.result.subscribe(result => {
             if (result && result.save) {
-                // Add to local array and mark as new/dirty
+                // The dialog has already modified the newParam entity directly
+                // New entities are automatically dirty (IsSaved = false)
+                // Add to local array
                 this.actionParams.push(newParam);
-                // New params are not saved yet, they'll be detected by !IsSaved
+                // Add to pending records for saving
+                this.PendingRecords.push({
+                    entityObject: newParam,
+                    action: 'save'
+                });
                 // Update the filtered arrays
                 this.updateParamArrays();
                 this.cdr.detectChanges();
@@ -1469,7 +1604,7 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         const dialogRef = this.dialogService.open({
             content: ActionParamDialogComponent,
             width: 500,
-            appendTo: this.elementRef.nativeElement
+            appendTo: this.viewContainerRef
         });
         const dialog = dialogRef.content.instance;
         dialog.param = param;
@@ -1478,6 +1613,16 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         dialogRef.result.subscribe(result => {
             if (result && result.save && this.EditMode) {
                 // Param will be dirty from property changes in dialog
+                // Ensure it's in pending records if modified
+                if (param.Dirty) {
+                    const exists = this.PendingRecords.some(pr => pr.entityObject === param && pr.action === 'save');
+                    if (!exists) {
+                        this.PendingRecords.push({
+                            entityObject: param,
+                            action: 'save'
+                        });
+                    }
+                }
                 // Update the local arrays
                 this.updateParamArrays();
                 this.cdr.detectChanges();
@@ -1493,28 +1638,6 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
         // Show the parameter dialog
         this.editParameter(param);
     }
-    async deleteParameter(param) {
-        if (!this.EditMode)
-            return;
-        if (confirm(`Are you sure you want to delete parameter "${param.Name}"?`)) {
-            if (param.IsSaved) {
-                // Track for deletion using a separate array
-                if (!this.paramsToDelete)
-                    this.paramsToDelete = [];
-                this.paramsToDelete.push(param);
-            }
-            else {
-                // Remove from local array if it's new
-                const index = this.actionParams.indexOf(param);
-                if (index > -1) {
-                    this.actionParams.splice(index, 1);
-                }
-            }
-            // Update the filtered arrays
-            await this.updateParamArrays();
-            this.cdr.detectChanges();
-        }
-    }
     async updateParamArrays() {
         // Update cached filtered params - exclude deleted items
         const activeParams = this.actionParams.filter(p => !this.paramsToDelete || !this.paramsToDelete.includes(p));
@@ -1527,17 +1650,71 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
             return type === 'output' || type === 'both';
         });
     }
-    // Override to populate pending records with our action params
+    // Override to populate pending records with our action params and result codes
     PopulatePendingRecords() {
+        // Preserve existing pending records before base class clears them
+        const currentPendingRecords = [...this.PendingRecords];
+        // Call parent to handle child components
         super.PopulatePendingRecords();
-        // Add our action params to pending records
-        if (this.actionParams && this.actionParams.length > 0) {
-            for (const param of this.actionParams) {
-                if (param.Dirty || (this.paramsToDelete && this.paramsToDelete.includes(param)) || !param.IsSaved) {
-                    const action = (this.paramsToDelete && this.paramsToDelete.includes(param)) ? 'delete' : 'save';
+        // Re-add our preserved records
+        for (const record of currentPendingRecords) {
+            // Only re-add if it's an Action Param or Result Code (avoid duplicates)
+            if (record.entityObject.EntityInfo.Name === 'Action Params' ||
+                record.entityObject.EntityInfo.Name === 'Action Result Codes') {
+                const exists = this.PendingRecords.some(pr => pr.entityObject === record.entityObject);
+                if (!exists) {
+                    this.PendingRecords.push(record);
+                }
+            }
+        }
+        // Add action params that need saving
+        for (const param of this.actionParams) {
+            if (!param.IsSaved || param.Dirty) {
+                // Check if not already in pending records
+                const exists = this.PendingRecords.some(pr => pr.entityObject === param);
+                if (!exists) {
                     this.PendingRecords.push({
                         entityObject: param,
-                        action: action
+                        action: 'save'
+                    });
+                }
+            }
+        }
+        // Add params marked for deletion
+        for (const param of this.paramsToDelete) {
+            if (param.IsSaved) {
+                // Check if not already in pending records
+                const exists = this.PendingRecords.some(pr => pr.entityObject === param);
+                if (!exists) {
+                    this.PendingRecords.push({
+                        entityObject: param,
+                        action: 'delete'
+                    });
+                }
+            }
+        }
+        // Add result codes that need saving
+        for (const resultCode of this.resultCodes) {
+            if (!resultCode.IsSaved || resultCode.Dirty) {
+                // Check if not already in pending records
+                const exists = this.PendingRecords.some(pr => pr.entityObject === resultCode);
+                if (!exists) {
+                    this.PendingRecords.push({
+                        entityObject: resultCode,
+                        action: 'save'
+                    });
+                }
+            }
+        }
+        // Add result codes marked for deletion
+        for (const resultCode of this.resultCodesToDelete) {
+            if (resultCode.IsSaved) {
+                // Check if not already in pending records
+                const exists = this.PendingRecords.some(pr => pr.entityObject === resultCode);
+                if (!exists) {
+                    this.PendingRecords.push({
+                        entityObject: resultCode,
+                        action: 'delete'
                     });
                 }
             }
@@ -1550,10 +1727,140 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
     getActionIcon() {
         return this.record?.IconClass || 'fa-solid fa-cog';
     }
-    static { this.ɵfac = function ActionFormComponentExtended_Factory(t) { return new (t || ActionFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.DialogService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionFormComponentExtended, selectors: [["mj-action-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["form", "ngForm"], [1, "record-form-container"], [1, "record-form"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "form"], [1, "action-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "action-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [2, "font-size", "1.4em"], ["name", "actionName", "placeholder", "Enter action name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "actionDescription", "placeholder", "Enter action description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-cube", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["kendoButton", "", "themeColor", "primary", "size", "large", "title", "Open Run Harness", 3, "disabled"], ["kendoButton", "", "themeColor", "info", "size", "medium", "title", "Regenerate Code"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [2, "padding", "16px"], [1, "loading-state"], [1, "empty-state", 2, "padding", "30px", "text-align", "center"], [1, "result-codes-grid"], ["name", "actionName", "placeholder", "Enter action name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], ["name", "actionStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], ["name", "actionType", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], ["name", "categoryID", "placeholder", "Select category...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data"], ["name", "actionDescription", "placeholder", "Enter action description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-folder", 2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500", "cursor", "pointer", 3, "click"], [1, "fa-solid", "fa-external-link", 2, "font-size", "0.75em", "margin-left", "4px"], [2, "font-weight", "500"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d"], ["kendoButton", "", "themeColor", "primary", "size", "large", "title", "Open Run Harness", 3, "click", "disabled"], [1, "fa-solid", "fa-play"], ["kendoButton", "", "themeColor", "info", "size", "medium", "title", "Regenerate Code", 3, "click"], [1, "fa-solid", "fa-robot"], ["kendoButton", "", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-check"], ["kendoButton", "", "themeColor", "error", "size", "small", 3, "click"], [1, "fa-solid", "fa-times"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-sliders", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [2, "margin", "12px 0 0 0", "color", "#6c757d"], [2, "margin", "8px 0 0 0", "font-size", "0.85em", "color", "#6c757d"], [1, "params-section"], [1, "params-header"], [1, "fa-solid", "fa-sign-in-alt"], ["kendoButton", "", "fillMode", "flat", "size", "small"], [1, "params-grid"], [1, "params-section", 2, "margin-top", "24px"], [1, "fa-solid", "fa-sign-out-alt"], [1, "empty-state", 2, "padding", "20px", "text-align", "center"], ["kendoButton", "", "fillMode", "flat", "size", "small", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-inbox", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [1, "param-card", 3, "required", "clickable"], [1, "param-card", 3, "click"], [1, "param-header"], [1, "param-name"], [1, "param-badges"], [1, "required-badge"], [1, "array-badge"], [1, "param-details"], [1, "param-type"], [1, "param-description"], [1, "param-default"], ["title", "Edit parameter", 1, "param-edit-btn", 3, "click"], [1, "fa-solid", "fa-edit"], ["title", "Delete parameter", 1, "param-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "default-label"], [1, "param-card", 3, "clickable"], [1, "generation-panel"], [1, "code-editor-section"], [1, "code-toolbar"], [1, "fa-solid", "fa-file-code"], [1, "code-actions"], [1, "fa-solid", "fa-copy"], ["name", "actionCode", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "code-comments"], [1, "approval-comments"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "background", "#ffc107", "color", "#856404", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "fa-solid", "fa-lock"], [1, "prompt-section"], ["name", "userPrompt", "placeholder", "Describe what this action should do...", 2, "width", "100%", "min-height", "120px", 3, "ngModelChange", "ngModel", "rows"], [1, "comments-section"], ["name", "userComments", "placeholder", "Internal notes...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "rows"], [1, "generation-controls"], ["name", "codeLocked", 3, "ngModelChange", "ngModel"], [2, "margin-left", "8px"], [1, "fa-solid", "fa-comment"], ["name", "codeApprovalComments", "placeholder", "Explain why the code was rejected...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-flag-checkered", 2, "color", "#6c757d"], [2, "background", "#28a745", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "fa-solid", "fa-flag-checkered", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [1, "result-code-card", 3, "success", "failure"], [1, "result-code-card"], [1, "result-icon"], [1, "result-content"], [1, "result-code"], [1, "result-description"], [1, "fa-solid", "fa-chart-line", 2, "color", "#6c757d"], [1, "fa-solid", "fa-chart-line", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [1, "execution-stats-row"], [1, "stat-box"], [1, "fa-solid", "fa-tachometer-alt"], [1, "stat-info"], [1, "stat-label", 2, "color", "#212529"], [1, "stat-value", 2, "color", "#212529"], [1, "fa-solid", "fa-check-circle"], [1, "stat-value", 2, "font-weight", "600"], [1, "fa-solid", "fa-play-circle"], [2, "margin-top", "24px"], [1, "fa-solid", "fa-history"], [1, "executions-table"], [1, "execution-row", 3, "success"], [1, "execution-row"], [1, "running"], [1, "fa-solid", "fa-external-link"], [1, "config-subsection"], [1, "fa-solid", "fa-book"], [1, "empty-state", "mini"], [1, "library-cards"], [1, "related-entities-grid"], [1, "related-entity-link"], [1, "fa-solid", "fa-shield-alt"], [1, "entity-count"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-calendar"], [1, "fa-solid", "fa-cube"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [1, "library-card"], [1, "library-card", 3, "click"], [1, "library-info"], [1, "library-name"], [1, "library-items"], [3, "close", "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "visibilityChange", "action", "actionParams", "isVisible"]], template: function ActionFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+    // Result Code management methods
+    async addResultCode() {
+        if (!this.EditMode || !this.record.IsSaved)
+            return;
+        const md = new Metadata();
+        const newResultCode = await md.GetEntityObject('Action Result Codes');
+        // Set default values
+        newResultCode.ActionID = this.record.ID;
+        newResultCode.ResultCode = '';
+        newResultCode.Description = '';
+        newResultCode.IsSuccess = false;
+        const dialogRef = this.dialogService.open({
+            content: ActionResultCodeDialogComponent,
+            width: 500,
+            appendTo: this.viewContainerRef
+        });
+        const dialog = dialogRef.content.instance;
+        dialog.resultCode = newResultCode;
+        dialog.isNew = true;
+        dialog.editMode = true;
+        dialogRef.result.subscribe(result => {
+            if (result && result.save) {
+                // Add to local array
+                this.resultCodes.push(newResultCode);
+                // Add to pending records for saving
+                this.PendingRecords.push({
+                    entityObject: newResultCode,
+                    action: 'save'
+                });
+                this.cdr.detectChanges();
+            }
+        });
+    }
+    async editResultCode(resultCode) {
+        const dialogRef = this.dialogService.open({
+            content: ActionResultCodeDialogComponent,
+            width: 500,
+            appendTo: this.viewContainerRef
+        });
+        const dialog = dialogRef.content.instance;
+        dialog.resultCode = resultCode;
+        dialog.isNew = false;
+        dialog.editMode = this.EditMode;
+        dialogRef.result.subscribe(result => {
+            if (result && result.save && this.EditMode) {
+                // Ensure it's in pending records if modified
+                if (resultCode.Dirty) {
+                    const exists = this.PendingRecords.some(pr => pr.entityObject === resultCode && pr.action === 'save');
+                    if (!exists) {
+                        this.PendingRecords.push({
+                            entityObject: resultCode,
+                            action: 'save'
+                        });
+                    }
+                }
+                this.cdr.detectChanges();
+            }
+        });
+    }
+    onResultCodeClick(resultCode, event) {
+        // Prevent event bubbling if clicking on edit/delete buttons
+        const target = event.target;
+        if (target.closest('.result-edit-btn') || target.closest('.result-delete-btn')) {
+            return;
+        }
+        // Show the result code dialog
+        this.editResultCode(resultCode);
+    }
+    /**
+     * Delete a result code (marks for deletion on save)
+     */
+    deleteResultCode(resultCode) {
+        if (!this.EditMode)
+            return;
+        // Remove from main array
+        const index = this.resultCodes.indexOf(resultCode);
+        if (index > -1) {
+            this.resultCodes.splice(index, 1);
+        }
+        // Handle pending records
+        if (resultCode.IsSaved) {
+            // Add to deletion list for saved result codes
+            this.resultCodesToDelete.push(resultCode);
+            // Add to pending records for deletion
+            this.PendingRecords.push({
+                entityObject: resultCode,
+                action: 'delete'
+            });
+        }
+        else {
+            // For unsaved result codes, just remove from pending records
+            const pendingIndex = this.PendingRecords.findIndex(pr => pr.entityObject === resultCode && pr.action === 'save');
+            if (pendingIndex >= 0) {
+                this.PendingRecords.splice(pendingIndex, 1);
+            }
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Delete a parameter (marks for deletion on save)
+     */
+    deleteParameter(param) {
+        if (!this.EditMode)
+            return;
+        // Remove from main array
+        const index = this.actionParams.indexOf(param);
+        if (index > -1) {
+            this.actionParams.splice(index, 1);
+        }
+        // Handle pending records
+        if (param.IsSaved) {
+            // Add to deletion list for saved params
+            this.paramsToDelete.push(param);
+            // Add to pending records for deletion
+            this.PendingRecords.push({
+                entityObject: param,
+                action: 'delete'
+            });
+        }
+        else {
+            // For unsaved params, just remove from pending records
+            const pendingIndex = this.PendingRecords.findIndex(pr => pr.entityObject === param && pr.action === 'save');
+            if (pendingIndex >= 0) {
+                this.PendingRecords.splice(pendingIndex, 1);
+            }
+        }
+        // Update filtered arrays
+        this.updateParamArrays();
+        this.cdr.detectChanges();
+    }
+    static { this.ɵfac = function ActionFormComponentExtended_Factory(t) { return new (t || ActionFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionFormComponentExtended, selectors: [["mj-action-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["form", "ngForm"], [1, "record-form-container"], [1, "record-form"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "form"], [1, "action-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "action-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [2, "font-size", "1.4em"], ["name", "actionName", "placeholder", "Enter action name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "actionDescription", "placeholder", "Enter action description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-cube", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["kendoButton", "", "themeColor", "primary", "size", "large", "title", "Open Run Harness", 3, "disabled"], ["kendoButton", "", "themeColor", "info", "size", "medium", "title", "Regenerate Code"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [2, "padding", "16px"], [1, "loading-state"], [1, "empty-state", 2, "padding", "30px", "text-align", "center"], [2, "display", "flex", "justify-content", "flex-end", "margin-bottom", "12px"], [1, "result-codes-grid"], ["name", "actionName", "placeholder", "Enter action name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], ["name", "actionStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], ["name", "actionType", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], ["name", "categoryID", "placeholder", "Select category...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data"], ["name", "actionDescription", "placeholder", "Enter action description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-folder", 2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500", "cursor", "pointer", 3, "click"], [1, "fa-solid", "fa-external-link", 2, "font-size", "0.75em", "margin-left", "4px"], [2, "font-weight", "500"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d"], ["kendoButton", "", "themeColor", "primary", "size", "large", "title", "Open Run Harness", 3, "click", "disabled"], [1, "fa-solid", "fa-play"], ["kendoButton", "", "themeColor", "info", "size", "medium", "title", "Regenerate Code", 3, "click"], [1, "fa-solid", "fa-robot"], ["kendoButton", "", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-check"], ["kendoButton", "", "themeColor", "error", "size", "small", 3, "click"], [1, "fa-solid", "fa-times"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-sliders", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [2, "margin", "12px 0 0 0", "color", "#6c757d"], [2, "margin", "8px 0 0 0", "font-size", "0.85em", "color", "#6c757d"], [1, "params-section"], [1, "params-header"], [1, "fa-solid", "fa-sign-in-alt"], ["kendoButton", "", "fillMode", "flat", "size", "small"], [1, "params-grid"], [1, "params-section", 2, "margin-top", "24px"], [1, "fa-solid", "fa-sign-out-alt"], [1, "empty-state", 2, "padding", "20px", "text-align", "center"], ["kendoButton", "", "fillMode", "flat", "size", "small", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-inbox", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [1, "param-card", 3, "required", "clickable"], [1, "param-card", 3, "click"], [1, "param-header"], [1, "param-name"], [1, "param-badges"], [1, "required-badge"], [1, "array-badge"], [1, "param-details"], [1, "param-type"], [1, "param-description"], [1, "param-default"], ["title", "Edit parameter", 1, "param-edit-btn", 3, "click"], [1, "fa-solid", "fa-edit"], ["title", "Delete parameter", 1, "param-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "default-label"], [1, "param-card", 3, "clickable"], [1, "generation-panel"], [1, "code-editor-section"], [1, "code-toolbar"], [1, "fa-solid", "fa-file-code"], [1, "code-actions"], [1, "fa-solid", "fa-copy"], ["name", "actionCode", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "code-comments"], [1, "approval-comments"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "background", "#ffc107", "color", "#856404", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "fa-solid", "fa-lock"], [1, "prompt-section"], ["name", "userPrompt", "placeholder", "Describe what this action should do...", 2, "width", "100%", "min-height", "120px", 3, "ngModelChange", "ngModel", "rows"], [1, "comments-section"], ["name", "userComments", "placeholder", "Internal notes...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "rows"], [1, "generation-controls"], ["name", "codeLocked", 3, "ngModelChange", "ngModel"], [2, "margin-left", "8px"], [1, "fa-solid", "fa-comment"], ["name", "codeApprovalComments", "placeholder", "Explain why the code was rejected...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-flag-checkered", 2, "color", "#6c757d"], [2, "background", "#28a745", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], ["kendoButton", "", "size", "small", 3, "click", "primary"], [1, "fa-solid", "fa-flag-checkered", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [1, "result-code-card", 3, "success", "failure", "clickable"], [1, "result-code-card", 3, "click"], [1, "result-icon"], [1, "result-content"], [1, "result-code"], [1, "result-description"], [1, "result-actions"], ["title", "Edit result code", 1, "result-edit-btn", 3, "click"], ["title", "Delete result code", 1, "result-delete-btn", 3, "click"], [1, "fa-solid", "fa-chart-line", 2, "color", "#6c757d"], [1, "fa-solid", "fa-chart-line", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [1, "execution-stats-row"], [1, "stat-box"], [1, "fa-solid", "fa-tachometer-alt"], [1, "stat-info"], [1, "stat-label", 2, "color", "#212529"], [1, "stat-value", 2, "color", "#212529"], [1, "fa-solid", "fa-check-circle"], [1, "stat-value", 2, "font-weight", "600"], [1, "fa-solid", "fa-play-circle"], [2, "margin-top", "24px"], [1, "fa-solid", "fa-history"], [1, "executions-table"], [1, "execution-row", 3, "success"], [1, "execution-row"], [1, "running"], [1, "fa-solid", "fa-external-link"], [1, "config-subsection"], [1, "fa-solid", "fa-book"], [1, "empty-state", "mini"], [1, "library-cards"], [1, "related-entities-grid"], [1, "related-entity-link"], [1, "fa-solid", "fa-shield-alt"], [1, "entity-count"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-calendar"], [1, "fa-solid", "fa-cube"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [1, "library-card"], [1, "library-card", 3, "click"], [1, "library-info"], [1, "library-name"], [1, "library-items"], [3, "close", "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "visibilityChange", "action", "actionParams", "isVisible"]], template: function ActionFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Template, 46, 23, "form", 2);
+            i0.ɵɵtemplate(1, ActionFormComponentExtended_Conditional_1_Template, 47, 24, "form", 2);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(2, ActionFormComponentExtended_Conditional_2_Template, 2, 12, "kendo-window", 3);
         } if (rf & 2) {
@@ -1561,7 +1868,7 @@ let ActionFormComponentExtended = class ActionFormComponentExtended extends Acti
             i0.ɵɵconditional(ctx.record ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showTestHarness ? 2 : -1);
-        } }, dependencies: [i4.ɵNgNoValidate, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.NgForm, i5.ExpansionPanelComponent, i5.ExpansionPanelTitleDirective, i3.WindowComponent, i6.TextAreaComponent, i6.TextBoxComponent, i6.SwitchComponent, i7.DropDownListComponent, i8.ButtonComponent, i9.FormToolbarComponent, i10.CodeEditorComponent, i11.ActionTestHarnessComponent, i12.DatePipe], styles: ["\n\n.action-hero-header[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: white;\n    padding: 32px;\n    margin: -20px -20px 24px -20px;\n    border-radius: 0 0 16px 16px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.hero-content[_ngcontent-%COMP%] {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.action-identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    margin-bottom: 24px;\n}\n\n.action-icon-wrapper[_ngcontent-%COMP%] {\n    width: 80px;\n    height: 80px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n}\n\n.action-icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 36px;\n}\n\n.action-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.action-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n}\n\n.action-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 2em;\n    font-weight: 600;\n    color: white;\n}\n\n.action-name-input[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 600;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 8px;\n    min-width: 400px;\n}\n\n.action-name-input[_ngcontent-%COMP%]::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n.action-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%], .type-badge[_ngcontent-%COMP%], .approval-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 0.85em;\n    font-weight: 500;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.3);\n}\n\n.action-category[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255,255,255,0.9);\n    font-size: 0.95em;\n    cursor: pointer;\n    transition: all 0.2s;\n    margin-bottom: 12px;\n}\n\n.action-category[_ngcontent-%COMP%]:hover {\n    color: white;\n    transform: translateX(4px);\n}\n\n.action-description[_ngcontent-%COMP%] {\n    color: rgba(255,255,255,0.9);\n    font-size: 1.05em;\n    line-height: 1.5;\n    margin: 0;\n}\n\n.action-description-input[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 600px;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    border-radius: 8px;\n}\n\n.action-description-input[_ngcontent-%COMP%]::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n\n\n.action-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 12px;\n    padding: 16px 24px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    min-width: 160px;\n}\n\n.stat-card[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: rgba(255,255,255,0.8);\n}\n\n.stat-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 1.4em;\n    font-weight: 700;\n    color: white;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: rgba(255,255,255,0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n.hero-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.hero-actions[_ngcontent-%COMP%]   kendo-button[_ngcontent-%COMP%] {\n    backdrop-filter: blur(10px);\n}\n\n\n\n.action-content[_ngcontent-%COMP%] {\n    padding: 0 20px 20px;\n}\n\n.content-section[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #e9ecef;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.content-section[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    background: #f8f9fa;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.2s;\n}\n\n.section-header[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n}\n\n.section-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.3em;\n    color: #2c3e50;\n    flex: 1;\n}\n\n.section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.section-count[_ngcontent-%COMP%] {\n    background: #007bff;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n    color: #6c757d;\n    transition: transform 0.3s;\n}\n\n.toggle-icon.rotated[_ngcontent-%COMP%] {\n    transform: rotate(-90deg);\n}\n\n.section-content[_ngcontent-%COMP%] {\n    padding: 24px;\n    animation: _ngcontent-%COMP%_slideDown 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\n.overview-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 20px;\n}\n\n.overview-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.overview-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #495057;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.required[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.full-width[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.overview-display[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 24px;\n}\n\n.display-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.display-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: #6c757d;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.display-value[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    color: #2c3e50;\n}\n\n.display-value.code[_ngcontent-%COMP%] {\n    font-family: 'Courier New', monospace;\n    background: #f8f9fa;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.approval-date[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.85em;\n    margin-left: 8px;\n}\n\n\n\n.generation-panel[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 24px;\n}\n\n.generation-panel[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    color: #6f42c1;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.prompt-section[_ngcontent-%COMP%], .comments-section[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.prompt-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%], .comments-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n}\n\n.generation-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #dee2e6;\n}\n\n.code-locked-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: #ffc107;\n    color: #856404;\n    border-radius: 12px;\n    font-size: 0.8em;\n    font-weight: 500;\n}\n\n.code-editor-section[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.code-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.code-toolbar[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.code-comments[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border: 1px solid #90caf9;\n    border-radius: 8px;\n    padding: 16px;\n    margin-top: 16px;\n}\n\n.code-comments[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: #1976d2;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-comments[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #424242;\n    line-height: 1.5;\n}\n\n.approval-comments[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.approval-comments[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #dc3545;\n}\n\n\n\n.params-section[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 20px;\n}\n\n.params-section.params-section-compact[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n}\n\n.params-section-compact[_ngcontent-%COMP%]   .empty-state[_ngcontent-%COMP%] {\n    padding: 12px !important;\n}\n\n.params-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.params-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.params-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.param-card[_ngcontent-%COMP%] {\n    background: white;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.2s;\n}\n\n.param-card[_ngcontent-%COMP%]:hover {\n    border-color: #007bff;\n    box-shadow: 0 2px 8px rgba(0,123,255,0.1);\n}\n\n.param-card.required[_ngcontent-%COMP%] {\n    border-color: #ffc107;\n}\n\n.param-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.param-card.clickable[_ngcontent-%COMP%]:hover {\n    background: #e7f3ff;\n    border-color: #2196f3;\n    transform: translateY(-1px);\n}\n\n.param-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.param-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.param-badges[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.param-edit-btn[_ngcontent-%COMP%], \n.param-delete-btn[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 4px 8px;\n    cursor: pointer;\n    color: #6c757d;\n    border-radius: 4px;\n    transition: all 0.2s;\n}\n\n.param-edit-btn[_ngcontent-%COMP%]:hover {\n    background: #e3f2fd;\n    color: #2196f3;\n}\n\n.param-delete-btn[_ngcontent-%COMP%]:hover {\n    background: #ffebee;\n    color: #f44336;\n}\n\n.param-details[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.required-badge[_ngcontent-%COMP%] {\n    background: #ffc107;\n    color: #856404;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.array-badge[_ngcontent-%COMP%] {\n    background: #6f42c1;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.param-type[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.9em;\n    margin-bottom: 8px;\n}\n\n.param-description[_ngcontent-%COMP%] {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n    margin-bottom: 8px;\n}\n\n.param-default[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid #e9ecef;\n}\n\n.default-label[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.85em;\n}\n\n.param-default[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-family: 'Courier New', monospace;\n    color: #e83e8c;\n}\n\n\n\n\n.result-codes-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.result-code-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 16px;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s;\n}\n\n.result-code-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.result-code-card.success[_ngcontent-%COMP%] {\n    border-color: #28a745;\n    background: #d4edda;\n}\n\n.result-code-card.failure[_ngcontent-%COMP%] {\n    border-color: #dc3545;\n    background: #f8d7da;\n}\n\n.result-icon[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    flex-shrink: 0;\n}\n\n.result-code-card.success[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.result-code-card.failure[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.result-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-code[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n    font-family: 'Courier New', monospace;\n}\n\n.result-description[_ngcontent-%COMP%] {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n}\n\n\n\n.execution-stats-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 32px;\n    flex-wrap: wrap;\n}\n\n.stat-box[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 200px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.stat-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2em;\n    color: #6c757d;\n}\n\n.stat-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.executions-table[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n}\n\n.executions-table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.executions-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 12px;\n    text-align: left;\n    font-weight: 600;\n    color: #495057;\n    border-bottom: 2px solid #e9ecef;\n}\n\n.executions-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.execution-row[_ngcontent-%COMP%] {\n    transition: background 0.2s;\n}\n\n.execution-row[_ngcontent-%COMP%]:hover {\n    background: #f8f9fa;\n}\n\n.execution-row.success[_ngcontent-%COMP%] {\n    background: #d4edda20;\n}\n\n.running[_ngcontent-%COMP%] {\n    color: #ffc107;\n    font-style: italic;\n}\n\n.result-code[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 0.85em;\n    font-weight: 500;\n    font-family: 'Courier New', monospace;\n}\n\n.result-code.success[_ngcontent-%COMP%] {\n    background: #d4edda;\n    color: #155724;\n}\n\n.result-code.failure[_ngcontent-%COMP%] {\n    background: #f8d7da;\n    color: #721c24;\n}\n\n\n\n.config-subsection[_ngcontent-%COMP%] {\n    margin-bottom: 32px;\n}\n\n.config-subsection[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.library-cards[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.library-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.library-card[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n    transform: translateX(4px);\n}\n\n.library-card[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    font-size: 1.5em;\n    color: #6c757d;\n}\n\n.library-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.library-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n}\n\n.library-items[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.9em;\n    font-family: 'Courier New', monospace;\n}\n\n.related-entities-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.related-entity-link[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.related-entity-link[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n    border-color: #007bff;\n}\n\n.related-entity-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.related-entity-link[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-of-type {\n    flex: 1;\n    font-weight: 500;\n    color: #495057;\n}\n\n.entity-count[_ngcontent-%COMP%] {\n    color: #007bff;\n    font-size: 0.9em;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2em;\n    margin-bottom: 12px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.empty-state.mini[_ngcontent-%COMP%] {\n    padding: 20px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n    margin-top: 8px !important;\n    font-size: 0.9em !important;\n    opacity: 0.7;\n}\n\n.no-params[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 20px;\n    color: #6c757d;\n    font-style: italic;\n}\n\n.no-params[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n\n\n@media (max-width: 768px) {\n    .action-hero-header[_ngcontent-%COMP%] {\n        padding: 20px;\n    }\n    \n    .action-identity[_ngcontent-%COMP%] {\n        flex-direction: column;\n        text-align: center;\n    }\n    \n    .action-icon-wrapper[_ngcontent-%COMP%] {\n        margin: 0 auto;\n    }\n    \n    .action-title-row[_ngcontent-%COMP%] {\n        justify-content: center;\n    }\n    \n    .action-stats[_ngcontent-%COMP%] {\n        justify-content: center;\n    }\n    \n    .params-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}"] }); }
+        } }, dependencies: [i3.ɵNgNoValidate, i3.NgControlStatus, i3.NgControlStatusGroup, i3.NgModel, i3.NgForm, i4.ExpansionPanelComponent, i4.ExpansionPanelTitleDirective, i5.WindowComponent, i6.TextAreaComponent, i6.TextBoxComponent, i6.SwitchComponent, i7.DropDownListComponent, i8.ButtonComponent, i9.FormToolbarComponent, i10.CodeEditorComponent, i11.ActionTestHarnessComponent, i12.DatePipe], styles: ["\n\n.action-hero-header[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: white;\n    padding: 32px;\n    margin: -20px -20px 24px -20px;\n    border-radius: 0 0 16px 16px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.hero-content[_ngcontent-%COMP%] {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.action-identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    margin-bottom: 24px;\n}\n\n.action-icon-wrapper[_ngcontent-%COMP%] {\n    width: 80px;\n    height: 80px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n}\n\n.action-icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 36px;\n}\n\n.action-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.action-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n}\n\n.action-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 2em;\n    font-weight: 600;\n    color: white;\n}\n\n.action-name-input[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 600;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 8px;\n    min-width: 400px;\n}\n\n.action-name-input[_ngcontent-%COMP%]::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n.action-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%], .type-badge[_ngcontent-%COMP%], .approval-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 0.85em;\n    font-weight: 500;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.3);\n}\n\n.action-category[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255,255,255,0.9);\n    font-size: 0.95em;\n    cursor: pointer;\n    transition: all 0.2s;\n    margin-bottom: 12px;\n}\n\n.action-category[_ngcontent-%COMP%]:hover {\n    color: white;\n    transform: translateX(4px);\n}\n\n.action-description[_ngcontent-%COMP%] {\n    color: rgba(255,255,255,0.9);\n    font-size: 1.05em;\n    line-height: 1.5;\n    margin: 0;\n}\n\n.action-description-input[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 600px;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    border-radius: 8px;\n}\n\n.action-description-input[_ngcontent-%COMP%]::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n\n\n.action-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 12px;\n    padding: 16px 24px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    min-width: 160px;\n}\n\n.stat-card[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: rgba(255,255,255,0.8);\n}\n\n.stat-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 1.4em;\n    font-weight: 700;\n    color: white;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: rgba(255,255,255,0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n.hero-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.hero-actions[_ngcontent-%COMP%]   kendo-button[_ngcontent-%COMP%] {\n    backdrop-filter: blur(10px);\n}\n\n\n\n.action-content[_ngcontent-%COMP%] {\n    padding: 0 20px 20px;\n}\n\n.content-section[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #e9ecef;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.content-section[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    background: #f8f9fa;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.2s;\n}\n\n.section-header[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n}\n\n.section-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.3em;\n    color: #2c3e50;\n    flex: 1;\n}\n\n.section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.section-count[_ngcontent-%COMP%] {\n    background: #007bff;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n    color: #6c757d;\n    transition: transform 0.3s;\n}\n\n.toggle-icon.rotated[_ngcontent-%COMP%] {\n    transform: rotate(-90deg);\n}\n\n.section-content[_ngcontent-%COMP%] {\n    padding: 24px;\n    animation: _ngcontent-%COMP%_slideDown 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\n.overview-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 20px;\n}\n\n.overview-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.overview-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #495057;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.required[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.full-width[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.overview-display[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 24px;\n}\n\n.display-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.display-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: #6c757d;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.display-value[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    color: #2c3e50;\n}\n\n.display-value.code[_ngcontent-%COMP%] {\n    font-family: 'Courier New', monospace;\n    background: #f8f9fa;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.approval-date[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.85em;\n    margin-left: 8px;\n}\n\n\n\n.generation-panel[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 24px;\n}\n\n.generation-panel[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    color: #6f42c1;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.prompt-section[_ngcontent-%COMP%], .comments-section[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.prompt-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%], .comments-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n}\n\n.generation-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #dee2e6;\n}\n\n.code-locked-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: #ffc107;\n    color: #856404;\n    border-radius: 12px;\n    font-size: 0.8em;\n    font-weight: 500;\n}\n\n.code-editor-section[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.code-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.code-toolbar[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.code-comments[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border: 1px solid #90caf9;\n    border-radius: 8px;\n    padding: 16px;\n    margin-top: 16px;\n}\n\n.code-comments[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: #1976d2;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-comments[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #424242;\n    line-height: 1.5;\n}\n\n.approval-comments[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.approval-comments[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #dc3545;\n}\n\n\n\n.params-section[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 20px;\n}\n\n.params-section.params-section-compact[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n}\n\n.params-section-compact[_ngcontent-%COMP%]   .empty-state[_ngcontent-%COMP%] {\n    padding: 12px !important;\n}\n\n.params-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.params-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.params-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.param-card[_ngcontent-%COMP%] {\n    background: white;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.2s;\n}\n\n.param-card[_ngcontent-%COMP%]:hover {\n    border-color: #007bff;\n    box-shadow: 0 2px 8px rgba(0,123,255,0.1);\n}\n\n.param-card.required[_ngcontent-%COMP%] {\n    border-color: #ffc107;\n}\n\n.param-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.param-card.clickable[_ngcontent-%COMP%]:hover {\n    background: #e7f3ff;\n    border-color: #2196f3;\n    transform: translateY(-1px);\n}\n\n.param-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.param-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.param-badges[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.param-edit-btn[_ngcontent-%COMP%], \n.param-delete-btn[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 4px 8px;\n    cursor: pointer;\n    color: #6c757d;\n    border-radius: 4px;\n    transition: all 0.2s;\n}\n\n.param-edit-btn[_ngcontent-%COMP%]:hover {\n    background: #e3f2fd;\n    color: #2196f3;\n}\n\n.param-delete-btn[_ngcontent-%COMP%]:hover {\n    background: #ffebee;\n    color: #f44336;\n}\n\n.param-details[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.required-badge[_ngcontent-%COMP%] {\n    background: #ffc107;\n    color: #856404;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.array-badge[_ngcontent-%COMP%] {\n    background: #6f42c1;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.param-type[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.9em;\n    margin-bottom: 8px;\n}\n\n.param-description[_ngcontent-%COMP%] {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n    margin-bottom: 8px;\n}\n\n.param-default[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid #e9ecef;\n}\n\n.default-label[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.85em;\n}\n\n.param-default[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-family: 'Courier New', monospace;\n    color: #e83e8c;\n}\n\n\n\n\n.result-codes-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.result-code-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 16px;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s;\n    position: relative;\n}\n\n.result-code-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.result-code-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.result-code-card.success[_ngcontent-%COMP%] {\n    border-color: #28a745;\n    background: #d4edda;\n}\n\n.result-code-card.failure[_ngcontent-%COMP%] {\n    border-color: #dc3545;\n    background: #f8d7da;\n}\n\n.result-actions[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    display: flex;\n    gap: 4px;\n    opacity: 0;\n    transition: opacity 0.2s;\n}\n\n.result-code-card[_ngcontent-%COMP%]:hover   .result-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.result-edit-btn[_ngcontent-%COMP%], \n.result-delete-btn[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 4px 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-size: 0.85em;\n}\n\n.result-edit-btn[_ngcontent-%COMP%]:hover {\n    background: #007bff;\n    color: white;\n    border-color: #007bff;\n}\n\n.result-delete-btn[_ngcontent-%COMP%]:hover {\n    background: #dc3545;\n    color: white;\n    border-color: #dc3545;\n}\n\n.result-icon[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    flex-shrink: 0;\n}\n\n.result-code-card.success[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.result-code-card.failure[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.result-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-code[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n    font-family: 'Courier New', monospace;\n}\n\n.result-description[_ngcontent-%COMP%] {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n}\n\n\n\n.execution-stats-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 32px;\n    flex-wrap: wrap;\n}\n\n.stat-box[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 200px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.stat-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2em;\n    color: #6c757d;\n}\n\n.stat-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.executions-table[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n}\n\n.executions-table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.executions-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 12px;\n    text-align: left;\n    font-weight: 600;\n    color: #495057;\n    border-bottom: 2px solid #e9ecef;\n}\n\n.executions-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.execution-row[_ngcontent-%COMP%] {\n    transition: background 0.2s;\n}\n\n.execution-row[_ngcontent-%COMP%]:hover {\n    background: #f8f9fa;\n}\n\n.execution-row.success[_ngcontent-%COMP%] {\n    background: #d4edda20;\n}\n\n.running[_ngcontent-%COMP%] {\n    color: #ffc107;\n    font-style: italic;\n}\n\n.result-code[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 0.85em;\n    font-weight: 500;\n    font-family: 'Courier New', monospace;\n}\n\n.result-code.success[_ngcontent-%COMP%] {\n    background: #d4edda;\n    color: #155724;\n}\n\n.result-code.failure[_ngcontent-%COMP%] {\n    background: #f8d7da;\n    color: #721c24;\n}\n\n\n\n.config-subsection[_ngcontent-%COMP%] {\n    margin-bottom: 32px;\n}\n\n.config-subsection[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.library-cards[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.library-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.library-card[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n    transform: translateX(4px);\n}\n\n.library-card[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    font-size: 1.5em;\n    color: #6c757d;\n}\n\n.library-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.library-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n}\n\n.library-items[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.9em;\n    font-family: 'Courier New', monospace;\n}\n\n.related-entities-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.related-entity-link[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.related-entity-link[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n    border-color: #007bff;\n}\n\n.related-entity-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.related-entity-link[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-of-type {\n    flex: 1;\n    font-weight: 500;\n    color: #495057;\n}\n\n.entity-count[_ngcontent-%COMP%] {\n    color: #007bff;\n    font-size: 0.9em;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2em;\n    margin-bottom: 12px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.empty-state.mini[_ngcontent-%COMP%] {\n    padding: 20px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n    margin-top: 8px !important;\n    font-size: 0.9em !important;\n    opacity: 0.7;\n}\n\n.no-params[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 20px;\n    color: #6c757d;\n    font-style: italic;\n}\n\n.no-params[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n\n\n@media (max-width: 768px) {\n    .action-hero-header[_ngcontent-%COMP%] {\n        padding: 20px;\n    }\n    \n    .action-identity[_ngcontent-%COMP%] {\n        flex-direction: column;\n        text-align: center;\n    }\n    \n    .action-icon-wrapper[_ngcontent-%COMP%] {\n        margin: 0 auto;\n    }\n    \n    .action-title-row[_ngcontent-%COMP%] {\n        justify-content: center;\n    }\n    \n    .action-stats[_ngcontent-%COMP%] {\n        justify-content: center;\n    }\n    \n    .params-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}"] }); }
 };
 ActionFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'Actions')
@@ -1569,9 +1876,9 @@ ActionFormComponentExtended = __decorate([
 export { ActionFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-action-form', template: "<div class=\"record-form-container\">\n    @if (record) {\n        <form class=\"record-form\" #form=\"ngForm\">\n            <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n            <!-- Main Content Area -->\n            <div class=\"action-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n                \n                <!-- Header Section -->\n                <div class=\"action-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                        \n                        <!-- Left: Action Info -->\n                        <div style=\"flex: 1; min-width: 0;\">\n                            <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                                <i [class]=\"getActionIcon()\" [style.color]=\"getTypeColor()\" style=\"font-size: 1.4em;\"></i>\n                                @if (EditMode) {\n                                    <kendo-textbox [(ngModel)]=\"record.Name\" \n                                                  name=\"actionName\"\n                                                  placeholder=\"Enter action name...\"\n                                                  style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                    </kendo-textbox>\n                                } @else {\n                                    <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled Action' }}</h4>\n                                    <span class=\"status-badge\" [style.background-color]=\"getStatusColor()\" \n                                          style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                        {{ record.Status }}\n                                    </span>\n                                }\n                            </div>\n                            \n                            <!-- Status and Type Editors when in edit mode -->\n                            @if (EditMode) {\n                                <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                    <div>\n                                        <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                        <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                           name=\"actionStatus\"\n                                                           [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                           textField=\"text\"\n                                                           valueField=\"value\"\n                                                           [valuePrimitive]=\"true\"\n                                                           style=\"width: 150px;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                    <div>\n                                        <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                            Type <span style=\"color: #dc3545;\">*</span>\n                                        </label>\n                                        <kendo-dropdownlist [(ngModel)]=\"record.Type\"\n                                                           name=\"actionType\"\n                                                           [data]=\"[{text: 'Generated', value: 'Generated'}, {text: 'Custom', value: 'Custom'}]\"\n                                                           textField=\"text\"\n                                                           valueField=\"value\"\n                                                           [valuePrimitive]=\"true\"\n                                                           style=\"width: 150px;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                    <div>\n                                        <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                            Category <span style=\"color: #dc3545;\">*</span>\n                                        </label>\n                                        <kendo-dropdownlist [(ngModel)]=\"record.CategoryID\"\n                                                           name=\"categoryID\"\n                                                           [data]=\"[]\"\n                                                           placeholder=\"Select category...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                </div>\n                            }\n                            \n                            @if (EditMode) {\n                                <kendo-textarea [(ngModel)]=\"record.Description\" \n                                               name=\"actionDescription\"\n                                               [rows]=\"2\"\n                                               placeholder=\"Enter action description...\"\n                                               style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                                </kendo-textarea>\n                            } @else if (record.Description) {\n                                <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                            }\n                            \n                            <!-- Quick Config Row -->\n                            <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                                @if (category) {\n                                    <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                        <i class=\"fa-solid fa-folder\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #6c757d;\">Category:</span>\n                                        <span style=\"color: #495057; font-weight: 500; cursor: pointer;\" (click)=\"navigateToCategory()\">\n                                            {{ category.Name }}\n                                            <i class=\"fa-solid fa-external-link\" style=\"font-size: 0.75em; margin-left: 4px;\"></i>\n                                        </span>\n                                    </div>\n                                }\n                                \n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-cube\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ record.Type }}</span>\n                                </div>\n                                \n                                @if (record.Type === 'Generated' && record.CodeApprovalStatus) {\n                                    <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                        <i [class]=\"'fa-solid ' + getApprovalStatusIcon()\" [style.color]=\"getApprovalStatusColor()\"></i>\n                                        <span style=\"color: #6c757d;\">Code:</span>\n                                        <span [style.color]=\"getApprovalStatusColor()\" style=\"font-weight: 500;\">{{ record.CodeApprovalStatus }}</span>\n                                    </div>\n                                }\n                                \n                                @if (actionParams.length > 0) {\n                                    <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                        <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #495057; font-weight: 500;\">{{ actionParams.length }} Parameters</span>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                        \n                        <!-- Right: Action Buttons -->\n                        <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                            <div style=\"display: flex; gap: 8px;\">\n                                @if (record.ID) {\n                                    <button kendoButton themeColor=\"primary\" size=\"large\"\n                                                (click)=\"openTestHarness()\"\n                                                title=\"Open Run Harness\"\n                                                [disabled]=\"record.Status !== 'Active'\">\n                                        <i class=\"fa-solid fa-play\"></i> Run\n                                    </button>\n                                }\n                                @if (EditMode && record.Type === 'Generated') {\n                                    <button kendoButton themeColor=\"info\" size=\"medium\"\n                                                (click)=\"regenerateCode()\"\n                                                title=\"Regenerate Code\">\n                                        <i class=\"fa-solid fa-robot\"></i> Regenerate\n                                    </button>\n                                }\n                            </div>\n                            \n                            @if (EditMode && record.CodeApprovalStatus === 'Pending' && record.Type === 'Generated') {\n                                <div style=\"display: flex; gap: 8px;\">\n                                    <button kendoButton themeColor=\"success\" size=\"small\"\n                                                (click)=\"approveCode()\">\n                                        <i class=\"fa-solid fa-check\"></i> Approve\n                                    </button>\n                                    <button kendoButton themeColor=\"error\" size=\"small\"\n                                                (click)=\"rejectCode()\">\n                                        <i class=\"fa-solid fa-times\"></i> Reject\n                                    </button>\n                                </div>\n                            }\n                            \n                            @if (!EditMode && record.Status !== 'Active' && record.ID) {\n                                <div style=\"font-size: 0.75em; color: #dc3545; text-align: right;\">\n                                    Action must be Active to execute\n                                </div>\n                            }\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Configuration Sections with Expansion Panels -->\n                <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                    \n                    <!-- Parameters Section (FIRST) -->\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                                Parameters\n                                @if (actionParams.length > 0) {\n                                    <span style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ actionParams.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            @if (isLoadingParams) {\n                                <div class=\"loading-state\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                    Loading parameters...\n                                </div>\n                            } @else if (actionParams.length === 0) {\n                                <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                    <i class=\"fa-solid fa-sliders\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                    <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No parameters defined</p>\n                                    @if (EditMode && record.IsSaved) {\n                                        <p style=\"margin: 8px 0 0 0; font-size: 0.85em; color: #6c757d;\">Add parameters to define inputs and outputs for this action</p>\n                                    }\n                                </div>\n                            } @else {\n                                <!-- Input Parameters Grid -->\n                                <div class=\"params-section\">\n                                    <div class=\"params-header\">\n                                        <h3><i class=\"fa-solid fa-sign-in-alt\"></i> Input Parameters</h3>\n                                        @if (EditMode && record.IsSaved) {\n                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"addParameter('Input')\">\n                                                <i class=\"fa-solid fa-plus\"></i> Add Input\n                                            </button>\n                                        }\n                                    </div>\n                                    \n                                    @if (getInputParams().length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                            <i class=\"fa-solid fa-inbox\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                            <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No input parameters defined</p>\n                                        </div>\n                                    } @else {\n                                        <div class=\"params-grid\">\n                                            @for (param of getInputParams(); track param.ID) {\n                                                <div class=\"param-card\" [class.required]=\"param.IsRequired\" \n                                                     [class.clickable]=\"true\"\n                                                     (click)=\"onParamClick(param, $event)\">\n                                                    <div class=\"param-header\">\n                                                        <span class=\"param-name\">{{ param.Name }}</span>\n                                                        <div class=\"param-badges\">\n                                                            @if (param.IsRequired) {\n                                                                <span class=\"required-badge\">Required</span>\n                                                            }\n                                                            @if (param.IsArray) {\n                                                                <span class=\"array-badge\">Array</span>\n                                                            }\n                                                            @if (EditMode) {\n                                                                <button class=\"param-edit-btn\" (click)=\"editParameter(param)\" title=\"Edit parameter\">\n                                                                    <i class=\"fa-solid fa-edit\"></i>\n                                                                </button>\n                                                                <button class=\"param-delete-btn\" (click)=\"deleteParameter(param)\" title=\"Delete parameter\">\n                                                                    <i class=\"fa-solid fa-trash\"></i>\n                                                                </button>\n                                                            }\n                                                        </div>\n                                                    </div>\n                                                    <div class=\"param-details\">\n                                                        <div class=\"param-type\">{{ param.ValueType }}</div>\n                                                        @if (param.Description) {\n                                                            <div class=\"param-description\">{{ param.Description }}</div>\n                                                        }\n                                                        @if (param.DefaultValue) {\n                                                            <div class=\"param-default\">\n                                                                <span class=\"default-label\">Default:</span>\n                                                                <code>{{ param.DefaultValue }}</code>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                <!-- Output Parameters Grid -->\n                                <div class=\"params-section\" style=\"margin-top: 24px;\" \n                                     [class.params-section-compact]=\"getOutputParams().length === 0\">\n                                    <div class=\"params-header\">\n                                        <h3><i class=\"fa-solid fa-sign-out-alt\"></i> Output Parameters</h3>\n                                        @if (EditMode && record.IsSaved) {\n                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"addParameter('Output')\">\n                                                <i class=\"fa-solid fa-plus\"></i> Add Output\n                                            </button>\n                                        }\n                                    </div>\n                                    \n                                    @if (getOutputParams().length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 20px; text-align: center;\">\n                                            <i class=\"fa-solid fa-inbox\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                            <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No output parameters defined</p>\n                                        </div>\n                                    } @else {\n                                        <div class=\"params-grid\">\n                                            @for (param of getOutputParams(); track param.ID) {\n                                                <div class=\"param-card\"\n                                                     [class.clickable]=\"true\"\n                                                     (click)=\"onParamClick(param, $event)\">\n                                                    <div class=\"param-header\">\n                                                        <span class=\"param-name\">{{ param.Name }}</span>\n                                                        <div class=\"param-badges\">\n                                                            @if (param.IsArray) {\n                                                                <span class=\"array-badge\">Array</span>\n                                                            }\n                                                            @if (EditMode) {\n                                                                <button class=\"param-edit-btn\" (click)=\"editParameter(param)\" title=\"Edit parameter\">\n                                                                    <i class=\"fa-solid fa-edit\"></i>\n                                                                </button>\n                                                                <button class=\"param-delete-btn\" (click)=\"deleteParameter(param)\" title=\"Delete parameter\">\n                                                                    <i class=\"fa-solid fa-trash\"></i>\n                                                                </button>\n                                                            }\n                                                        </div>\n                                                    </div>\n                                                    <div class=\"param-details\">\n                                                        <div class=\"param-type\">{{ param.ValueType }}</div>\n                                                        @if (param.Description) {\n                                                            <div class=\"param-description\">{{ param.Description }}</div>\n                                                        }\n                                                        @if (param.DefaultValue) {\n                                                            <div class=\"param-default\">\n                                                                <span class=\"default-label\">Default:</span>\n                                                                <code>{{ param.DefaultValue }}</code>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Code & Generation Section (Only for Generated type) -->\n                    @if (record.Type === 'Generated') {\n                        <kendo-expansionpanel \n                            [expanded]=\"expandedSections.code\"\n                            style=\"margin-bottom: 12px;\">\n                            <ng-template kendoExpansionPanelTitleDirective>\n                                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                    <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                    Code & Generation\n                                    @if (record.CodeLocked) {\n                                        <span style=\"background: #ffc107; color: #856404; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                            <i class=\"fa-solid fa-lock\"></i> Locked\n                                        </span>\n                                    }\n                                </span>\n                            </ng-template>\n                            \n                            <div style=\"padding: 16px;\">\n                                @if (EditMode) {\n                                    <div class=\"generation-panel\">\n                                        <h3><i class=\"fa-solid fa-robot\"></i> AI Generation</h3>\n                                        <div class=\"prompt-section\">\n                                            <label>User Prompt</label>\n                                            <kendo-textarea [(ngModel)]=\"record.UserPrompt\"\n                                                           name=\"userPrompt\"\n                                                           [rows]=\"8\"\n                                                           placeholder=\"Describe what this action should do...\"\n                                                           style=\"width: 100%; min-height: 120px;\">\n                                            </kendo-textarea>\n                                        </div>\n                                        <div class=\"comments-section\">\n                                            <label>Internal Comments (not sent to AI)</label>\n                                            <kendo-textarea [(ngModel)]=\"record.UserComments\"\n                                                           name=\"userComments\"\n                                                           [rows]=\"2\"\n                                                           placeholder=\"Internal notes...\"\n                                                           style=\"width: 100%;\">\n                                            </kendo-textarea>\n                                        </div>\n                                        <div class=\"generation-controls\">\n                                            <kendo-switch [(ngModel)]=\"record.CodeLocked\"\n                                                         name=\"codeLocked\">\n                                            </kendo-switch>\n                                            <label style=\"margin-left: 8px;\">Lock Code (prevent regeneration)</label>\n                                        </div>\n                                    </div>\n                                }\n                                \n                                <div class=\"code-editor-section\">\n                                    <div class=\"code-toolbar\">\n                                        <h3><i class=\"fa-solid fa-file-code\"></i> Action Code</h3>\n                                        <div class=\"code-actions\">\n                                            @if (record.CodeComments) {\n                                                <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"toggleCodeComments()\">\n                                                    <i class=\"fa-solid fa-comment\"></i> \n                                                    {{ showCodeComments ? 'Hide' : 'Show' }} AI Comments\n                                                </button>\n                                            }\n                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"copyToClipboard(record.Code || '')\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                            </button>\n                                        </div>\n                                    </div>\n                                    <mj-code-editor \n                                        [(ngModel)]=\"record.Code\"\n                                        name=\"actionCode\"\n                                        [readonly]=\"!EditMode || record.CodeLocked\"\n                                        [language]=\"codeLanguage\"\n                                        [lineWrapping]=\"true\"\n                                        style=\"height: 400px; width: 100%;\">\n                                    </mj-code-editor>\n                                    \n                                    @if (showCodeComments && record.CodeComments) {\n                                        <div class=\"code-comments\">\n                                            <h4><i class=\"fa-solid fa-robot\"></i> AI Explanation</h4>\n                                            <p>{{ record.CodeComments }}</p>\n                                        </div>\n                                    }\n                                    \n                                    @if (EditMode && record.CodeApprovalStatus === 'Rejected') {\n                                        <div class=\"approval-comments\">\n                                            <label>Rejection Comments</label>\n                                            <kendo-textarea [(ngModel)]=\"record.CodeApprovalComments\"\n                                                           name=\"codeApprovalComments\"\n                                                           [rows]=\"2\"\n                                                           placeholder=\"Explain why the code was rejected...\"\n                                                           style=\"width: 100%;\">\n                                            </kendo-textarea>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        </kendo-expansionpanel>\n                    }\n\n                    <!-- Result Codes Section -->\n                    <kendo-expansionpanel \n                        [expanded]=\"expandedSections.resultCodes\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-flag-checkered\" style=\"color: #6c757d;\"></i>\n                                Result Codes\n                                @if (resultCodes.length > 0) {\n                                    <span style=\"background: #28a745; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ resultCodes.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            @if (isLoadingResultCodes) {\n                                <div class=\"loading-state\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                    Loading result codes...\n                                </div>\n                            } @else if (resultCodes.length === 0) {\n                                <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                    <i class=\"fa-solid fa-flag-checkered\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                    <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No result codes defined</p>\n                                    @if (EditMode && record.IsSaved) {\n                                        <p style=\"margin: 8px 0 0 0; font-size: 0.85em; color: #6c757d;\">Add result codes to define possible outcomes</p>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"result-codes-grid\">\n                                    @for (code of resultCodes; track code.ID) {\n                                        <div class=\"result-code-card\" [class.success]=\"code.IsSuccess\" [class.failure]=\"!code.IsSuccess\">\n                                            <div class=\"result-icon\">\n                                                <i [class]=\"code.IsSuccess ? 'fa-solid fa-check-circle' : 'fa-solid fa-times-circle'\"></i>\n                                            </div>\n                                            <div class=\"result-content\">\n                                                <div class=\"result-code\">{{ code.ResultCode }}</div>\n                                                @if (code.Description) {\n                                                    <div class=\"result-description\">{{ code.Description }}</div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Execution & Monitoring Section -->\n                    @if (record.IsSaved) {\n                        <kendo-expansionpanel \n                            [expanded]=\"expandedSections.execution\"\n                            style=\"margin-bottom: 12px;\">\n                            <ng-template kendoExpansionPanelTitleDirective>\n                                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                    <i class=\"fa-solid fa-chart-line\" style=\"color: #6c757d;\"></i>\n                                    Execution & Monitoring\n                                </span>\n                            </ng-template>\n                            \n                            <div style=\"padding: 16px;\">\n                                @if (isLoadingExecutions) {\n                                    <div class=\"loading-state\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                        Loading executions...\n                                    </div>\n                                } @else if (recentExecutions.length === 0) {\n                                    <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                        <i class=\"fa-solid fa-chart-line\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                        <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No executions yet</p>\n                                    </div>\n                                } @else {\n                                    <div class=\"execution-stats-row\">\n                                        <div class=\"stat-box\">\n                                            <i class=\"fa-solid fa-tachometer-alt\"></i>\n                                            <div class=\"stat-info\">\n                                                <div class=\"stat-label\" style=\"color: #212529;\">Avg Duration</div>\n                                                <div class=\"stat-value\" style=\"color: #212529;\">{{ formatDuration(executionStats.avgDuration) }}</div>\n                                            </div>\n                                        </div>\n                                        <div class=\"stat-box\">\n                                            <i class=\"fa-solid fa-check-circle\" [style.color]=\"getSuccessRateColor()\"></i>\n                                            <div class=\"stat-info\">\n                                                <div class=\"stat-label\" style=\"color: #212529;\">Success Rate</div>\n                                                <div class=\"stat-value\" [style.color]=\"getSuccessRateColor()\" style=\"font-weight: 600;\">{{ executionStats.successRate.toFixed(0) }}%</div>\n                                            </div>\n                                        </div>\n                                        <div class=\"stat-box\">\n                                            <i class=\"fa-solid fa-play-circle\"></i>\n                                            <div class=\"stat-info\">\n                                                <div class=\"stat-label\" style=\"color: #212529;\">Total Runs</div>\n                                                <div class=\"stat-value\" style=\"color: #212529;\">{{ executionStats.totalRuns }}</div>\n                                            </div>\n                                        </div>\n                                    </div>\n\n                                    <h3 style=\"margin-top: 24px;\"><i class=\"fa-solid fa-history\"></i> Recent Executions</h3>\n                                    <div class=\"executions-table\">\n                                        <table>\n                                            <thead>\n                                                <tr>\n                                                    <th>Started</th>\n                                                    <th>Duration</th>\n                                                    <th>User</th>\n                                                    <th>Result</th>\n                                                    <th>Actions</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for (execution of recentExecutions; track execution.ID) {\n                                                    <tr class=\"execution-row\" [class.success]=\"isExecutionSuccess(execution)\">\n                                                        <td>{{ execution.StartedAt | date:'short' }}</td>\n                                                        <td>\n                                                            @if (execution.EndedAt) {\n                                                                {{ formatDuration(getExecutionDuration(execution)) }}\n                                                            } @else {\n                                                                <span class=\"running\">Running...</span>\n                                                            }\n                                                        </td>\n                                                        <td>{{ execution.User }}</td>\n                                                        <td>\n                                                            <span class=\"result-code\" \n                                                                  [class.success]=\"isExecutionSuccess(execution)\"\n                                                                  [class.failure]=\"!isExecutionSuccess(execution)\">\n                                                                {{ execution.ResultCode }}\n                                                            </span>\n                                                        </td>\n                                                        <td>\n                                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"navigateToExecution(execution.ID)\">\n                                                                <i class=\"fa-solid fa-external-link\"></i>\n                                                            </button>\n                                                        </td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                }\n                            </div>\n                        </kendo-expansionpanel>\n                    }\n\n                    <!-- Related Configuration Section -->\n                    @if (record.IsSaved) {\n                        <kendo-expansionpanel \n                            [expanded]=\"expandedSections.configuration\"\n                            style=\"margin-bottom: 12px;\">\n                            <ng-template kendoExpansionPanelTitleDirective>\n                                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                    <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                                    Related Configuration\n                                </span>\n                            </ng-template>\n                            \n                            <div style=\"padding: 16px;\">\n                                <!-- Libraries -->\n                                <div class=\"config-subsection\">\n                                    <h3><i class=\"fa-solid fa-book\"></i> Libraries</h3>\n                                    @if (isLoadingLibraries) {\n                                        <div class=\"loading-state\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                            Loading libraries...\n                                        </div>\n                                    } @else if (actionLibraries.length === 0) {\n                                        <div class=\"empty-state mini\">\n                                            <p>No libraries configured</p>\n                                        </div>\n                                    } @else {\n                                        <div class=\"library-cards\">\n                                            @for (lib of libraries; track lib.ID; let i = $index) {\n                                                <div class=\"library-card\" (click)=\"navigateToLibrary(lib.ID)\">\n                                                    <i class=\"fa-solid fa-book\"></i>\n                                                    <div class=\"library-info\">\n                                                        <div class=\"library-name\">{{ lib.Name }}</div>\n                                                        @if (actionLibraries[i].ItemsUsed) {\n                                                            <div class=\"library-items\">{{ actionLibraries[i].ItemsUsed }}</div>\n                                                        }\n                                                    </div>\n                                                    <i class=\"fa-solid fa-external-link\"></i>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                <!-- Other Related Entities -->\n                                <div class=\"related-entities-grid\">\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-shield-alt\"></i>\n                                        <span>Authorizations</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        <span>Contexts</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        <span>Scheduled Actions</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-cube\"></i>\n                                        <span>Entity Actions</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                </div>\n                            </div>\n                        </kendo-expansionpanel>\n                    }\n                </div>\n            </div>\n        </form>\n    }\n</div>\n\n<!-- Action Test Harness -->\n@if (showTestHarness) {\n    <kendo-window \n        [width]=\"1200\" \n        [height]=\"800\" \n        [minWidth]=\"800\"\n        [minHeight]=\"600\"\n        [draggable]=\"true\"\n        [resizable]=\"true\"\n        [state]=\"'default'\"\n        (close)=\"onTestHarnessVisibilityChanged(false)\"\n        title=\"Run Action - {{ record.Name || 'Untitled' }}\">\n        <mj-action-test-harness\n            [action]=\"record\"\n            [actionParams]=\"actionParams\"\n            [isVisible]=\"showTestHarness\"\n            (visibilityChange)=\"onTestHarnessVisibilityChanged($event)\">\n        </mj-action-test-harness>\n    </kendo-window>\n}", styles: ["/* Hero Header Section */\n.action-hero-header {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: white;\n    padding: 32px;\n    margin: -20px -20px 24px -20px;\n    border-radius: 0 0 16px 16px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.hero-content {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.action-identity {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    margin-bottom: 24px;\n}\n\n.action-icon-wrapper {\n    width: 80px;\n    height: 80px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n}\n\n.action-icon-wrapper i {\n    font-size: 36px;\n}\n\n.action-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.action-title-row {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n}\n\n.action-title {\n    margin: 0;\n    font-size: 2em;\n    font-weight: 600;\n    color: white;\n}\n\n.action-name-input {\n    font-size: 1.8em;\n    font-weight: 600;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 8px;\n    min-width: 400px;\n}\n\n.action-name-input::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n.action-badges {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.status-badge, .type-badge, .approval-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 0.85em;\n    font-weight: 500;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.3);\n}\n\n.action-category {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255,255,255,0.9);\n    font-size: 0.95em;\n    cursor: pointer;\n    transition: all 0.2s;\n    margin-bottom: 12px;\n}\n\n.action-category:hover {\n    color: white;\n    transform: translateX(4px);\n}\n\n.action-description {\n    color: rgba(255,255,255,0.9);\n    font-size: 1.05em;\n    line-height: 1.5;\n    margin: 0;\n}\n\n.action-description-input {\n    width: 100%;\n    max-width: 600px;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    border-radius: 8px;\n}\n\n.action-description-input::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n/* Quick Stats */\n.action-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.stat-card {\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 12px;\n    padding: 16px 24px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    min-width: 160px;\n}\n\n.stat-card i {\n    font-size: 24px;\n    color: rgba(255,255,255,0.8);\n}\n\n.stat-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.stat-value {\n    font-size: 1.4em;\n    font-weight: 700;\n    color: white;\n}\n\n.stat-label {\n    font-size: 0.85em;\n    color: rgba(255,255,255,0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* Hero Actions */\n.hero-actions {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.hero-actions kendo-button {\n    backdrop-filter: blur(10px);\n}\n\n/* Main Content Sections */\n.action-content {\n    padding: 0 20px 20px;\n}\n\n.content-section {\n    background: white;\n    border: 1px solid #e9ecef;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.content-section:hover {\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    background: #f8f9fa;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.2s;\n}\n\n.section-header:hover {\n    background: #e9ecef;\n}\n\n.section-header h2 {\n    margin: 0;\n    font-size: 1.3em;\n    color: #2c3e50;\n    flex: 1;\n}\n\n.section-header i:first-child {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.section-count {\n    background: #007bff;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.toggle-icon {\n    color: #6c757d;\n    transition: transform 0.3s;\n}\n\n.toggle-icon.rotated {\n    transform: rotate(-90deg);\n}\n\n.section-content {\n    padding: 24px;\n    animation: slideDown 0.3s ease;\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* Overview Section */\n.overview-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 20px;\n}\n\n.overview-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.overview-field label {\n    font-weight: 600;\n    color: #495057;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.required {\n    color: #dc3545;\n}\n\n.full-width {\n    width: 100%;\n}\n\n.overview-display {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 24px;\n}\n\n.display-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.display-field label {\n    font-size: 0.85em;\n    color: #6c757d;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.display-value {\n    font-size: 1.1em;\n    color: #2c3e50;\n}\n\n.display-value.code {\n    font-family: 'Courier New', monospace;\n    background: #f8f9fa;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.approval-date {\n    color: #6c757d;\n    font-size: 0.85em;\n    margin-left: 8px;\n}\n\n/* Code Section */\n.generation-panel {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 24px;\n}\n\n.generation-panel h3 {\n    margin: 0 0 16px 0;\n    color: #6f42c1;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.prompt-section, .comments-section {\n    margin-bottom: 16px;\n}\n\n.prompt-section label, .comments-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n}\n\n.generation-controls {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #dee2e6;\n}\n\n.code-locked-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: #ffc107;\n    color: #856404;\n    border-radius: 12px;\n    font-size: 0.8em;\n    font-weight: 500;\n}\n\n.code-editor-section {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.code-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.code-toolbar h3 {\n    margin: 0;\n    font-size: 1.1em;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.code-comments {\n    background: #e3f2fd;\n    border: 1px solid #90caf9;\n    border-radius: 8px;\n    padding: 16px;\n    margin-top: 16px;\n}\n\n.code-comments h4 {\n    margin: 0 0 8px 0;\n    color: #1976d2;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-comments p {\n    margin: 0;\n    color: #424242;\n    line-height: 1.5;\n}\n\n.approval-comments {\n    margin-top: 16px;\n}\n\n.approval-comments label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #dc3545;\n}\n\n/* Parameters Section */\n.params-section {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 20px;\n}\n\n.params-section.params-section-compact {\n    padding: 12px 20px;\n}\n\n.params-section-compact .empty-state {\n    padding: 12px !important;\n}\n\n.params-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.params-header h3 {\n    margin: 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.params-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.param-card {\n    background: white;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.2s;\n}\n\n.param-card:hover {\n    border-color: #007bff;\n    box-shadow: 0 2px 8px rgba(0,123,255,0.1);\n}\n\n.param-card.required {\n    border-color: #ffc107;\n}\n\n.param-card.clickable {\n    cursor: pointer;\n}\n\n.param-card.clickable:hover {\n    background: #e7f3ff;\n    border-color: #2196f3;\n    transform: translateY(-1px);\n}\n\n.param-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.param-name {\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.param-badges {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.param-edit-btn,\n.param-delete-btn {\n    background: none;\n    border: none;\n    padding: 4px 8px;\n    cursor: pointer;\n    color: #6c757d;\n    border-radius: 4px;\n    transition: all 0.2s;\n}\n\n.param-edit-btn:hover {\n    background: #e3f2fd;\n    color: #2196f3;\n}\n\n.param-delete-btn:hover {\n    background: #ffebee;\n    color: #f44336;\n}\n\n.param-details {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.required-badge {\n    background: #ffc107;\n    color: #856404;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.array-badge {\n    background: #6f42c1;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.param-type {\n    color: #6c757d;\n    font-size: 0.9em;\n    margin-bottom: 8px;\n}\n\n.param-description {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n    margin-bottom: 8px;\n}\n\n.param-default {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid #e9ecef;\n}\n\n.default-label {\n    color: #6c757d;\n    font-size: 0.85em;\n}\n\n.param-default code {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-family: 'Courier New', monospace;\n    color: #e83e8c;\n}\n\n\n/* Result Codes Section */\n.result-codes-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.result-code-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 16px;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s;\n}\n\n.result-code-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.result-code-card.success {\n    border-color: #28a745;\n    background: #d4edda;\n}\n\n.result-code-card.failure {\n    border-color: #dc3545;\n    background: #f8d7da;\n}\n\n.result-icon {\n    font-size: 1.5em;\n    flex-shrink: 0;\n}\n\n.result-code-card.success .result-icon {\n    color: #28a745;\n}\n\n.result-code-card.failure .result-icon {\n    color: #dc3545;\n}\n\n.result-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-code {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n    font-family: 'Courier New', monospace;\n}\n\n.result-description {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n}\n\n/* Execution Section */\n.execution-stats-row {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 32px;\n    flex-wrap: wrap;\n}\n\n.stat-box {\n    flex: 1;\n    min-width: 200px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.stat-box i {\n    font-size: 2em;\n    color: #6c757d;\n}\n\n.stat-info {\n    flex: 1;\n}\n\n.executions-table {\n    overflow-x: auto;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n}\n\n.executions-table table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.executions-table th {\n    background: #f8f9fa;\n    padding: 12px;\n    text-align: left;\n    font-weight: 600;\n    color: #495057;\n    border-bottom: 2px solid #e9ecef;\n}\n\n.executions-table td {\n    padding: 12px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.execution-row {\n    transition: background 0.2s;\n}\n\n.execution-row:hover {\n    background: #f8f9fa;\n}\n\n.execution-row.success {\n    background: #d4edda20;\n}\n\n.running {\n    color: #ffc107;\n    font-style: italic;\n}\n\n.result-code {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 0.85em;\n    font-weight: 500;\n    font-family: 'Courier New', monospace;\n}\n\n.result-code.success {\n    background: #d4edda;\n    color: #155724;\n}\n\n.result-code.failure {\n    background: #f8d7da;\n    color: #721c24;\n}\n\n/* Configuration Section */\n.config-subsection {\n    margin-bottom: 32px;\n}\n\n.config-subsection h3 {\n    margin: 0 0 16px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.library-cards {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.library-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.library-card:hover {\n    background: #e9ecef;\n    transform: translateX(4px);\n}\n\n.library-card i:first-child {\n    font-size: 1.5em;\n    color: #6c757d;\n}\n\n.library-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.library-name {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n}\n\n.library-items {\n    color: #6c757d;\n    font-size: 0.9em;\n    font-family: 'Courier New', monospace;\n}\n\n.related-entities-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.related-entity-link {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.related-entity-link:hover {\n    background: #e9ecef;\n    border-color: #007bff;\n}\n\n.related-entity-link i {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.related-entity-link span:first-of-type {\n    flex: 1;\n    font-weight: 500;\n    color: #495057;\n}\n\n.entity-count {\n    color: #007bff;\n    font-size: 0.9em;\n}\n\n/* Common States */\n.loading-state {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.loading-state i {\n    font-size: 2em;\n    margin-bottom: 12px;\n}\n\n.empty-state {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.empty-state.mini {\n    padding: 20px;\n}\n\n.empty-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n.empty-hint {\n    margin-top: 8px !important;\n    font-size: 0.9em !important;\n    opacity: 0.7;\n}\n\n.no-params {\n    text-align: center;\n    padding: 20px;\n    color: #6c757d;\n    font-style: italic;\n}\n\n.no-params p {\n    margin: 0;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n    .action-hero-header {\n        padding: 20px;\n    }\n    \n    .action-identity {\n        flex-direction: column;\n        text-align: center;\n    }\n    \n    .action-icon-wrapper {\n        margin: 0 auto;\n    }\n    \n    .action-title-row {\n        justify-content: center;\n    }\n    \n    .action-stats {\n        justify-content: center;\n    }\n    \n    .params-grid {\n        grid-template-columns: 1fr;\n    }\n}"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i3.DialogService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionFormComponentExtended, { className: "ActionFormComponentExtended", filePath: "src/lib/custom/Actions/action-form.component.ts", lineNumber: 18 }); })();
+        args: [{ selector: 'mj-action-form', template: "<div class=\"record-form-container\">\n    @if (record) {\n        <form class=\"record-form\" #form=\"ngForm\">\n            <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n            <!-- Main Content Area -->\n            <div class=\"action-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n                \n                <!-- Header Section -->\n                <div class=\"action-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                        \n                        <!-- Left: Action Info -->\n                        <div style=\"flex: 1; min-width: 0;\">\n                            <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                                <i [class]=\"getActionIcon()\" [style.color]=\"getTypeColor()\" style=\"font-size: 1.4em;\"></i>\n                                @if (EditMode) {\n                                    <kendo-textbox [(ngModel)]=\"record.Name\" \n                                                  name=\"actionName\"\n                                                  placeholder=\"Enter action name...\"\n                                                  style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                    </kendo-textbox>\n                                } @else {\n                                    <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled Action' }}</h4>\n                                    <span class=\"status-badge\" [style.background-color]=\"getStatusColor()\" \n                                          style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                        {{ record.Status }}\n                                    </span>\n                                }\n                            </div>\n                            \n                            <!-- Status and Type Editors when in edit mode -->\n                            @if (EditMode) {\n                                <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                    <div>\n                                        <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                        <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                           name=\"actionStatus\"\n                                                           [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                           textField=\"text\"\n                                                           valueField=\"value\"\n                                                           [valuePrimitive]=\"true\"\n                                                           style=\"width: 150px;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                    <div>\n                                        <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                            Type <span style=\"color: #dc3545;\">*</span>\n                                        </label>\n                                        <kendo-dropdownlist [(ngModel)]=\"record.Type\"\n                                                           name=\"actionType\"\n                                                           [data]=\"[{text: 'Generated', value: 'Generated'}, {text: 'Custom', value: 'Custom'}]\"\n                                                           textField=\"text\"\n                                                           valueField=\"value\"\n                                                           [valuePrimitive]=\"true\"\n                                                           style=\"width: 150px;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                    <div>\n                                        <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                            Category <span style=\"color: #dc3545;\">*</span>\n                                        </label>\n                                        <kendo-dropdownlist [(ngModel)]=\"record.CategoryID\"\n                                                           name=\"categoryID\"\n                                                           [data]=\"[]\"\n                                                           placeholder=\"Select category...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                </div>\n                            }\n                            \n                            @if (EditMode) {\n                                <kendo-textarea [(ngModel)]=\"record.Description\" \n                                               name=\"actionDescription\"\n                                               [rows]=\"2\"\n                                               placeholder=\"Enter action description...\"\n                                               style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                                </kendo-textarea>\n                            } @else if (record.Description) {\n                                <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                            }\n                            \n                            <!-- Quick Config Row -->\n                            <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                                @if (category) {\n                                    <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                        <i class=\"fa-solid fa-folder\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #6c757d;\">Category:</span>\n                                        <span style=\"color: #495057; font-weight: 500; cursor: pointer;\" (click)=\"navigateToCategory()\">\n                                            {{ category.Name }}\n                                            <i class=\"fa-solid fa-external-link\" style=\"font-size: 0.75em; margin-left: 4px;\"></i>\n                                        </span>\n                                    </div>\n                                }\n                                \n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-cube\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ record.Type }}</span>\n                                </div>\n                                \n                                @if (record.Type === 'Generated' && record.CodeApprovalStatus) {\n                                    <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                        <i [class]=\"'fa-solid ' + getApprovalStatusIcon()\" [style.color]=\"getApprovalStatusColor()\"></i>\n                                        <span style=\"color: #6c757d;\">Code:</span>\n                                        <span [style.color]=\"getApprovalStatusColor()\" style=\"font-weight: 500;\">{{ record.CodeApprovalStatus }}</span>\n                                    </div>\n                                }\n                                \n                                @if (actionParams.length > 0) {\n                                    <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                        <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #495057; font-weight: 500;\">{{ actionParams.length }} Parameters</span>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                        \n                        <!-- Right: Action Buttons -->\n                        <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                            <div style=\"display: flex; gap: 8px;\">\n                                @if (record.ID) {\n                                    <button kendoButton themeColor=\"primary\" size=\"large\"\n                                                (click)=\"openTestHarness()\"\n                                                title=\"Open Run Harness\"\n                                                [disabled]=\"record.Status !== 'Active'\">\n                                        <i class=\"fa-solid fa-play\"></i> Run\n                                    </button>\n                                }\n                                @if (EditMode && record.Type === 'Generated') {\n                                    <button kendoButton themeColor=\"info\" size=\"medium\"\n                                                (click)=\"regenerateCode()\"\n                                                title=\"Regenerate Code\">\n                                        <i class=\"fa-solid fa-robot\"></i> Regenerate\n                                    </button>\n                                }\n                            </div>\n                            \n                            @if (EditMode && record.CodeApprovalStatus === 'Pending' && record.Type === 'Generated') {\n                                <div style=\"display: flex; gap: 8px;\">\n                                    <button kendoButton themeColor=\"success\" size=\"small\"\n                                                (click)=\"approveCode()\">\n                                        <i class=\"fa-solid fa-check\"></i> Approve\n                                    </button>\n                                    <button kendoButton themeColor=\"error\" size=\"small\"\n                                                (click)=\"rejectCode()\">\n                                        <i class=\"fa-solid fa-times\"></i> Reject\n                                    </button>\n                                </div>\n                            }\n                            \n                            @if (!EditMode && record.Status !== 'Active' && record.ID) {\n                                <div style=\"font-size: 0.75em; color: #dc3545; text-align: right;\">\n                                    Action must be Active to execute\n                                </div>\n                            }\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Configuration Sections with Expansion Panels -->\n                <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                    \n                    <!-- Parameters Section (FIRST) -->\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                                Parameters\n                                @if (actionParams.length > 0) {\n                                    <span style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ actionParams.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            @if (isLoadingParams) {\n                                <div class=\"loading-state\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                    Loading parameters...\n                                </div>\n                            } @else if (actionParams.length === 0) {\n                                <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                    <i class=\"fa-solid fa-sliders\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                    <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No parameters defined</p>\n                                    @if (EditMode && record.IsSaved) {\n                                        <p style=\"margin: 8px 0 0 0; font-size: 0.85em; color: #6c757d;\">Add parameters to define inputs and outputs for this action</p>\n                                    }\n                                </div>\n                            } @else {\n                                <!-- Input Parameters Grid -->\n                                <div class=\"params-section\">\n                                    <div class=\"params-header\">\n                                        <h3><i class=\"fa-solid fa-sign-in-alt\"></i> Input Parameters</h3>\n                                        @if (EditMode && record.IsSaved) {\n                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"addParameter('Input')\">\n                                                <i class=\"fa-solid fa-plus\"></i> Add Input\n                                            </button>\n                                        }\n                                    </div>\n                                    \n                                    @if (getInputParams().length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                            <i class=\"fa-solid fa-inbox\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                            <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No input parameters defined</p>\n                                        </div>\n                                    } @else {\n                                        <div class=\"params-grid\">\n                                            @for (param of getInputParams(); track param.ID) {\n                                                <div class=\"param-card\" [class.required]=\"param.IsRequired\" \n                                                     [class.clickable]=\"true\"\n                                                     (click)=\"onParamClick(param, $event)\">\n                                                    <div class=\"param-header\">\n                                                        <span class=\"param-name\">{{ param.Name }}</span>\n                                                        <div class=\"param-badges\">\n                                                            @if (param.IsRequired) {\n                                                                <span class=\"required-badge\">Required</span>\n                                                            }\n                                                            @if (param.IsArray) {\n                                                                <span class=\"array-badge\">Array</span>\n                                                            }\n                                                            @if (EditMode) {\n                                                                <button class=\"param-edit-btn\" (click)=\"editParameter(param)\" title=\"Edit parameter\">\n                                                                    <i class=\"fa-solid fa-edit\"></i>\n                                                                </button>\n                                                                <button class=\"param-delete-btn\" (click)=\"deleteParameter(param)\" title=\"Delete parameter\">\n                                                                    <i class=\"fa-solid fa-trash\"></i>\n                                                                </button>\n                                                            }\n                                                        </div>\n                                                    </div>\n                                                    <div class=\"param-details\">\n                                                        <div class=\"param-type\">{{ param.ValueType }}</div>\n                                                        @if (param.Description) {\n                                                            <div class=\"param-description\">{{ param.Description }}</div>\n                                                        }\n                                                        @if (param.DefaultValue) {\n                                                            <div class=\"param-default\">\n                                                                <span class=\"default-label\">Default:</span>\n                                                                <code>{{ param.DefaultValue }}</code>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                <!-- Output Parameters Grid -->\n                                <div class=\"params-section\" style=\"margin-top: 24px;\" \n                                     [class.params-section-compact]=\"getOutputParams().length === 0\">\n                                    <div class=\"params-header\">\n                                        <h3><i class=\"fa-solid fa-sign-out-alt\"></i> Output Parameters</h3>\n                                        @if (EditMode && record.IsSaved) {\n                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"addParameter('Output')\">\n                                                <i class=\"fa-solid fa-plus\"></i> Add Output\n                                            </button>\n                                        }\n                                    </div>\n                                    \n                                    @if (getOutputParams().length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 20px; text-align: center;\">\n                                            <i class=\"fa-solid fa-inbox\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                            <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No output parameters defined</p>\n                                        </div>\n                                    } @else {\n                                        <div class=\"params-grid\">\n                                            @for (param of getOutputParams(); track param.ID) {\n                                                <div class=\"param-card\"\n                                                     [class.clickable]=\"true\"\n                                                     (click)=\"onParamClick(param, $event)\">\n                                                    <div class=\"param-header\">\n                                                        <span class=\"param-name\">{{ param.Name }}</span>\n                                                        <div class=\"param-badges\">\n                                                            @if (param.IsArray) {\n                                                                <span class=\"array-badge\">Array</span>\n                                                            }\n                                                            @if (EditMode) {\n                                                                <button class=\"param-edit-btn\" (click)=\"editParameter(param)\" title=\"Edit parameter\">\n                                                                    <i class=\"fa-solid fa-edit\"></i>\n                                                                </button>\n                                                                <button class=\"param-delete-btn\" (click)=\"deleteParameter(param)\" title=\"Delete parameter\">\n                                                                    <i class=\"fa-solid fa-trash\"></i>\n                                                                </button>\n                                                            }\n                                                        </div>\n                                                    </div>\n                                                    <div class=\"param-details\">\n                                                        <div class=\"param-type\">{{ param.ValueType }}</div>\n                                                        @if (param.Description) {\n                                                            <div class=\"param-description\">{{ param.Description }}</div>\n                                                        }\n                                                        @if (param.DefaultValue) {\n                                                            <div class=\"param-default\">\n                                                                <span class=\"default-label\">Default:</span>\n                                                                <code>{{ param.DefaultValue }}</code>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Code & Generation Section (Only for Generated type) -->\n                    @if (record.Type === 'Generated') {\n                        <kendo-expansionpanel \n                            [expanded]=\"expandedSections.code\"\n                            style=\"margin-bottom: 12px;\">\n                            <ng-template kendoExpansionPanelTitleDirective>\n                                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                    <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                    Code & Generation\n                                    @if (record.CodeLocked) {\n                                        <span style=\"background: #ffc107; color: #856404; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                            <i class=\"fa-solid fa-lock\"></i> Locked\n                                        </span>\n                                    }\n                                </span>\n                            </ng-template>\n                            \n                            <div style=\"padding: 16px;\">\n                                @if (EditMode) {\n                                    <div class=\"generation-panel\">\n                                        <h3><i class=\"fa-solid fa-robot\"></i> AI Generation</h3>\n                                        <div class=\"prompt-section\">\n                                            <label>User Prompt</label>\n                                            <kendo-textarea [(ngModel)]=\"record.UserPrompt\"\n                                                           name=\"userPrompt\"\n                                                           [rows]=\"8\"\n                                                           placeholder=\"Describe what this action should do...\"\n                                                           style=\"width: 100%; min-height: 120px;\">\n                                            </kendo-textarea>\n                                        </div>\n                                        <div class=\"comments-section\">\n                                            <label>Internal Comments (not sent to AI)</label>\n                                            <kendo-textarea [(ngModel)]=\"record.UserComments\"\n                                                           name=\"userComments\"\n                                                           [rows]=\"2\"\n                                                           placeholder=\"Internal notes...\"\n                                                           style=\"width: 100%;\">\n                                            </kendo-textarea>\n                                        </div>\n                                        <div class=\"generation-controls\">\n                                            <kendo-switch [(ngModel)]=\"record.CodeLocked\"\n                                                         name=\"codeLocked\">\n                                            </kendo-switch>\n                                            <label style=\"margin-left: 8px;\">Lock Code (prevent regeneration)</label>\n                                        </div>\n                                    </div>\n                                }\n                                \n                                <div class=\"code-editor-section\">\n                                    <div class=\"code-toolbar\">\n                                        <h3><i class=\"fa-solid fa-file-code\"></i> Action Code</h3>\n                                        <div class=\"code-actions\">\n                                            @if (record.CodeComments) {\n                                                <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"toggleCodeComments()\">\n                                                    <i class=\"fa-solid fa-comment\"></i> \n                                                    {{ showCodeComments ? 'Hide' : 'Show' }} AI Comments\n                                                </button>\n                                            }\n                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"copyToClipboard(record.Code || '')\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                            </button>\n                                        </div>\n                                    </div>\n                                    <mj-code-editor \n                                        [(ngModel)]=\"record.Code\"\n                                        name=\"actionCode\"\n                                        [readonly]=\"!EditMode || record.CodeLocked\"\n                                        [language]=\"codeLanguage\"\n                                        [lineWrapping]=\"true\"\n                                        style=\"height: 400px; width: 100%;\">\n                                    </mj-code-editor>\n                                    \n                                    @if (showCodeComments && record.CodeComments) {\n                                        <div class=\"code-comments\">\n                                            <h4><i class=\"fa-solid fa-robot\"></i> AI Explanation</h4>\n                                            <p>{{ record.CodeComments }}</p>\n                                        </div>\n                                    }\n                                    \n                                    @if (EditMode && record.CodeApprovalStatus === 'Rejected') {\n                                        <div class=\"approval-comments\">\n                                            <label>Rejection Comments</label>\n                                            <kendo-textarea [(ngModel)]=\"record.CodeApprovalComments\"\n                                                           name=\"codeApprovalComments\"\n                                                           [rows]=\"2\"\n                                                           placeholder=\"Explain why the code was rejected...\"\n                                                           style=\"width: 100%;\">\n                                            </kendo-textarea>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        </kendo-expansionpanel>\n                    }\n\n                    <!-- Result Codes Section -->\n                    <kendo-expansionpanel \n                        [expanded]=\"expandedSections.resultCodes\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-flag-checkered\" style=\"color: #6c757d;\"></i>\n                                Result Codes\n                                @if (resultCodes.length > 0) {\n                                    <span style=\"background: #28a745; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ resultCodes.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            <!-- Add Result Code Button -->\n                            @if (EditMode && record.IsSaved) {\n                                <div style=\"display: flex; justify-content: flex-end; margin-bottom: 12px;\">\n                                    <button kendoButton [primary]=\"true\" size=\"small\" (click)=\"addResultCode()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Add Result Code\n                                    </button>\n                                </div>\n                            }\n                            \n                            @if (isLoadingResultCodes) {\n                                <div class=\"loading-state\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                    Loading result codes...\n                                </div>\n                            } @else if (resultCodes.length === 0) {\n                                <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                    <i class=\"fa-solid fa-flag-checkered\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                    <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No result codes defined</p>\n                                    @if (EditMode && record.IsSaved) {\n                                        <p style=\"margin: 8px 0 0 0; font-size: 0.85em; color: #6c757d;\">Add result codes to define possible outcomes</p>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"result-codes-grid\">\n                                    @for (code of resultCodes; track code.ID) {\n                                        <div class=\"result-code-card\" \n                                             [class.success]=\"code.IsSuccess\" \n                                             [class.failure]=\"!code.IsSuccess\"\n                                             [class.clickable]=\"true\"\n                                             (click)=\"onResultCodeClick(code, $event)\">\n                                            <div class=\"result-icon\">\n                                                <i [class]=\"code.IsSuccess ? 'fa-solid fa-check-circle' : 'fa-solid fa-times-circle'\"></i>\n                                            </div>\n                                            <div class=\"result-content\">\n                                                <div class=\"result-code\">{{ code.ResultCode }}</div>\n                                                @if (code.Description) {\n                                                    <div class=\"result-description\">{{ code.Description }}</div>\n                                                }\n                                            </div>\n                                            @if (EditMode) {\n                                                <div class=\"result-actions\">\n                                                    <button class=\"result-edit-btn\" (click)=\"editResultCode(code); $event.stopPropagation()\" title=\"Edit result code\">\n                                                        <i class=\"fa-solid fa-edit\"></i>\n                                                    </button>\n                                                    <button class=\"result-delete-btn\" (click)=\"deleteResultCode(code); $event.stopPropagation()\" title=\"Delete result code\">\n                                                        <i class=\"fa-solid fa-trash\"></i>\n                                                    </button>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Execution & Monitoring Section -->\n                    @if (record.IsSaved) {\n                        <kendo-expansionpanel \n                            [expanded]=\"expandedSections.execution\"\n                            style=\"margin-bottom: 12px;\">\n                            <ng-template kendoExpansionPanelTitleDirective>\n                                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                    <i class=\"fa-solid fa-chart-line\" style=\"color: #6c757d;\"></i>\n                                    Execution & Monitoring\n                                </span>\n                            </ng-template>\n                            \n                            <div style=\"padding: 16px;\">\n                                @if (isLoadingExecutions) {\n                                    <div class=\"loading-state\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                        Loading executions...\n                                    </div>\n                                } @else if (recentExecutions.length === 0) {\n                                    <div class=\"empty-state\" style=\"padding: 30px; text-align: center;\">\n                                        <i class=\"fa-solid fa-chart-line\" style=\"font-size: 2em; color: #6c757d; opacity: 0.3;\"></i>\n                                        <p style=\"margin: 12px 0 0 0; color: #6c757d;\">No executions yet</p>\n                                    </div>\n                                } @else {\n                                    <div class=\"execution-stats-row\">\n                                        <div class=\"stat-box\">\n                                            <i class=\"fa-solid fa-tachometer-alt\"></i>\n                                            <div class=\"stat-info\">\n                                                <div class=\"stat-label\" style=\"color: #212529;\">Avg Duration</div>\n                                                <div class=\"stat-value\" style=\"color: #212529;\">{{ formatDuration(executionStats.avgDuration) }}</div>\n                                            </div>\n                                        </div>\n                                        <div class=\"stat-box\">\n                                            <i class=\"fa-solid fa-check-circle\" [style.color]=\"getSuccessRateColor()\"></i>\n                                            <div class=\"stat-info\">\n                                                <div class=\"stat-label\" style=\"color: #212529;\">Success Rate</div>\n                                                <div class=\"stat-value\" [style.color]=\"getSuccessRateColor()\" style=\"font-weight: 600;\">{{ executionStats.successRate.toFixed(0) }}%</div>\n                                            </div>\n                                        </div>\n                                        <div class=\"stat-box\">\n                                            <i class=\"fa-solid fa-play-circle\"></i>\n                                            <div class=\"stat-info\">\n                                                <div class=\"stat-label\" style=\"color: #212529;\">Total Runs</div>\n                                                <div class=\"stat-value\" style=\"color: #212529;\">{{ executionStats.totalRuns }}</div>\n                                            </div>\n                                        </div>\n                                    </div>\n\n                                    <h3 style=\"margin-top: 24px;\"><i class=\"fa-solid fa-history\"></i> Recent Executions</h3>\n                                    <div class=\"executions-table\">\n                                        <table>\n                                            <thead>\n                                                <tr>\n                                                    <th>Started</th>\n                                                    <th>Duration</th>\n                                                    <th>User</th>\n                                                    <th>Result</th>\n                                                    <th>Actions</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for (execution of recentExecutions; track execution.ID) {\n                                                    <tr class=\"execution-row\" [class.success]=\"isExecutionSuccess(execution)\">\n                                                        <td>{{ execution.StartedAt | date:'short' }}</td>\n                                                        <td>\n                                                            @if (execution.EndedAt) {\n                                                                {{ formatDuration(getExecutionDuration(execution)) }}\n                                                            } @else {\n                                                                <span class=\"running\">Running...</span>\n                                                            }\n                                                        </td>\n                                                        <td>{{ execution.User }}</td>\n                                                        <td>\n                                                            <span class=\"result-code\" \n                                                                  [class.success]=\"isExecutionSuccess(execution)\"\n                                                                  [class.failure]=\"!isExecutionSuccess(execution)\">\n                                                                {{ execution.ResultCode }}\n                                                            </span>\n                                                        </td>\n                                                        <td>\n                                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"navigateToExecution(execution.ID)\">\n                                                                <i class=\"fa-solid fa-external-link\"></i>\n                                                            </button>\n                                                        </td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                }\n                            </div>\n                        </kendo-expansionpanel>\n                    }\n\n                    <!-- Related Configuration Section -->\n                    @if (record.IsSaved) {\n                        <kendo-expansionpanel \n                            [expanded]=\"expandedSections.configuration\"\n                            style=\"margin-bottom: 12px;\">\n                            <ng-template kendoExpansionPanelTitleDirective>\n                                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                    <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                                    Related Configuration\n                                </span>\n                            </ng-template>\n                            \n                            <div style=\"padding: 16px;\">\n                                <!-- Libraries -->\n                                <div class=\"config-subsection\">\n                                    <h3><i class=\"fa-solid fa-book\"></i> Libraries</h3>\n                                    @if (isLoadingLibraries) {\n                                        <div class=\"loading-state\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                            Loading libraries...\n                                        </div>\n                                    } @else if (actionLibraries.length === 0) {\n                                        <div class=\"empty-state mini\">\n                                            <p>No libraries configured</p>\n                                        </div>\n                                    } @else {\n                                        <div class=\"library-cards\">\n                                            @for (lib of libraries; track lib.ID; let i = $index) {\n                                                <div class=\"library-card\" (click)=\"navigateToLibrary(lib.ID)\">\n                                                    <i class=\"fa-solid fa-book\"></i>\n                                                    <div class=\"library-info\">\n                                                        <div class=\"library-name\">{{ lib.Name }}</div>\n                                                        @if (actionLibraries[i].ItemsUsed) {\n                                                            <div class=\"library-items\">{{ actionLibraries[i].ItemsUsed }}</div>\n                                                        }\n                                                    </div>\n                                                    <i class=\"fa-solid fa-external-link\"></i>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                <!-- Other Related Entities -->\n                                <div class=\"related-entities-grid\">\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-shield-alt\"></i>\n                                        <span>Authorizations</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        <span>Contexts</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        <span>Scheduled Actions</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                    <div class=\"related-entity-link\">\n                                        <i class=\"fa-solid fa-cube\"></i>\n                                        <span>Entity Actions</span>\n                                        <span class=\"entity-count\">View</span>\n                                    </div>\n                                </div>\n                            </div>\n                        </kendo-expansionpanel>\n                    }\n                </div>\n            </div>\n        </form>\n    }\n</div>\n\n<!-- Action Test Harness -->\n@if (showTestHarness) {\n    <kendo-window \n        [width]=\"1200\" \n        [height]=\"800\" \n        [minWidth]=\"800\"\n        [minHeight]=\"600\"\n        [draggable]=\"true\"\n        [resizable]=\"true\"\n        [state]=\"'default'\"\n        (close)=\"onTestHarnessVisibilityChanged(false)\"\n        title=\"Run Action - {{ record.Name || 'Untitled' }}\">\n        <mj-action-test-harness\n            [action]=\"record\"\n            [actionParams]=\"actionParams\"\n            [isVisible]=\"showTestHarness\"\n            (visibilityChange)=\"onTestHarnessVisibilityChanged($event)\">\n        </mj-action-test-harness>\n    </kendo-window>\n}", styles: ["/* Hero Header Section */\n.action-hero-header {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: white;\n    padding: 32px;\n    margin: -20px -20px 24px -20px;\n    border-radius: 0 0 16px 16px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.hero-content {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.action-identity {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    margin-bottom: 24px;\n}\n\n.action-icon-wrapper {\n    width: 80px;\n    height: 80px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n}\n\n.action-icon-wrapper i {\n    font-size: 36px;\n}\n\n.action-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.action-title-row {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n}\n\n.action-title {\n    margin: 0;\n    font-size: 2em;\n    font-weight: 600;\n    color: white;\n}\n\n.action-name-input {\n    font-size: 1.8em;\n    font-weight: 600;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 8px;\n    min-width: 400px;\n}\n\n.action-name-input::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n.action-badges {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.status-badge, .type-badge, .approval-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 0.85em;\n    font-weight: 500;\n    background: rgba(255,255,255,0.2);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.3);\n}\n\n.action-category {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255,255,255,0.9);\n    font-size: 0.95em;\n    cursor: pointer;\n    transition: all 0.2s;\n    margin-bottom: 12px;\n}\n\n.action-category:hover {\n    color: white;\n    transform: translateX(4px);\n}\n\n.action-description {\n    color: rgba(255,255,255,0.9);\n    font-size: 1.05em;\n    line-height: 1.5;\n    margin: 0;\n}\n\n.action-description-input {\n    width: 100%;\n    max-width: 600px;\n    background: rgba(255,255,255,0.2);\n    border: 2px solid rgba(255,255,255,0.3);\n    color: white;\n    border-radius: 8px;\n}\n\n.action-description-input::placeholder {\n    color: rgba(255,255,255,0.6);\n}\n\n/* Quick Stats */\n.action-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.stat-card {\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 12px;\n    padding: 16px 24px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    min-width: 160px;\n}\n\n.stat-card i {\n    font-size: 24px;\n    color: rgba(255,255,255,0.8);\n}\n\n.stat-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.stat-value {\n    font-size: 1.4em;\n    font-weight: 700;\n    color: white;\n}\n\n.stat-label {\n    font-size: 0.85em;\n    color: rgba(255,255,255,0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* Hero Actions */\n.hero-actions {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.hero-actions kendo-button {\n    backdrop-filter: blur(10px);\n}\n\n/* Main Content Sections */\n.action-content {\n    padding: 0 20px 20px;\n}\n\n.content-section {\n    background: white;\n    border: 1px solid #e9ecef;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.content-section:hover {\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    background: #f8f9fa;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.2s;\n}\n\n.section-header:hover {\n    background: #e9ecef;\n}\n\n.section-header h2 {\n    margin: 0;\n    font-size: 1.3em;\n    color: #2c3e50;\n    flex: 1;\n}\n\n.section-header i:first-child {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.section-count {\n    background: #007bff;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.toggle-icon {\n    color: #6c757d;\n    transition: transform 0.3s;\n}\n\n.toggle-icon.rotated {\n    transform: rotate(-90deg);\n}\n\n.section-content {\n    padding: 24px;\n    animation: slideDown 0.3s ease;\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* Overview Section */\n.overview-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 20px;\n}\n\n.overview-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.overview-field label {\n    font-weight: 600;\n    color: #495057;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.required {\n    color: #dc3545;\n}\n\n.full-width {\n    width: 100%;\n}\n\n.overview-display {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 24px;\n}\n\n.display-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.display-field label {\n    font-size: 0.85em;\n    color: #6c757d;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.display-value {\n    font-size: 1.1em;\n    color: #2c3e50;\n}\n\n.display-value.code {\n    font-family: 'Courier New', monospace;\n    background: #f8f9fa;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.approval-date {\n    color: #6c757d;\n    font-size: 0.85em;\n    margin-left: 8px;\n}\n\n/* Code Section */\n.generation-panel {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 24px;\n}\n\n.generation-panel h3 {\n    margin: 0 0 16px 0;\n    color: #6f42c1;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.prompt-section, .comments-section {\n    margin-bottom: 16px;\n}\n\n.prompt-section label, .comments-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n}\n\n.generation-controls {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #dee2e6;\n}\n\n.code-locked-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: #ffc107;\n    color: #856404;\n    border-radius: 12px;\n    font-size: 0.8em;\n    font-weight: 500;\n}\n\n.code-editor-section {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.code-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.code-toolbar h3 {\n    margin: 0;\n    font-size: 1.1em;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.code-comments {\n    background: #e3f2fd;\n    border: 1px solid #90caf9;\n    border-radius: 8px;\n    padding: 16px;\n    margin-top: 16px;\n}\n\n.code-comments h4 {\n    margin: 0 0 8px 0;\n    color: #1976d2;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.code-comments p {\n    margin: 0;\n    color: #424242;\n    line-height: 1.5;\n}\n\n.approval-comments {\n    margin-top: 16px;\n}\n\n.approval-comments label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #dc3545;\n}\n\n/* Parameters Section */\n.params-section {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 20px;\n}\n\n.params-section.params-section-compact {\n    padding: 12px 20px;\n}\n\n.params-section-compact .empty-state {\n    padding: 12px !important;\n}\n\n.params-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.params-header h3 {\n    margin: 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.params-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.param-card {\n    background: white;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.2s;\n}\n\n.param-card:hover {\n    border-color: #007bff;\n    box-shadow: 0 2px 8px rgba(0,123,255,0.1);\n}\n\n.param-card.required {\n    border-color: #ffc107;\n}\n\n.param-card.clickable {\n    cursor: pointer;\n}\n\n.param-card.clickable:hover {\n    background: #e7f3ff;\n    border-color: #2196f3;\n    transform: translateY(-1px);\n}\n\n.param-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.param-name {\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.param-badges {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.param-edit-btn,\n.param-delete-btn {\n    background: none;\n    border: none;\n    padding: 4px 8px;\n    cursor: pointer;\n    color: #6c757d;\n    border-radius: 4px;\n    transition: all 0.2s;\n}\n\n.param-edit-btn:hover {\n    background: #e3f2fd;\n    color: #2196f3;\n}\n\n.param-delete-btn:hover {\n    background: #ffebee;\n    color: #f44336;\n}\n\n.param-details {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.required-badge {\n    background: #ffc107;\n    color: #856404;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.array-badge {\n    background: #6f42c1;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.param-type {\n    color: #6c757d;\n    font-size: 0.9em;\n    margin-bottom: 8px;\n}\n\n.param-description {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n    margin-bottom: 8px;\n}\n\n.param-default {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid #e9ecef;\n}\n\n.default-label {\n    color: #6c757d;\n    font-size: 0.85em;\n}\n\n.param-default code {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-family: 'Courier New', monospace;\n    color: #e83e8c;\n}\n\n\n/* Result Codes Section */\n.result-codes-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.result-code-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 16px;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s;\n    position: relative;\n}\n\n.result-code-card.clickable {\n    cursor: pointer;\n}\n\n.result-code-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.result-code-card.success {\n    border-color: #28a745;\n    background: #d4edda;\n}\n\n.result-code-card.failure {\n    border-color: #dc3545;\n    background: #f8d7da;\n}\n\n.result-actions {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    display: flex;\n    gap: 4px;\n    opacity: 0;\n    transition: opacity 0.2s;\n}\n\n.result-code-card:hover .result-actions {\n    opacity: 1;\n}\n\n.result-edit-btn,\n.result-delete-btn {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 4px 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-size: 0.85em;\n}\n\n.result-edit-btn:hover {\n    background: #007bff;\n    color: white;\n    border-color: #007bff;\n}\n\n.result-delete-btn:hover {\n    background: #dc3545;\n    color: white;\n    border-color: #dc3545;\n}\n\n.result-icon {\n    font-size: 1.5em;\n    flex-shrink: 0;\n}\n\n.result-code-card.success .result-icon {\n    color: #28a745;\n}\n\n.result-code-card.failure .result-icon {\n    color: #dc3545;\n}\n\n.result-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-code {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n    font-family: 'Courier New', monospace;\n}\n\n.result-description {\n    color: #495057;\n    font-size: 0.9em;\n    line-height: 1.4;\n}\n\n/* Execution Section */\n.execution-stats-row {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 32px;\n    flex-wrap: wrap;\n}\n\n.stat-box {\n    flex: 1;\n    min-width: 200px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.stat-box i {\n    font-size: 2em;\n    color: #6c757d;\n}\n\n.stat-info {\n    flex: 1;\n}\n\n.executions-table {\n    overflow-x: auto;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n}\n\n.executions-table table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.executions-table th {\n    background: #f8f9fa;\n    padding: 12px;\n    text-align: left;\n    font-weight: 600;\n    color: #495057;\n    border-bottom: 2px solid #e9ecef;\n}\n\n.executions-table td {\n    padding: 12px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.execution-row {\n    transition: background 0.2s;\n}\n\n.execution-row:hover {\n    background: #f8f9fa;\n}\n\n.execution-row.success {\n    background: #d4edda20;\n}\n\n.running {\n    color: #ffc107;\n    font-style: italic;\n}\n\n.result-code {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 0.85em;\n    font-weight: 500;\n    font-family: 'Courier New', monospace;\n}\n\n.result-code.success {\n    background: #d4edda;\n    color: #155724;\n}\n\n.result-code.failure {\n    background: #f8d7da;\n    color: #721c24;\n}\n\n/* Configuration Section */\n.config-subsection {\n    margin-bottom: 32px;\n}\n\n.config-subsection h3 {\n    margin: 0 0 16px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.library-cards {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.library-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.library-card:hover {\n    background: #e9ecef;\n    transform: translateX(4px);\n}\n\n.library-card i:first-child {\n    font-size: 1.5em;\n    color: #6c757d;\n}\n\n.library-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.library-name {\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 4px;\n}\n\n.library-items {\n    color: #6c757d;\n    font-size: 0.9em;\n    font-family: 'Courier New', monospace;\n}\n\n.related-entities-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.related-entity-link {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.related-entity-link:hover {\n    background: #e9ecef;\n    border-color: #007bff;\n}\n\n.related-entity-link i {\n    font-size: 1.2em;\n    color: #6c757d;\n}\n\n.related-entity-link span:first-of-type {\n    flex: 1;\n    font-weight: 500;\n    color: #495057;\n}\n\n.entity-count {\n    color: #007bff;\n    font-size: 0.9em;\n}\n\n/* Common States */\n.loading-state {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.loading-state i {\n    font-size: 2em;\n    margin-bottom: 12px;\n}\n\n.empty-state {\n    text-align: center;\n    padding: 60px;\n    color: #6c757d;\n}\n\n.empty-state.mini {\n    padding: 20px;\n}\n\n.empty-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n.empty-hint {\n    margin-top: 8px !important;\n    font-size: 0.9em !important;\n    opacity: 0.7;\n}\n\n.no-params {\n    text-align: center;\n    padding: 20px;\n    color: #6c757d;\n    font-style: italic;\n}\n\n.no-params p {\n    margin: 0;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n    .action-hero-header {\n        padding: 20px;\n    }\n    \n    .action-identity {\n        flex-direction: column;\n        text-align: center;\n    }\n    \n    .action-icon-wrapper {\n        margin: 0 auto;\n    }\n    \n    .action-title-row {\n        justify-content: center;\n    }\n    \n    .action-stats {\n        justify-content: center;\n    }\n    \n    .params-grid {\n        grid-template-columns: 1fr;\n    }\n}"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionFormComponentExtended, { className: "ActionFormComponentExtended", filePath: "src/lib/custom/Actions/action-form.component.ts", lineNumber: 19 }); })();
 // Loader function required for the component to be properly registered
 export function LoadActionFormComponentExtended() {
     // This function is called to ensure the form is loaded and registered