npm - @memberjunction/ng-core-entity-forms - Versions diffs - 2.53.0 → 2.54.0 - Mend

@memberjunction/ng-core-entity-forms 2.53.0 → 2.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/dist/lib/custom/Actions/action-execution-log-form.component.js CHANGED Viewed

@@ -13,331 +13,186 @@ import { ActionExecutionLogFormComponent } from '../../generated/Entities/Action
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/router";
-import * as i3 from "@angular/forms";
-import * as i4 from "@progress/kendo-angular-layout";
-import * as i5 from "@progress/kendo-angular-buttons";
-import * as i6 from "@memberjunction/ng-form-toolbar";
-import * as i7 from "@memberjunction/ng-container-directives";
-import * as i8 from "@memberjunction/ng-code-editor";
-import * as i9 from "@angular/common";
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "i", 30);
-    i0.ɵɵelementStart(2, "span", 31);
-    i0.ɵɵtext(3, "Action:");
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@progress/kendo-angular-layout";
+import * as i6 from "@memberjunction/ng-code-editor";
+function ActionExecutionLogFormComponentExtended_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 32);
-    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_14_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToAction()); });
-    i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "i", 33);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.action.Name, " ");
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.action.Name);
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "i", 34);
-    i0.ɵɵelementStart(2, "span", 31);
-    i0.ɵɵtext(3, "User:");
+function ActionExecutionLogFormComponentExtended_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
+    i0.ɵɵtext(2, "Ended");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 32);
-    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_15_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToUser()); });
-    i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "i", 33);
+    i0.ɵɵelementStart(3, "span", 19);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "date");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.user.Name, " ");
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(5, 1, ctx_r0.record.EndedAt, "short"));
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "i", 35);
-    i0.ɵɵelementStart(2, "span", 31);
-    i0.ɵɵtext(3, "Duration:");
+function ActionExecutionLogFormComponentExtended_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
+    i0.ɵɵtext(2, "Action");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 36);
+    i0.ɵɵelementStart(3, "span", 19)(4, "button", 26);
+    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_29_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.navigateToAction()); });
     i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(6, "i", 27);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.getExecutionDuration()));
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.action.Name, " ");
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "date");
+function ActionExecutionLogFormComponentExtended_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
+    i0.ɵɵtext(2, "User");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 19)(4, "button", 26);
+    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_30_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.navigateToUser()); });
+    i0.ɵɵtext(5);
+    i0.ɵɵelement(6, "i", 27);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Ended: ", i0.ɵɵpipeBind2(2, 1, ctx_r1.record.EndedAt, "medium"), "");
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵtext(1, "Still Running...");
-    i0.ɵɵelementEnd();
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
-    i0.ɵɵelement(1, "i", 38);
-    i0.ɵɵtext(2, " Execution Details ");
-    i0.ɵɵelementEnd();
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.user.Name, " ");
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_56_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 40);
-    i0.ɵɵtext(1, " JSON ");
+function ActionExecutionLogFormComponentExtended_ng_template_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 29)(2, "label");
+    i0.ɵɵtext(3, "Execution ID");
     i0.ɵɵelementEnd();
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
-    i0.ɵɵelement(1, "i", 39);
-    i0.ɵɵtext(2, " Input Parameters ");
-    i0.ɵɵtemplate(3, ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_56_Conditional_3_Template, 2, 0, "span", 40);
+    i0.ɵɵelementStart(4, "span", 30);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 29)(7, "label");
+    i0.ɵɵtext(8, "Action ID");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record.Params ? 3 : -1);
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_58_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-button", 45);
-    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_58_Conditional_4_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveParams()); });
-    i0.ɵɵelement(1, "i", 46);
-    i0.ɵɵtext(2, " Save ");
+    i0.ɵɵelementStart(9, "span", 30);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 29)(12, "label");
+    i0.ɵɵtext(13, "User ID");
     i0.ɵɵelementEnd();
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_58_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "div", 41)(2, "h4", 42);
-    i0.ɵɵtext(3, "Parameters JSON");
+    i0.ɵɵelementStart(14, "span", 30);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 29)(17, "label");
+    i0.ɵɵtext(18, "Result Code");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_58_Conditional_4_Template, 3, 0, "kendo-button", 43);
+    i0.ɵɵelementStart(19, "span", 31);
+    i0.ɵɵelement(20, "i", 13);
+    i0.ɵɵelementStart(21, "span");
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(23, "div", 29)(24, "label");
+    i0.ɵɵtext(25, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mj-code-editor", 44);
-    i0.ɵɵtwoWayListener("ngModelChange", function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_58_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedParams, $event) || (ctx_r1.formattedParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(26, "span");
+    i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "div", 29)(29, "label");
+    i0.ɵɵtext(30, "Retention Period");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "span");
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 4 : -1);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.record.ID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.record.ActionID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.record.UserID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵstyleProp("color", ctx_r0.getResultCodeColor());
+    i0.ɵɵproperty("ngClass", ctx_r0.getResultCodeIcon());
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedParams);
-    i0.ɵɵproperty("readonly", !ctx_r1.EditMode)("language", "json")("lineWrapping", true);
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "i", 47);
-    i0.ɵɵelementStart(2, "p", 48);
-    i0.ɵɵtext(3, "No input parameters");
-    i0.ɵɵelementEnd()();
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_61_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 50);
-    i0.ɵɵtext(1, " JSON ");
-    i0.ɵɵelementEnd();
+    i0.ɵɵstyleProp("color", ctx_r0.getResultCodeColor());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.record.ResultCode || "N/A");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.formatDuration(ctx_r0.getExecutionDuration()));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.record.RetentionPeriod ? ctx_r0.record.RetentionPeriod + " days" : "Indefinite");
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
-    i0.ɵɵelement(1, "i", 49);
-    i0.ɵɵtext(2, " Output Message ");
-    i0.ɵɵtemplate(3, ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_61_Conditional_3_Template, 2, 0, "span", 50);
+function ActionExecutionLogFormComponentExtended_Conditional_35_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32)(1, "div", 33)(2, "span", 34);
+    i0.ɵɵtext(3, "JSON");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 35);
+    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_35_ng_template_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedParams)); });
+    i0.ɵɵelement(5, "i", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "mj-code-editor", 37);
+    i0.ɵɵtwoWayListener("ngModelChange", function ActionExecutionLogFormComponentExtended_Conditional_35_ng_template_1_Template_mj_code_editor_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedParams, $event) || (ctx_r0.formattedParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.formattedMessage ? 3 : -1);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.formattedParams);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_63_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-button", 45);
-    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_63_Conditional_4_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveMessage()); });
-    i0.ɵɵelement(1, "i", 46);
-    i0.ɵɵtext(2, " Save ");
+function ActionExecutionLogFormComponentExtended_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 23);
+    i0.ɵɵtemplate(1, ActionExecutionLogFormComponentExtended_Conditional_35_ng_template_1_Template, 7, 4, "ng-template", 22);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("expanded", ctx_r0.expandedSections.input);
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_63_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "div", 41)(2, "h4", 42);
-    i0.ɵɵtext(3, "Output Message JSON");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_63_Conditional_4_Template, 3, 0, "kendo-button", 43);
+function ActionExecutionLogFormComponentExtended_Conditional_36_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32)(1, "div", 33)(2, "span", 34);
+    i0.ɵɵtext(3, "JSON");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mj-code-editor", 51);
-    i0.ɵɵtwoWayListener("ngModelChange", function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_63_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedMessage, $event) || (ctx_r1.formattedMessage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "button", 35);
+    i0.ɵɵlistener("click", function ActionExecutionLogFormComponentExtended_Conditional_36_ng_template_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedMessage)); });
+    i0.ɵɵelement(5, "i", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "mj-code-editor", 38);
+    i0.ɵɵtwoWayListener("ngModelChange", function ActionExecutionLogFormComponentExtended_Conditional_36_ng_template_1_Template_mj_code_editor_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedMessage, $event) || (ctx_r0.formattedMessage = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedMessage);
-    i0.ɵɵproperty("readonly", !ctx_r1.EditMode)("language", "json")("lineWrapping", true);
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_64_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 52);
-    i0.ɵɵtext(1, " Output data will be captured in future executions ");
-    i0.ɵɵelementEnd();
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.formattedMessage);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_64_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "i", 47);
-    i0.ɵɵelementStart(2, "p", 48);
-    i0.ɵɵtext(3, "No output message");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_64_Conditional_4_Template, 2, 0, "p", 52);
+function ActionExecutionLogFormComponentExtended_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 24);
+    i0.ɵɵtemplate(1, ActionExecutionLogFormComponentExtended_Conditional_36_ng_template_1_Template, 7, 4, "ng-template", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(!ctx_r1.EditMode ? 4 : -1);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("expanded", ctx_r0.expandedSections.output);
 } }
