@memberjunction/ng-core-entity-forms 5.42.0 → 5.44.0

package/dist/lib/custom/Templates/template-param-dialog.component.js

@@ -1,5 +1,6 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { RunView } from '@memberjunction/core';
+import { TemplateRunOperation } from '@memberjunction/core-entities';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import * as i0 from "@angular/core";
@@ -154,19 +155,14 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_6
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 19);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No parameters defined yet");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 51);
-    i0.ɵɵlistener("click", function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_7_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addParameter()); });
-    i0.ɵɵelement(5, "i", 34);
-    i0.ɵɵtext(6, " Add First Parameter ");
+    i0.ɵɵelementStart(0, "mj-empty-state", 21)(1, "button", 51);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addParameter()); });
+    i0.ɵɵelement(2, "i", 34);
+    i0.ɵɵtext(3, " Add First Parameter ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r1.isRunning);
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_ng_template_9_Template(rf, ctx) { if (rf & 1) {
@@ -280,11 +276,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_1
     i0.ɵɵconditional(ctx_r1.testResult.success && ctx_r1.testResult.output ? 14 : !ctx_r1.testResult.success && ctx_r1.testResult.error ? 15 : -1);
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27)(1, "div", 69);
-    i0.ɵɵelement(2, "i", 70);
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4, "No test results yet. Run the template to see results here.");
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(0, "mj-empty-state", 27);
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -295,7 +287,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Template(rf,
     i0.ɵɵelement(4, "i", 19);
     i0.ɵɵtext(5, " Configure parameter values for template testing. Values can be JSON objects, strings, or numbers. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_6_Template, 14, 1, "div", 20)(7, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_7_Template, 7, 1, "div", 21);
+    i0.ɵɵconditionalCreate(6, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_6_Template, 14, 1, "div", 20)(7, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_7_Template, 4, 1, "mj-empty-state", 21);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "mj-accordion-panel", 15);
     i0.ɵɵtwoWayListener("ExpandedChange", function TemplateParamDialogComponent_Conditional_0_Conditional_15_Template_mj_accordion_panel_ExpandedChange_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.jsonPreviewExpanded, $event) || (ctx_r1.jsonPreviewExpanded = $event); return i0.ɵɵresetView($event); });
@@ -307,7 +299,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Template(rf,
     i0.ɵɵtwoWayListener("ExpandedChange", function TemplateParamDialogComponent_Conditional_0_Conditional_15_Template_mj_accordion_panel_ExpandedChange_14_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.resultsExpanded, $event) || (ctx_r1.resultsExpanded = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵtemplate(15, TemplateParamDialogComponent_Conditional_0_Conditional_15_ng_template_15_Template, 4, 1, "ng-template", 16);
     i0.ɵɵelementStart(16, "div", 24);
-    i0.ɵɵconditionalCreate(17, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_17_Template, 4, 0, "div", 25)(18, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_18_Template, 16, 7, "div", 26)(19, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_19_Template, 5, 0, "div", 27);
+    i0.ɵɵconditionalCreate(17, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_17_Template, 4, 0, "div", 25)(18, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_18_Template, 16, 7, "div", 26)(19, TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_19_Template, 1, 0, "mj-empty-state", 27);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -325,9 +317,9 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Template(rf,
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 71);
+    i0.ɵɵelementStart(0, "button", 69);
     i0.ɵɵlistener("click", function TemplateParamDialogComponent_Conditional_0_Conditional_19_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.updateTemplateParams()); });
-    i0.ɵɵelement(1, "i", 72);
+    i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2, " Update Template Params ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -347,7 +339,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_25_Template(rf,
     i0.ɵɵtext(1, " Running... ");
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 73);
+    i0.ɵɵelement(0, "i", 71);
     i0.ɵɵtext(1, " Run Template ");
 } }
 function TemplateParamDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -515,26 +507,16 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
                     }
                 }
             });
-            // Get GraphQL data provider
-            const dataProvider = this.ProviderToUse;
-            // Execute the RunTemplate GraphQL mutation
-            const query = `
-                mutation RunTemplate($templateId: String!, $contextData: String) {
-                    RunTemplate(templateId: $templateId, contextData: $contextData) {
-                        success
-                        output
-                        error
-                        executionTimeMs
-                    }
-                }
-            `;
-            const variables = {
-                templateId: this.template.ID,
-                contextData: JSON.stringify(contextData)
-            };
-            const result = await dataProvider.ExecuteGQL(query, variables);
-            if (result?.RunTemplate) {
-                this.testResult = result.RunTemplate;
+            // Run the template via the Template.Run Remote Operation (provider-scoped; routes over the
+            // generic ExecuteRemoteOperation transport — no bespoke GraphQL client).
+            const opResult = await new TemplateRunOperation().Execute({ templateID: this.template.ID, data: contextData }, { provider: this.ProviderToUse });
+            {
+                this.testResult = {
+                    success: opResult.Success,
+                    output: opResult.Output?.output,
+                    error: opResult.ErrorMessage,
+                    executionTimeMs: opResult.Output?.executionTimeMs,
+                };
                 // Collapse parameters and expand results after execution
                 this.parametersExpanded = false;
                 this.resultsExpanded = true;
@@ -545,9 +527,6 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
                     MJNotificationService.Instance.CreateSimpleNotification(`Template execution failed: ${this.testResult?.error || 'Unknown error'}`, 'error', 5000);
                 }
             }
