@memberjunction/ng-core-entity-forms 5.21.0 → 5.23.0

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

@@ -13,7 +13,7 @@ import { MJActionExecutionLogFormComponent } from '../../generated/Entities/MJAc
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
+import * as i3 from "@memberjunction/ng-ui-components";
 import * as i4 from "@memberjunction/ng-code-editor";
 function MJActionExecutionLogFormComponentExtended_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
@@ -42,10 +42,10 @@ function MJActionExecutionLogFormComponentExtended_Conditional_29_Template(rf, c
     i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
     i0.ɵɵtext(2, "Action");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 19)(4, "button", 29);
+    i0.ɵɵelementStart(3, "span", 19)(4, "button", 28);
     i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_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.ɵɵelement(6, "i", 30);
+    i0.ɵɵelement(6, "i", 29);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -57,10 +57,10 @@ function MJActionExecutionLogFormComponentExtended_Conditional_30_Template(rf, c
     i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
     i0.ɵɵtext(2, "User");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 19)(4, "button", 29);
+    i0.ɵɵelementStart(3, "span", 19)(4, "button", 28);
     i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_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", 30);
+    i0.ɵɵelement(6, "i", 29);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -68,181 +68,123 @@ function MJActionExecutionLogFormComponentExtended_Conditional_30_Template(rf, c
     i0.ɵɵtextInterpolate1(" ", ctx_r0.user.Name, " ");
 } }
 function MJActionExecutionLogFormComponentExtended_ng_template_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31)(1, "div", 32)(2, "label");