-function ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_66_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
-    i0.ɵɵelement(1, "i", 53);
-    i0.ɵɵtext(2, " System Metadata ");
-    i0.ɵɵelementEnd();
-} }
-function ActionExecutionLogFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "form", 2, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 3);
-    i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "div", 6)(6, "div", 7)(7, "div", 8);
-    i0.ɵɵelement(8, "i", 9);
-    i0.ɵɵelementStart(9, "h4", 10);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 11);
-    i0.ɵɵtext(12);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 12);
-    i0.ɵɵtemplate(14, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_14_Template, 7, 1, "div", 13)(15, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_15_Template, 7, 1, "div", 13)(16, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_16_Template, 6, 1, "div", 13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 14)(18, "div");
-    i0.ɵɵtext(19);
-    i0.ɵɵpipe(20, "date");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(21, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_21_Template, 3, 4, "div")(22, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_22_Template, 2, 0, "div", 15);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(23, "div", 16)(24, "kendo-expansionpanel", 17);
-    i0.ɵɵtemplate(25, ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_25_Template, 3, 0, "ng-template", 18);
-    i0.ɵɵelementStart(26, "div", 19)(27, "div", 20)(28, "div", 21)(29, "label", 22);
-    i0.ɵɵtext(30, "Execution ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 23);
-    i0.ɵɵtext(32);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 21)(34, "label", 22);
-    i0.ɵɵtext(35, "Action ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "div", 23);
-    i0.ɵɵtext(37);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 21)(39, "label", 22);
-    i0.ɵɵtext(40, "User ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "div", 23);
-    i0.ɵɵtext(42);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(43, "div", 21)(44, "label", 22);
-    i0.ɵɵtext(45, "Result Code");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "div", 24);
-    i0.ɵɵelement(47, "i");
-    i0.ɵɵelementStart(48, "span", 25);
-    i0.ɵɵtext(49);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(50, "div", 21)(51, "label", 22);
-    i0.ɵɵtext(52, "Retention Period");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(53, "div");
-    i0.ɵɵtext(54);
-    i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(55, "kendo-expansionpanel", 17);
-    i0.ɵɵtemplate(56, ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_56_Template, 4, 1, "ng-template", 18);
-    i0.ɵɵelementStart(57, "div", 19);
-    i0.ɵɵtemplate(58, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_58_Template, 6, 5, "div", 26)(59, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_59_Template, 4, 0, "div", 27);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(60, "kendo-expansionpanel", 17);
-    i0.ɵɵtemplate(61, ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_61_Template, 4, 1, "ng-template", 18);
-    i0.ɵɵelementStart(62, "div", 19);
-    i0.ɵɵtemplate(63, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_63_Template, 6, 5, "div", 26)(64, ActionExecutionLogFormComponentExtended_Conditional_1_Conditional_64_Template, 5, 1, "div", 27);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(65, "kendo-expansionpanel", 17);
-    i0.ɵɵtemplate(66, ActionExecutionLogFormComponentExtended_Conditional_1_ng_template_66_Template, 3, 0, "ng-template", 18);
-    i0.ɵɵelementStart(67, "div", 19)(68, "div", 28)(69, "div", 29)(70, "label", 22);
-    i0.ɵɵtext(71, "Created At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(72, "div");
-    i0.ɵɵtext(73);
-    i0.ɵɵpipe(74, "date");
+function ActionExecutionLogFormComponentExtended_Conditional_37_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No input parameters or output messages recorded");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(75, "div", 29)(76, "label", 22);
-    i0.ɵɵtext(77, "Updated At");
+} }
+function ActionExecutionLogFormComponentExtended_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 25);
+    i0.ɵɵtemplate(1, ActionExecutionLogFormComponentExtended_Conditional_37_ng_template_1_Template, 4, 0, "ng-template", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(78, "div");
-    i0.ɵɵtext(79);
-    i0.ɵɵpipe(80, "date");
-    i0.ɵɵelementEnd()()()()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(6);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getResultCodeIcon());
-    i0.ɵɵstyleProp("color", ctx_r1.getResultCodeColor());
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Execution #", ctx_r1.record.ID, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background-color", ctx_r1.getResultCodeColor());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.ResultCode || "Unknown", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.action ? 14 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.user ? 15 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.EndedAt ? 16 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("Started: ", i0.ɵɵpipeBind2(20, 33, ctx_r1.record.StartedAt, "medium"), "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.record.EndedAt ? 21 : 22);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("expanded", ctx_r1.expandedSections.execution);
-    i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.record.ID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.ActionID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.UserID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getResultCodeIcon());
-    i0.ɵɵstyleProp("color", ctx_r1.getResultCodeColor());
-    i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.getResultCodeColor());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.record.ResultCode || "N/A");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.RetentionPeriod ? ctx_r1.record.RetentionPeriod + " days" : "Indefinite");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("expanded", ctx_r1.expandedSections.input);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record.Params ? 58 : 59);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("expanded", ctx_r1.expandedSections.output);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.formattedMessage ? 63 : 64);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("expanded", ctx_r1.expandedSections.metadata);
-    i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(74, 36, ctx_r1.record.__mj_CreatedAt, "medium"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(80, 39, ctx_r1.record.__mj_UpdatedAt, "medium"));
+    i0.ɵɵproperty("expanded", true);
 } }
 let ActionExecutionLogFormComponentExtended = class ActionExecutionLogFormComponentExtended extends ActionExecutionLogFormComponent {
     constructor(elementRef, sharedService, router, route, cdr) {
@@ -507,16 +362,80 @@ let ActionExecutionLogFormComponentExtended = class ActionExecutionLogFormCompon
             // Could show notification here
         }
     }