-            else {
-                throw new Error(result.errors?.[0]?.message || 'Unknown GraphQL error');
-            }
         }
         catch (error) {
             console.error('Template test error:', error);
@@ -650,15 +629,15 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
         return JSON.stringify(contextData, null, 2);
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTemplateParamDialogComponent_BaseFactory; return function TemplateParamDialogComponent_Factory(__ngFactoryType__) { return (ɵTemplateParamDialogComponent_BaseFactory || (ɵTemplateParamDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TemplateParamDialogComponent)))(__ngFactoryType__ || TemplateParamDialogComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateParamDialogComponent, selectors: [["mj-template-param-dialog"]], inputs: { template: "template", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onClose: "onClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Visible", "Width"], [3, "Close", "Visible", "Width"], [1, "dialog-content", 2, "display", "flex", "flex-direction", "column", "height", "100%", "font-family", "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"], [1, "dlg-header"], [1, "dlg-header-row"], [1, "fa-solid", "fa-sliders"], [1, "required-marker"], [1, "dlg-loading"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "width", "100%"], ["mjButton", "", "variant", "outline", 3, "disabled"], [2, "display", "flex", "gap", "8px"], ["mjButton", "", "variant", "outline", 3, "click"], ["mjButton", "", "variant", "outline"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [2, "margin-bottom", "16px", "flex-shrink", "0", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], [2, "padding", "12px 0"], [1, "dlg-info-text"], [1, "fa-solid", "fa-info-circle"], [1, "params-table"], [1, "no-params-state"], [1, "json-preview-box"], [2, "margin-bottom", "16px", "flex", "1", "display", "flex", "flex-direction", "column", 3, "ExpandedChange", "Expanded"], [2, "padding", "12px 0", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "dlg-loading", 2, "flex", "1"], [2, "flex", "1", "display", "flex", "flex-direction", "column"], [1, "no-results-state"], [1, "dlg-panel-title"], [1, "count-badge"], [1, "params-table-header"], [1, "params-table-row"], [1, "add-param-row"], ["mjButton", "", "variant", "success", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "param-name", 2, "display", "flex", "flex-direction", "column"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], ["title", "From template definition", 1, "fa-solid", "fa-database", "param-source-icon-template"], ["title", "Custom parameter", 1, "fa-solid", "fa-edit", "param-source-icon-custom"], [1, "param-required-marker"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModel", "disabled"], [1, "param-value"], ["placeholder", "Enter value (JSON strings, numbers, objects)...", 1, "mj-textarea", 2, "font-family", "'Courier New', monospace", "font-size", "0.9em", "width", "100%", 3, "ngModelChange", "ngModel", "rows", "disabled"], [1, "param-actions"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "disabled"], [1, "param-key-text"], [1, "param-description-text"], [1, "param-type-text"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModelChange", "ngModel", "disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-chart-line"], [1, "result-badge", "success"], [1, "result-badge", "error"], [1, "fa-solid", "fa-check"], [1, "result-stats"], [1, "result-stat"], [1, "result-stat-label"], [1, "result-stat-value"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Save results to file", 3, "click"], [1, "fa-solid", "fa-download"], [2, "margin-bottom", "12px", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "output-header"], [1, "fa-solid", "fa-check-circle", "success-icon"], [1, "output-box"], [1, "fa-solid", "fa-exclamation-triangle", "error-icon"], [1, "error-output-box"], [2, "text-align", "center"], [1, "fa-solid", "fa-play-circle"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], [1, "fa-solid", "fa-play"]], template: function TemplateParamDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateParamDialogComponent, selectors: [["mj-template-param-dialog"]], inputs: { template: "template", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onClose: "onClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Visible", "Width"], [3, "Close", "Visible", "Width"], [1, "dialog-content", 2, "display", "flex", "flex-direction", "column", "height", "100%", "font-family", "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"], [1, "dlg-header"], [1, "dlg-header-row"], [1, "fa-solid", "fa-sliders"], [1, "required-marker"], [1, "dlg-loading"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "width", "100%"], ["mjButton", "", "variant", "outline", 3, "disabled"], [2, "display", "flex", "gap", "8px"], ["mjButton", "", "variant", "outline", 3, "click"], ["mjButton", "", "variant", "outline"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [2, "margin-bottom", "16px", "flex-shrink", "0", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], [2, "padding", "12px 0"], [1, "dlg-info-text"], [1, "fa-solid", "fa-info-circle"], [1, "params-table"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No parameters defined yet"], [1, "json-preview-box"], [2, "margin-bottom", "16px", "flex", "1", "display", "flex", "flex-direction", "column", 3, "ExpandedChange", "Expanded"], [2, "padding", "12px 0", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "dlg-loading", 2, "flex", "1"], [2, "flex", "1", "display", "flex", "flex-direction", "column"], ["Size", "compact", "Icon", "fa-solid fa-circle-play", "Title", "No test results yet. Run the template to see results here.", 1, "no-results-state"], [1, "dlg-panel-title"], [1, "mj-accordion-badge", "mj-accordion-badge--right"], [1, "params-table-header"], [1, "params-table-row"], [1, "add-param-row"], ["mjButton", "", "variant", "success", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "param-name", 2, "display", "flex", "flex-direction", "column"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], ["title", "From template definition", 1, "fa-solid", "fa-database", "param-source-icon-template"], ["title", "Custom parameter", 1, "fa-solid", "fa-edit", "param-source-icon-custom"], [1, "param-required-marker"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModel", "disabled"], [1, "param-value"], ["placeholder", "Enter value (JSON strings, numbers, objects)...", 1, "mj-textarea", 2, "font-family", "'Courier New', monospace", "font-size", "0.9em", "width", "100%", 3, "ngModelChange", "ngModel", "rows", "disabled"], [1, "param-actions"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "disabled"], [1, "param-key-text"], [1, "param-description-text"], [1, "param-type-text"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModelChange", "ngModel", "disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "primary", "size", "sm", 5, ["", "actions", ""], 3, "click", "disabled"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-chart-line"], [1, "result-badge", "success"], [1, "result-badge", "error"], [1, "fa-solid", "fa-check"], [1, "result-stats"], [1, "result-stat"], [1, "result-stat-label"], [1, "result-stat-value"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Save results to file", 3, "click"], [1, "fa-solid", "fa-download"], [2, "margin-bottom", "12px", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "output-header"], [1, "fa-solid", "fa-check-circle", "success-icon"], [1, "output-box"], [1, "fa-solid", "fa-exclamation-triangle", "error-icon"], [1, "error-output-box"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], [1, "fa-solid", "fa-play"]], template: function TemplateParamDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, TemplateParamDialogComponent_Conditional_0_Template, 27, 8, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx._isVisible ? 0 : -1);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i2.MJDialogComponent, i2.MJDialogTitlebarComponent, i2.MJDialogActionsComponent], styles: [".dialog-content[_ngcontent-%COMP%] {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n}\n\n.parameter-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-name[_ngcontent-%COMP%], \n.param-value[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.param-name[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%], \n.param-value[_ngcontent-%COMP%]   .mj-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.json-preview[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    line-height: 1.3;\n}\n\n.test-results[_ngcontent-%COMP%] {\n    box-shadow: 0 2px 4px var(--mj-shadow-sm);\n}\n\n.result-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    line-height: 1.4;\n}\n\n\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: var(--mj-bg-surface-card);\n    border-radius: 3px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: var(--mj-border-strong);\n    border-radius: 3px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: var(--mj-text-muted);\n}\n\n.parameter-row[_ngcontent-%COMP%] {\n    align-items: flex-start;\n}\n\n.parameters-section[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.param-name[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.header-section[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child:hover, \n.json-preview-header[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child:hover, \n.result-header[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n    transition: background-color 0.2s ease;\n}\n\n.fa-chevron-down[_ngcontent-%COMP%], \n.fa-chevron-right[_ngcontent-%COMP%] {\n    transition: transform 0.2s ease;\n}\n\n.test-results[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%]   [mjButton][_ngcontent-%COMP%] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%]:hover   [mjButton][_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n.dlg-header[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid var(--mj-border-default);\n}\n\n.dlg-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.dlg-header-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 1.2em;\n}\n\n.dlg-header-row[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.dlg-header[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.dlg-header[_ngcontent-%COMP%]   .required-marker[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.dlg-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n}\n\n.dlg-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-text-muted);\n    margin-right: 12px;\n}\n\n.dlg-loading[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n.dlg-panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.dlg-panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.dlg-panel-title[_ngcontent-%COMP%]   .count-badge[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n}\n\n\n\n.dlg-info-text[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n\n\n.params-table[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n}\n\n.params-table-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.params-table-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    align-items: start;\n    background: var(--mj-bg-surface);\n}\n\n.param-source-icon-template[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    font-size: 0.75em;\n}\n\n.param-source-icon-custom[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    font-size: 0.75em;\n}\n\n.param-required-marker[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    font-weight: bold;\n}\n\n.param-key-text[_ngcontent-%COMP%] {\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 4px 0;\n    word-break: break-word;\n}\n\n.param-description-text[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    font-style: italic;\n    word-break: break-word;\n}\n\n.param-type-text[_ngcontent-%COMP%] {\n    font-size: 0.7em;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n\n.param-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    padding-top: 4px;\n}\n\n\n\n.add-param-row[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: center;\n    background: var(--mj-bg-surface);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n\n\n.no-params-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 20px;\n    color: var(--mj-text-muted);\n}\n\n.no-params-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2em;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.no-params-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n}\n\n\n\n.json-preview-box[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.85em;\n    color: var(--mj-text-primary);\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.json-preview-box[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    margin: 0;\n    white-space: pre-wrap;\n}\n\n\n\n.result-badge-success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n.result-badge-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n\n\n.result-stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n}\n\n.result-stats.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n}\n\n.result-stats.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.result-stat[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.result-stat-label[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    margin-bottom: 2px;\n    color: var(--mj-text-muted);\n}\n\n.result-stat-value[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n\n\n.output-header[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.output-header[_ngcontent-%COMP%]   .success-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.output-header[_ngcontent-%COMP%]   .error-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.output-box[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n    color: var(--mj-text-primary);\n}\n\n.error-output-box[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 4px;\n    padding: 12px;\n    color: var(--mj-status-error);\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n}\n\n\n\n.no-results-state[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    color: var(--mj-text-muted);\n    flex: 1;\n}\n\n.no-results-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 12px;\n    opacity: 0.3;\n}\n\n.no-results-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}"] }); }
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJEmptyStateComponent, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i2.MJDialogComponent, i2.MJDialogTitlebarComponent, i2.MJDialogActionsComponent], styles: [".dialog-content[_ngcontent-%COMP%] {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n}\n\n.parameter-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-name[_ngcontent-%COMP%], \n.param-value[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.param-name[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%], \n.param-value[_ngcontent-%COMP%]   .mj-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.json-preview[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    line-height: 1.3;\n}\n\n.test-results[_ngcontent-%COMP%] {\n    box-shadow: 0 2px 4px var(--mj-shadow-sm);\n}\n\n.result-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    line-height: 1.4;\n}\n\n\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: var(--mj-bg-surface-card);\n    border-radius: 3px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: var(--mj-border-strong);\n    border-radius: 3px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: var(--mj-text-muted);\n}\n\n.parameter-row[_ngcontent-%COMP%] {\n    align-items: flex-start;\n}\n\n.parameters-section[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.param-name[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.header-section[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child:hover, \n.json-preview-header[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child:hover, \n.result-header[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n    transition: background-color 0.2s ease;\n}\n\n.fa-chevron-down[_ngcontent-%COMP%], \n.fa-chevron-right[_ngcontent-%COMP%] {\n    transition: transform 0.2s ease;\n}\n\n.test-results[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%]   [mjButton][_ngcontent-%COMP%] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%]:hover   [mjButton][_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n.dlg-header[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid var(--mj-border-default);\n}\n\n.dlg-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.dlg-header-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 1.2em;\n}\n\n.dlg-header-row[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.dlg-header[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.dlg-header[_ngcontent-%COMP%]   .required-marker[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.dlg-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n}\n\n.dlg-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-text-muted);\n    margin-right: 12px;\n}\n\n.dlg-loading[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n.dlg-panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.dlg-panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n\n.dlg-info-text[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n\n\n.params-table[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n}\n\n.params-table-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.params-table-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    align-items: start;\n    background: var(--mj-bg-surface);\n}\n\n.param-source-icon-template[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    font-size: 0.75em;\n}\n\n.param-source-icon-custom[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    font-size: 0.75em;\n}\n\n.param-required-marker[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    font-weight: bold;\n}\n\n.param-key-text[_ngcontent-%COMP%] {\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 4px 0;\n    word-break: break-word;\n}\n\n.param-description-text[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    font-style: italic;\n    word-break: break-word;\n}\n\n.param-type-text[_ngcontent-%COMP%] {\n    font-size: 0.7em;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n\n.param-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    padding-top: 4px;\n}\n\n\n\n.add-param-row[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: center;\n    background: var(--mj-bg-surface);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n\n\n.json-preview-box[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.85em;\n    color: var(--mj-text-primary);\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.json-preview-box[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    margin: 0;\n    white-space: pre-wrap;\n}\n\n\n\n.result-badge-success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n.result-badge-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n\n\n.result-stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n}\n\n.result-stats.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n}\n\n.result-stats.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.result-stat[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.result-stat-label[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    margin-bottom: 2px;\n    color: var(--mj-text-muted);\n}\n\n.result-stat-value[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n\n\n.output-header[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.output-header[_ngcontent-%COMP%]   .success-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.output-header[_ngcontent-%COMP%]   .error-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.output-box[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n    color: var(--mj-text-primary);\n}\n\n.error-output-box[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 4px;\n    padding: 12px;\n    color: var(--mj-status-error);\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n}\n\n\n\nmj-empty-state.no-results-state[_ngcontent-%COMP%] {\n    flex: 1;\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TemplateParamDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-template-param-dialog', template: "@if (_isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"800\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>Test Template: {{ template?.Name || 'Unknown' }}</mj-dialog-titlebar>\n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n      <!-- Header Section -->\n      <div class=\"dlg-header\">\n        <div class=\"dlg-header-row\">\n          <i class=\"fa-solid fa-sliders\"></i>\n          <h5>Template Testing</h5>\n        </div>\n        <p>\n          Configure parameter values for testing. Parameters with <span class=\"required-marker\">*</span> are required.\n        </p>\n      </div>\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"dlg-loading\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Loading template parameters...</span>\n        </div>\n      } @else {\n        <!-- Template Parameters Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"parametersExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Template Parameters\n              @if (parameters.length > 0) {\n                <span class=\"count-badge\">{{ parameters.length }}</span>\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"dlg-info-text\">\n              <i class=\"fa-solid fa-info-circle\"></i>\n              Configure parameter values for template testing. Values can be JSON objects, strings, or numbers.\n            </div>\n            <!-- Parameters Table -->\n            @if (parameters.length > 0) {\n              <div class=\"params-table\">\n                <!-- Header -->\n                <div class=\"params-table-header\">\n                  <div>Parameter Name</div>\n                  <div>Value</div>\n                  <div>Actions</div>\n                </div>\n                <!-- Parameter Rows -->\n                @for (param of parameters; track $index; let i = $index) {\n                  <div class=\"params-table-row\">\n                    <!-- Parameter Name -->\n                    <div class=\"param-name\" style=\"display: flex; flex-direction: column;\">\n                      <div style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                        @if (param.isFromTemplate) {\n                          <i class=\"fa-solid fa-database param-source-icon-template\" title=\"From template definition\"></i>\n                        } @else {\n                          <i class=\"fa-solid fa-edit param-source-icon-custom\" title=\"Custom parameter\"></i>\n                        }\n                        @if (param.isRequired) {\n                          <span class=\"param-required-marker\">*</span>\n                        }\n                      </div>\n                      @if (param.isFromTemplate) {\n                        <div class=\"param-key-text\">\n                          {{ param.key }}\n                        </div>\n                        @if (param.description) {\n                          <div class=\"param-description-text\">\n                            {{ param.description }}\n                          </div>\n                        }\n                        @if (param.type && param.type !== 'Scalar') {\n                          <div class=\"param-type-text\">\n                            Type: {{ param.type }}\n                          </div>\n                        }\n                      } @else {\n                        <input type=\"text\" class=\"mj-input\"\n                          [(ngModel)]=\"param.key\"\n                          (ngModelChange)=\"onParameterChange()\"\n                          placeholder=\"Parameter name...\"\n                          [disabled]=\"isRunning\"\n                          style=\"font-family: 'Courier New', monospace; width: 100%;\" />\n                      }\n                    </div>\n                    <!-- Parameter Value -->\n                    <div class=\"param-value\">\n                      <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"param.value\"\n                        (ngModelChange)=\"onParameterChange()\"\n                        [rows]=\"2\"\n                        placeholder=\"Enter value (JSON strings, numbers, objects)...\"\n                        [disabled]=\"isRunning\"\n                        style=\"font-family: 'Courier New', monospace; font-size: 0.9em; width: 100%;\"></textarea>\n                    </div>\n                    <!-- Actions -->\n                    <div class=\"param-actions\">\n                      @if (!param.isFromTemplate && parameters.length > 1) {\n                        <button mjButton variant=\"danger\" size=\"sm\"\n                          (click)=\"removeParameter(i)\"\n                          [disabled]=\"isRunning\"\n                          title=\"Remove parameter\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n                <!-- Add Parameter Row -->\n                <div class=\"add-param-row\">\n                  <button mjButton variant=\"success\" size=\"sm\"\n                    (click)=\"addParameter()\"\n                    [disabled]=\"isRunning\">\n                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                  </button>\n                </div>\n              </div>\n            } @else {\n              <div class=\"no-params-state\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                <p>No parameters defined yet</p>\n                <button mjButton variant=\"primary\" size=\"sm\"\n                  (click)=\"addParameter()\"\n                  [disabled]=\"isRunning\">\n                  <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                </button>\n              </div>\n            }\n          </div>\n        </mj-accordion-panel>\n        <!-- JSON Preview Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"jsonPreviewExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-code\"></i>\n              Context Data (JSON)\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"json-preview-box\">\n              <pre>{{ parametersAsJson }}</pre>\n            </div>\n          </div>\n        </mj-accordion-panel>\n        <!-- Test Results Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"resultsExpanded\"\n          style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-chart-line\"></i>\n              Test Results\n              @if (testResult) {\n                @if (testResult.success) {\n                  <span class=\"result-badge success\"><i class=\"fa-solid fa-check\"></i> Success</span>\n                } @else {\n                  <span class=\"result-badge error\"><i class=\"fa-solid fa-times\"></i> Failed</span>\n                }\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n            @if (isRunning) {\n              <div class=\"dlg-loading\" style=\"flex: 1;\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <span>Running template...</span>\n              </div>\n            } @else if (testResult) {\n              <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                <!-- Result Header with Stats -->\n                <div class=\"result-stats\" [class.success]=\"testResult.success\" [class.error]=\"!testResult.success\">\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">STATUS</div>\n                    <div class=\"result-stat-value\">\n                      {{ testResult.success ? 'Success' : 'Failed' }}\n                    </div>\n                  </div>\n                  @if (testResult.executionTimeMs) {\n                    <div class=\"result-stat\">\n                      <div class=\"result-stat-label\">EXECUTION TIME</div>\n                      <div class=\"result-stat-value\">{{ testResult.executionTimeMs }}ms</div>\n                    </div>\n                  }\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">ACTIONS</div>\n                    <button mjButton variant=\"flat\" size=\"sm\"\n                      (click)=\"saveResults()\"\n                      title=\"Save results to file\">\n                      <i class=\"fa-solid fa-download\"></i>\n                    </button>\n                  </div>\n                </div>\n                <!-- Result Content -->\n                <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                  @if (testResult.success && testResult.output) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                        Template Output\n                      </h6>\n                      <div class=\"output-box\">\n                        {{ testResult.output }}\n                      </div>\n                    </div>\n                  } @else if (!testResult.success && testResult.error) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-exclamation-triangle error-icon\"></i>\n                        Error Details\n                      </h6>\n                      <div class=\"error-output-box\">{{ testResult.error }}</div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <div class=\"no-results-state\">\n                <div style=\"text-align: center;\">\n                  <i class=\"fa-solid fa-play-circle\"></i>\n                  <p>No test results yet. Run the template to see results here.</p>\n                </div>\n              </div>\n            }\n          </div>\n        </mj-accordion-panel>\n      }\n    </div>\n    <!-- Dialog Actions -->\n    <mj-dialog-actions>\n      <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n        <div>\n          @if (hasUnsavedParameters) {\n            <button mjButton variant=\"outline\"\n              (click)=\"updateTemplateParams()\"\n              [disabled]=\"isRunning\">\n              <i class=\"fa-solid fa-save\"></i> Update Template Params\n            </button>\n          }\n        </div>\n        <div style=\"display: flex; gap: 8px;\">\n          <button mjButton variant=\"outline\" (click)=\"close()\">\n            Close\n          </button>\n          @if (testResult) {\n            <button mjButton variant=\"outline\" (click)=\"saveResults()\">\n              <i class=\"fa-solid fa-download\"></i> Save Results\n            </button>\n          }\n          <button mjButton variant=\"primary\"\n            [disabled]=\"isRunning || isLoading\"\n            (click)=\"runTemplate()\">\n            @if (isRunning) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n              <i class=\"fa-solid fa-play\"></i> Run Template\n            }\n          </button>\n        </div>\n      </div>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".dialog-content {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n}\n\n.parameter-row:last-child {\n    border-bottom: none;\n}\n\n.param-name,\n.param-value {\n    min-width: 0;\n}\n\n.param-name .mj-input,\n.param-value .mj-textarea {\n    width: 100%;\n}\n\n.json-preview pre {\n    line-height: 1.3;\n}\n\n.test-results {\n    box-shadow: 0 2px 4px var(--mj-shadow-sm);\n}\n\n.result-content pre {\n    line-height: 1.4;\n}\n\n/* Scrollbar styling */\n.parameters-list::-webkit-scrollbar,\n.result-content::-webkit-scrollbar,\n.json-preview > div::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list::-webkit-scrollbar-track,\n.result-content::-webkit-scrollbar-track,\n.json-preview > div::-webkit-scrollbar-track {\n    background: var(--mj-bg-surface-card);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb,\n.result-content::-webkit-scrollbar-thumb,\n.json-preview > div::-webkit-scrollbar-thumb {\n    background: var(--mj-border-strong);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb:hover,\n.result-content::-webkit-scrollbar-thumb:hover,\n.json-preview > div::-webkit-scrollbar-thumb:hover {\n    background: var(--mj-text-muted);\n}\n\n.parameter-row {\n    align-items: flex-start;\n}\n\n.parameters-section {\n    flex-shrink: 0;\n}\n\n.param-name > div {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.header-section > div:first-child:hover,\n.json-preview-header > div:first-child:hover,\n.result-header:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n    transition: background-color 0.2s ease;\n}\n\n.fa-chevron-down,\n.fa-chevron-right {\n    transition: transform 0.2s ease;\n}\n\n.test-results .result-header [mjButton] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results .result-header:hover [mjButton] {\n    opacity: 1;\n}\n\n/* Dialog header section */\n.dlg-header {\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid var(--mj-border-default);\n}\n\n.dlg-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.dlg-header-row i {\n    color: var(--mj-text-muted);\n    font-size: 1.2em;\n}\n\n.dlg-header-row h5 {\n    margin: 0;\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.dlg-header p {\n    margin: 0;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.dlg-header .required-marker {\n    color: var(--mj-status-error);\n}\n\n/* Loading state */\n.dlg-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n}\n\n.dlg-loading i {\n    font-size: 24px;\n    color: var(--mj-text-muted);\n    margin-right: 12px;\n}\n\n.dlg-loading span {\n    color: var(--mj-text-muted);\n}\n\n/* Panel title */\n.dlg-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.dlg-panel-title i {\n    color: var(--mj-text-muted);\n}\n\n.dlg-panel-title .count-badge {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n}\n\n/* Info text */\n.dlg-info-text {\n    margin-bottom: 12px;\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n/* Parameters table */\n.params-table {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n}\n\n.params-table-header {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.params-table-row {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    align-items: start;\n    background: var(--mj-bg-surface);\n}\n\n.param-source-icon-template {\n    color: var(--mj-status-success);\n    font-size: 0.75em;\n}\n\n.param-source-icon-custom {\n    color: var(--mj-status-warning);\n    font-size: 0.75em;\n}\n\n.param-required-marker {\n    color: var(--mj-status-error);\n    font-weight: bold;\n}\n\n.param-key-text {\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 4px 0;\n    word-break: break-word;\n}\n\n.param-description-text {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    font-style: italic;\n    word-break: break-word;\n}\n\n.param-type-text {\n    font-size: 0.7em;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n\n.param-actions {\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    padding-top: 4px;\n}\n\n/* Add parameter row */\n.add-param-row {\n    padding: 12px 16px;\n    text-align: center;\n    background: var(--mj-bg-surface);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* No params state */\n.no-params-state {\n    text-align: center;\n    padding: 20px;\n    color: var(--mj-text-muted);\n}\n\n.no-params-state i {\n    font-size: 2em;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.no-params-state p {\n    margin: 0 0 12px 0;\n}\n\n/* JSON preview */\n.json-preview-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.85em;\n    color: var(--mj-text-primary);\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.json-preview-box pre {\n    margin: 0;\n    white-space: pre-wrap;\n}\n\n/* Result status badges */\n.result-badge-success {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n.result-badge-error {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n/* Result stats box */\n.result-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n}\n\n.result-stats.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n}\n\n.result-stats.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.result-stat {\n    text-align: center;\n}\n\n.result-stat-label {\n    font-size: 0.75em;\n    margin-bottom: 2px;\n    color: var(--mj-text-muted);\n}\n\n.result-stat-value {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n/* Output section */\n.output-header {\n    margin: 0 0 8px 0;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.output-header .success-icon {\n    color: var(--mj-status-success);\n}\n\n.output-header .error-icon {\n    color: var(--mj-status-error);\n}\n\n.output-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n    color: var(--mj-text-primary);\n}\n\n.error-output-box {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 4px;\n    padding: 12px;\n    color: var(--mj-status-error);\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n}\n\n/* No results state */\n.no-results-state {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    color: var(--mj-text-muted);\n    flex: 1;\n}\n\n.no-results-state i {\n    font-size: 3em;\n    margin-bottom: 12px;\n    opacity: 0.3;\n}\n\n.no-results-state p {\n    margin: 0;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-template-param-dialog', template: "@if (_isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"800\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>Test Template: {{ template?.Name || 'Unknown' }}</mj-dialog-titlebar>\n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n      <!-- Header Section -->\n      <div class=\"dlg-header\">\n        <div class=\"dlg-header-row\">\n          <i class=\"fa-solid fa-sliders\"></i>\n          <h5>Template Testing</h5>\n        </div>\n        <p>\n          Configure parameter values for testing. Parameters with <span class=\"required-marker\">*</span> are required.\n        </p>\n      </div>\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"dlg-loading\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Loading template parameters...</span>\n        </div>\n      } @else {\n        <!-- Template Parameters Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"parametersExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Template Parameters\n              @if (parameters.length > 0) {\n                <span class=\"mj-accordion-badge mj-accordion-badge--right\">{{ parameters.length }}</span>\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"dlg-info-text\">\n              <i class=\"fa-solid fa-info-circle\"></i>\n              Configure parameter values for template testing. Values can be JSON objects, strings, or numbers.\n            </div>\n            <!-- Parameters Table -->\n            @if (parameters.length > 0) {\n              <div class=\"params-table\">\n                <!-- Header -->\n                <div class=\"params-table-header\">\n                  <div>Parameter Name</div>\n                  <div>Value</div>\n                  <div>Actions</div>\n                </div>\n                <!-- Parameter Rows -->\n                @for (param of parameters; track $index; let i = $index) {\n                  <div class=\"params-table-row\">\n                    <!-- Parameter Name -->\n                    <div class=\"param-name\" style=\"display: flex; flex-direction: column;\">\n                      <div style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                        @if (param.isFromTemplate) {\n                          <i class=\"fa-solid fa-database param-source-icon-template\" title=\"From template definition\"></i>\n                        } @else {\n                          <i class=\"fa-solid fa-edit param-source-icon-custom\" title=\"Custom parameter\"></i>\n                        }\n                        @if (param.isRequired) {\n                          <span class=\"param-required-marker\">*</span>\n                        }\n                      </div>\n                      @if (param.isFromTemplate) {\n                        <div class=\"param-key-text\">\n                          {{ param.key }}\n                        </div>\n                        @if (param.description) {\n                          <div class=\"param-description-text\">\n                            {{ param.description }}\n                          </div>\n                        }\n                        @if (param.type && param.type !== 'Scalar') {\n                          <div class=\"param-type-text\">\n                            Type: {{ param.type }}\n                          </div>\n                        }\n                      } @else {\n                        <input type=\"text\" class=\"mj-input\"\n                          [(ngModel)]=\"param.key\"\n                          (ngModelChange)=\"onParameterChange()\"\n                          placeholder=\"Parameter name...\"\n                          [disabled]=\"isRunning\"\n                          style=\"font-family: 'Courier New', monospace; width: 100%;\" />\n                      }\n                    </div>\n                    <!-- Parameter Value -->\n                    <div class=\"param-value\">\n                      <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"param.value\"\n                        (ngModelChange)=\"onParameterChange()\"\n                        [rows]=\"2\"\n                        placeholder=\"Enter value (JSON strings, numbers, objects)...\"\n                        [disabled]=\"isRunning\"\n                        style=\"font-family: 'Courier New', monospace; font-size: 0.9em; width: 100%;\"></textarea>\n                    </div>\n                    <!-- Actions -->\n                    <div class=\"param-actions\">\n                      @if (!param.isFromTemplate && parameters.length > 1) {\n                        <button mjButton variant=\"danger\" size=\"sm\"\n                          (click)=\"removeParameter(i)\"\n                          [disabled]=\"isRunning\"\n                          title=\"Remove parameter\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n                <!-- Add Parameter Row -->\n                <div class=\"add-param-row\">\n                  <button mjButton variant=\"success\" size=\"sm\"\n                    (click)=\"addParameter()\"\n                    [disabled]=\"isRunning\">\n                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                  </button>\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-info\"\n                Title=\"No parameters defined yet\">\n                <button ngProjectAs=\"[actions]\" mjButton variant=\"primary\" size=\"sm\"\n                  (click)=\"addParameter()\"\n                  [disabled]=\"isRunning\">\n                  <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                </button>\n              </mj-empty-state>\n            }\n          </div>\n        </mj-accordion-panel>\n        <!-- JSON Preview Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"jsonPreviewExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-code\"></i>\n              Context Data (JSON)\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"json-preview-box\">\n              <pre>{{ parametersAsJson }}</pre>\n            </div>\n          </div>\n        </mj-accordion-panel>\n        <!-- Test Results Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"resultsExpanded\"\n          style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-chart-line\"></i>\n              Test Results\n              @if (testResult) {\n                @if (testResult.success) {\n                  <span class=\"result-badge success\"><i class=\"fa-solid fa-check\"></i> Success</span>\n                } @else {\n                  <span class=\"result-badge error\"><i class=\"fa-solid fa-times\"></i> Failed</span>\n                }\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n            @if (isRunning) {\n              <div class=\"dlg-loading\" style=\"flex: 1;\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <span>Running template...</span>\n              </div>\n            } @else if (testResult) {\n              <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                <!-- Result Header with Stats -->\n                <div class=\"result-stats\" [class.success]=\"testResult.success\" [class.error]=\"!testResult.success\">\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">STATUS</div>\n                    <div class=\"result-stat-value\">\n                      {{ testResult.success ? 'Success' : 'Failed' }}\n                    </div>\n                  </div>\n                  @if (testResult.executionTimeMs) {\n                    <div class=\"result-stat\">\n                      <div class=\"result-stat-label\">EXECUTION TIME</div>\n                      <div class=\"result-stat-value\">{{ testResult.executionTimeMs }}ms</div>\n                    </div>\n                  }\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">ACTIONS</div>\n                    <button mjButton variant=\"flat\" size=\"sm\"\n                      (click)=\"saveResults()\"\n                      title=\"Save results to file\">\n                      <i class=\"fa-solid fa-download\"></i>\n                    </button>\n                  </div>\n                </div>\n                <!-- Result Content -->\n                <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                  @if (testResult.success && testResult.output) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                        Template Output\n                      </h6>\n                      <div class=\"output-box\">\n                        {{ testResult.output }}\n                      </div>\n                    </div>\n                  } @else if (!testResult.success && testResult.error) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-exclamation-triangle error-icon\"></i>\n                        Error Details\n                      </h6>\n                      <div class=\"error-output-box\">{{ testResult.error }}</div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state class=\"no-results-state\"\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-play\"\n                Title=\"No test results yet. Run the template to see results here.\" />\n            }\n          </div>\n        </mj-accordion-panel>\n      }\n    </div>\n    <!-- Dialog Actions -->\n    <mj-dialog-actions>\n      <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n        <div>\n          @if (hasUnsavedParameters) {\n            <button mjButton variant=\"outline\"\n              (click)=\"updateTemplateParams()\"\n              [disabled]=\"isRunning\">\n              <i class=\"fa-solid fa-save\"></i> Update Template Params\n            </button>\n          }\n        </div>\n        <div style=\"display: flex; gap: 8px;\">\n          <button mjButton variant=\"outline\" (click)=\"close()\">\n            Close\n          </button>\n          @if (testResult) {\n            <button mjButton variant=\"outline\" (click)=\"saveResults()\">\n              <i class=\"fa-solid fa-download\"></i> Save Results\n            </button>\n          }\n          <button mjButton variant=\"primary\"\n            [disabled]=\"isRunning || isLoading\"\n            (click)=\"runTemplate()\">\n            @if (isRunning) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n              <i class=\"fa-solid fa-play\"></i> Run Template\n            }\n          </button>\n        </div>\n      </div>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".dialog-content {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n}\n\n.parameter-row:last-child {\n    border-bottom: none;\n}\n\n.param-name,\n.param-value {\n    min-width: 0;\n}\n\n.param-name .mj-input,\n.param-value .mj-textarea {\n    width: 100%;\n}\n\n.json-preview pre {\n    line-height: 1.3;\n}\n\n.test-results {\n    box-shadow: 0 2px 4px var(--mj-shadow-sm);\n}\n\n.result-content pre {\n    line-height: 1.4;\n}\n\n/* Scrollbar styling */\n.parameters-list::-webkit-scrollbar,\n.result-content::-webkit-scrollbar,\n.json-preview > div::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list::-webkit-scrollbar-track,\n.result-content::-webkit-scrollbar-track,\n.json-preview > div::-webkit-scrollbar-track {\n    background: var(--mj-bg-surface-card);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb,\n.result-content::-webkit-scrollbar-thumb,\n.json-preview > div::-webkit-scrollbar-thumb {\n    background: var(--mj-border-strong);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb:hover,\n.result-content::-webkit-scrollbar-thumb:hover,\n.json-preview > div::-webkit-scrollbar-thumb:hover {\n    background: var(--mj-text-muted);\n}\n\n.parameter-row {\n    align-items: flex-start;\n}\n\n.parameters-section {\n    flex-shrink: 0;\n}\n\n.param-name > div {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.header-section > div:first-child:hover,\n.json-preview-header > div:first-child:hover,\n.result-header:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n    transition: background-color 0.2s ease;\n}\n\n.fa-chevron-down,\n.fa-chevron-right {\n    transition: transform 0.2s ease;\n}\n\n.test-results .result-header [mjButton] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results .result-header:hover [mjButton] {\n    opacity: 1;\n}\n\n/* Dialog header section */\n.dlg-header {\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid var(--mj-border-default);\n}\n\n.dlg-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.dlg-header-row i {\n    color: var(--mj-text-muted);\n    font-size: 1.2em;\n}\n\n.dlg-header-row h5 {\n    margin: 0;\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.dlg-header p {\n    margin: 0;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.dlg-header .required-marker {\n    color: var(--mj-status-error);\n}\n\n/* Loading state */\n.dlg-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n}\n\n.dlg-loading i {\n    font-size: 24px;\n    color: var(--mj-text-muted);\n    margin-right: 12px;\n}\n\n.dlg-loading span {\n    color: var(--mj-text-muted);\n}\n\n/* Panel title */\n.dlg-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.dlg-panel-title i {\n    color: var(--mj-text-muted);\n}\n\n\n/* Info text */\n.dlg-info-text {\n    margin-bottom: 12px;\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n/* Parameters table */\n.params-table {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n}\n\n.params-table-header {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.params-table-row {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    align-items: start;\n    background: var(--mj-bg-surface);\n}\n\n.param-source-icon-template {\n    color: var(--mj-status-success);\n    font-size: 0.75em;\n}\n\n.param-source-icon-custom {\n    color: var(--mj-status-warning);\n    font-size: 0.75em;\n}\n\n.param-required-marker {\n    color: var(--mj-status-error);\n    font-weight: bold;\n}\n\n.param-key-text {\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 4px 0;\n    word-break: break-word;\n}\n\n.param-description-text {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    font-style: italic;\n    word-break: break-word;\n}\n\n.param-type-text {\n    font-size: 0.7em;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n\n.param-actions {\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    padding-top: 4px;\n}\n\n/* Add parameter row */\n.add-param-row {\n    padding: 12px 16px;\n    text-align: center;\n    background: var(--mj-bg-surface);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* JSON preview */\n.json-preview-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.85em;\n    color: var(--mj-text-primary);\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.json-preview-box pre {\n    margin: 0;\n    white-space: pre-wrap;\n}\n\n/* Result status badges */\n.result-badge-success {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n.result-badge-error {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n/* Result stats box */\n.result-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n}\n\n.result-stats.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n}\n\n.result-stats.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.result-stat {\n    text-align: center;\n}\n\n.result-stat-label {\n    font-size: 0.75em;\n    margin-bottom: 2px;\n    color: var(--mj-text-muted);\n}\n\n.result-stat-value {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n/* Output section */\n.output-header {\n    margin: 0 0 8px 0;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.output-header .success-icon {\n    color: var(--mj-status-success);\n}\n\n.output-header .error-icon {\n    color: var(--mj-status-error);\n}\n\n.output-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n    color: var(--mj-text-primary);\n}\n\n.error-output-box {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 4px;\n    padding: 12px;\n    color: var(--mj-status-error);\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n}\n\n/* No results state \u2014 fills the results pane */\nmj-empty-state.no-results-state {\n    flex: 1;\n}\n"] }]
     }], null, { template: [{
             type: Input
         }], isVisible: [{

package/dist/lib/custom/Templates/template-param-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"template-param-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Templates/template-param-dialog.component.ts","../../../../src/lib/custom/Templates/template-param-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { MJTemplateEntity, MJTemplateParamEntity } from '@memberjunction/core-entities';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { GraphQLDataProvider } from '@memberjunction/graphql-dataprovider';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface ParameterPair {\n    key: string;\n    value: string;\n    isFromTemplate: boolean;\n    description?: string;\n    isRequired?: boolean;\n    type?: string;\n}\n\nexport interface TemplateRunResult {\n    success: boolean;\n    output?: string;\n    error?: string;\n    executionTimeMs?: number;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-template-param-dialog',\n    templateUrl: './template-param-dialog.component.html',\n    styleUrls: ['./template-param-dialog.component.css']\n})\nexport class TemplateParamDialogComponent extends BaseAngularComponent implements OnInit {\n    @Input() template: MJTemplateEntity | null = null;\n    \n    public _isVisible: boolean = false;\n    @Input() \n    get isVisible(): boolean {\n        return this._isVisible;\n    }\n    set isVisible(value: boolean) {\n        const wasVisible = this._isVisible;\n        this._isVisible = value;\n        \n        // Reset dialog state when opening\n        if (value && !wasVisible) {\n            this.resetDialogState();\n        }\n    }\n    \n    @Output() isVisibleChange = new EventEmitter<boolean>();\n    @Output() onClose = new EventEmitter<void>();\n\n    public parameters: ParameterPair[] = [];\n    public isLoading = false;\n    public isRunning = false;\n    public testResult: TemplateRunResult | null = null;\n    public hasUnsavedParameters = false;\n    public parametersExpanded = true;\n    public jsonPreviewExpanded = false;\n    public resultsExpanded = true;\n\n    private originalTemplateParams: MJTemplateParamEntity[] = [];\n\n    ngOnInit() {\n        if (this.template) {\n            this.loadTemplateParams();\n        }\n    }\n\n    async loadTemplateParams() {\n        if (!this.template?.ID) return;\n\n        this.isLoading = true;\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n            const results = await rv.RunView<MJTemplateParamEntity>({\n                EntityName: 'MJ: Template Params',\n                ExtraFilter: `TemplateID='${this.template.ID}'`,\n                OrderBy: 'Name ASC' \n            });\n\n            this.originalTemplateParams = results.Results;\n            \n            // Convert template params to parameter pairs\n            this.parameters = this.originalTemplateParams.map(param => ({\n                key: param.Name,\n                value: param.DefaultValue || '',\n                isFromTemplate: true,\n                description: param.Description || undefined,\n                isRequired: param.IsRequired,\n                type: param.Type\n            }));\n\n            // If no template params, add one empty pair to start\n            if (this.parameters.length === 0) {\n                this.addParameter();\n            }\n\n        } catch (error) {\n            console.error('Error loading template params:', error);\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Error loading template parameters',\n                'error'\n            );\n        } finally {\n            this.isLoading = false;\n        }\n    }\n\n    addParameter() {\n        this.parameters.push({\n            key: '',\n            value: '',\n            isFromTemplate: false\n        });\n    }\n\n    removeParameter(index: number) {\n        if (this.parameters.length > 1) {\n            this.parameters.splice(index, 1);\n        }\n    }\n\n    onParameterChange() {\n        // Check if we have new parameters not in template\n        this.hasUnsavedParameters = this.parameters.some(param => \n            param.key && \n            !param.isFromTemplate && \n            !this.originalTemplateParams.find(tp => tp.Name === param.key)\n        );\n    }\n\n    async runTemplate() {\n        if (!this.template?.ID) return;\n\n        // Validate parameter names - check for empty parameter names\n        const emptyNameParams = this.parameters.filter(p => p.value && !p.key);\n        if (emptyNameParams.length > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'All parameters must have a name. Please enter parameter names or remove empty parameters.',\n                'warning'\n            );\n            return;\n        }\n\n        // Validate required parameters\n        const invalidParams = this.parameters.filter(p => p.key && !p.value && p.isRequired);\n        if (invalidParams.length > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Required parameters missing: ${invalidParams.map(p => p.key).join(', ')}`,\n                'warning'\n            );\n            return;\n        }\n\n        this.isRunning = true;\n        this.testResult = null;\n\n        try {\n            // Build context data object from parameters\n            const contextData: any = {};\n            this.parameters.forEach(param => {\n                if (param.key && param.value) {\n                    try {\n                        // Try to parse as JSON first, fallback to string\n                        contextData[param.key] = JSON.parse(param.value);\n                    } catch {\n                        contextData[param.key] = param.value;\n                    }\n                }\n            });\n\n            // Get GraphQL data provider\n            const dataProvider = this.ProviderToUse as GraphQLDataProvider;\n            \n            // Execute the RunTemplate GraphQL mutation\n            const query = `\n                mutation RunTemplate($templateId: String!, $contextData: String) {\n                    RunTemplate(templateId: $templateId, contextData: $contextData) {\n                        success\n                        output\n                        error\n                        executionTimeMs\n                    }\n                }\n            `;\n\n            const variables = {\n                templateId: this.template.ID,\n                contextData: JSON.stringify(contextData)\n            };\n\n            const result = await dataProvider.ExecuteGQL(query, variables);\n            \n            if (result?.RunTemplate) {\n                this.testResult = result.RunTemplate;\n                \n                // Collapse parameters and expand results after execution\n                this.parametersExpanded = false;\n                this.resultsExpanded = true;\n                \n                if (this.testResult?.success) {\n                    MJNotificationService.Instance.CreateSimpleNotification(\n                        `Template executed successfully in ${this.testResult.executionTimeMs || 0}ms`,\n                        'success',\n                        4000\n                    );\n                } else {\n                    MJNotificationService.Instance.CreateSimpleNotification(\n                        `Template execution failed: ${this.testResult?.error || 'Unknown error'}`,\n                        'error',\n                        5000\n                    );\n                }\n            } else {\n                throw new Error(result.errors?.[0]?.message || 'Unknown GraphQL error');\n            }\n\n        } catch (error) {\n            console.error('Template test error:', error);\n            this.testResult = {\n                success: false,\n                error: (error as Error).message || 'Unknown error occurred'\n            };\n            \n            // Still collapse parameters and expand results on error\n            this.parametersExpanded = false;\n            this.resultsExpanded = true;\n            \n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Template test failed: ${this.testResult?.error || 'Unknown error'}`,\n                'error',\n                5000\n            );\n        } finally {\n            this.isRunning = false;\n        }\n    }\n\n    async updateTemplateParams() {\n        if (!this.template?.ID || !this.hasUnsavedParameters) return;\n\n        const newParams = this.parameters.filter(param => \n            param.key && \n            !param.isFromTemplate && \n            !this.originalTemplateParams.find(tp => tp.Name === param.key)\n        );\n\n        if (newParams.length === 0) return;\n\n        try {\n            const md = this.ProviderToUse;\n            \n            for (const param of newParams) {\n                const templateParam = await md.GetEntityObject<MJTemplateParamEntity>('MJ: Template Params');\n                templateParam.TemplateID = this.template.ID;\n                templateParam.Name = param.key;\n                templateParam.Description = param.description || null;\n                templateParam.Type = 'Scalar'; // Default type\n                templateParam.DefaultValue = param.value || null;\n                templateParam.IsRequired = param.isRequired || false;\n                \n                const saved = await templateParam.Save();\n                if (!saved) {\n                    throw new Error(`Failed to save parameter: ${param.key}`);\n                }\n            }\n\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Added ${newParams.length} new parameter(s) to template`,\n                'success'\n            );\n\n            this.hasUnsavedParameters = false;\n            \n            // Reload template params to sync\n            await this.loadTemplateParams();\n\n        } catch (error) {\n            console.error('Error updating template params:', error);\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Error saving template parameters',\n                'error'\n            );\n        }\n    }\n\n    close() {\n        this._isVisible = false;\n        this.isVisibleChange.emit(false);\n        this.onClose.emit();\n    }\n\n    private resetDialogState() {\n        // Reset expansion states for a clean testing experience\n        this.parametersExpanded = true;     // Show params by default\n        this.jsonPreviewExpanded = false;   // Hide JSON (developer-focused)\n        this.resultsExpanded = true;        // Show results when they exist\n        \n        // Clear previous test results\n        this.testResult = null;\n        this.isRunning = false;\n        \n        // Reset unsaved parameters flag\n        this.hasUnsavedParameters = false;\n    }\n\n    saveResults() {\n        if (!this.testResult) return;\n\n        const content = this.testResult.success \n            ? this.testResult.output || 'No output'\n            : this.testResult.error || 'No error details';\n        \n        const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5);\n        const templateName = this.template?.Name?.replace(/[^a-zA-Z0-9]/g, '_') || 'template';\n        const status = this.testResult.success ? 'success' : 'error';\n        const filename = `${templateName}_${status}_${timestamp}.txt`;\n\n        // Create blob and download\n        const blob = new Blob([content], { type: 'text/plain' });\n        const url = window.URL.createObjectURL(blob);\n        const link = document.createElement('a');\n        link.href = url;\n        link.download = filename;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        window.URL.revokeObjectURL(url);\n\n        MJNotificationService.Instance.CreateSimpleNotification(\n            `Results saved as ${filename}`,\n            'success'\n        );\n    }\n\n    get parametersAsJson(): string {\n        const contextData: any = {};\n        this.parameters.forEach(param => {\n            if (param.key && param.value) {\n                try {\n                    contextData[param.key] = JSON.parse(param.value);\n                } catch {\n                    contextData[param.key] = param.value;\n                }\n            }\n        });\n        return JSON.stringify(contextData, null, 2);\n    }\n}","@if (_isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"800\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>Test Template: {{ template?.Name || 'Unknown' }}</mj-dialog-titlebar>\n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n      <!-- Header Section -->\n      <div class=\"dlg-header\">\n        <div class=\"dlg-header-row\">\n          <i class=\"fa-solid fa-sliders\"></i>\n          <h5>Template Testing</h5>\n        </div>\n        <p>\n          Configure parameter values for testing. Parameters with <span class=\"required-marker\">*</span> are required.\n        </p>\n      </div>\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"dlg-loading\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Loading template parameters...</span>\n        </div>\n      } @else {\n        <!-- Template Parameters Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"parametersExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Template Parameters\n              @if (parameters.length > 0) {\n                <span class=\"count-badge\">{{ parameters.length }}</span>\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"dlg-info-text\">\n              <i class=\"fa-solid fa-info-circle\"></i>\n              Configure parameter values for template testing. Values can be JSON objects, strings, or numbers.\n            </div>\n            <!-- Parameters Table -->\n            @if (parameters.length > 0) {\n              <div class=\"params-table\">\n                <!-- Header -->\n                <div class=\"params-table-header\">\n                  <div>Parameter Name</div>\n                  <div>Value</div>\n                  <div>Actions</div>\n                </div>\n                <!-- Parameter Rows -->\n                @for (param of parameters; track $index; let i = $index) {\n                  <div class=\"params-table-row\">\n                    <!-- Parameter Name -->\n                    <div class=\"param-name\" style=\"display: flex; flex-direction: column;\">\n                      <div style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                        @if (param.isFromTemplate) {\n                          <i class=\"fa-solid fa-database param-source-icon-template\" title=\"From template definition\"></i>\n                        } @else {\n                          <i class=\"fa-solid fa-edit param-source-icon-custom\" title=\"Custom parameter\"></i>\n                        }\n                        @if (param.isRequired) {\n                          <span class=\"param-required-marker\">*</span>\n                        }\n                      </div>\n                      @if (param.isFromTemplate) {\n                        <div class=\"param-key-text\">\n                          {{ param.key }}\n                        </div>\n                        @if (param.description) {\n                          <div class=\"param-description-text\">\n                            {{ param.description }}\n                          </div>\n                        }\n                        @if (param.type && param.type !== 'Scalar') {\n                          <div class=\"param-type-text\">\n                            Type: {{ param.type }}\n                          </div>\n                        }\n                      } @else {\n                        <input type=\"text\" class=\"mj-input\"\n                          [(ngModel)]=\"param.key\"\n                          (ngModelChange)=\"onParameterChange()\"\n                          placeholder=\"Parameter name...\"\n                          [disabled]=\"isRunning\"\n                          style=\"font-family: 'Courier New', monospace; width: 100%;\" />\n                      }\n                    </div>\n                    <!-- Parameter Value -->\n                    <div class=\"param-value\">\n                      <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"param.value\"\n                        (ngModelChange)=\"onParameterChange()\"\n                        [rows]=\"2\"\n                        placeholder=\"Enter value (JSON strings, numbers, objects)...\"\n                        [disabled]=\"isRunning\"\n                        style=\"font-family: 'Courier New', monospace; font-size: 0.9em; width: 100%;\"></textarea>\n                    </div>\n                    <!-- Actions -->\n                    <div class=\"param-actions\">\n                      @if (!param.isFromTemplate && parameters.length > 1) {\n                        <button mjButton variant=\"danger\" size=\"sm\"\n                          (click)=\"removeParameter(i)\"\n                          [disabled]=\"isRunning\"\n                          title=\"Remove parameter\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n                <!-- Add Parameter Row -->\n                <div class=\"add-param-row\">\n                  <button mjButton variant=\"success\" size=\"sm\"\n                    (click)=\"addParameter()\"\n                    [disabled]=\"isRunning\">\n                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                  </button>\n                </div>\n              </div>\n            } @else {\n              <div class=\"no-params-state\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                <p>No parameters defined yet</p>\n                <button mjButton variant=\"primary\" size=\"sm\"\n                  (click)=\"addParameter()\"\n                  [disabled]=\"isRunning\">\n                  <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                </button>\n              </div>\n            }\n          </div>\n        </mj-accordion-panel>\n        <!-- JSON Preview Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"jsonPreviewExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-code\"></i>\n              Context Data (JSON)\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"json-preview-box\">\n              <pre>{{ parametersAsJson }}</pre>\n            </div>\n          </div>\n        </mj-accordion-panel>\n        <!-- Test Results Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"resultsExpanded\"\n          style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-chart-line\"></i>\n              Test Results\n              @if (testResult) {\n                @if (testResult.success) {\n                  <span class=\"result-badge success\"><i class=\"fa-solid fa-check\"></i> Success</span>\n                } @else {\n                  <span class=\"result-badge error\"><i class=\"fa-solid fa-times\"></i> Failed</span>\n                }\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n            @if (isRunning) {\n              <div class=\"dlg-loading\" style=\"flex: 1;\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <span>Running template...</span>\n              </div>\n            } @else if (testResult) {\n              <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                <!-- Result Header with Stats -->\n                <div class=\"result-stats\" [class.success]=\"testResult.success\" [class.error]=\"!testResult.success\">\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">STATUS</div>\n                    <div class=\"result-stat-value\">\n                      {{ testResult.success ? 'Success' : 'Failed' }}\n                    </div>\n                  </div>\n                  @if (testResult.executionTimeMs) {\n                    <div class=\"result-stat\">\n                      <div class=\"result-stat-label\">EXECUTION TIME</div>\n                      <div class=\"result-stat-value\">{{ testResult.executionTimeMs }}ms</div>\n                    </div>\n                  }\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">ACTIONS</div>\n                    <button mjButton variant=\"flat\" size=\"sm\"\n                      (click)=\"saveResults()\"\n                      title=\"Save results to file\">\n                      <i class=\"fa-solid fa-download\"></i>\n                    </button>\n                  </div>\n                </div>\n                <!-- Result Content -->\n                <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                  @if (testResult.success && testResult.output) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                        Template Output\n                      </h6>\n                      <div class=\"output-box\">\n                        {{ testResult.output }}\n                      </div>\n                    </div>\n                  } @else if (!testResult.success && testResult.error) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-exclamation-triangle error-icon\"></i>\n                        Error Details\n                      </h6>\n                      <div class=\"error-output-box\">{{ testResult.error }}</div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <div class=\"no-results-state\">\n                <div style=\"text-align: center;\">\n                  <i class=\"fa-solid fa-play-circle\"></i>\n                  <p>No test results yet. Run the template to see results here.</p>\n                </div>\n              </div>\n            }\n          </div>\n        </mj-accordion-panel>\n      }\n    </div>\n    <!-- Dialog Actions -->\n    <mj-dialog-actions>\n      <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n        <div>\n          @if (hasUnsavedParameters) {\n            <button mjButton variant=\"outline\"\n              (click)=\"updateTemplateParams()\"\n              [disabled]=\"isRunning\">\n              <i class=\"fa-solid fa-save\"></i> Update Template Params\n            </button>\n          }\n        </div>\n        <div style=\"display: flex; gap: 8px;\">\n          <button mjButton variant=\"outline\" (click)=\"close()\">\n            Close\n          </button>\n          @if (testResult) {\n            <button mjButton variant=\"outline\" (click)=\"saveResults()\">\n              <i class=\"fa-solid fa-download\"></i> Save Results\n            </button>\n          }\n          <button mjButton variant=\"primary\"\n            [disabled]=\"isRunning || isLoading\"\n            (click)=\"runTemplate()\">\n            @if (isRunning) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n              <i class=\"fa-solid fa-play\"></i> Run Template\n            }\n          </button>\n        </div>\n      </div>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n"]}
+{"version":3,"file":"template-param-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Templates/template-param-dialog.component.ts","../../../../src/lib/custom/Templates/template-param-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { MJTemplateEntity, MJTemplateParamEntity } from '@memberjunction/core-entities';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { TemplateRunOperation } from '@memberjunction/core-entities';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface ParameterPair {\n    key: string;\n    value: string;\n    isFromTemplate: boolean;\n    description?: string;\n    isRequired?: boolean;\n    type?: string;\n}\n\nexport interface TemplateRunResult {\n    success: boolean;\n    output?: string;\n    error?: string;\n    executionTimeMs?: number;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-template-param-dialog',\n    templateUrl: './template-param-dialog.component.html',\n    styleUrls: ['./template-param-dialog.component.css']\n})\nexport class TemplateParamDialogComponent extends BaseAngularComponent implements OnInit {\n    @Input() template: MJTemplateEntity | null = null;\n    \n    public _isVisible: boolean = false;\n    @Input() \n    get isVisible(): boolean {\n        return this._isVisible;\n    }\n    set isVisible(value: boolean) {\n        const wasVisible = this._isVisible;\n        this._isVisible = value;\n        \n        // Reset dialog state when opening\n        if (value && !wasVisible) {\n            this.resetDialogState();\n        }\n    }\n    \n    @Output() isVisibleChange = new EventEmitter<boolean>();\n    @Output() onClose = new EventEmitter<void>();\n\n    public parameters: ParameterPair[] = [];\n    public isLoading = false;\n    public isRunning = false;\n    public testResult: TemplateRunResult | null = null;\n    public hasUnsavedParameters = false;\n    public parametersExpanded = true;\n    public jsonPreviewExpanded = false;\n    public resultsExpanded = true;\n\n    private originalTemplateParams: MJTemplateParamEntity[] = [];\n\n    ngOnInit() {\n        if (this.template) {\n            this.loadTemplateParams();\n        }\n    }\n\n    async loadTemplateParams() {\n        if (!this.template?.ID) return;\n\n        this.isLoading = true;\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n            const results = await rv.RunView<MJTemplateParamEntity>({\n                EntityName: 'MJ: Template Params',\n                ExtraFilter: `TemplateID='${this.template.ID}'`,\n                OrderBy: 'Name ASC' \n            });\n\n            this.originalTemplateParams = results.Results;\n            \n            // Convert template params to parameter pairs\n            this.parameters = this.originalTemplateParams.map(param => ({\n                key: param.Name,\n                value: param.DefaultValue || '',\n                isFromTemplate: true,\n                description: param.Description || undefined,\n                isRequired: param.IsRequired,\n                type: param.Type\n            }));\n\n            // If no template params, add one empty pair to start\n            if (this.parameters.length === 0) {\n                this.addParameter();\n            }\n\n        } catch (error) {\n            console.error('Error loading template params:', error);\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Error loading template parameters',\n                'error'\n            );\n        } finally {\n            this.isLoading = false;\n        }\n    }\n\n    addParameter() {\n        this.parameters.push({\n            key: '',\n            value: '',\n            isFromTemplate: false\n        });\n    }\n\n    removeParameter(index: number) {\n        if (this.parameters.length > 1) {\n            this.parameters.splice(index, 1);\n        }\n    }\n\n    onParameterChange() {\n        // Check if we have new parameters not in template\n        this.hasUnsavedParameters = this.parameters.some(param => \n            param.key && \n            !param.isFromTemplate && \n            !this.originalTemplateParams.find(tp => tp.Name === param.key)\n        );\n    }\n\n    async runTemplate() {\n        if (!this.template?.ID) return;\n\n        // Validate parameter names - check for empty parameter names\n        const emptyNameParams = this.parameters.filter(p => p.value && !p.key);\n        if (emptyNameParams.length > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'All parameters must have a name. Please enter parameter names or remove empty parameters.',\n                'warning'\n            );\n            return;\n        }\n\n        // Validate required parameters\n        const invalidParams = this.parameters.filter(p => p.key && !p.value && p.isRequired);\n        if (invalidParams.length > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Required parameters missing: ${invalidParams.map(p => p.key).join(', ')}`,\n                'warning'\n            );\n            return;\n        }\n\n        this.isRunning = true;\n        this.testResult = null;\n\n        try {\n            // Build context data object from parameters\n            const contextData: any = {};\n            this.parameters.forEach(param => {\n                if (param.key && param.value) {\n                    try {\n                        // Try to parse as JSON first, fallback to string\n                        contextData[param.key] = JSON.parse(param.value);\n                    } catch {\n                        contextData[param.key] = param.value;\n                    }\n                }\n            });\n\n            // Run the template via the Template.Run Remote Operation (provider-scoped; routes over the\n            // generic ExecuteRemoteOperation transport — no bespoke GraphQL client).\n            const opResult = await new TemplateRunOperation().Execute(\n                { templateID: this.template.ID, data: contextData },\n                { provider: this.ProviderToUse },\n            );\n\n            {\n                this.testResult = {\n                    success: opResult.Success,\n                    output: opResult.Output?.output,\n                    error: opResult.ErrorMessage,\n                    executionTimeMs: opResult.Output?.executionTimeMs,\n                };\n\n                // Collapse parameters and expand results after execution\n                this.parametersExpanded = false;\n                this.resultsExpanded = true;\n                \n                if (this.testResult?.success) {\n                    MJNotificationService.Instance.CreateSimpleNotification(\n                        `Template executed successfully in ${this.testResult.executionTimeMs || 0}ms`,\n                        'success',\n                        4000\n                    );\n                } else {\n                    MJNotificationService.Instance.CreateSimpleNotification(\n                        `Template execution failed: ${this.testResult?.error || 'Unknown error'}`,\n                        'error',\n                        5000\n                    );\n                }\n            }\n\n        } catch (error) {\n            console.error('Template test error:', error);\n            this.testResult = {\n                success: false,\n                error: (error as Error).message || 'Unknown error occurred'\n            };\n            \n            // Still collapse parameters and expand results on error\n            this.parametersExpanded = false;\n            this.resultsExpanded = true;\n            \n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Template test failed: ${this.testResult?.error || 'Unknown error'}`,\n                'error',\n                5000\n            );\n        } finally {\n            this.isRunning = false;\n        }\n    }\n\n    async updateTemplateParams() {\n        if (!this.template?.ID || !this.hasUnsavedParameters) return;\n\n        const newParams = this.parameters.filter(param => \n            param.key && \n            !param.isFromTemplate && \n            !this.originalTemplateParams.find(tp => tp.Name === param.key)\n        );\n\n        if (newParams.length === 0) return;\n\n        try {\n            const md = this.ProviderToUse;\n            \n            for (const param of newParams) {\n                const templateParam = await md.GetEntityObject<MJTemplateParamEntity>('MJ: Template Params');\n                templateParam.TemplateID = this.template.ID;\n                templateParam.Name = param.key;\n                templateParam.Description = param.description || null;\n                templateParam.Type = 'Scalar'; // Default type\n                templateParam.DefaultValue = param.value || null;\n                templateParam.IsRequired = param.isRequired || false;\n                \n                const saved = await templateParam.Save();\n                if (!saved) {\n                    throw new Error(`Failed to save parameter: ${param.key}`);\n                }\n            }\n\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Added ${newParams.length} new parameter(s) to template`,\n                'success'\n            );\n\n            this.hasUnsavedParameters = false;\n            \n            // Reload template params to sync\n            await this.loadTemplateParams();\n\n        } catch (error) {\n            console.error('Error updating template params:', error);\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Error saving template parameters',\n                'error'\n            );\n        }\n    }\n\n    close() {\n        this._isVisible = false;\n        this.isVisibleChange.emit(false);\n        this.onClose.emit();\n    }\n\n    private resetDialogState() {\n        // Reset expansion states for a clean testing experience\n        this.parametersExpanded = true;     // Show params by default\n        this.jsonPreviewExpanded = false;   // Hide JSON (developer-focused)\n        this.resultsExpanded = true;        // Show results when they exist\n        \n        // Clear previous test results\n        this.testResult = null;\n        this.isRunning = false;\n        \n        // Reset unsaved parameters flag\n        this.hasUnsavedParameters = false;\n    }\n\n    saveResults() {\n        if (!this.testResult) return;\n\n        const content = this.testResult.success \n            ? this.testResult.output || 'No output'\n            : this.testResult.error || 'No error details';\n        \n        const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5);\n        const templateName = this.template?.Name?.replace(/[^a-zA-Z0-9]/g, '_') || 'template';\n        const status = this.testResult.success ? 'success' : 'error';\n        const filename = `${templateName}_${status}_${timestamp}.txt`;\n\n        // Create blob and download\n        const blob = new Blob([content], { type: 'text/plain' });\n        const url = window.URL.createObjectURL(blob);\n        const link = document.createElement('a');\n        link.href = url;\n        link.download = filename;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        window.URL.revokeObjectURL(url);\n\n        MJNotificationService.Instance.CreateSimpleNotification(\n            `Results saved as ${filename}`,\n            'success'\n        );\n    }\n\n    get parametersAsJson(): string {\n        const contextData: any = {};\n        this.parameters.forEach(param => {\n            if (param.key && param.value) {\n                try {\n                    contextData[param.key] = JSON.parse(param.value);\n                } catch {\n                    contextData[param.key] = param.value;\n                }\n            }\n        });\n        return JSON.stringify(contextData, null, 2);\n    }\n}","@if (_isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"800\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>Test Template: {{ template?.Name || 'Unknown' }}</mj-dialog-titlebar>\n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n      <!-- Header Section -->\n      <div class=\"dlg-header\">\n        <div class=\"dlg-header-row\">\n          <i class=\"fa-solid fa-sliders\"></i>\n          <h5>Template Testing</h5>\n        </div>\n        <p>\n          Configure parameter values for testing. Parameters with <span class=\"required-marker\">*</span> are required.\n        </p>\n      </div>\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"dlg-loading\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Loading template parameters...</span>\n        </div>\n      } @else {\n        <!-- Template Parameters Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"parametersExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Template Parameters\n              @if (parameters.length > 0) {\n                <span class=\"mj-accordion-badge mj-accordion-badge--right\">{{ parameters.length }}</span>\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"dlg-info-text\">\n              <i class=\"fa-solid fa-info-circle\"></i>\n              Configure parameter values for template testing. Values can be JSON objects, strings, or numbers.\n            </div>\n            <!-- Parameters Table -->\n            @if (parameters.length > 0) {\n              <div class=\"params-table\">\n                <!-- Header -->\n                <div class=\"params-table-header\">\n                  <div>Parameter Name</div>\n                  <div>Value</div>\n                  <div>Actions</div>\n                </div>\n                <!-- Parameter Rows -->\n                @for (param of parameters; track $index; let i = $index) {\n                  <div class=\"params-table-row\">\n                    <!-- Parameter Name -->\n                    <div class=\"param-name\" style=\"display: flex; flex-direction: column;\">\n                      <div style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                        @if (param.isFromTemplate) {\n                          <i class=\"fa-solid fa-database param-source-icon-template\" title=\"From template definition\"></i>\n                        } @else {\n                          <i class=\"fa-solid fa-edit param-source-icon-custom\" title=\"Custom parameter\"></i>\n                        }\n                        @if (param.isRequired) {\n                          <span class=\"param-required-marker\">*</span>\n                        }\n                      </div>\n                      @if (param.isFromTemplate) {\n                        <div class=\"param-key-text\">\n                          {{ param.key }}\n                        </div>\n                        @if (param.description) {\n                          <div class=\"param-description-text\">\n                            {{ param.description }}\n                          </div>\n                        }\n                        @if (param.type && param.type !== 'Scalar') {\n                          <div class=\"param-type-text\">\n                            Type: {{ param.type }}\n                          </div>\n                        }\n                      } @else {\n                        <input type=\"text\" class=\"mj-input\"\n                          [(ngModel)]=\"param.key\"\n                          (ngModelChange)=\"onParameterChange()\"\n                          placeholder=\"Parameter name...\"\n                          [disabled]=\"isRunning\"\n                          style=\"font-family: 'Courier New', monospace; width: 100%;\" />\n                      }\n                    </div>\n                    <!-- Parameter Value -->\n                    <div class=\"param-value\">\n                      <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"param.value\"\n                        (ngModelChange)=\"onParameterChange()\"\n                        [rows]=\"2\"\n                        placeholder=\"Enter value (JSON strings, numbers, objects)...\"\n                        [disabled]=\"isRunning\"\n                        style=\"font-family: 'Courier New', monospace; font-size: 0.9em; width: 100%;\"></textarea>\n                    </div>\n                    <!-- Actions -->\n                    <div class=\"param-actions\">\n                      @if (!param.isFromTemplate && parameters.length > 1) {\n                        <button mjButton variant=\"danger\" size=\"sm\"\n                          (click)=\"removeParameter(i)\"\n                          [disabled]=\"isRunning\"\n                          title=\"Remove parameter\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n                <!-- Add Parameter Row -->\n                <div class=\"add-param-row\">\n                  <button mjButton variant=\"success\" size=\"sm\"\n                    (click)=\"addParameter()\"\n                    [disabled]=\"isRunning\">\n                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                  </button>\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-info\"\n                Title=\"No parameters defined yet\">\n                <button ngProjectAs=\"[actions]\" mjButton variant=\"primary\" size=\"sm\"\n                  (click)=\"addParameter()\"\n                  [disabled]=\"isRunning\">\n                  <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                </button>\n              </mj-empty-state>\n            }\n          </div>\n        </mj-accordion-panel>\n        <!-- JSON Preview Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"jsonPreviewExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-code\"></i>\n              Context Data (JSON)\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"json-preview-box\">\n              <pre>{{ parametersAsJson }}</pre>\n            </div>\n          </div>\n        </mj-accordion-panel>\n        <!-- Test Results Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"resultsExpanded\"\n          style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-chart-line\"></i>\n              Test Results\n              @if (testResult) {\n                @if (testResult.success) {\n                  <span class=\"result-badge success\"><i class=\"fa-solid fa-check\"></i> Success</span>\n                } @else {\n                  <span class=\"result-badge error\"><i class=\"fa-solid fa-times\"></i> Failed</span>\n                }\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n            @if (isRunning) {\n              <div class=\"dlg-loading\" style=\"flex: 1;\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <span>Running template...</span>\n              </div>\n            } @else if (testResult) {\n              <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                <!-- Result Header with Stats -->\n                <div class=\"result-stats\" [class.success]=\"testResult.success\" [class.error]=\"!testResult.success\">\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">STATUS</div>\n                    <div class=\"result-stat-value\">\n                      {{ testResult.success ? 'Success' : 'Failed' }}\n                    </div>\n                  </div>\n                  @if (testResult.executionTimeMs) {\n                    <div class=\"result-stat\">\n                      <div class=\"result-stat-label\">EXECUTION TIME</div>\n                      <div class=\"result-stat-value\">{{ testResult.executionTimeMs }}ms</div>\n                    </div>\n                  }\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">ACTIONS</div>\n                    <button mjButton variant=\"flat\" size=\"sm\"\n                      (click)=\"saveResults()\"\n                      title=\"Save results to file\">\n                      <i class=\"fa-solid fa-download\"></i>\n                    </button>\n                  </div>\n                </div>\n                <!-- Result Content -->\n                <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                  @if (testResult.success && testResult.output) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                        Template Output\n                      </h6>\n                      <div class=\"output-box\">\n                        {{ testResult.output }}\n                      </div>\n                    </div>\n                  } @else if (!testResult.success && testResult.error) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-exclamation-triangle error-icon\"></i>\n                        Error Details\n                      </h6>\n                      <div class=\"error-output-box\">{{ testResult.error }}</div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state class=\"no-results-state\"\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-play\"\n                Title=\"No test results yet. Run the template to see results here.\" />\n            }\n          </div>\n        </mj-accordion-panel>\n      }\n    </div>\n    <!-- Dialog Actions -->\n    <mj-dialog-actions>\n      <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n        <div>\n          @if (hasUnsavedParameters) {\n            <button mjButton variant=\"outline\"\n              (click)=\"updateTemplateParams()\"\n              [disabled]=\"isRunning\">\n              <i class=\"fa-solid fa-save\"></i> Update Template Params\n            </button>\n          }\n        </div>\n        <div style=\"display: flex; gap: 8px;\">\n          <button mjButton variant=\"outline\" (click)=\"close()\">\n            Close\n          </button>\n          @if (testResult) {\n            <button mjButton variant=\"outline\" (click)=\"saveResults()\">\n              <i class=\"fa-solid fa-download\"></i> Save Results\n            </button>\n          }\n          <button mjButton variant=\"primary\"\n            [disabled]=\"isRunning || isLoading\"\n            (click)=\"runTemplate()\">\n            @if (isRunning) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n              <i class=\"fa-solid fa-play\"></i> Run Template\n            }\n          </button>\n        </div>\n      </div>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n"]}