-    i0.ɵɵtext(3, "Execution ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 33);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 32)(7, "label");
-    i0.ɵɵtext(8, "Action ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 33);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 32)(12, "label");
-    i0.ɵɵtext(13, "User ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 33);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 32)(17, "label");
-    i0.ɵɵtext(18, "Result Code");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span", 34);
-    i0.ɵɵelement(20, "i", 13);
-    i0.ɵɵelementStart(21, "span");
-    i0.ɵɵtext(22);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(23, "div", 32)(24, "label");
-    i0.ɵɵtext(25, "Duration");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span");
-    i0.ɵɵtext(27);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 32)(29, "label");
-    i0.ɵɵtext(30, "Retention Period");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span");
-    i0.ɵɵtext(32);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    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.ɵɵ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");
+    i0.ɵɵelement(0, "i", 30);
+    i0.ɵɵtext(1, " Execution Details ");
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_35_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function MJActionExecutionLogFormComponentExtended_Conditional_68_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 37);
+    i0.ɵɵtext(1, " Input Parameters ");
+} }
+function MJActionExecutionLogFormComponentExtended_Conditional_68_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36)(2, "span", 37);
-    i0.ɵɵtext(3, "JSON (Input Parameters Only)");
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 22);
+    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_68_ng_template_1_Template, 2, 0, "ng-template", 23);
+    i0.ɵɵelementStart(2, "div", 31)(3, "div", 32)(4, "span", 33);
+    i0.ɵɵtext(5, "JSON (Input Parameters Only)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 38);
-    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_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.formattedInputParams)); });
-    i0.ɵɵelement(5, "i", 39);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mj-code-editor", 40);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_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.formattedInputParams, $event) || (ctx_r0.formattedInputParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "button", 34);
+    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_Conditional_68_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedInputParams)); });
+    i0.ɵɵelement(7, "i", 35);
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mj-code-editor", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_Conditional_68_Template_mj_code_editor_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedInputParams, $event) || (ctx_r0.formattedInputParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Expanded", ctx_r0.expandedSections.inputParams);
+    i0.ɵɵadvance(8);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.formattedInputParams);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 24);
-    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_35_ng_template_1_Template, 7, 4, "ng-template", 23);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("expanded", ctx_r0.expandedSections.inputParams);
+function MJActionExecutionLogFormComponentExtended_Conditional_69_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 39);
+    i0.ɵɵtext(1, " Output Parameters ");
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_36_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function MJActionExecutionLogFormComponentExtended_Conditional_69_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36)(2, "span", 37);
-    i0.ɵɵtext(3, "JSON (Output Parameters Only)");
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 22);
+    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_69_ng_template_1_Template, 2, 0, "ng-template", 23);
+    i0.ɵɵelementStart(2, "div", 31)(3, "div", 32)(4, "span", 33);
+    i0.ɵɵtext(5, "JSON (Output Parameters Only)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 38);
-    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_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.formattedOutputParams)); });
-    i0.ɵɵelement(5, "i", 39);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mj-code-editor", 41);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_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.formattedOutputParams, $event) || (ctx_r0.formattedOutputParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "button", 34);
+    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_Conditional_69_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedOutputParams)); });
+    i0.ɵɵelement(7, "i", 35);
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mj-code-editor", 38);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_Conditional_69_Template_mj_code_editor_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedOutputParams, $event) || (ctx_r0.formattedOutputParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Expanded", ctx_r0.expandedSections.outputParams);
+    i0.ɵɵadvance(8);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.formattedOutputParams);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 25);
-    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_36_ng_template_1_Template, 7, 4, "ng-template", 23);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("expanded", ctx_r0.expandedSections.outputParams);
+function MJActionExecutionLogFormComponentExtended_Conditional_70_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+    i0.ɵɵtext(1, " Input+Output Parameters ");
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_37_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function MJActionExecutionLogFormComponentExtended_Conditional_70_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36)(2, "span", 37);
-    i0.ɵɵtext(3, "JSON (Input+Output Parameters)");
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 22);
+    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_70_ng_template_1_Template, 2, 0, "ng-template", 23);
+    i0.ɵɵelementStart(2, "div", 31)(3, "div", 32)(4, "span", 33);
+    i0.ɵɵtext(5, "JSON (Input+Output Parameters)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 38);
-    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_Conditional_37_ng_template_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedBothParams)); });
-    i0.ɵɵelement(5, "i", 39);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mj-code-editor", 42);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_Conditional_37_ng_template_1_Template_mj_code_editor_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedBothParams, $event) || (ctx_r0.formattedBothParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "button", 34);
+    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_Conditional_70_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedBothParams)); });
+    i0.ɵɵelement(7, "i", 35);
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mj-code-editor", 40);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_Conditional_70_Template_mj_code_editor_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedBothParams, $event) || (ctx_r0.formattedBothParams = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Expanded", ctx_r0.expandedSections.bothParams);
+    i0.ɵɵadvance(8);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.formattedBothParams);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 26);
-    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_37_ng_template_1_Template, 7, 4, "ng-template", 23);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("expanded", ctx_r0.expandedSections.bothParams);
+function MJActionExecutionLogFormComponentExtended_Conditional_71_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 43);
+    i0.ɵɵtext(1, " Output Message ");
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_38_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function MJActionExecutionLogFormComponentExtended_Conditional_71_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36)(2, "span", 37);
-    i0.ɵɵtext(3, "JSON");
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 22);
+    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_71_ng_template_1_Template, 2, 0, "ng-template", 23);
+    i0.ɵɵelementStart(2, "div", 31)(3, "div", 32)(4, "span", 33);
+    i0.ɵɵtext(5, "JSON");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 38);
-    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_Conditional_38_ng_template_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedMessage)); });
-    i0.ɵɵelement(5, "i", 39);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mj-code-editor", 43);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_Conditional_38_ng_template_1_Template_mj_code_editor_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedMessage, $event) || (ctx_r0.formattedMessage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "button", 34);
+    i0.ɵɵlistener("click", function MJActionExecutionLogFormComponentExtended_Conditional_71_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.copyToClipboard(ctx_r0.formattedMessage)); });
+    i0.ɵɵelement(7, "i", 35);
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mj-code-editor", 42);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJActionExecutionLogFormComponentExtended_Conditional_71_Template_mj_code_editor_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.formattedMessage, $event) || (ctx_r0.formattedMessage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Expanded", ctx_r0.expandedSections.output);
+    i0.ɵɵadvance(8);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.formattedMessage);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 27);
-    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_38_ng_template_1_Template, 7, 4, "ng-template", 23);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("expanded", ctx_r0.expandedSections.output);
+function MJActionExecutionLogFormComponentExtended_Conditional_72_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 46);
+    i0.ɵɵtext(1, " Execution Data ");
 } }