+    async copyToClipboard(text) {
+        try {
+            await navigator.clipboard.writeText(text);
+            // Could show a toast notification here
+        }
+        catch (err) {
+            console.error('Failed to copy to clipboard:', err);
+        }
+    }
     static { this.ɵfac = function ActionExecutionLogFormComponentExtended_Factory(t) { return new (t || ActionExecutionLogFormComponentExtended)(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: ActionExecutionLogFormComponentExtended, selectors: [["mj-action-execution-log-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "execution-log-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "execution-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"], [2, "margin", "0", "color", "#495057", "font-weight", "600"], [1, "result-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], [1, "quick-info", 2, "display", "flex", "align-items", "center", "gap", "20px", "flex-wrap", "wrap", "margin-top", "12px"], [1, "info-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.9em"], [1, "timestamps", 2, "text-align", "right", "font-size", "0.85em", "color", "#6c757d"], [2, "color", "#ffc107", "font-weight", "600"], [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, "details-grid", 2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(250px, 1fr))", "gap", "20px"], [1, "detail-item"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#6c757d", "font-size", "0.85em"], [2, "font-family", "monospace", "color", "#495057"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [2, "font-weight", "600"], [1, "json-editor-container"], [1, "empty-state", 2, "padding", "30px", "text-align", "center"], [1, "metadata-grid", 2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(250px, 1fr))", "gap", "20px"], [1, "metadata-item"], [1, "fa-solid", "fa-bolt", 2, "color", "#6c757d"], [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"], [1, "fa-solid", "fa-user", 2, "color", "#6c757d"], [1, "fa-solid", "fa-clock", 2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [1, "fa-solid", "fa-info-circle", 2, "color", "#6c757d"], [1, "fa-solid", "fa-sign-in-alt", 2, "color", "#6c757d"], [2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "editor-toolbar", 2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-bottom", "8px"], [2, "margin", "0", "color", "#495057"], ["fillMode", "flat", "size", "small"], ["name", "formattedParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["fillMode", "flat", "size", "small", 3, "click"], [1, "fa-solid", "fa-save"], [1, "fa-solid", "fa-inbox", 2, "font-size", "2em", "color", "#6c757d", "opacity", "0.3"], [2, "margin", "12px 0 0 0", "color", "#6c757d"], [1, "fa-solid", "fa-sign-out-alt", 2, "color", "#6c757d"], [2, "background", "#28a745", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], ["name", "formattedMessage", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [2, "margin", "8px 0 0 0", "font-size", "0.85em", "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"]], template: function ActionExecutionLogFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, ActionExecutionLogFormComponentExtended_Conditional_1_Template, 81, 42, "form", 2);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionExecutionLogFormComponentExtended, selectors: [["mj-action-execution-log-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 38, vars: 17, consts: [[1, "record-form-container", "action-execution-log-form"], [1, "record-form"], [1, "header"], [1, "header-content"], [1, "header-left"], [1, "icon-wrapper"], [1, "fas", "fa-terminal"], [1, "header-info"], [1, "meta-info"], [1, "action-name"], [1, "log-id"], [1, "header-right"], [1, "status-badge"], [1, "fas", 3, "ngClass"], [1, "execution-time"], [1, "fas", "fa-clock"], [1, "header-stats"], [1, "stat"], [1, "label"], [1, "value"], [1, "content-area"], ["title", "Execution Details", 3, "expanded"], ["kendoPanelBarContent", ""], ["title", "Input Parameters", 3, "expanded"], ["title", "Output Message", 3, "expanded"], ["title", "Execution Data", 3, "expanded"], [1, "btn-link", 3, "click"], [1, "fas", "fa-external-link-alt"], [1, "details-grid"], [1, "detail-item"], [1, "monospace"], [1, "detail-value"], [1, "json-viewer"], [1, "json-toolbar"], [1, "json-label"], ["title", "Copy JSON", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], ["name", "formattedParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedMessage", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "empty-state"], [1, "fas", "fa-inbox"]], template: function ActionExecutionLogFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
+            i0.ɵɵelement(6, "i", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 7)(8, "h2");
+            i0.ɵɵtext(9, "Action Execution Log");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 8);
+            i0.ɵɵtemplate(11, ActionExecutionLogFormComponentExtended_Conditional_11_Template, 2, 1, "span", 9);
+            i0.ɵɵelementStart(12, "span", 10);
+            i0.ɵɵtext(13);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(14, "div", 11)(15, "div", 12);
+            i0.ɵɵelement(16, "i", 13);
+            i0.ɵɵtext(17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(18, "div", 14);
+            i0.ɵɵelement(19, "i", 15);
+            i0.ɵɵtext(20);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(21, "div", 16)(22, "div", 17)(23, "span", 18);
+            i0.ɵɵtext(24, "Started");
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "span", 19);
+            i0.ɵɵtext(26);
+            i0.ɵɵpipe(27, "date");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(28, ActionExecutionLogFormComponentExtended_Conditional_28_Template, 6, 4, "div", 17)(29, ActionExecutionLogFormComponentExtended_Conditional_29_Template, 7, 1, "div", 17)(30, ActionExecutionLogFormComponentExtended_Conditional_30_Template, 7, 1, "div", 17);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(31, "div", 20)(32, "kendo-panelbar")(33, "kendo-panelbar-item", 21);
+            i0.ɵɵtemplate(34, ActionExecutionLogFormComponentExtended_ng_template_34_Template, 33, 11, "ng-template", 22);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(35, ActionExecutionLogFormComponentExtended_Conditional_35_Template, 2, 1, "kendo-panelbar-item", 23)(36, ActionExecutionLogFormComponentExtended_Conditional_36_Template, 2, 1, "kendo-panelbar-item", 24)(37, ActionExecutionLogFormComponentExtended_Conditional_37_Template, 2, 1, "kendo-panelbar-item", 25);
+            i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
+            i0.ɵɵadvance(11);
+            i0.ɵɵconditional(ctx.action ? 11 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.record.ID);
+            i0.ɵɵadvance(2);
+            i0.ɵɵattribute("data-status", ctx.record.ResultCode == null ? null : ctx.record.ResultCode.toLowerCase());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.getResultCodeIcon());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.record.ResultCode || "UNKNOWN", " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1(" ", ctx.formatDuration(ctx.getExecutionDuration()), " ");
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(27, 14, ctx.record.StartedAt, "short"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.record.EndedAt ? 28 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.action ? 29 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.user ? 30 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("expanded", true);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.record.Params ? 35 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.record.Message ? 36 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.record ? 1 : -1);
-        } }, dependencies: [i3.ɵNgNoValidate, i3.NgControlStatus, i3.NgControlStatusGroup, i3.NgModel, i3.NgForm, i4.ExpansionPanelComponent, i4.ExpansionPanelTitleDirective, i5.ButtonComponent, i6.FormToolbarComponent, i7.FillContainer, i8.CodeEditorComponent, i9.DatePipe], styles: ["\n\n.record-form-container[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n\n\n.execution-header[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    border-bottom: 2px solid #dee2e6;\n}\n\n.result-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-weight: 600;\n}\n\n.quick-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.info-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.info-item[_ngcontent-%COMP%]   span[style*=\"cursor: pointer\"][_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.timestamps[_ngcontent-%COMP%] {\n    min-width: 200px;\n}\n\n\n\n.configuration-sections[_ngcontent-%COMP%] {\n    overflow-y: auto;\n}\n\n\n\n.details-grid[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 20px;\n    border-radius: 8px;\n}\n\n.detail-item[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.editor-toolbar[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 12px 16px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.editor-toolbar[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    color: #495057;\n    font-size: 1em;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border-radius: 8px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    color: #6c757d;\n}\n\n\n\n.metadata-grid[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 20px;\n    border-radius: 8px;\n}\n\n.metadata-item[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n.result-success[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.result-failure[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 40px;\n    color: #6c757d;\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2em;\n    margin-bottom: 12px;\n}\n\n\n\n@media (max-width: 768px) {\n    .execution-header[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n    \n    .quick-info[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 12px;\n    }\n    \n    .timestamps[_ngcontent-%COMP%] {\n        text-align: left !important;\n        margin-top: 16px;\n        padding-top: 16px;\n        border-top: 1px solid #dee2e6;\n    }\n    \n    .details-grid[_ngcontent-%COMP%], \n   .metadata-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}"] }); }
+            i0.ɵɵconditional(!ctx.record.Params && !ctx.record.Message ? 37 : -1);
+        } }, dependencies: [i3.NgClass, i4.NgControlStatus, i4.NgModel, i5.PanelBarComponent, i5.PanelBarItemComponent, i5.PanelBarContentDirective, i6.CodeEditorComponent, i3.DatePipe], styles: ["\n\n.action-execution-log-form[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow: hidden;\n  background: #f5f7fa;\n}\n\n\n\n.header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  padding: 20px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 16px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.icon-wrapper[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #17a2b8, #138496);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  box-shadow: 0 4px 12px rgba(23, 162, 184, 0.2);\n}\n\n.header-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.meta-info[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n.action-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #495057;\n}\n\n.log-id[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: 12px;\n  opacity: 0.7;\n}\n\n.header-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  padding: 6px 16px;\n  border-radius: 20px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: white;\n}\n\n.execution-time[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n.header-stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid #e9ecef;\n}\n\n.stat[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: #495057;\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n  height: calc(100% - 180px);\n  overflow-y: auto;\n  padding: 20px;\n}\n\n\n\n.details-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  padding: 20px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.detail-item[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: 600;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: #2196f3;\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n  color: #1976d2;\n}\n\n.loading[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 13px;\n}\n\n\n\n.json-viewer[_ngcontent-%COMP%] {\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.json-label[_ngcontent-%COMP%] {\n  background: #17a2b8;\n  color: white;\n  padding: 4px 12px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n}\n\n\n\n.status-badge[data-status=\"success\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"ok\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"completed\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"200\"][_ngcontent-%COMP%] {\n  background-color: #28a745;\n  color: white;\n}\n\n.status-badge[data-status=\"error\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"failed\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"failure\"][_ngcontent-%COMP%] {\n  background-color: #dc3545;\n  color: white;\n}\n\n.status-badge[data-status=\"warning\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"pending\"][_ngcontent-%COMP%] {\n  background-color: #ffc107;\n  color: #212529;\n}\n\n.status-badge[data-status=\"info\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"running\"][_ngcontent-%COMP%] {\n  background-color: #17a2b8;\n  color: white;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  background-color: #6c757d;\n  color: white;\n}\n\n\n\n.k-panelbar-item-content[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: #6c757d;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 40px;\n  color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.monospace[_ngcontent-%COMP%] {\n  font-family: 'Courier New', Courier, monospace;\n  font-size: 13px;\n}\n\n\n\n@media (max-width: 768px) {\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .header-stats[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n  \n  .details-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n}"] }); }
 };
 ActionExecutionLogFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'Action Execution Logs')