-function MJActionExecutionLogFormComponentExtended_Conditional_39_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵelement(1, "i", 45);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No execution data recorded");
-    i0.ɵɵelementEnd()();
-} }
-function MJActionExecutionLogFormComponentExtended_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 28);
-    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_39_ng_template_1_Template, 4, 0, "ng-template", 23);
-    i0.ɵɵelementEnd();
+function MJActionExecutionLogFormComponentExtended_Conditional_72_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 22);
+    i0.ɵɵtemplate(1, MJActionExecutionLogFormComponentExtended_Conditional_72_ng_template_1_Template, 2, 0, "ng-template", 23);
+    i0.ɵɵelementStart(2, "div", 44);
+    i0.ɵɵelement(3, "i", 45);
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "No execution data recorded");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵproperty("Expanded", true);
 } }
 let MJActionExecutionLogFormComponentExtended = class MJActionExecutionLogFormComponentExtended extends MJActionExecutionLogFormComponent {
     constructor() {
@@ -479,7 +421,7 @@ let MJActionExecutionLogFormComponentExtended = class MJActionExecutionLogFormCo
         }
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMJActionExecutionLogFormComponentExtended_BaseFactory; return function MJActionExecutionLogFormComponentExtended_Factory(__ngFactoryType__) { return (ɵMJActionExecutionLogFormComponentExtended_BaseFactory || (ɵMJActionExecutionLogFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(MJActionExecutionLogFormComponentExtended)))(__ngFactoryType__ || MJActionExecutionLogFormComponentExtended); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJActionExecutionLogFormComponentExtended, selectors: [["mj-action-execution-log-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 40, vars: 20, consts: [[1, "record-form-container", "action-execution-log-form", 2, "height", "100%", "display", "flex", "flex-direction", "column"], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [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"], [3, "keepItemContent"], ["title", "Execution Details", 3, "expanded"], ["kendoPanelBarContent", ""], ["title", "Input Parameters", 3, "expanded"], ["title", "Output Parameters", 3, "expanded"], ["title", "Input+Output 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", "formattedInputParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedOutputParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedBothParams", 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 MJActionExecutionLogFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJActionExecutionLogFormComponentExtended, selectors: [["mj-action-execution-log-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 73, vars: 30, consts: [[1, "record-form-container", "action-execution-log-form", 2, "height", "100%", "display", "flex", "flex-direction", "column"], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [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"], [1, "accordion-container"], [3, "Expanded"], ["mjAccordionTitle", ""], [1, "details-grid"], [1, "detail-item"], [1, "monospace"], [1, "detail-value"], [1, "btn-link", 3, "click"], [1, "fas", "fa-external-link-alt"], [1, "fas", "fa-info-circle"], [1, "json-viewer"], [1, "json-toolbar"], [1, "json-label"], ["title", "Copy JSON", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], ["name", "formattedInputParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fas", "fa-sign-in-alt"], ["name", "formattedOutputParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fas", "fa-sign-out-alt"], ["name", "formattedBothParams", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fas", "fa-exchange-alt"], ["name", "formattedMessage", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fas", "fa-comment-alt"], [1, "empty-state"], [1, "fas", "fa-inbox"], [1, "fas", "fa-database"]], template: function MJActionExecutionLogFormComponentExtended_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();
@@ -510,14 +452,51 @@ let MJActionExecutionLogFormComponentExtended = class MJActionExecutionLogFormCo
             i0.ɵɵconditionalCreate(29, MJActionExecutionLogFormComponentExtended_Conditional_29_Template, 7, 1, "div", 17);
             i0.ɵɵconditionalCreate(30, MJActionExecutionLogFormComponentExtended_Conditional_30_Template, 7, 1, "div", 17);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(31, "div", 20)(32, "kendo-panelbar", 21)(33, "kendo-panelbar-item", 22);
-            i0.ɵɵtemplate(34, MJActionExecutionLogFormComponentExtended_ng_template_34_Template, 33, 11, "ng-template", 23);
+            i0.ɵɵelementStart(31, "div", 20)(32, "div", 21)(33, "mj-accordion-panel", 22);
+            i0.ɵɵtemplate(34, MJActionExecutionLogFormComponentExtended_ng_template_34_Template, 2, 0, "ng-template", 23);
+            i0.ɵɵelementStart(35, "div", 24)(36, "div", 25)(37, "label");
+            i0.ɵɵtext(38, "Execution ID");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(35, MJActionExecutionLogFormComponentExtended_Conditional_35_Template, 2, 1, "kendo-panelbar-item", 24);
-            i0.ɵɵconditionalCreate(36, MJActionExecutionLogFormComponentExtended_Conditional_36_Template, 2, 1, "kendo-panelbar-item", 25);
-            i0.ɵɵconditionalCreate(37, MJActionExecutionLogFormComponentExtended_Conditional_37_Template, 2, 1, "kendo-panelbar-item", 26);
-            i0.ɵɵconditionalCreate(38, MJActionExecutionLogFormComponentExtended_Conditional_38_Template, 2, 1, "kendo-panelbar-item", 27);
-            i0.ɵɵconditionalCreate(39, MJActionExecutionLogFormComponentExtended_Conditional_39_Template, 2, 1, "kendo-panelbar-item", 28);
+            i0.ɵɵelementStart(39, "span", 26);
+            i0.ɵɵtext(40);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(41, "div", 25)(42, "label");
+            i0.ɵɵtext(43, "Action ID");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(44, "span", 26);
+            i0.ɵɵtext(45);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(46, "div", 25)(47, "label");
+            i0.ɵɵtext(48, "User ID");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(49, "span", 26);
+            i0.ɵɵtext(50);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(51, "div", 25)(52, "label");
+            i0.ɵɵtext(53, "Result Code");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(54, "span", 27);
+            i0.ɵɵelement(55, "i", 13);
+            i0.ɵɵelementStart(56, "span");
+            i0.ɵɵtext(57);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(58, "div", 25)(59, "label");
+            i0.ɵɵtext(60, "Duration");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(61, "span");
+            i0.ɵɵtext(62);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(63, "div", 25)(64, "label");
+            i0.ɵɵtext(65, "Retention Period");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(66, "span");
+            i0.ɵɵtext(67);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(68, MJActionExecutionLogFormComponentExtended_Conditional_68_Template, 9, 5, "mj-accordion-panel", 22);
+            i0.ɵɵconditionalCreate(69, MJActionExecutionLogFormComponentExtended_Conditional_69_Template, 9, 5, "mj-accordion-panel", 22);
+            i0.ɵɵconditionalCreate(70, MJActionExecutionLogFormComponentExtended_Conditional_70_Template, 9, 5, "mj-accordion-panel", 22);
+            i0.ɵɵconditionalCreate(71, MJActionExecutionLogFormComponentExtended_Conditional_71_Template, 9, 5, "mj-accordion-panel", 22);
+            i0.ɵɵconditionalCreate(72, MJActionExecutionLogFormComponentExtended_Conditional_72_Template, 6, 1, "mj-accordion-panel", 22);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(11);
@@ -533,28 +512,43 @@ let MJActionExecutionLogFormComponentExtended = class MJActionExecutionLogFormCo
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", ctx.formatDuration(ctx.getExecutionDuration()), " ");
             i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(27, 17, ctx.record.StartedAt, "short"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(27, 27, 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(2);
-            i0.ɵɵproperty("keepItemContent", true);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Expanded", true);
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.record.ID);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.record.ActionID);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.record.UserID);
+            i0.ɵɵadvance(5);
+            i0.ɵɵstyleProp("color", ctx.getResultCodeColor());
+            i0.ɵɵproperty("ngClass", ctx.getResultCodeIcon());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("expanded", true);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.hasInputParams && ctx.formattedInputParams ? 35 : -1);
+            i0.ɵɵstyleProp("color", ctx.getResultCodeColor());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.record.ResultCode || "N/A");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.formatDuration(ctx.getExecutionDuration()));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.record.RetentionPeriod ? ctx.record.RetentionPeriod + " days" : "Indefinite");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.hasInputParams && ctx.formattedInputParams ? 68 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.hasOutputParams && ctx.formattedOutputParams ? 36 : -1);
+            i0.ɵɵconditional(ctx.hasOutputParams && ctx.formattedOutputParams ? 69 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.hasBothParams && ctx.formattedBothParams ? 37 : -1);
+            i0.ɵɵconditional(ctx.hasBothParams && ctx.formattedBothParams ? 70 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.record.Message ? 38 : -1);
+            i0.ɵɵconditional(ctx.record.Message ? 71 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.record.Params && !ctx.record.Message && !ctx.hasInputParams && !ctx.hasOutputParams && !ctx.hasBothParams ? 39 : -1);
-        } }, dependencies: [i1.NgClass, i2.NgControlStatus, i2.NgModel, i3.PanelBarComponent, i3.PanelBarItemComponent, i3.PanelBarContentDirective, i4.CodeEditorComponent, i1.DatePipe], styles: ["\n\n[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.action-execution-log-form[_ngcontent-%COMP%] {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--mj-bg-page);\n  color: var(--mj-text-primary);\n}\n\n\n\n.header[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  padding: 20px;\n  box-shadow: var(--mj-shadow-sm);\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: var(--mj-status-info);\n  border-radius: var(--mj-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: var(--mj-text-xl);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.header-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-2xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.meta-info[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.action-name[_ngcontent-%COMP%] {\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.log-id[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: var(--mj-text-xs);\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: var(--mj-radius-full);\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-inverse);\n}\n\n.execution-time[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.header-stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mj-border-default);\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: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\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: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: var(--mj-font-semibold);\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--mj-text-primary);\n}\n\n.btn-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: var(--mj-text-sm);\n  padding: 4px;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary-hover);\n}\n\n.loading[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-xs);\n}\n\n\n\n.json-viewer[_ngcontent-%COMP%] {\n  padding: 20px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-md);\n  margin-bottom: 20px;\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: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n  padding: 4px 12px;\n  border-radius: var(--mj-radius-full);\n  font-size: 11px;\n  font-weight: var(--mj-font-semibold);\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 var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: var(--mj-radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all var(--mj-transition-base);\n  color: var(--mj-text-muted);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  color: var(--mj-text-secondary);\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: var(--mj-status-success);\n  color: var(--mj-text-inverse);\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: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[data-status=\"warning\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"pending\"][_ngcontent-%COMP%] {\n  background-color: var(--mj-status-warning);\n  color: var(--mj-color-warning-800);\n}\n\n.status-badge[data-status=\"info\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"running\"][_ngcontent-%COMP%] {\n  background-color: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n\n\n  .k-panelbar {\n  background: var(--mj-bg-surface-card) !important;\n  border-color: var(--mj-border-default) !important;\n  color: var(--mj-text-primary) !important;\n}\n\n  .k-panelbar > .k-panelbar-header > .k-link {\n  background: var(--mj-bg-surface-elevated) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n  padding: 12px 16px;\n  font-weight: var(--mj-font-semibold);\n}\n\n  .k-panelbar > .k-panelbar-header > .k-link:hover {\n  background: var(--mj-bg-surface-hover) !important;\n}\n\n  .k-panelbar > .k-panelbar-header > .k-link .k-icon, \n  .k-panelbar > .k-panelbar-header > .k-link .k-svg-icon {\n  color: var(--mj-text-muted) !important;\n}\n\n  .k-panelbar-item-content, \n  .k-panelbar > .k-item > .k-animation-container .k-panelbar-item-content {\n  padding: 0;\n  background: var(--mj-bg-surface-card) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n}\n\n.k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 40px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-5xl);\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.monospace[_ngcontent-%COMP%] {\n  font-family: 'Courier New', Courier, monospace;\n  font-size: var(--mj-text-xs);\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}"] }); }
+            i0.ɵɵconditional(!ctx.record.Params && !ctx.record.Message && !ctx.hasInputParams && !ctx.hasOutputParams && !ctx.hasBothParams ? 72 : -1);
+        } }, dependencies: [i1.NgClass, i2.NgControlStatus, i2.NgModel, i3.MJAccordionPanelComponent, i3.MJAccordionTitleDirective, i4.CodeEditorComponent, i1.DatePipe], styles: ["\n\n[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.action-execution-log-form[_ngcontent-%COMP%] {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--mj-bg-page);\n  color: var(--mj-text-primary);\n}\n\n\n\n.header[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  padding: 20px;\n  box-shadow: var(--mj-shadow-sm);\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: var(--mj-status-info);\n  border-radius: var(--mj-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: var(--mj-text-xl);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.header-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-2xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.meta-info[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.action-name[_ngcontent-%COMP%] {\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.log-id[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: var(--mj-text-xs);\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: var(--mj-radius-full);\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-inverse);\n}\n\n.execution-time[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.header-stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mj-border-default);\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: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\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: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: var(--mj-font-semibold);\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--mj-text-primary);\n}\n\n.btn-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: var(--mj-text-sm);\n  padding: 4px;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary-hover);\n}\n\n.loading[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-xs);\n}\n\n\n\n.json-viewer[_ngcontent-%COMP%] {\n  padding: 20px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-md);\n  margin-bottom: 20px;\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: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n  padding: 4px 12px;\n  border-radius: var(--mj-radius-full);\n  font-size: 11px;\n  font-weight: var(--mj-font-semibold);\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 var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: var(--mj-radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all var(--mj-transition-base);\n  color: var(--mj-text-muted);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  color: var(--mj-text-secondary);\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: var(--mj-status-success);\n  color: var(--mj-text-inverse);\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: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[data-status=\"warning\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"pending\"][_ngcontent-%COMP%] {\n  background-color: var(--mj-status-warning);\n  color: var(--mj-color-warning-800);\n}\n\n.status-badge[data-status=\"info\"][_ngcontent-%COMP%], \n.status-badge[data-status=\"running\"][_ngcontent-%COMP%] {\n  background-color: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n\n\n  .k-panelbar {\n  background: var(--mj-bg-surface-card) !important;\n  border-color: var(--mj-border-default) !important;\n  color: var(--mj-text-primary) !important;\n}\n\n  .k-panelbar > .k-panelbar-header > .k-link {\n  background: var(--mj-bg-surface-elevated) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n  padding: 12px 16px;\n  font-weight: var(--mj-font-semibold);\n}\n\n  .k-panelbar > .k-panelbar-header > .k-link:hover {\n  background: var(--mj-bg-surface-hover) !important;\n}\n\n  .k-panelbar > .k-panelbar-header > .k-link .k-icon, \n  .k-panelbar > .k-panelbar-header > .k-link .k-svg-icon {\n  color: var(--mj-text-muted) !important;\n}\n\n  .k-panelbar-item-content, \n  .k-panelbar > .k-item > .k-animation-container .k-panelbar-item-content {\n  padding: 0;\n  background: var(--mj-bg-surface-card) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n}\n\n.k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 40px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-5xl);\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.monospace[_ngcontent-%COMP%] {\n  font-family: 'Courier New', Courier, monospace;\n  font-size: var(--mj-text-xs);\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}"] }); }
 };
 MJActionExecutionLogFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: Action Execution Logs')
@@ -562,7 +556,7 @@ MJActionExecutionLogFormComponentExtended = __decorate([
 export { MJActionExecutionLogFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJActionExecutionLogFormComponentExtended, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-action-execution-log-form', template: "<div class=\"record-form-container action-execution-log-form\" style=\"height: 100%; display: flex; flex-direction: column;\">\n    <div class=\"record-form\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\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 [keepItemContent]=\"true\">\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 Only -->\n                @if (hasInputParams && formattedInputParams) {\n                    <kendo-panelbar-item title=\"Input Parameters\" [expanded]=\"expandedSections.inputParams\">\n                        <ng-template kendoPanelBarContent>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON (Input Parameters Only)</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedInputParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedInputParams\"\n                                    name=\"formattedInputParams\"\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 Parameters Only -->\n                @if (hasOutputParams && formattedOutputParams) {\n                    <kendo-panelbar-item title=\"Output Parameters\" [expanded]=\"expandedSections.outputParams\">\n                        <ng-template kendoPanelBarContent>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON (Output Parameters Only)</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedOutputParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedOutputParams\"\n                                    name=\"formattedOutputParams\"\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                <!-- Input+Output Parameters -->\n                @if (hasBothParams && formattedBothParams) {\n                    <kendo-panelbar-item title=\"Input+Output Parameters\" [expanded]=\"expandedSections.bothParams\">\n                        <ng-template kendoPanelBarContent>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON (Input+Output Parameters)</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedBothParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedBothParams\"\n                                    name=\"formattedBothParams\"\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 && !hasInputParams && !hasOutputParams && !hasBothParams) {\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 execution data 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:host {\n  display: block;\n  height: 100%;\n}\n\n.action-execution-log-form {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--mj-bg-page);\n  color: var(--mj-text-primary);\n}\n\n/* Header Styles */\n.header {\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  padding: 20px;\n  box-shadow: var(--mj-shadow-sm);\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: var(--mj-status-info);\n  border-radius: var(--mj-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: var(--mj-text-xl);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.header-info h2 {\n  margin: 0;\n  font-size: var(--mj-text-2xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.meta-info {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.action-name {\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.log-id {\n  font-family: monospace;\n  font-size: var(--mj-text-xs);\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: var(--mj-radius-full);\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-inverse);\n}\n\n.execution-time {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.header-stats {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat .label {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat .value {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.record-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n/* Content Area */\n.content-area {\n  flex: 1;\n  min-height: 0;\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: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: var(--mj-font-semibold);\n}\n\n.detail-value {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--mj-text-primary);\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: var(--mj-text-sm);\n  padding: 4px;\n}\n\n.btn-link:hover {\n  color: var(--mj-brand-primary-hover);\n}\n\n.loading {\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-xs);\n}\n\n/* JSON Viewer */\n.json-viewer {\n  padding: 20px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-md);\n  margin-bottom: 20px;\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: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n  padding: 4px 12px;\n  border-radius: var(--mj-radius-full);\n  font-size: 11px;\n  font-weight: var(--mj-font-semibold);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: var(--mj-radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all var(--mj-transition-base);\n  color: var(--mj-text-muted);\n}\n\n.btn-icon:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  color: var(--mj-text-secondary);\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: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[data-status=\"error\"],\n.status-badge[data-status=\"failed\"],\n.status-badge[data-status=\"failure\"] {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[data-status=\"warning\"],\n.status-badge[data-status=\"pending\"] {\n  background-color: var(--mj-status-warning);\n  color: var(--mj-color-warning-800);\n}\n\n.status-badge[data-status=\"info\"],\n.status-badge[data-status=\"running\"] {\n  background-color: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n/* Panel Bar overrides */\n::ng-deep .k-panelbar {\n  background: var(--mj-bg-surface-card) !important;\n  border-color: var(--mj-border-default) !important;\n  color: var(--mj-text-primary) !important;\n}\n\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link {\n  background: var(--mj-bg-surface-elevated) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n  padding: 12px 16px;\n  font-weight: var(--mj-font-semibold);\n}\n\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link:hover {\n  background: var(--mj-bg-surface-hover) !important;\n}\n\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link .k-icon,\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link .k-svg-icon {\n  color: var(--mj-text-muted) !important;\n}\n\n::ng-deep .k-panelbar-item-content,\n::ng-deep .k-panelbar > .k-item > .k-animation-container .k-panelbar-item-content {\n  padding: 0;\n  background: var(--mj-bg-surface-card) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n}\n\n.k-panelbar > .k-item > .k-link i {\n  margin-right: 8px;\n  color: var(--mj-text-muted);\n}\n\n/* Empty state */\n.empty-state {\n  text-align: center;\n  padding: 40px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state i {\n  font-size: var(--mj-text-5xl);\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.monospace {\n  font-family: 'Courier New', Courier, monospace;\n  font-size: var(--mj-text-xs);\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}\n"] }]
+        args: [{ standalone: false, selector: 'mj-action-execution-log-form', template: "<div class=\"record-form-container action-execution-log-form\" style=\"height: 100%; display: flex; flex-direction: column;\">\n    <div class=\"record-form\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\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            <div class=\"accordion-container\">\n                <!-- Execution Details -->\n                <mj-accordion-panel [Expanded]=\"true\">\n                    <ng-template mjAccordionTitle>\n                      <i class=\"fas fa-info-circle\"></i> Execution Details\n                    </ng-template>\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                </mj-accordion-panel>\n\n                <!-- Input Parameters Only -->\n                @if (hasInputParams && formattedInputParams) {\n                    <mj-accordion-panel [Expanded]=\"expandedSections.inputParams\">\n                        <ng-template mjAccordionTitle>\n                          <i class=\"fas fa-sign-in-alt\"></i> Input Parameters\n                        </ng-template>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON (Input Parameters Only)</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedInputParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedInputParams\"\n                                    name=\"formattedInputParams\"\n                                    [readonly]=\"true\"\n                                    [language]=\"'json'\"\n                                    [lineWrapping]=\"true\"\n                                    style=\"height: 300px; width: 100%;\">\n                                </mj-code-editor>\n                            </div>\n                    </mj-accordion-panel>\n                }\n\n                <!-- Output Parameters Only -->\n                @if (hasOutputParams && formattedOutputParams) {\n                    <mj-accordion-panel [Expanded]=\"expandedSections.outputParams\">\n                        <ng-template mjAccordionTitle>\n                          <i class=\"fas fa-sign-out-alt\"></i> Output Parameters\n                        </ng-template>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON (Output Parameters Only)</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedOutputParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedOutputParams\"\n                                    name=\"formattedOutputParams\"\n                                    [readonly]=\"true\"\n                                    [language]=\"'json'\"\n                                    [lineWrapping]=\"true\"\n                                    style=\"height: 300px; width: 100%;\">\n                                </mj-code-editor>\n                            </div>\n                    </mj-accordion-panel>\n                }\n\n                <!-- Input+Output Parameters -->\n                @if (hasBothParams && formattedBothParams) {\n                    <mj-accordion-panel [Expanded]=\"expandedSections.bothParams\">\n                        <ng-template mjAccordionTitle>\n                          <i class=\"fas fa-exchange-alt\"></i> Input+Output Parameters\n                        </ng-template>\n                            <div class=\"json-viewer\">\n                                <div class=\"json-toolbar\">\n                                    <span class=\"json-label\">JSON (Input+Output Parameters)</span>\n                                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(formattedBothParams)\">\n                                        <i class=\"fas fa-copy\"></i>\n                                    </button>\n                                </div>\n                                <mj-code-editor \n                                    [(ngModel)]=\"formattedBothParams\"\n                                    name=\"formattedBothParams\"\n                                    [readonly]=\"true\"\n                                    [language]=\"'json'\"\n                                    [lineWrapping]=\"true\"\n                                    style=\"height: 300px; width: 100%;\">\n                                </mj-code-editor>\n                            </div>\n                    </mj-accordion-panel>\n                }\n\n                <!-- Output Message -->\n                @if (record.Message) {\n                    <mj-accordion-panel [Expanded]=\"expandedSections.output\">\n                        <ng-template mjAccordionTitle>\n                          <i class=\"fas fa-comment-alt\"></i> Output Message\n                        </ng-template>\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                    </mj-accordion-panel>\n                }\n\n                <!-- Empty States for missing data -->\n                @if (!record.Params && !record.Message && !hasInputParams && !hasOutputParams && !hasBothParams) {\n                    <mj-accordion-panel [Expanded]=\"true\">\n                        <ng-template mjAccordionTitle>\n                          <i class=\"fas fa-database\"></i> Execution Data\n                        </ng-template>\n                            <div class=\"empty-state\">\n                                <i class=\"fas fa-inbox\"></i>\n                                <p>No execution data recorded</p>\n                            </div>\n                    </mj-accordion-panel>\n                }\n            </div>\n        </div>\n    </div>\n</div>", styles: ["/* Action Execution Log Form Styles */\n:host {\n  display: block;\n  height: 100%;\n}\n\n.action-execution-log-form {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--mj-bg-page);\n  color: var(--mj-text-primary);\n}\n\n/* Header Styles */\n.header {\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  padding: 20px;\n  box-shadow: var(--mj-shadow-sm);\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: var(--mj-status-info);\n  border-radius: var(--mj-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: var(--mj-text-xl);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.header-info h2 {\n  margin: 0;\n  font-size: var(--mj-text-2xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.meta-info {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.action-name {\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.log-id {\n  font-family: monospace;\n  font-size: var(--mj-text-xs);\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: var(--mj-radius-full);\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-inverse);\n}\n\n.execution-time {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-muted);\n}\n\n.header-stats {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat .label {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat .value {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.record-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n/* Content Area */\n.content-area {\n  flex: 1;\n  min-height: 0;\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: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: var(--mj-font-semibold);\n}\n\n.detail-value {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--mj-text-primary);\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: var(--mj-text-sm);\n  padding: 4px;\n}\n\n.btn-link:hover {\n  color: var(--mj-brand-primary-hover);\n}\n\n.loading {\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-xs);\n}\n\n/* JSON Viewer */\n.json-viewer {\n  padding: 20px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-md);\n  margin-bottom: 20px;\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: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n  padding: 4px 12px;\n  border-radius: var(--mj-radius-full);\n  font-size: 11px;\n  font-weight: var(--mj-font-semibold);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: var(--mj-radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all var(--mj-transition-base);\n  color: var(--mj-text-muted);\n}\n\n.btn-icon:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  color: var(--mj-text-secondary);\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: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[data-status=\"error\"],\n.status-badge[data-status=\"failed\"],\n.status-badge[data-status=\"failure\"] {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge[data-status=\"warning\"],\n.status-badge[data-status=\"pending\"] {\n  background-color: var(--mj-status-warning);\n  color: var(--mj-color-warning-800);\n}\n\n.status-badge[data-status=\"info\"],\n.status-badge[data-status=\"running\"] {\n  background-color: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n}\n\n.status-badge {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n/* Panel Bar overrides */\n::ng-deep .k-panelbar {\n  background: var(--mj-bg-surface-card) !important;\n  border-color: var(--mj-border-default) !important;\n  color: var(--mj-text-primary) !important;\n}\n\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link {\n  background: var(--mj-bg-surface-elevated) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n  padding: 12px 16px;\n  font-weight: var(--mj-font-semibold);\n}\n\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link:hover {\n  background: var(--mj-bg-surface-hover) !important;\n}\n\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link .k-icon,\n::ng-deep .k-panelbar > .k-panelbar-header > .k-link .k-svg-icon {\n  color: var(--mj-text-muted) !important;\n}\n\n::ng-deep .k-panelbar-item-content,\n::ng-deep .k-panelbar > .k-item > .k-animation-container .k-panelbar-item-content {\n  padding: 0;\n  background: var(--mj-bg-surface-card) !important;\n  color: var(--mj-text-primary) !important;\n  border-color: var(--mj-border-default) !important;\n}\n\n.k-panelbar > .k-item > .k-link i {\n  margin-right: 8px;\n  color: var(--mj-text-muted);\n}\n\n/* Empty state */\n.empty-state {\n  text-align: center;\n  padding: 40px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state i {\n  font-size: var(--mj-text-5xl);\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.monospace {\n  font-family: 'Courier New', Courier, monospace;\n  font-size: var(--mj-text-xs);\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}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJActionExecutionLogFormComponentExtended, { className: "MJActionExecutionLogFormComponentExtended", filePath: "src/lib/custom/Actions/action-execution-log-form.component.ts", lineNumber: 22 }); })();
 //# sourceMappingURL=action-execution-log-form.component.js.map