@@ -524,7 +443,7 @@ ActionExecutionLogFormComponentExtended = __decorate([
 export { ActionExecutionLogFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionExecutionLogFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-action-execution-log-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    @if (record) {\n        <form class=\"record-form\" #form=\"ngForm\" mjFillContainer>\n            <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n            <!-- Main Content Area -->\n            <div class=\"execution-log-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n                \n                <!-- Header Section -->\n                <div class=\"execution-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: Execution 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]=\"'fa-solid ' + getResultCodeIcon()\" \n                                   [style.color]=\"getResultCodeColor()\" \n                                   style=\"font-size: 1.4em;\"></i>\n                                <h4 style=\"margin: 0; color: #495057; font-weight: 600;\">\n                                    Execution #{{ record.ID }}\n                                </h4>\n                                <span class=\"result-badge\" \n                                      [style.background-color]=\"getResultCodeColor()\" \n                                      style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                    {{ record.ResultCode || 'Unknown' }}\n                                </span>\n                            </div>\n                            \n                            <!-- Quick Info Row -->\n                            <div class=\"quick-info\" style=\"display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 12px;\">\n                                @if (action) {\n                                    <div class=\"info-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.9em;\">\n                                        <i class=\"fa-solid fa-bolt\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #6c757d;\">Action:</span>\n                                        <span style=\"color: #495057; font-weight: 500; cursor: pointer;\" (click)=\"navigateToAction()\">\n                                            {{ action.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                                @if (user) {\n                                    <div class=\"info-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.9em;\">\n                                        <i class=\"fa-solid fa-user\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #6c757d;\">User:</span>\n                                        <span style=\"color: #495057; font-weight: 500; cursor: pointer;\" (click)=\"navigateToUser()\">\n                                            {{ user.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                                @if (record.EndedAt) {\n                                    <div class=\"info-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.9em;\">\n                                        <i class=\"fa-solid fa-clock\" style=\"color: #6c757d;\"></i>\n                                        <span style=\"color: #6c757d;\">Duration:</span>\n                                        <span style=\"color: #495057; font-weight: 500;\">{{ formatDuration(getExecutionDuration()) }}</span>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                        \n                        <!-- Right: Timestamps -->\n                        <div class=\"timestamps\" style=\"text-align: right; font-size: 0.85em; color: #6c757d;\">\n                            <div>Started: {{ record.StartedAt | date:'medium' }}</div>\n                            @if (record.EndedAt) {\n                                <div>Ended: {{ record.EndedAt | date:'medium' }}</div>\n                            } @else {\n                                <div style=\"color: #ffc107; font-weight: 600;\">Still Running...</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                    <!-- Execution Details Section -->\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-info-circle\" style=\"color: #6c757d;\"></i>\n                                Execution Details\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            <div class=\"details-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\">\n                                <div class=\"detail-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">Execution ID</label>\n                                    <div style=\"font-family: monospace; color: #495057;\">{{ record.ID }}</div>\n                                </div>\n                                \n                                <div class=\"detail-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">Action ID</label>\n                                    <div style=\"font-family: monospace; color: #495057;\">{{ record.ActionID }}</div>\n                                </div>\n                                \n                                <div class=\"detail-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">User ID</label>\n                                    <div style=\"font-family: monospace; color: #495057;\">{{ record.UserID }}</div>\n                                </div>\n                                \n                                <div class=\"detail-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">Result Code</label>\n                                    <div style=\"display: flex; align-items: center; gap: 8px;\">\n                                        <i [class]=\"'fa-solid ' + getResultCodeIcon()\" [style.color]=\"getResultCodeColor()\"></i>\n                                        <span style=\"font-weight: 600;\" [style.color]=\"getResultCodeColor()\">{{ record.ResultCode || 'N/A' }}</span>\n                                    </div>\n                                </div>\n                                \n                                <div class=\"detail-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">Retention Period</label>\n                                    <div>{{ record.RetentionPeriod ? record.RetentionPeriod + ' days' : 'Indefinite' }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Input Parameters Section -->\n                    <kendo-expansionpanel \n                        [expanded]=\"expandedSections.input\"\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-sign-in-alt\" style=\"color: #6c757d;\"></i>\n                                Input Parameters\n                                @if (record.Params) {\n                                    <span style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        JSON\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            @if (record.Params) {\n                                <div class=\"json-editor-container\">\n                                    <div class=\"editor-toolbar\" style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;\">\n                                        <h4 style=\"margin: 0; color: #495057;\">Parameters JSON</h4>\n                                        @if (EditMode) {\n                                            <kendo-button fillMode=\"flat\" size=\"small\" (click)=\"saveParams()\">\n                                                <i class=\"fa-solid fa-save\"></i> Save\n                                            </kendo-button>\n                                        }\n                                    </div>\n                                    <mj-code-editor \n                                        [(ngModel)]=\"formattedParams\"\n                                        name=\"formattedParams\"\n                                        [readonly]=\"!EditMode\"\n                                        [language]=\"'json'\"\n                                        [lineWrapping]=\"true\"\n                                        style=\"height: 300px; width: 100%;\">\n                                    </mj-code-editor>\n                                </div>\n                            } @else {\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</p>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Output/Message Section -->\n                    <kendo-expansionpanel \n                        [expanded]=\"expandedSections.output\"\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-sign-out-alt\" style=\"color: #6c757d;\"></i>\n                                Output Message\n                                @if (formattedMessage) {\n                                    <span style=\"background: #28a745; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        JSON\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            @if (formattedMessage) {\n                                <div class=\"json-editor-container\">\n                                    <div class=\"editor-toolbar\" style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;\">\n                                        <h4 style=\"margin: 0; color: #495057;\">Output Message JSON</h4>\n                                        @if (EditMode) {\n                                            <kendo-button fillMode=\"flat\" size=\"small\" (click)=\"saveMessage()\">\n                                                <i class=\"fa-solid fa-save\"></i> Save\n                                            </kendo-button>\n                                        }\n                                    </div>\n                                    <mj-code-editor \n                                        [(ngModel)]=\"formattedMessage\"\n                                        name=\"formattedMessage\"\n                                        [readonly]=\"!EditMode\"\n                                        [language]=\"'json'\"\n                                        [lineWrapping]=\"true\"\n                                        style=\"height: 300px; width: 100%;\">\n                                    </mj-code-editor>\n                                </div>\n                            } @else {\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 output message</p>\n                                    @if (!EditMode) {\n                                        <p style=\"margin: 8px 0 0 0; font-size: 0.85em; color: #6c757d;\">\n                                            Output data will be captured in future executions\n                                        </p>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Metadata Section -->\n                    <kendo-expansionpanel \n                        [expanded]=\"expandedSections.metadata\"\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-database\" style=\"color: #6c757d;\"></i>\n                                System Metadata\n                            </span>\n                        </ng-template>\n                        \n                        <div style=\"padding: 16px;\">\n                            <div class=\"metadata-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\">\n                                <div class=\"metadata-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">Created At</label>\n                                    <div>{{ record.__mj_CreatedAt | date:'medium' }}</div>\n                                </div>\n                                \n                                <div class=\"metadata-item\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #6c757d; font-size: 0.85em;\">Updated At</label>\n                                    <div>{{ record.__mj_UpdatedAt | date:'medium' }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                </div>\n            </div>\n        </form>\n    }\n</div>", styles: ["/* General form styling */\n.record-form-container {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.record-form {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n/* Header Section */\n.execution-header {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    border-bottom: 2px solid #dee2e6;\n}\n\n.result-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-weight: 600;\n}\n\n.quick-info {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.info-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.info-item span[style*=\"cursor: pointer\"]:hover {\n    text-decoration: underline;\n}\n\n.timestamps {\n    min-width: 200px;\n}\n\n/* Configuration Sections */\n.configuration-sections {\n    overflow-y: auto;\n}\n\n/* Details Grid */\n.details-grid {\n    background: #f8f9fa;\n    padding: 20px;\n    border-radius: 8px;\n}\n\n.detail-item label {\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* JSON Editor Container */\n.json-editor-container {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.editor-toolbar {\n    background: #f8f9fa;\n    padding: 12px 16px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.editor-toolbar h4 {\n    color: #495057;\n    font-size: 1em;\n}\n\n/* Empty State */\n.empty-state {\n    background: #f8f9fa;\n    border-radius: 8px;\n}\n\n.empty-state i {\n    color: #6c757d;\n}\n\n.empty-state p {\n    color: #6c757d;\n}\n\n/* Metadata Grid */\n.metadata-grid {\n    background: #f8f9fa;\n    padding: 20px;\n    border-radius: 8px;\n}\n\n.metadata-item label {\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* Result Code Styling */\n.result-success {\n    color: #28a745;\n}\n\n.result-failure {\n    color: #dc3545;\n}\n\n/* Loading States */\n.loading-state {\n    text-align: center;\n    padding: 40px;\n    color: #6c757d;\n}\n\n.loading-state i {\n    font-size: 2em;\n    margin-bottom: 12px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n    .execution-header {\n        padding: 16px;\n    }\n    \n    .quick-info {\n        flex-direction: column;\n        gap: 12px;\n    }\n    \n    .timestamps {\n        text-align: left !important;\n        margin-top: 16px;\n        padding-top: 16px;\n        border-top: 1px solid #dee2e6;\n    }\n    \n    .details-grid,\n    .metadata-grid {\n        grid-template-columns: 1fr;\n    }\n}"] }]
+        args: [{ selector: 'mj-action-execution-log-form', template: "<div class=\"record-form-container action-execution-log-form\">\n    <div class=\"record-form\">\n        <!-- Header -->\n        <div class=\"header\">\n            <div class=\"header-content\">\n                <div class=\"header-left\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fas fa-terminal\"></i>\n                    </div>\n                    <div class=\"header-info\">\n                        <h2>Action Execution Log</h2>\n                        <div class=\"meta-info\">\n                            @if (action) {\n                                <span class=\"action-name\">{{ action.Name }}</span>\n                            }\n                            <span class=\"log-id\">{{ record.ID }}</span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"header-right\">\n                    <div class=\"status-badge\" [attr.data-status]=\"record.ResultCode?.toLowerCase()\">\n                        <i class=\"fas\" [ngClass]=\"getResultCodeIcon()\"></i>\n                        {{ record.ResultCode || 'UNKNOWN' }}\n                    </div>\n                    <div class=\"execution-time\">\n                        <i class=\"fas fa-clock\"></i>\n                        {{ formatDuration(getExecutionDuration()) }}\n                    </div>\n                </div>\n            </div>\n            <div class=\"header-stats\">\n                <div class=\"stat\">\n                    <span class=\"label\">Started</span>\n                    <span class=\"value\">{{ record.StartedAt | date:'short' }}</span>\n                </div>\n                @if (record.EndedAt) {\n                    <div class=\"stat\">\n                        <span class=\"label\">Ended</span>\n                        <span class=\"value\">{{ record.EndedAt | date:'short' }}</span>\n                    </div>\n                }\n                @if (action) {\n                    <div class=\"stat\">\n                        <span class=\"label\">Action</span>\n                        <span class=\"value\">\n                            <button class=\"btn-link\" (click)=\"navigateToAction()\">\n                                {{ action.Name }}\n                                <i class=\"fas fa-external-link-alt\"></i>\n                            </button>\n                        </span>\n                    </div>\n                }\n                @if (user) {\n                    <div class=\"stat\">\n                        <span class=\"label\">User</span>\n                        <span class=\"value\">\n                            <button class=\"btn-link\" (click)=\"navigateToUser()\">\n                                {{ user.Name }}\n                                <i class=\"fas fa-external-link-alt\"></i>\n                            </button>\n                        </span>\n                    </div>\n                }\n            </div>\n        </div>\n\n        <!-- Content Area -->\n        <div class=\"content-area\">\n            <kendo-panelbar>\n                <!-- Execution Details -->\n                <kendo-panelbar-item title=\"Execution Details\" [expanded]=\"true\">\n                    <ng-template kendoPanelBarContent>\n                        <div class=\"details-grid\">\n                            <div class=\"detail-item\">\n                                <label>Execution ID</label>\n                                <span class=\"monospace\">{{ record.ID }}</span>\n                            </div>\n                            <div class=\"detail-item\">\n                                <label>Action ID</label>\n                                <span class=\"monospace\">{{ record.ActionID }}</span>\n                            </div>\n                            <div class=\"detail-item\">\n                                <label>User ID</label>\n                                <span class=\"monospace\">{{ record.UserID }}</span>\n                            </div>\n                            <div class=\"detail-item\">\n                                <label>Result Code</label>\n                                <span class=\"detail-value\">\n                                    <i class=\"fas\" [ngClass]=\"getResultCodeIcon()\" [style.color]=\"getResultCodeColor()\"></i>\n                                    <span [style.color]=\"getResultCodeColor()\">{{ record.ResultCode || 'N/A' }}</span>\n                                </span>\n                            </div>\n                            <div class=\"detail-item\">\n                                <label>Duration</label>\n                                <span>{{ formatDuration(getExecutionDuration()) }}</span>\n                            </div>\n                            <div class=\"detail-item\">\n                                <label>Retention Period</label>\n                                <span>{{ record.RetentionPeriod ? record.RetentionPeriod + ' days' : 'Indefinite' }}</span>\n                            </div>\n                        </div>\n                    </ng-template>\n                </kendo-panelbar-item>\n\n                <!-- Input Parameters -->\n                @if (record.Params) {\n                    <kendo-panelbar-item title=\"Input Parameters\" [expanded]=\"expandedSections.input\">\n                        <ng-template kendoPanelBarContent>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedParams\"\n                                    name=\"formattedParams\"\n                                    [readonly]=\"true\"\n                                    [language]=\"'json'\"\n                                    [lineWrapping]=\"true\"\n                                    style=\"height: 300px; width: 100%;\">\n                                </mj-code-editor>\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                }\n\n                <!-- Output Message -->\n                @if (record.Message) {\n                    <kendo-panelbar-item title=\"Output Message\" [expanded]=\"expandedSections.output\">\n                        <ng-template kendoPanelBarContent>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedMessage)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedMessage\"\n                                    name=\"formattedMessage\"\n                                    [readonly]=\"true\"\n                                    [language]=\"'json'\"\n                                    [lineWrapping]=\"true\"\n                                    style=\"height: 300px; width: 100%;\">\n                                </mj-code-editor>\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                }\n\n                <!-- Empty States for missing data -->\n                @if (!record.Params && !record.Message) {\n                    <kendo-panelbar-item title=\"Execution Data\" [expanded]=\"true\">\n                        <ng-template kendoPanelBarContent>\n                            <div class=\"empty-state\">\n                                <i class=\"fas fa-inbox\"></i>\n                                <p>No input parameters or output messages recorded</p>\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                }\n            </kendo-panelbar>\n        </div>\n    </div>\n</div>", styles: ["/* Action Execution Log Form Styles */\n.action-execution-log-form {\n  height: 100%;\n  overflow: hidden;\n  background: #f5f7fa;\n}\n\n/* Header Styles */\n.header {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  padding: 20px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 16px;\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.icon-wrapper {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #17a2b8, #138496);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  box-shadow: 0 4px 12px rgba(23, 162, 184, 0.2);\n}\n\n.header-info h2 {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.meta-info {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n.action-name {\n  font-weight: 500;\n  color: #495057;\n}\n\n.log-id {\n  font-family: monospace;\n  font-size: 12px;\n  opacity: 0.7;\n}\n\n.header-right {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.status-badge {\n  padding: 6px 16px;\n  border-radius: 20px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: white;\n}\n\n.execution-time {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n.header-stats {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid #e9ecef;\n}\n\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat .label {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat .value {\n  font-size: 14px;\n  font-weight: 500;\n  color: #495057;\n}\n\n/* Content Area */\n.content-area {\n  height: calc(100% - 180px);\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* Details Grid */\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  padding: 20px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.detail-item label {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: 600;\n}\n\n.detail-value {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px;\n}\n\n.btn-link:hover {\n  color: #1976d2;\n}\n\n.loading {\n  color: #6c757d;\n  font-size: 13px;\n}\n\n/* JSON Viewer */\n.json-viewer {\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n}\n\n.json-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.json-label {\n  background: #17a2b8;\n  color: white;\n  padding: 4px 12px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n}\n\n.btn-icon:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n}\n\n/* Status badge colors based on data-status attribute */\n.status-badge[data-status=\"success\"],\n.status-badge[data-status=\"ok\"],\n.status-badge[data-status=\"completed\"],\n.status-badge[data-status=\"200\"] {\n  background-color: #28a745;\n  color: white;\n}\n\n.status-badge[data-status=\"error\"],\n.status-badge[data-status=\"failed\"],\n.status-badge[data-status=\"failure\"] {\n  background-color: #dc3545;\n  color: white;\n}\n\n.status-badge[data-status=\"warning\"],\n.status-badge[data-status=\"pending\"] {\n  background-color: #ffc107;\n  color: #212529;\n}\n\n.status-badge[data-status=\"info\"],\n.status-badge[data-status=\"running\"] {\n  background-color: #17a2b8;\n  color: white;\n}\n\n.status-badge {\n  background-color: #6c757d;\n  color: white;\n}\n\n/* Panel Bar overrides */\n.k-panelbar-item-content {\n  padding: 0;\n}\n\n.k-panelbar > .k-item > .k-link {\n  padding: 12px 16px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.k-panelbar > .k-item > .k-link i {\n  margin-right: 8px;\n  color: #6c757d;\n}\n\n/* Empty state */\n.empty-state {\n  text-align: center;\n  padding: 40px;\n  color: #6c757d;\n}\n\n.empty-state i {\n  font-size: 48px;\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.monospace {\n  font-family: 'Courier New', Courier, monospace;\n  font-size: 13px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .header-stats {\n    flex-wrap: wrap;\n  }\n  \n  .details-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(ActionExecutionLogFormComponentExtended, { className: "ActionExecutionLogFormComponentExtended", filePath: "src/lib/custom/Actions/action-execution-log-form.component.ts", lineNumber: 16 }); })();
 //# sourceMappingURL=action-execution-log-form.component.js.map