npm - @memberjunction/ng-core-entity-forms - Versions diffs - 5.1.0 → 5.3.0 - Mend

@memberjunction/ng-core-entity-forms 5.1.0 → 5.3.0

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

Files changed (108) hide show

package/dist/lib/custom/Tests/test-form.component.js CHANGED Viewed

@@ -27,7 +27,7 @@ import * as i7 from "@memberjunction/ng-shared-generic";
 import * as i8 from "./entity-link-pill.component";
 const _c0 = () => [1, 2, 3, 4, 5];
 const _c1 = () => [1, 2, 3];
-function TestFormComponentExtended_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 16);
     i0.ɵɵelement(1, "i", 41);
     i0.ɵɵtext(2);
@@ -37,7 +37,7 @@ function TestFormComponentExtended_Conditional_25_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.record.Type, " ");
 } }
-function TestFormComponentExtended_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_34_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 21)(1, "p");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
@@ -46,7 +46,7 @@ function TestFormComponentExtended_Conditional_34_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.record.Description);
 } }
-function TestFormComponentExtended_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 22)(1, "div", 42)(2, "div", 43);
     i0.ɵɵtext(3, "Total Runs");
     i0.ɵɵelementEnd();
@@ -87,7 +87,7 @@ function TestFormComponentExtended_Conditional_35_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r0.formatDuration(ctx_r0.getAverageDuration()));
 } }
-function TestFormComponentExtended_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 29);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -96,7 +96,7 @@ function TestFormComponentExtended_Conditional_50_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.testRuns.length);
 } }
-function TestFormComponentExtended_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_55_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 29);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -105,7 +105,7 @@ function TestFormComponentExtended_Conditional_55_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.suiteTests.length);
 } }
-function TestFormComponentExtended_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_61_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 33)(1, "div", 47)(2, "h3");
     i0.ɵɵelement(3, "i", 48);
@@ -178,22 +178,22 @@ function TestFormComponentExtended_Conditional_61_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtext(62, " Test Definition");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(63, "div", 56)(64, "button", 57);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_61_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("input")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_61_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("input")); });
     i0.ɵɵelement(65, "i", 58);
     i0.ɵɵtext(66, " Input Definition ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(67, "button", 57);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_61_Template_button_click_67_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("expected")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_61_Template_button_click_67_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("expected")); });
     i0.ɵɵelement(68, "i", 59);
     i0.ɵɵtext(69, " Expected Outcomes ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(70, "button", 57);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_61_Template_button_click_70_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("config")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_61_Template_button_click_70_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("config")); });
     i0.ɵɵelement(71, "i", 60);
     i0.ɵɵtext(72, " Configuration ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(73, "button", 57);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_61_Template_button_click_73_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("tags")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_61_Template_button_click_73_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setJsonView("tags")); });
     i0.ɵɵelement(74, "i", 61);
     i0.ɵɵtext(75, " Tags ");
     i0.ɵɵelementEnd()();
@@ -235,7 +235,7 @@ function TestFormComponentExtended_Conditional_61_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("value", ctx_r0.getJsonData())("readonly", true)("toolbar", ctx_r0.jsonToolbar)("lineWrapping", true);
 } }
-function TestFormComponentExtended_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_62_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 34)(1, "div", 64)(2, "h3");
     i0.ɵɵelement(3, "i", 65);
@@ -245,31 +245,31 @@ function TestFormComponentExtended_Conditional_62_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtext(8, "Priority");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "input", 68);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestFormComponentExtended_Conditional_62_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.Priority, $event) || (ctx_r0.record.Priority = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function MJTestFormComponentExtended_Conditional_62_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.Priority, $event) || (ctx_r0.record.Priority = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(10, "div", 67)(11, "label");
     i0.ɵɵtext(12, "Repeat Count");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(13, "input", 69);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestFormComponentExtended_Conditional_62_Template_input_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.RepeatCount, $event) || (ctx_r0.record.RepeatCount = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function MJTestFormComponentExtended_Conditional_62_Template_input_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.RepeatCount, $event) || (ctx_r0.record.RepeatCount = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(14, "div", 67)(15, "label");
     i0.ɵɵtext(16, "Estimated Duration (seconds)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(17, "input", 70);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestFormComponentExtended_Conditional_62_Template_input_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.EstimatedDurationSeconds, $event) || (ctx_r0.record.EstimatedDurationSeconds = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function MJTestFormComponentExtended_Conditional_62_Template_input_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.EstimatedDurationSeconds, $event) || (ctx_r0.record.EstimatedDurationSeconds = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(18, "div", 67)(19, "label");
     i0.ɵɵtext(20, "Estimated Cost (USD)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "input", 71);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestFormComponentExtended_Conditional_62_Template_input_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.EstimatedCostUSD, $event) || (ctx_r0.record.EstimatedCostUSD = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function MJTestFormComponentExtended_Conditional_62_Template_input_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.EstimatedCostUSD, $event) || (ctx_r0.record.EstimatedCostUSD = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(22, "div", 72)(23, "label");
     i0.ɵɵtext(24, "Max Execution Time (ms)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(25, "input", 73);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestFormComponentExtended_Conditional_62_Template_input_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.MaxExecutionTimeMS, $event) || (ctx_r0.record.MaxExecutionTimeMS = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function MJTestFormComponentExtended_Conditional_62_Template_input_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.record.MaxExecutionTimeMS, $event) || (ctx_r0.record.MaxExecutionTimeMS = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(26, "span", 74);
     i0.ɵɵtext(27, "Leave empty for default 5 minute timeout");
@@ -279,28 +279,28 @@ function TestFormComponentExtended_Conditional_62_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtext(31, " Input Definition (JSON)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(32, "div", 75)(33, "mj-code-editor", 76);
-    i0.ɵɵlistener("change", function TestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_33_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.InputDefinition = $event); });
+    i0.ɵɵlistener("change", function MJTestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_33_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.InputDefinition = $event); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(34, "div", 64)(35, "h3");
     i0.ɵɵelement(36, "i", 59);
     i0.ɵɵtext(37, " Expected Outcomes (JSON)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(38, "div", 75)(39, "mj-code-editor", 76);
-    i0.ɵɵlistener("change", function TestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_39_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.ExpectedOutcomes = $event); });
+    i0.ɵɵlistener("change", function MJTestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_39_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.ExpectedOutcomes = $event); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(40, "div", 64)(41, "h3");
     i0.ɵɵelement(42, "i", 60);
     i0.ɵɵtext(43, " Configuration (JSON)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(44, "div", 75)(45, "mj-code-editor", 76);
-    i0.ɵɵlistener("change", function TestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_45_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.Configuration = $event); });
+    i0.ɵɵlistener("change", function MJTestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_45_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.Configuration = $event); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(46, "div", 64)(47, "h3");
     i0.ɵɵelement(48, "i", 61);
     i0.ɵɵtext(49, " Tags (JSON Array)");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(50, "div", 77)(51, "mj-code-editor", 76);
-    i0.ɵɵlistener("change", function TestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_51_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.Tags = $event); });
+    i0.ɵɵlistener("change", function MJTestFormComponentExtended_Conditional_62_Template_mj_code_editor_change_51_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.record.Tags = $event); });
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -323,22 +323,22 @@ function TestFormComponentExtended_Conditional_62_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(6);
     i0.ɵɵproperty("value", ctx_r0.record.Tags || "[]")("readonly", false)("lineWrapping", true);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 82);
     i0.ɵɵelement(1, "div", 83);
     i0.ɵɵelementStart(2, "div", 84);
     i0.ɵɵelement(3, "div", 85)(4, "div", 86);
     i0.ɵɵelementEnd()();
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 78)(1, "div", 81);
-    i0.ɵɵrepeaterCreate(2, TestFormComponentExtended_Conditional_63_Conditional_1_For_3_Template, 5, 0, "div", 82, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(2, MJTestFormComponentExtended_Conditional_63_Conditional_1_For_3_Template, 5, 0, "div", 82, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c0));
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "i", 102);
     i0.ɵɵtext(2);
@@ -349,7 +349,7 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.formatDuration(run_r5.DurationSeconds));
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "i", 103);
     i0.ɵɵtext(2);
@@ -360,13 +360,13 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCost(run_r5.CostUSD));
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-entity-link-pill", 97);
 } if (rf & 2) {
     const run_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("entityName", run_r5.TargetLogEntity)("recordId", run_r5.TargetLogID);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 99);
     i0.ɵɵelement(1, "i", 90);
     i0.ɵɵelementStart(2, "span");
@@ -381,12 +381,12 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(run_r5.Status);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 104);
     i0.ɵɵelement(1, "i", 106);
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 107);
     i0.ɵɵelement(1, "i", 108);
     i0.ɵɵelementStart(2, "span");
@@ -402,9 +402,9 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(rating_r6);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_0_Template, 2, 0, "span", 104);
-    i0.ɵɵconditionalCreate(1, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_1_Template, 4, 10, "span", 105);
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_0_Template, 2, 0, "span", 104);
+    i0.ɵɵconditionalCreate(1, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Conditional_1_Template, 4, 10, "span", 105);
 } if (rf & 2) {
     let tmp_13_0;
     let tmp_14_0;
@@ -414,12 +414,12 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional((tmp_14_0 = (tmp_14_0 = ctx_r0.getFeedbackForRun(run_r5.ID)) == null ? null : tmp_14_0.Rating) ? 1 : -1, tmp_14_0);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 109);
     i0.ɵɵelement(1, "i", 111);
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 112);
     i0.ɵɵelement(1, "i", 111);
     i0.ɵɵelementStart(2, "span");
@@ -432,16 +432,16 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", (run_r5.Score * 100).toFixed(0), "%");
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_0_Template, 2, 0, "span", 109);
-    i0.ɵɵconditionalCreate(1, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_1_Template, 4, 10, "span", 110);
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_0_Template, 2, 0, "span", 109);
+    i0.ɵɵconditionalCreate(1, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Conditional_1_Template, 4, 10, "span", 110);
 } if (rf & 2) {
     const run_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵconditional(run_r5.Score == null ? 0 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(run_r5.Score != null ? 1 : -1);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_For_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 113);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -450,7 +450,7 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(tag_r7);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 114);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -460,10 +460,10 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", ctx_r0.getRunTags(run_r5).length - 3);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 100);
-    i0.ɵɵrepeaterCreate(1, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_For_2_Template, 2, 1, "span", 113, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(3, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Conditional_3_Template, 2, 1, "span", 114);
+    i0.ɵɵrepeaterCreate(1, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_For_2_Template, 2, 1, "span", 113, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Conditional_3_Template, 2, 1, "span", 114);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r5 = i0.ɵɵnextContext().$implicit;
@@ -473,10 +473,10 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.getRunTags(run_r5).length > 3 ? 3 : -1);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 88);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template_div_click_0_listener() { const run_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.openTestRun(run_r5.ID)); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template_div_click_0_listener() { const run_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.openTestRun(run_r5.ID)); });
     i0.ɵɵelementStart(1, "div", 89);
     i0.ɵɵelement(2, "i", 90);
     i0.ɵɵelementEnd();
@@ -490,16 +490,16 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template(r
     i0.ɵɵelement(11, "i", 96);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_13_Template, 3, 1, "span");
-    i0.ɵɵconditionalCreate(14, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_14_Template, 3, 1, "span");
-    i0.ɵɵconditionalCreate(15, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_15_Template, 1, 2, "mj-entity-link-pill", 97);
+    i0.ɵɵconditionalCreate(13, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_13_Template, 3, 1, "span");
+    i0.ɵɵconditionalCreate(14, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_14_Template, 3, 1, "span");
+    i0.ɵɵconditionalCreate(15, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_15_Template, 1, 2, "mj-entity-link-pill", 97);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "div", 98);
-    i0.ɵɵconditionalCreate(17, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_17_Template, 4, 17, "span", 99);
-    i0.ɵɵconditionalCreate(18, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Template, 2, 2);
-    i0.ɵɵconditionalCreate(19, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Template, 2, 2);
+    i0.ɵɵconditionalCreate(17, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_17_Template, 4, 17, "span", 99);
+    i0.ɵɵconditionalCreate(18, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_18_Template, 2, 2);
+    i0.ɵɵconditionalCreate(19, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_19_Template, 2, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(20, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Template, 4, 1, "div", 100);
+    i0.ɵɵconditionalCreate(20, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Conditional_20_Template, 4, 1, "div", 100);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(21, "i", 101);
     i0.ɵɵelementEnd();
@@ -533,16 +533,16 @@ function TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template(r
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.getRunTags(run_r5).length > 0 ? 20 : -1);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 79);
-    i0.ɵɵrepeaterCreate(1, TestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template, 22, 26, "div", 87, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, MJTestFormComponentExtended_Conditional_63_Conditional_2_For_2_Template, 22, 26, "div", 87, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.testRuns);
 } }
-function TestFormComponentExtended_Conditional_63_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 80)(1, "div", 115);
     i0.ɵɵelement(2, "i", 116);
@@ -554,16 +554,16 @@ function TestFormComponentExtended_Conditional_63_Conditional_3_Template(rf, ctx
     i0.ɵɵtext(6, "Run this test to see execution history and results here.");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "button", 18);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_63_Conditional_3_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.runTest()); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_63_Conditional_3_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.runTest()); });
     i0.ɵɵelement(8, "i", 19);
     i0.ɵɵtext(9, " Run Test Now ");
     i0.ɵɵelementEnd()();
 } }
-function TestFormComponentExtended_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_63_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵconditionalCreate(1, TestFormComponentExtended_Conditional_63_Conditional_1_Template, 4, 1, "div", 78);
-    i0.ɵɵconditionalCreate(2, TestFormComponentExtended_Conditional_63_Conditional_2_Template, 3, 0, "div", 79);
-    i0.ɵɵconditionalCreate(3, TestFormComponentExtended_Conditional_63_Conditional_3_Template, 10, 0, "div", 80);
+    i0.ɵɵconditionalCreate(1, MJTestFormComponentExtended_Conditional_63_Conditional_1_Template, 4, 1, "div", 78);
+    i0.ɵɵconditionalCreate(2, MJTestFormComponentExtended_Conditional_63_Conditional_2_Template, 3, 0, "div", 79);
+    i0.ɵɵconditionalCreate(3, MJTestFormComponentExtended_Conditional_63_Conditional_3_Template, 10, 0, "div", 80);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -574,22 +574,22 @@ function TestFormComponentExtended_Conditional_63_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.testRunsLoaded && !ctx_r0.loadingRuns && ctx_r0.testRuns.length === 0 ? 3 : -1);
 } }
-function TestFormComponentExtended_Conditional_64_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 82);
     i0.ɵɵelement(1, "div", 83);
     i0.ɵɵelementStart(2, "div", 84);
     i0.ɵɵelement(3, "div", 85)(4, "div", 86);
     i0.ɵɵelementEnd()();
 } }
-function TestFormComponentExtended_Conditional_64_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 78)(1, "div", 81);
-    i0.ɵɵrepeaterCreate(2, TestFormComponentExtended_Conditional_64_Conditional_1_For_3_Template, 5, 0, "div", 82, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(2, MJTestFormComponentExtended_Conditional_64_Conditional_1_For_3_Template, 5, 0, "div", 82, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c1));
 } }
-function TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Conditional_2_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "i", 48);
     i0.ɵɵtext(2);
@@ -599,10 +599,10 @@ function TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", suiteTest_r10.Status);
 } }
-function TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 119);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template_div_click_0_listener() { const suiteTest_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.openTestSuite(suiteTest_r10.SuiteID)); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template_div_click_0_listener() { const suiteTest_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.openTestSuite(suiteTest_r10.SuiteID)); });
     i0.ɵɵelementStart(1, "div", 120);
     i0.ɵɵelement(2, "i", 30);
     i0.ɵɵelementEnd();
@@ -613,7 +613,7 @@ function TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template(r
     i0.ɵɵelement(8, "i", 124);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Conditional_10_Template, 3, 1, "span");
+    i0.ɵɵconditionalCreate(10, MJTestFormComponentExtended_Conditional_64_Conditional_2_For_2_Conditional_10_Template, 3, 1, "span");
     i0.ɵɵelementEnd()();
     i0.ɵɵelement(11, "i", 101);
     i0.ɵɵelementEnd();
@@ -626,16 +626,16 @@ function TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template(r
     i0.ɵɵadvance();
     i0.ɵɵconditional(suiteTest_r10.Status ? 10 : -1);
 } }
-function TestFormComponentExtended_Conditional_64_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 117);
-    i0.ɵɵrepeaterCreate(1, TestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template, 12, 3, "div", 118, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, MJTestFormComponentExtended_Conditional_64_Conditional_2_For_2_Template, 12, 3, "div", 118, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.suiteTests);
 } }
-function TestFormComponentExtended_Conditional_64_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 80)(1, "div", 115);
     i0.ɵɵelement(2, "i", 125);
     i0.ɵɵelementEnd();
@@ -646,11 +646,11 @@ function TestFormComponentExtended_Conditional_64_Conditional_3_Template(rf, ctx
     i0.ɵɵtext(6, "This test is not included in any test suites. Add it to a suite to run it with other tests.");
     i0.ɵɵelementEnd()();
 } }
-function TestFormComponentExtended_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_64_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵconditionalCreate(1, TestFormComponentExtended_Conditional_64_Conditional_1_Template, 4, 1, "div", 78);
-    i0.ɵɵconditionalCreate(2, TestFormComponentExtended_Conditional_64_Conditional_2_Template, 3, 0, "div", 117);
-    i0.ɵɵconditionalCreate(3, TestFormComponentExtended_Conditional_64_Conditional_3_Template, 7, 0, "div", 80);
+    i0.ɵɵconditionalCreate(1, MJTestFormComponentExtended_Conditional_64_Conditional_1_Template, 4, 1, "div", 78);
+    i0.ɵɵconditionalCreate(2, MJTestFormComponentExtended_Conditional_64_Conditional_2_Template, 3, 0, "div", 117);
+    i0.ɵɵconditionalCreate(3, MJTestFormComponentExtended_Conditional_64_Conditional_3_Template, 7, 0, "div", 80);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -661,12 +661,12 @@ function TestFormComponentExtended_Conditional_64_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.suiteTestsLoaded && !ctx_r0.loadingSuites && ctx_r0.suiteTests.length === 0 ? 3 : -1);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 78);
     i0.ɵɵelement(1, "mj-loading", 127);
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 136)(1, "div", 141);
     i0.ɵɵelement(2, "i", 142);
     i0.ɵɵelementEnd();
@@ -684,7 +684,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_C
     i0.ɵɵadvance();
     i0.ɵɵclassProp("fa-arrow-up", ctx_r0.getPassRateTrend() === "up")("fa-arrow-down", ctx_r0.getPassRateTrend() === "down")("fa-minus", ctx_r0.getPassRateTrend() === "stable")("trend-up", ctx_r0.getPassRateTrend() === "up")("trend-down", ctx_r0.getPassRateTrend() === "down");
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 136)(1, "div", 137);
     i0.ɵɵelement(2, "i", 144);
     i0.ɵɵelementEnd();
@@ -699,7 +699,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_C
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1("", (ctx_r0.getOverallAvgScore() * 100).toFixed(1), "%");
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 134)(1, "div", 136)(2, "div", 137);
     i0.ɵɵelement(3, "i", 116);
     i0.ɵɵelementEnd();
@@ -709,8 +709,8 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_T
     i0.ɵɵelementStart(7, "div", 140);
     i0.ɵɵtext(8, "Total Runs");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(9, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_9_Template, 9, 11, "div", 136);
-    i0.ɵɵconditionalCreate(10, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_10_Template, 8, 1, "div", 136);
+    i0.ɵɵconditionalCreate(9, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_9_Template, 9, 11, "div", 136);
+    i0.ɵɵconditionalCreate(10, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Conditional_10_Template, 8, 1, "div", 136);
     i0.ɵɵelementStart(11, "div", 136)(12, "div", 137);
     i0.ɵɵelement(13, "i", 102);
     i0.ɵɵelementEnd();
@@ -742,27 +742,27 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_T
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate(ctx_r0.formatCost(ctx_r0.getOverallAvgCost()));
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵtext(1, "Passed");
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵtext(1, "Failed");
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵtext(1, "Pass Rate");
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵtext(1, "Avg Score");
     i0.ɵɵelementEnd();
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td", 150);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -771,7 +771,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_F
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(day_r12.passCount);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td", 151);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -780,7 +780,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_F
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(day_r12.failCount);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td", 152)(1, "div", 156);
     i0.ɵɵelement(2, "div", 157);
     i0.ɵɵelementStart(3, "span", 158);
@@ -793,7 +793,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_F
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", day_r12.passRate.toFixed(1), "%");
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td", 153);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -802,7 +802,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_F
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", (day_r12.avgScore * 100).toFixed(1), "%");
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td", 148);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "date");
@@ -810,10 +810,10 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_F
     i0.ɵɵelementStart(4, "td", 149);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_6_Template, 2, 1, "td", 150);
-    i0.ɵɵconditionalCreate(7, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_7_Template, 2, 1, "td", 151);
-    i0.ɵɵconditionalCreate(8, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_8_Template, 5, 3, "td", 152);
-    i0.ɵɵconditionalCreate(9, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_9_Template, 2, 1, "td", 153);
+    i0.ɵɵconditionalCreate(6, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_6_Template, 2, 1, "td", 150);
+    i0.ɵɵconditionalCreate(7, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_7_Template, 2, 1, "td", 151);
+    i0.ɵɵconditionalCreate(8, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_8_Template, 5, 3, "td", 152);
+    i0.ɵɵconditionalCreate(9, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Conditional_9_Template, 2, 1, "td", 153);
     i0.ɵɵelementStart(10, "td", 154);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
@@ -840,7 +840,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_F
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.formatCost(day_r12.avgCost));
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 135)(1, "h3");
     i0.ɵɵelement(2, "i", 145);
     i0.ɵɵtext(3, " Daily Performance");
@@ -851,10 +851,10 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_T
     i0.ɵɵelementStart(10, "th");
     i0.ɵɵtext(11, "Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_12_Template, 2, 0, "th");
-    i0.ɵɵconditionalCreate(13, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_13_Template, 2, 0, "th");
-    i0.ɵɵconditionalCreate(14, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_14_Template, 2, 0, "th");
-    i0.ɵɵconditionalCreate(15, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_15_Template, 2, 0, "th");
+    i0.ɵɵconditionalCreate(12, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_12_Template, 2, 0, "th");
+    i0.ɵɵconditionalCreate(13, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_13_Template, 2, 0, "th");
+    i0.ɵɵconditionalCreate(14, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_14_Template, 2, 0, "th");
+    i0.ɵɵconditionalCreate(15, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Conditional_15_Template, 2, 0, "th");
     i0.ɵɵelementStart(16, "th");
     i0.ɵɵtext(17, "Avg Duration");
     i0.ɵɵelementEnd();
@@ -862,7 +862,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_T
     i0.ɵɵtext(19, "Avg Cost");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(20, "tbody");
-    i0.ɵɵrepeaterCreate(21, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Template, 14, 11, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(21, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_For_22_Template, 14, 11, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -877,7 +877,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_T
     i0.ɵɵadvance(6);
     i0.ɵɵrepeater(ctx_r0.historyData);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 170);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -886,7 +886,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(tag_r15);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 171);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -895,10 +895,10 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", suite_r14.tags.length - 3);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 164);
-    i0.ɵɵrepeaterCreate(1, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_For_2_Template, 2, 1, "span", 170, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(3, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Conditional_3_Template, 2, 1, "span", 171);
+    i0.ɵɵrepeaterCreate(1, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_For_2_Template, 2, 1, "span", 170, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Conditional_3_Template, 2, 1, "span", 171);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const suite_r14 = i0.ɵɵnextContext().$implicit;
@@ -907,7 +907,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(suite_r14.tags.length > 3 ? 3 : -1);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 166)(1, "span", 172);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -921,7 +921,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", suite_r14.passRate.toFixed(1), "% ");
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 166)(1, "span", 167);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -933,7 +933,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", (suite_r14.avgScore * 100).toFixed(1), "%");
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 166)(1, "span", 167);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -946,14 +946,14 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.getRelativeTime(suite_r14.lastRun));
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 161);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Template_div_click_0_listener() { const suite_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.openSuiteFromHistory(suite_r14.suiteId)); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Template_div_click_0_listener() { const suite_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.openSuiteFromHistory(suite_r14.suiteId)); });
     i0.ɵɵelementStart(1, "div", 162)(2, "div", 163);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Template, 4, 1, "div", 164);
+    i0.ɵɵconditionalCreate(4, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_4_Template, 4, 1, "div", 164);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "div", 165)(6, "div", 166)(7, "span", 167);
     i0.ɵɵtext(8);
@@ -961,8 +961,8 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵelementStart(9, "span", 168);
     i0.ɵɵtext(10, "Runs");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_11_Template, 5, 5, "div", 166);
-    i0.ɵɵconditionalCreate(12, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_12_Template, 5, 1, "div", 166);
+    i0.ɵɵconditionalCreate(11, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_11_Template, 5, 5, "div", 166);
+    i0.ɵɵconditionalCreate(12, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_12_Template, 5, 1, "div", 166);
     i0.ɵɵelementStart(13, "div", 166)(14, "span", 167);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
@@ -975,7 +975,7 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵelementStart(21, "span", 168);
     i0.ɵɵtext(22, "Avg Cost");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(23, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_23_Template, 5, 1, "div", 166);
+    i0.ɵɵconditionalCreate(23, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Conditional_23_Template, 5, 1, "div", 166);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(24, "i", 169);
     i0.ɵɵelementEnd();
@@ -999,20 +999,20 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_F
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(suite_r14.lastRun ? 23 : -1);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 135)(1, "h3");
     i0.ɵɵelement(2, "i", 30);
     i0.ɵɵtext(3, " Performance by Suite");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 159);
-    i0.ɵɵrepeaterCreate(5, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Template, 25, 8, "div", 160, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(5, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_For_6_Template, 25, 8, "div", 160, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
     i0.ɵɵrepeater(ctx_r0.suitePerformance);
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 80)(1, "div", 115);
     i0.ɵɵelement(2, "i", 31);
@@ -1024,41 +1024,41 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_T
     i0.ɵɵtext(6, "Run this test to start building history and analytics data.");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "button", 18);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.runTest()); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.runTest()); });
     i0.ɵɵelement(8, "i", 19);
     i0.ɵɵtext(9, " Run Test Now ");
     i0.ɵɵelementEnd()();
 } }
-function TestFormComponentExtended_Conditional_65_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 126)(1, "div", 128)(2, "div", 129)(3, "span", 130);
     i0.ɵɵtext(4, "Time Range:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "button", 131);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("7d")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("7d")); });
     i0.ɵɵtext(6, "7 Days");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "button", 131);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("30d")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("30d")); });
     i0.ɵɵtext(8, "30 Days");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "button", 131);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("90d")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("90d")); });
     i0.ɵɵtext(10, "90 Days");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(11, "button", 131);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("all")); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setHistoryTimeRange("all")); });
     i0.ɵɵtext(12, "All Time");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(13, "div", 132)(14, "button", 20);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.exportHistoryToCSV()); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_65_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.exportHistoryToCSV()); });
     i0.ɵɵelement(15, "i", 133);
     i0.ɵɵtext(16, " Export CSV ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(17, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Template, 27, 5, "div", 134);
-    i0.ɵɵconditionalCreate(18, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Template, 23, 4, "div", 135);
-    i0.ɵɵconditionalCreate(19, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_Template, 7, 0, "div", 135);
-    i0.ɵɵconditionalCreate(20, TestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_Template, 10, 0, "div", 80);
+    i0.ɵɵconditionalCreate(17, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_17_Template, 27, 5, "div", 134);
+    i0.ɵɵconditionalCreate(18, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_18_Template, 23, 4, "div", 135);
+    i0.ɵɵconditionalCreate(19, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_19_Template, 7, 0, "div", 135);
+    i0.ɵɵconditionalCreate(20, MJTestFormComponentExtended_Conditional_65_Conditional_2_Conditional_20_Template, 10, 0, "div", 80);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -1081,10 +1081,10 @@ function TestFormComponentExtended_Conditional_65_Conditional_2_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.historyData.length === 0 ? 20 : -1);
 } }
-function TestFormComponentExtended_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_65_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵconditionalCreate(1, TestFormComponentExtended_Conditional_65_Conditional_1_Template, 2, 0, "div", 78);
-    i0.ɵɵconditionalCreate(2, TestFormComponentExtended_Conditional_65_Conditional_2_Template, 21, 13, "div", 126);
+    i0.ɵɵconditionalCreate(1, MJTestFormComponentExtended_Conditional_65_Conditional_1_Template, 2, 0, "div", 78);
+    i0.ɵɵconditionalCreate(2, MJTestFormComponentExtended_Conditional_65_Conditional_2_Template, 21, 13, "div", 126);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1093,13 +1093,13 @@ function TestFormComponentExtended_Conditional_65_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r0.loadingHistory && ctx_r0.historyLoaded ? 2 : -1);
 } }
-function TestFormComponentExtended_Conditional_68_Template(rf, ctx) { if (rf & 1) {
+function MJTestFormComponentExtended_Conditional_68_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 40)(1, "div", 173);
     i0.ɵɵelement(2, "i", 39);
     i0.ɵɵtext(3, " Shortcuts ");
     i0.ɵɵelementStart(4, "button", 174);
-    i0.ɵɵlistener("click", function TestFormComponentExtended_Conditional_68_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleShortcuts()); });
+    i0.ɵɵlistener("click", function MJTestFormComponentExtended_Conditional_68_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleShortcuts()); });
     i0.ɵɵelement(5, "i", 175);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 176)(7, "div", 177)(8, "span");
@@ -1133,7 +1133,7 @@ function TestFormComponentExtended_Conditional_68_Template(rf, ctx) { if (rf & 1
 } }
 /** Settings key for keyboard shortcuts visibility */
 const SHORTCUTS_SETTINGS_KEY = '__mj.Testing.ShowKeyboardShortcuts';
-let TestFormComponentExtended = class TestFormComponentExtended extends MJTestFormComponent {
+let MJTestFormComponentExtended = class MJTestFormComponentExtended extends MJTestFormComponent {
     constructor() {
         super(...arguments);
         this.destroy$ = new Subject();
@@ -1848,12 +1848,12 @@ let TestFormComponentExtended = class TestFormComponentExtended extends MJTestFo
             console.warn('Failed to save shortcuts setting:', error);
         }
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTestFormComponentExtended_BaseFactory; return function TestFormComponentExtended_Factory(__ngFactoryType__) { return (ɵTestFormComponentExtended_BaseFactory || (ɵTestFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(TestFormComponentExtended)))(__ngFactoryType__ || TestFormComponentExtended); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestFormComponentExtended, selectors: [["mj-test-form"]], hostBindings: function TestFormComponentExtended_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown", function TestFormComponentExtended_keydown_HostBindingHandler($event) { return ctx.handleKeyboardShortcut($event); }, i0.ɵɵresolveDocument);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 69, vars: 37, consts: [["kendoDialogContainer", "", 1, "test-form"], [1, "test-header"], ["aria-label", "Breadcrumb", 1, "breadcrumb"], ["href", "javascript:void(0)", 3, "click"], [1, "fas", "fa-vial"], [1, "breadcrumb-text"], [1, "current"], [1, "fas", "fa-chevron-right", "separator"], [1, "fas", "fa-flask"], [1, "header-content"], [1, "header-left"], [1, "test-icon"], [1, "test-info"], [1, "test-meta"], [1, "status-badge", 3, "ngClass"], [1, "fas", 3, "ngClass"], [1, "test-type"], [1, "header-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fas", "fa-play"], ["kendoButton", "", 3, "click", "disabled"], [1, "test-description"], [1, "metrics-bar"], [1, "tabs-container"], ["role", "tablist", 1, "tabs"], ["role", "tab", 1, "tab", 3, "click"], [1, "fas", "fa-th-large"], [1, "fas", "fa-sliders-h"], [1, "fas", "fa-history"], [1, "tab-badge"], [1, "fas", "fa-layer-group"], [1, "fas", "fa-chart-line"], [1, "tab-content"], [1, "overview-tab"], [1, "config-tab"], [1, "runs-tab"], [1, "suites-tab"], [1, "history-tab"], [1, "shortcuts-toggle", 3, "click", "title"], [1, "fas", "fa-keyboard"], [1, "keyboard-shortcuts"], [1, "fas", "fa-tag"], [1, "metric-card"], [1, "metric-label"], [1, "metric-value"], [1, "metric-progress"], [1, "metric-progress-fill"], [1, "info-section"], [1, "fas", "fa-info-circle"], [1, "info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "status-badge-inline", 3, "ngClass"], [1, "json-section"], [1, "fas", "fa-code"], [1, "json-tabs"], [1, "json-tab", 3, "click"], [1, "fas", "fa-sign-in-alt"], [1, "fas", "fa-check-double"], [1, "fas", "fa-cog"], [1, "fas", "fa-tags"], [1, "code-editor-container"], ["language", "json", 3, "value", "readonly", "toolbar", "lineWrapping"], [1, "config-section"], [1, "fas", "fa-cogs"], [1, "config-grid"], [1, "config-item"], ["type", "number", "placeholder", "Lower = Higher Priority", 1, "config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", 1, "config-input", 3, "ngModelChange", "ngModel"], ["type", "number", 1, "config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "step", "0.000001", 1, "config-input", 3, "ngModelChange", "ngModel"], [1, "config-item", "full-width"], ["type", "number", "placeholder", "Default: 300000 (5 min)", 1, "config-input", 3, "ngModelChange", "ngModel"], [1, "config-hint"], [1, "config-editor-container"], ["language", "json", 3, "change", "value", "readonly", "lineWrapping"], [1, "config-editor-container", "small"], [1, "loading-state"], [1, "runs-list"], [1, "empty-state"], [1, "skeleton-list"], [1, "skeleton-card"], [1, "skeleton-icon"], [1, "skeleton-content"], [1, "skeleton-line", "wide"], [1, "skeleton-line", "narrow"], [1, "run-item"], [1, "run-item", 3, "click"], [1, "run-icon"], [1, "fas"], [1, "run-content"], [1, "run-header"], [1, "run-id"], [1, "run-status"], [1, "run-meta"], [1, "fas", "fa-calendar"], [3, "entityName", "recordId"], [1, "run-eval-stack"], [1, "eval-pill", "status-pill", 3, "ngClass", "title"], [1, "run-tags"], [1, "fas", "fa-chevron-right"], [1, "fas", "fa-clock"], [1, "fas", "fa-dollar-sign"], ["title", "Human Review: No rating submitted yet", 1, "eval-pill", "human-pill", "no-feedback"], [1, "eval-pill", "human-pill", "has-feedback", 3, "rating-low", "rating-medium", "rating-good", "rating-excellent", "title"], [1, "fas", "fa-user-slash"], [1, "eval-pill", "human-pill", "has-feedback", 3, "title"], [1, "fas", "fa-user"], ["title", "Auto Score: No automated score available", 1, "eval-pill", "auto-pill", "no-score"], [1, "eval-pill", "auto-pill", "has-score", 3, "score-low", "score-medium", "score-good", "score-excellent", "title"], [1, "fas", "fa-robot"], [1, "eval-pill", "auto-pill", "has-score", 3, "title"], [1, "run-tag"], [1, "run-tag-more"], [1, "empty-icon"], [1, "fas", "fa-play-circle"], [1, "suites-list"], [1, "suite-item"], [1, "suite-item", 3, "click"], [1, "suite-icon"], [1, "suite-content"], [1, "suite-name"], [1, "suite-meta"], [1, "fas", "fa-sort-numeric-up"], [1, "fas", "fa-folder-open"], [1, "history-content"], ["text", "Loading history..."], [1, "history-filters"], [1, "time-range-filters"], [1, "filter-label"], [1, "filter-btn", 3, "click"], [1, "history-actions"], [1, "fas", "fa-download"], [1, "history-kpi-cards"], [1, "history-section"], [1, "kpi-card"], [1, "kpi-icon"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", "pass-rate"], [1, "fas", "fa-percentage"], [1, "fas", "trend-icon"], [1, "fas", "fa-star"], [1, "fas", "fa-calendar-alt"], [1, "history-table-container"], [1, "history-table"], [1, "date-cell"], [1, "runs-cell"], [1, "passed-cell"], [1, "failed-cell"], [1, "pass-rate-cell"], [1, "score-cell"], [1, "duration-cell"], [1, "cost-cell"], [1, "pass-rate-bar"], [1, "pass-rate-fill"], [1, "pass-rate-text"], [1, "suite-performance-list"], [1, "suite-perf-card"], [1, "suite-perf-card", 3, "click"], [1, "suite-perf-header"], [1, "suite-perf-name"], [1, "suite-perf-tags"], [1, "suite-perf-stats"], [1, "suite-stat"], [1, "stat-value"], [1, "stat-label"], [1, "fas", "fa-chevron-right", "suite-perf-arrow"], [1, "tag-mini"], [1, "tag-more"], [1, "stat-value", "pass-rate"], [1, "shortcuts-header"], ["title", "Hide shortcuts", 1, "shortcuts-close", 3, "click"], [1, "fas", "fa-times"], [1, "shortcut-list"], [1, "shortcut-item"], [1, "shortcut-keys"]], template: function TestFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMJTestFormComponentExtended_BaseFactory; return function MJTestFormComponentExtended_Factory(__ngFactoryType__) { return (ɵMJTestFormComponentExtended_BaseFactory || (ɵMJTestFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(MJTestFormComponentExtended)))(__ngFactoryType__ || MJTestFormComponentExtended); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTestFormComponentExtended, selectors: [["mj-test-form"]], hostBindings: function MJTestFormComponentExtended_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function MJTestFormComponentExtended_keydown_HostBindingHandler($event) { return ctx.handleKeyboardShortcut($event); }, i0.ɵɵresolveDocument);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 69, vars: 37, consts: [["kendoDialogContainer", "", 1, "test-form"], [1, "test-header"], ["aria-label", "Breadcrumb", 1, "breadcrumb"], ["href", "javascript:void(0)", 3, "click"], [1, "fas", "fa-vial"], [1, "breadcrumb-text"], [1, "current"], [1, "fas", "fa-chevron-right", "separator"], [1, "fas", "fa-flask"], [1, "header-content"], [1, "header-left"], [1, "test-icon"], [1, "test-info"], [1, "test-meta"], [1, "status-badge", 3, "ngClass"], [1, "fas", 3, "ngClass"], [1, "test-type"], [1, "header-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fas", "fa-play"], ["kendoButton", "", 3, "click", "disabled"], [1, "test-description"], [1, "metrics-bar"], [1, "tabs-container"], ["role", "tablist", 1, "tabs"], ["role", "tab", 1, "tab", 3, "click"], [1, "fas", "fa-th-large"], [1, "fas", "fa-sliders-h"], [1, "fas", "fa-history"], [1, "tab-badge"], [1, "fas", "fa-layer-group"], [1, "fas", "fa-chart-line"], [1, "tab-content"], [1, "overview-tab"], [1, "config-tab"], [1, "runs-tab"], [1, "suites-tab"], [1, "history-tab"], [1, "shortcuts-toggle", 3, "click", "title"], [1, "fas", "fa-keyboard"], [1, "keyboard-shortcuts"], [1, "fas", "fa-tag"], [1, "metric-card"], [1, "metric-label"], [1, "metric-value"], [1, "metric-progress"], [1, "metric-progress-fill"], [1, "info-section"], [1, "fas", "fa-info-circle"], [1, "info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "status-badge-inline", 3, "ngClass"], [1, "json-section"], [1, "fas", "fa-code"], [1, "json-tabs"], [1, "json-tab", 3, "click"], [1, "fas", "fa-sign-in-alt"], [1, "fas", "fa-check-double"], [1, "fas", "fa-cog"], [1, "fas", "fa-tags"], [1, "code-editor-container"], ["language", "json", 3, "value", "readonly", "toolbar", "lineWrapping"], [1, "config-section"], [1, "fas", "fa-cogs"], [1, "config-grid"], [1, "config-item"], ["type", "number", "placeholder", "Lower = Higher Priority", 1, "config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", 1, "config-input", 3, "ngModelChange", "ngModel"], ["type", "number", 1, "config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "step", "0.000001", 1, "config-input", 3, "ngModelChange", "ngModel"], [1, "config-item", "full-width"], ["type", "number", "placeholder", "Default: 300000 (5 min)", 1, "config-input", 3, "ngModelChange", "ngModel"], [1, "config-hint"], [1, "config-editor-container"], ["language", "json", 3, "change", "value", "readonly", "lineWrapping"], [1, "config-editor-container", "small"], [1, "loading-state"], [1, "runs-list"], [1, "empty-state"], [1, "skeleton-list"], [1, "skeleton-card"], [1, "skeleton-icon"], [1, "skeleton-content"], [1, "skeleton-line", "wide"], [1, "skeleton-line", "narrow"], [1, "run-item"], [1, "run-item", 3, "click"], [1, "run-icon"], [1, "fas"], [1, "run-content"], [1, "run-header"], [1, "run-id"], [1, "run-status"], [1, "run-meta"], [1, "fas", "fa-calendar"], [3, "entityName", "recordId"], [1, "run-eval-stack"], [1, "eval-pill", "status-pill", 3, "ngClass", "title"], [1, "run-tags"], [1, "fas", "fa-chevron-right"], [1, "fas", "fa-clock"], [1, "fas", "fa-dollar-sign"], ["title", "Human Review: No rating submitted yet", 1, "eval-pill", "human-pill", "no-feedback"], [1, "eval-pill", "human-pill", "has-feedback", 3, "rating-low", "rating-medium", "rating-good", "rating-excellent", "title"], [1, "fas", "fa-user-slash"], [1, "eval-pill", "human-pill", "has-feedback", 3, "title"], [1, "fas", "fa-user"], ["title", "Auto Score: No automated score available", 1, "eval-pill", "auto-pill", "no-score"], [1, "eval-pill", "auto-pill", "has-score", 3, "score-low", "score-medium", "score-good", "score-excellent", "title"], [1, "fas", "fa-robot"], [1, "eval-pill", "auto-pill", "has-score", 3, "title"], [1, "run-tag"], [1, "run-tag-more"], [1, "empty-icon"], [1, "fas", "fa-play-circle"], [1, "suites-list"], [1, "suite-item"], [1, "suite-item", 3, "click"], [1, "suite-icon"], [1, "suite-content"], [1, "suite-name"], [1, "suite-meta"], [1, "fas", "fa-sort-numeric-up"], [1, "fas", "fa-folder-open"], [1, "history-content"], ["text", "Loading history..."], [1, "history-filters"], [1, "time-range-filters"], [1, "filter-label"], [1, "filter-btn", 3, "click"], [1, "history-actions"], [1, "fas", "fa-download"], [1, "history-kpi-cards"], [1, "history-section"], [1, "kpi-card"], [1, "kpi-icon"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", "pass-rate"], [1, "fas", "fa-percentage"], [1, "fas", "trend-icon"], [1, "fas", "fa-star"], [1, "fas", "fa-calendar-alt"], [1, "history-table-container"], [1, "history-table"], [1, "date-cell"], [1, "runs-cell"], [1, "passed-cell"], [1, "failed-cell"], [1, "pass-rate-cell"], [1, "score-cell"], [1, "duration-cell"], [1, "cost-cell"], [1, "pass-rate-bar"], [1, "pass-rate-fill"], [1, "pass-rate-text"], [1, "suite-performance-list"], [1, "suite-perf-card"], [1, "suite-perf-card", 3, "click"], [1, "suite-perf-header"], [1, "suite-perf-name"], [1, "suite-perf-tags"], [1, "suite-perf-stats"], [1, "suite-stat"], [1, "stat-value"], [1, "stat-label"], [1, "fas", "fa-chevron-right", "suite-perf-arrow"], [1, "tag-mini"], [1, "tag-more"], [1, "stat-value", "pass-rate"], [1, "shortcuts-header"], ["title", "Hide shortcuts", 1, "shortcuts-close", 3, "click"], [1, "fas", "fa-times"], [1, "shortcut-list"], [1, "shortcut-item"], [1, "shortcut-keys"]], template: function MJTestFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "nav", 2)(3, "ol")(4, "li")(5, "a", 3);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_a_click_5_listener() { return ctx.navigateToTestingDashboard(); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_a_click_5_listener() { return ctx.navigateToTestingDashboard(); });
             i0.ɵɵelement(6, "i", 4);
             i0.ɵɵelementStart(7, "span", 5);
             i0.ɵɵtext(8, "Testing");
@@ -1873,69 +1873,69 @@ let TestFormComponentExtended = class TestFormComponentExtended extends MJTestFo
             i0.ɵɵelement(23, "i", 15);
             i0.ɵɵtext(24);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(25, TestFormComponentExtended_Conditional_25_Template, 3, 1, "span", 16);
+            i0.ɵɵconditionalCreate(25, MJTestFormComponentExtended_Conditional_25_Template, 3, 1, "span", 16);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(26, "div", 17);
             i0.ɵɵelement(27, "app-evaluation-mode-toggle");
             i0.ɵɵelementStart(28, "button", 18);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_28_listener() { return ctx.runTest(); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_28_listener() { return ctx.runTest(); });
             i0.ɵɵelement(29, "i", 19);
             i0.ɵɵtext(30, " Run Test ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(31, "button", 20);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_31_listener() { return ctx.refresh(); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_31_listener() { return ctx.refresh(); });
             i0.ɵɵelement(32, "i", 15);
             i0.ɵɵtext(33);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(34, TestFormComponentExtended_Conditional_34_Template, 3, 1, "div", 21);
-            i0.ɵɵconditionalCreate(35, TestFormComponentExtended_Conditional_35_Template, 23, 6, "div", 22);
+            i0.ɵɵconditionalCreate(34, MJTestFormComponentExtended_Conditional_34_Template, 3, 1, "div", 21);
+            i0.ɵɵconditionalCreate(35, MJTestFormComponentExtended_Conditional_35_Template, 23, 6, "div", 22);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(36, "div", 23)(37, "div", 24)(38, "button", 25);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_38_listener() { return ctx.changeTab("overview"); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_38_listener() { return ctx.changeTab("overview"); });
             i0.ɵɵelement(39, "i", 26);
             i0.ɵɵelementStart(40, "span");
             i0.ɵɵtext(41, "Overview");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(42, "button", 25);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_42_listener() { return ctx.changeTab("config"); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_42_listener() { return ctx.changeTab("config"); });
             i0.ɵɵelement(43, "i", 27);
             i0.ɵɵelementStart(44, "span");
             i0.ɵɵtext(45, "Configuration");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(46, "button", 25);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_46_listener() { return ctx.changeTab("runs"); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_46_listener() { return ctx.changeTab("runs"); });
             i0.ɵɵelement(47, "i", 28);
             i0.ɵɵelementStart(48, "span");
             i0.ɵɵtext(49, "Runs");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(50, TestFormComponentExtended_Conditional_50_Template, 2, 1, "span", 29);
+            i0.ɵɵconditionalCreate(50, MJTestFormComponentExtended_Conditional_50_Template, 2, 1, "span", 29);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(51, "button", 25);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_51_listener() { return ctx.changeTab("suites"); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_51_listener() { return ctx.changeTab("suites"); });
             i0.ɵɵelement(52, "i", 30);
             i0.ɵɵelementStart(53, "span");
             i0.ɵɵtext(54, "Test Suites");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(55, TestFormComponentExtended_Conditional_55_Template, 2, 1, "span", 29);
+            i0.ɵɵconditionalCreate(55, MJTestFormComponentExtended_Conditional_55_Template, 2, 1, "span", 29);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(56, "button", 25);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_56_listener() { return ctx.changeTab("analytics"); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_56_listener() { return ctx.changeTab("analytics"); });
             i0.ɵɵelement(57, "i", 31);
             i0.ɵɵelementStart(58, "span");
             i0.ɵɵtext(59, "Analytics");
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(60, "div", 32);
-            i0.ɵɵconditionalCreate(61, TestFormComponentExtended_Conditional_61_Template, 78, 29, "div", 33);
-            i0.ɵɵconditionalCreate(62, TestFormComponentExtended_Conditional_62_Template, 52, 17, "div", 34);
-            i0.ɵɵconditionalCreate(63, TestFormComponentExtended_Conditional_63_Template, 4, 3, "div", 35);
-            i0.ɵɵconditionalCreate(64, TestFormComponentExtended_Conditional_64_Template, 4, 3, "div", 36);
-            i0.ɵɵconditionalCreate(65, TestFormComponentExtended_Conditional_65_Template, 3, 2, "div", 37);
+            i0.ɵɵconditionalCreate(61, MJTestFormComponentExtended_Conditional_61_Template, 78, 29, "div", 33);
+            i0.ɵɵconditionalCreate(62, MJTestFormComponentExtended_Conditional_62_Template, 52, 17, "div", 34);
+            i0.ɵɵconditionalCreate(63, MJTestFormComponentExtended_Conditional_63_Template, 4, 3, "div", 35);
+            i0.ɵɵconditionalCreate(64, MJTestFormComponentExtended_Conditional_64_Template, 4, 3, "div", 36);
+            i0.ɵɵconditionalCreate(65, MJTestFormComponentExtended_Conditional_65_Template, 3, 2, "div", 37);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(66, "button", 38);
-            i0.ɵɵlistener("click", function TestFormComponentExtended_Template_button_click_66_listener() { return ctx.toggleShortcuts(); });
+            i0.ɵɵlistener("click", function MJTestFormComponentExtended_Template_button_click_66_listener() { return ctx.toggleShortcuts(); });
             i0.ɵɵelement(67, "i", 39);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(68, TestFormComponentExtended_Conditional_68_Template, 32, 0, "div", 40);
+            i0.ɵɵconditionalCreate(68, MJTestFormComponentExtended_Conditional_68_Template, 32, 0, "div", 40);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(13);
@@ -1997,16 +1997,16 @@ let TestFormComponentExtended = class TestFormComponentExtended extends MJTestFo
             i0.ɵɵconditional(ctx.showShortcuts ? 68 : -1);
         } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.MinValidator, i2.NgModel, i3.DialogContainerDirective, i4.ButtonComponent, i5.CodeEditorComponent, i6.EvaluationModeToggleComponent, i7.LoadingComponent, i8.EntityLinkPillComponent, i1.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n  --test-primary: #2563eb;\n  --test-primary-light: #3b82f6;\n  --test-primary-dark: #1d4ed8;\n  --test-success: #10b981;\n  --test-success-light: #d1fae5;\n  --test-error: #ef4444;\n  --test-error-light: #fee2e2;\n  --test-warning: #f59e0b;\n  --test-warning-light: #fef3c7;\n  --test-disabled: #6b7280;\n  --test-bg: #f8fafc;\n  --test-surface: #ffffff;\n  --test-border: #e2e8f0;\n  --test-text: #1e293b;\n  --test-text-secondary: #64748b;\n  --test-text-muted: #94a3b8;\n  --test-radius-sm: 6px;\n  --test-radius-md: 10px;\n  --test-radius-lg: 16px;\n  --test-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --test-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --test-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --test-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  display: block;\n  height: 100%;\n}\n\n\n\n.breadcrumb[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   ol[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  background: rgba(37, 99, 235, 0.1);\n  text-decoration: none;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .separator[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--test-text-muted);\n  margin: 0 4px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%] {\n  color: var(--test-text-secondary);\n  font-weight: 500;\n}\n\n.breadcrumb-text[_ngcontent-%COMP%] {\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n\n.test-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--test-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\n\n\n\n.test-header[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  border-bottom: 1px solid var(--test-border);\n  padding: 20px;\n}\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 16px;\n  gap: 16px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n\n\n.test-icon[_ngcontent-%COMP%] {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--test-radius-md);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--test-shadow-md);\n  transition: var(--test-transition);\n}\n\n.test-icon[_ngcontent-%COMP%]:hover {\n  transform: scale(1.05);\n}\n\n\n\n.test-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.test-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 700;\n  color: var(--test-text);\n  line-height: 1.2;\n  word-wrap: break-word;\n}\n\n.test-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  border-radius: 20px;\n  color: white;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.status-badge.status-active[_ngcontent-%COMP%] { background: linear-gradient(135deg, var(--test-success) 0%, #059669 100%); }\n.status-badge.status-disabled[_ngcontent-%COMP%] { background: linear-gradient(135deg, var(--test-disabled) 0%, #4b5563 100%); }\n.status-badge.status-pending[_ngcontent-%COMP%] { background: linear-gradient(135deg, var(--test-warning) 0%, #d97706 100%); }\n\n.status-badge-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 10px;\n  color: white;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.status-badge-inline.status-active[_ngcontent-%COMP%] { background: var(--test-success); }\n.status-badge-inline.status-disabled[_ngcontent-%COMP%] { background: var(--test-disabled); }\n.status-badge-inline.status-pending[_ngcontent-%COMP%] { background: var(--test-warning); }\n\n.test-type[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  color: var(--test-text-secondary);\n  padding: 4px 10px;\n  background: var(--test-bg);\n  border-radius: var(--test-radius-sm);\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  white-space: nowrap;\n}\n\n\n\n.test-description[_ngcontent-%COMP%] {\n  padding: 16px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border-radius: var(--test-radius-md);\n  margin-bottom: 16px;\n  border: 1px solid var(--test-border);\n}\n\n.test-description[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--test-text-secondary);\n  line-height: 1.6;\n  font-size: 14px;\n}\n\n\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  gap: 12px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  padding: 14px;\n  text-align: center;\n  transition: var(--test-transition);\n}\n\n.metric-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--test-shadow-md);\n}\n\n.metric-label[_ngcontent-%COMP%] {\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n  margin-bottom: 6px;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n}\n\n\n\n.metric-progress[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  height: 4px;\n  background: var(--test-border);\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n.metric-progress-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  background: linear-gradient(90deg, var(--test-success) 0%, #34d399 100%);\n  border-radius: 2px;\n  transition: width 0.5s ease-out;\n}\n\n\n\n\n\n.tabs-container[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  border-bottom: 1px solid var(--test-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 0 20px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.tabs[_ngcontent-%COMP%]::-webkit-scrollbar {\n  display: none;\n}\n\n.tab[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 18px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--test-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--test-transition);\n  white-space: nowrap;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: var(--test-primary);\n  background: rgba(37, 99, 235, 0.05);\n}\n\n.tab.active[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n  border-bottom-color: var(--test-primary);\n  font-weight: 600;\n}\n\n.tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 15px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n  background: var(--test-border);\n  color: var(--test-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  transition: var(--test-transition);\n}\n\n.tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n  background: rgba(37, 99, 235, 0.15);\n  color: var(--test-primary);\n}\n\n.tab-shortcut[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--test-text-muted);\n  background: var(--test-bg);\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 600;\n  margin-left: 4px;\n}\n\n\n\n\n\n.tab-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  scroll-behavior: smooth;\n}\n\n\n\n\n\n.overview-tab[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\n\n.info-section[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.info-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.info-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n}\n\n.info-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n}\n\n.info-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.info-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--test-text);\n  word-wrap: break-word;\n  font-weight: 500;\n}\n\n\n\n.json-section[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.json-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.json-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n}\n\n.json-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 16px;\n  background: var(--test-bg);\n  border-radius: var(--test-radius-md);\n  padding: 4px;\n  flex-wrap: wrap;\n}\n\n.json-tab[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 100px;\n  padding: 10px 14px;\n  border: none;\n  background: transparent;\n  color: var(--test-text-secondary);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  border-radius: var(--test-radius-sm);\n  transition: var(--test-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.json-tab[_ngcontent-%COMP%]:hover {\n  color: var(--test-text);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.json-tab.active[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  color: var(--test-primary);\n  font-weight: 600;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.json-tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.code-editor-container[_ngcontent-%COMP%] {\n  border-radius: var(--test-radius-md);\n  overflow: hidden;\n  border: 1px solid var(--test-border);\n  min-height: 200px;\n  max-height: 400px;\n}\n\n\n\n\n\n.config-tab[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease-out;\n}\n\n.config-section[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.config-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.config-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n}\n\n.config-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 20px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.config-item.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n.config-item[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n}\n\n.config-input[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-sm);\n  font-size: 14px;\n  transition: var(--test-transition);\n  background: var(--test-surface);\n}\n\n.config-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--test-primary);\n  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n.config-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--test-text-muted);\n}\n\n.config-hint[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--test-text-muted);\n  margin-top: 4px;\n}\n\n.config-editor-container[_ngcontent-%COMP%] {\n  border-radius: var(--test-radius-md);\n  overflow: hidden;\n  border: 1px solid var(--test-border);\n  min-height: 200px;\n}\n\n.config-editor-container.small[_ngcontent-%COMP%] {\n  min-height: 100px;\n  max-height: 150px;\n}\n\n\n\n\n\n.runs-tab[_ngcontent-%COMP%], \n.suites-tab[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease-out;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.skeleton-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 16px;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-md);\n  border: 1px solid var(--test-border);\n}\n\n.skeleton-icon[_ngcontent-%COMP%] {\n  width: 44px;\n  height: 44px;\n  border-radius: var(--test-radius-md);\n  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  flex-shrink: 0;\n}\n\n.skeleton-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line[_ngcontent-%COMP%] {\n  height: 14px;\n  border-radius: 4px;\n  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n}\n\n.skeleton-line.wide[_ngcontent-%COMP%] { width: 70%; }\n.skeleton-line.narrow[_ngcontent-%COMP%] { width: 40%; }\n\n@keyframes _ngcontent-%COMP%_shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n\n\n.runs-list[_ngcontent-%COMP%], \n.suites-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.run-item[_ngcontent-%COMP%], \n.suite-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 16px;\n  background: var(--test-surface);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  cursor: pointer;\n  transition: var(--test-transition);\n}\n\n.run-item[_ngcontent-%COMP%]:hover, \n.suite-item[_ngcontent-%COMP%]:hover {\n  background: rgba(37, 99, 235, 0.05);\n  border-color: var(--test-primary-light);\n  transform: translateX(4px);\n  box-shadow: var(--test-shadow-sm);\n}\n\n.run-icon[_ngcontent-%COMP%], \n.suite-icon[_ngcontent-%COMP%] {\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--test-radius-md);\n  color: white;\n  font-size: 18px;\n  flex-shrink: 0;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.suite-icon[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}\n\n.run-content[_ngcontent-%COMP%], \n.suite-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.run-status[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n.suite-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--test-text);\n  margin-bottom: 4px;\n}\n\n.run-meta[_ngcontent-%COMP%], \n.suite-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--test-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], \n.suite-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.suite-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--test-text-muted);\n  font-size: 11px;\n}\n\n.run-item[_ngcontent-%COMP%]    > i.fa-chevron-right[_ngcontent-%COMP%], \n.suite-item[_ngcontent-%COMP%]    > i.fa-chevron-right[_ngcontent-%COMP%] {\n  color: var(--test-text-muted);\n  font-size: 14px;\n  transition: var(--test-transition);\n}\n\n.run-item[_ngcontent-%COMP%]:hover    > i.fa-chevron-right[_ngcontent-%COMP%], \n.suite-item[_ngcontent-%COMP%]:hover    > i.fa-chevron-right[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n  transform: translateX(2px);\n}\n\n\n\n.run-eval-stack[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n\n\n.eval-pill[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  border-radius: 16px;\n  font-size: 11px;\n  font-weight: 600;\n  transition: var(--test-transition);\n}\n\n.eval-pill[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.eval-pill.status-pill.status-passed[_ngcontent-%COMP%] {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n.eval-pill.status-pill.status-failed[_ngcontent-%COMP%] {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.eval-pill.status-pill.status-error[_ngcontent-%COMP%] {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.status-pill.status-timeout[_ngcontent-%COMP%] {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.status-pill.status-skipped[_ngcontent-%COMP%], \n.eval-pill.status-pill.status-pending[_ngcontent-%COMP%] {\n  background: #f1f5f9;\n  color: #64748b;\n}\n\n.eval-pill.status-pill.status-running[_ngcontent-%COMP%] {\n  background: #dbeafe;\n  color: #2563eb;\n}\n\n\n\n.eval-pill.human-pill.no-feedback[_ngcontent-%COMP%] {\n  background: #f1f5f9;\n  color: #94a3b8;\n  padding: 4px 8px;\n}\n\n.eval-pill.human-pill.has-feedback.rating-low[_ngcontent-%COMP%] {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.eval-pill.human-pill.has-feedback.rating-medium[_ngcontent-%COMP%] {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.human-pill.has-feedback.rating-good[_ngcontent-%COMP%] {\n  background: #d1fae5;\n  color: #059669;\n}\n\n.eval-pill.human-pill.has-feedback.rating-excellent[_ngcontent-%COMP%] {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n\n\n.eval-pill.auto-pill.no-score[_ngcontent-%COMP%] {\n  background: #f1f5f9;\n  color: #94a3b8;\n  padding: 4px 8px;\n}\n\n.eval-pill.auto-pill.has-score.score-low[_ngcontent-%COMP%] {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.eval-pill.auto-pill.has-score.score-medium[_ngcontent-%COMP%] {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.auto-pill.has-score.score-good[_ngcontent-%COMP%] {\n  background: #d1fae5;\n  color: #059669;\n}\n\n.eval-pill.auto-pill.has-score.score-excellent[_ngcontent-%COMP%] {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n\n\n.run-tags[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.run-tag[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: rgba(37, 99, 235, 0.1);\n  color: var(--test-primary);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.run-tag-more[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: var(--test-border);\n  color: var(--test-text-muted);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 24px;\n  text-align: center;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--test-bg);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 36px;\n  color: var(--test-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 14px;\n  color: var(--test-text-secondary);\n  max-width: 300px;\n}\n\n\n\n.no-data[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  color: var(--test-text-muted);\n  text-align: center;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n}\n\n.no-data[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 16px;\n  opacity: 0.3;\n}\n\n.no-data[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n\n\n\n\n\n\n.shortcuts-toggle[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--test-surface);\n  border: 1px solid var(--test-border);\n  box-shadow: var(--test-shadow-md);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--test-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--test-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--test-primary);\n  border-color: var(--test-primary);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--test-surface);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  padding: 12px 16px;\n  box-shadow: var(--test-shadow-lg);\n  font-size: 12px;\n  color: var(--test-text-secondary);\n  z-index: 100;\n  max-width: 260px;\n}\n\n.shortcuts-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--test-border);\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.shortcuts-close[_ngcontent-%COMP%] {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--test-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--test-transition);\n}\n\n.shortcuts-close[_ngcontent-%COMP%]:hover {\n  color: var(--test-text);\n  background: var(--test-border);\n}\n\n.shortcut-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.shortcut-keys[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.shortcut-keys[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n  background: var(--test-bg);\n  border: 1px solid var(--test-border);\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-size: 11px;\n  color: var(--test-text);\n}\n\n\n\n\n\n@media (max-width: 1024px) {\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .info-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .config-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%], .shortcuts-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .test-form[_ngcontent-%COMP%] {\n    height: auto;\n    min-height: 100%;\n  }\n\n  .test-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .test-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .test-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .test-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .status-badge[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .header-actions[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 12px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    font-size: 13px;\n    gap: 6px;\n  }\n\n  .tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .tab-shortcut[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .info-section[_ngcontent-%COMP%], \n   .json-section[_ngcontent-%COMP%], \n   .config-section[_ngcontent-%COMP%] {\n    padding: 18px;\n  }\n\n  .info-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .json-tabs[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .json-tab[_ngcontent-%COMP%] {\n    min-width: 0;\n    justify-content: flex-start;\n  }\n\n  .run-item[_ngcontent-%COMP%], \n   .suite-item[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .run-icon[_ngcontent-%COMP%], \n   .suite-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .run-meta[_ngcontent-%COMP%], \n   .suite-meta[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 40px 20px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%] {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n  }\n}\n\n\n\n\n\n@media (max-width: 480px) {\n  .test-header[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .header-left[_ngcontent-%COMP%] {\n    gap: 12px;\n  }\n\n  .test-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n    border-radius: 8px;\n  }\n\n  .test-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 8px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    font-size: 12px;\n  }\n\n  .tab-badge[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .run-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n}\n\n\n\n\n\n@media (hover: none) and (pointer: coarse) {\n  .tab[_ngcontent-%COMP%], \n   .json-tab[_ngcontent-%COMP%], \n   .run-item[_ngcontent-%COMP%], \n   .suite-item[_ngcontent-%COMP%] {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .run-item[_ngcontent-%COMP%]:active, \n   .suite-item[_ngcontent-%COMP%]:active {\n    background: rgba(37, 99, 235, 0.1);\n    transform: scale(0.98);\n  }\n\n  .tab[_ngcontent-%COMP%]:active, \n   .json-tab[_ngcontent-%COMP%]:active {\n    background: rgba(37, 99, 235, 0.1);\n  }\n\n  \n\n  .tab[_ngcontent-%COMP%] {\n    min-height: 48px;\n  }\n\n  .run-item[_ngcontent-%COMP%], \n   .suite-item[_ngcontent-%COMP%] {\n    min-height: 64px;\n  }\n}\n\n\n\n\n\n@media (prefers-reduced-motion: reduce) {\n  *[_ngcontent-%COMP%], \n   *[_ngcontent-%COMP%]::before, \n   *[_ngcontent-%COMP%]::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  .skeleton-icon[_ngcontent-%COMP%], \n   .skeleton-line[_ngcontent-%COMP%] {\n    animation: none;\n    background: #e2e8f0;\n  }\n}\n\n\n\n\n\n.history-tab[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease-out;\n}\n\n.history-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n\n\n.history-filters[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 16px;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-md);\n  box-shadow: var(--test-shadow-sm);\n}\n\n.time-range-filters[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--test-text-secondary);\n  margin-right: 4px;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-sm);\n  background: var(--test-surface);\n  color: var(--test-text-secondary);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--test-transition);\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n  border-color: var(--test-primary-light);\n  color: var(--test-primary);\n  background: rgba(37, 99, 235, 0.05);\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n  background: var(--test-primary);\n  color: white;\n  border-color: var(--test-primary);\n}\n\n.history-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n.history-kpi-cards[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 16px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 18px;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-md);\n  box-shadow: var(--test-shadow-sm);\n  transition: var(--test-transition);\n}\n\n.kpi-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--test-shadow-md);\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, var(--test-primary) 0%, var(--test-primary-dark) 100%);\n  border-radius: var(--test-radius-md);\n  color: white;\n  font-size: 20px;\n  flex-shrink: 0;\n}\n\n.kpi-icon.pass-rate[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, var(--test-success) 0%, #059669 100%);\n}\n\n.kpi-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--test-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-top: 2px;\n}\n\n.trend-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.trend-icon.trend-up[_ngcontent-%COMP%] {\n  color: var(--test-success);\n}\n\n.trend-icon.trend-down[_ngcontent-%COMP%] {\n  color: var(--test-error);\n}\n\n\n\n.history-section[_ngcontent-%COMP%] {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.history-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.history-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n}\n\n\n\n.history-table-container[_ngcontent-%COMP%] {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.history-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n\n.history-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.history-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--test-border);\n}\n\n.history-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n  background: var(--test-bg);\n}\n\n.history-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n  background: rgba(37, 99, 235, 0.03);\n}\n\n.date-cell[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.passed-cell[_ngcontent-%COMP%] {\n  color: var(--test-success);\n  font-weight: 600;\n}\n\n.failed-cell[_ngcontent-%COMP%] {\n  color: var(--test-error);\n  font-weight: 600;\n}\n\n.pass-rate-cell[_ngcontent-%COMP%] {\n  min-width: 120px;\n}\n\n.pass-rate-bar[_ngcontent-%COMP%] {\n  position: relative;\n  height: 24px;\n  background: var(--test-bg);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n.pass-rate-fill[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background: linear-gradient(90deg, var(--test-success) 0%, #34d399 100%);\n  border-radius: 12px;\n  transition: width 0.5s ease-out;\n}\n\n.pass-rate-text[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--test-text);\n  z-index: 1;\n}\n\n\n\n.suite-performance-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.suite-perf-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 18px;\n  background: var(--test-bg);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  cursor: pointer;\n  transition: var(--test-transition);\n}\n\n.suite-perf-card[_ngcontent-%COMP%]:hover {\n  background: rgba(37, 99, 235, 0.05);\n  border-color: var(--test-primary-light);\n  transform: translateX(4px);\n}\n\n.suite-perf-header[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.suite-perf-name[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--test-text);\n  margin-bottom: 6px;\n}\n\n.suite-perf-tags[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.tag-mini[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: rgba(37, 99, 235, 0.1);\n  color: var(--test-primary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.tag-more[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--test-border);\n  color: var(--test-text-muted);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.suite-perf-stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.suite-stat[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.suite-stat[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--test-text);\n}\n\n.suite-stat[_ngcontent-%COMP%]   .stat-value.pass-rate.high[_ngcontent-%COMP%] {\n  color: var(--test-success);\n}\n\n.suite-stat[_ngcontent-%COMP%]   .stat-value.pass-rate.low[_ngcontent-%COMP%] {\n  color: var(--test-error);\n}\n\n.suite-stat[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--test-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.suite-perf-arrow[_ngcontent-%COMP%] {\n  color: var(--test-text-muted);\n  font-size: 14px;\n  transition: var(--test-transition);\n}\n\n.suite-perf-card[_ngcontent-%COMP%]:hover   .suite-perf-arrow[_ngcontent-%COMP%] {\n  color: var(--test-primary);\n  transform: translateX(2px);\n}\n\n\n\n\n\n@media print {\n  .test-form[_ngcontent-%COMP%] {\n    background: white;\n    height: auto;\n  }\n\n  .header-actions[_ngcontent-%COMP%], \n   .tabs-container[_ngcontent-%COMP%], \n   .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none !important;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    overflow: visible;\n    padding: 0;\n  }\n\n  .info-section[_ngcontent-%COMP%], \n   .json-section[_ngcontent-%COMP%], \n   .config-section[_ngcontent-%COMP%], \n   .empty-state[_ngcontent-%COMP%] {\n    break-inside: avoid;\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n}"], changeDetection: 0 }); }
 };
-TestFormComponentExtended = __decorate([
+MJTestFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: Tests')
-], TestFormComponentExtended);
-export { TestFormComponentExtended };
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestFormComponentExtended, [{
+], MJTestFormComponentExtended);
+export { MJTestFormComponentExtended };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTestFormComponentExtended, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-test-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"test-form\" kendoDialogContainer>\n  <!-- Header Section -->\n  <div class=\"test-header\">\n    <!-- Breadcrumb Navigation -->\n    <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n      <ol>\n        <li>\n          <a href=\"javascript:void(0)\" (click)=\"navigateToTestingDashboard()\">\n            <i class=\"fas fa-vial\"></i>\n            <span class=\"breadcrumb-text\">Testing</span>\n          </a>\n        </li>\n        <li class=\"current\">\n          <i class=\"fas fa-chevron-right separator\"></i>\n          <i class=\"fas fa-flask\"></i>\n          <span>{{ record.Name }}</span>\n        </li>\n      </ol>\n    </nav>\n\n    <div class=\"header-content\">\n      <div class=\"header-left\">\n        <div class=\"test-icon\" [style.background-color]=\"getStatusColor()\">\n          <i class=\"fas fa-flask\"></i>\n        </div>\n        <div class=\"test-info\">\n          <h1>{{ record.Name }}</h1>\n          <div class=\"test-meta\">\n            <span class=\"status-badge\" [ngClass]=\"getStatusClass()\">\n              <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n              {{ record.Status }}\n            </span>\n            @if (record.Type) {\n              <span class=\"test-type\">\n                <i class=\"fas fa-tag\"></i>\n                {{ record.Type }}\n              </span>\n            }\n          </div>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n        <button kendoButton (click)=\"runTest()\" themeColor=\"primary\">\n          <i class=\"fas fa-play\"></i> Run Test\n        </button>\n        <button kendoButton (click)=\"refresh()\" [disabled]=\"isRefreshing\">\n          <i class=\"fas\" [ngClass]=\"isRefreshing ? 'fa-sync fa-spin' : 'fa-sync'\"></i>\n          {{ isRefreshing ? 'Refreshing...' : 'Refresh' }}\n        </button>\n      </div>\n    </div>\n\n    <!-- Test Description -->\n    @if (record.Description) {\n      <div class=\"test-description\">\n        <p>{{ record.Description }}</p>\n      </div>\n    }\n\n    <!-- Metrics Bar -->\n    @if (testRunsLoaded && testRuns.length > 0) {\n      <div class=\"metrics-bar\">\n        <div class=\"metric-card\">\n          <div class=\"metric-label\">Total Runs</div>\n          <div class=\"metric-value\">{{ testRuns.length }}</div>\n        </div>\n        <div class=\"metric-card\">\n          <div class=\"metric-label\">Pass Rate</div>\n          <div class=\"metric-value\">{{ getPassRate().toFixed(1) }}%</div>\n          <div class=\"metric-progress\">\n            <div class=\"metric-progress-fill\" [style.width.%]=\"getPassRate()\"></div>\n          </div>\n        </div>\n        <div class=\"metric-card\">\n          <div class=\"metric-label\">Avg Cost</div>\n          <div class=\"metric-value\">{{ formatCost(getAverageCost()) }}</div>\n        </div>\n        <div class=\"metric-card\">\n          <div class=\"metric-label\">Avg Duration</div>\n          <div class=\"metric-value\">{{ formatDuration(getAverageDuration()) }}</div>\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Tabs -->\n  <div class=\"tabs-container\">\n    <div class=\"tabs\" role=\"tablist\">\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'overview'\"\n        (click)=\"changeTab('overview')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'overview'\">\n        <i class=\"fas fa-th-large\"></i>\n        <span>Overview</span>\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'config'\"\n        (click)=\"changeTab('config')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'config'\">\n        <i class=\"fas fa-sliders-h\"></i>\n        <span>Configuration</span>\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'runs'\"\n        (click)=\"changeTab('runs')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'runs'\">\n        <i class=\"fas fa-history\"></i>\n        <span>Runs</span>\n        @if (testRunsLoaded) {\n          <span class=\"tab-badge\">{{ testRuns.length }}</span>\n        }\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'suites'\"\n        (click)=\"changeTab('suites')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'suites'\">\n        <i class=\"fas fa-layer-group\"></i>\n        <span>Test Suites</span>\n        @if (suiteTestsLoaded) {\n          <span class=\"tab-badge\">{{ suiteTests.length }}</span>\n        }\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'analytics'\"\n        (click)=\"changeTab('analytics')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'analytics'\">\n        <i class=\"fas fa-chart-line\"></i>\n        <span>Analytics</span>\n      </button>\n    </div>\n  </div>\n\n  <!-- Tab Content -->\n  <div class=\"tab-content\">\n    <!-- Overview Tab -->\n    @if (activeTab === 'overview') {\n      <div class=\"overview-tab\">\n        <!-- Basic Information -->\n        <div class=\"info-section\">\n          <h3><i class=\"fas fa-info-circle\"></i> Test Information</h3>\n          <div class=\"info-grid\">\n            <div class=\"info-item\">\n              <div class=\"info-label\">Name</div>\n              <div class=\"info-value\">{{ record.Name }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Type</div>\n              <div class=\"info-value\">{{ record.Type || 'N/A' }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Status</div>\n              <div class=\"info-value\">\n                <span class=\"status-badge-inline\" [ngClass]=\"getStatusClass()\">{{ record.Status }}</span>\n              </div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Priority</div>\n              <div class=\"info-value\">{{ record.Priority || 'N/A' }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Estimated Duration</div>\n              <div class=\"info-value\">{{ record.EstimatedDurationSeconds ? formatDuration(record.EstimatedDurationSeconds) : 'N/A' }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Estimated Cost</div>\n              <div class=\"info-value\">{{ record.EstimatedCostUSD ? formatCost(record.EstimatedCostUSD) : 'N/A' }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Repeat Count</div>\n              <div class=\"info-value\">{{ record.RepeatCount || 1 }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Max Execution Time</div>\n              <div class=\"info-value\">{{ formatTimeout(record.MaxExecutionTimeMS) }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Created</div>\n              <div class=\"info-value\">{{ record.__mj_CreatedAt | date:'medium' }}</div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"info-label\">Updated</div>\n              <div class=\"info-value\">{{ record.__mj_UpdatedAt | date:'medium' }}</div>\n            </div>\n          </div>\n        </div>\n        <!-- JSON Data Views -->\n        <div class=\"json-section\">\n          <h3><i class=\"fas fa-code\"></i> Test Definition</h3>\n          <div class=\"json-tabs\">\n            <button class=\"json-tab\"\n              [class.active]=\"activeJsonView === 'input'\"\n              (click)=\"setJsonView('input')\">\n              <i class=\"fas fa-sign-in-alt\"></i>\n              Input Definition\n            </button>\n            <button class=\"json-tab\"\n              [class.active]=\"activeJsonView === 'expected'\"\n              (click)=\"setJsonView('expected')\">\n              <i class=\"fas fa-check-double\"></i>\n              Expected Outcomes\n            </button>\n            <button class=\"json-tab\"\n              [class.active]=\"activeJsonView === 'config'\"\n              (click)=\"setJsonView('config')\">\n              <i class=\"fas fa-cog\"></i>\n              Configuration\n            </button>\n            <button class=\"json-tab\"\n              [class.active]=\"activeJsonView === 'tags'\"\n              (click)=\"setJsonView('tags')\">\n              <i class=\"fas fa-tags\"></i>\n              Tags\n            </button>\n          </div>\n          <div class=\"code-editor-container\">\n            <mj-code-editor\n              [value]=\"getJsonData()\"\n              language=\"json\"\n              [readonly]=\"true\"\n              [toolbar]=\"jsonToolbar\"\n              [lineWrapping]=\"true\">\n            </mj-code-editor>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Configuration Tab -->\n    @if (activeTab === 'config') {\n      <div class=\"config-tab\">\n        <div class=\"config-section\">\n          <h3><i class=\"fas fa-cogs\"></i> Execution Settings</h3>\n          <div class=\"config-grid\">\n            <div class=\"config-item\">\n              <label>Priority</label>\n              <input type=\"number\" [(ngModel)]=\"record.Priority\" class=\"config-input\" placeholder=\"Lower = Higher Priority\" />\n            </div>\n            <div class=\"config-item\">\n              <label>Repeat Count</label>\n              <input type=\"number\" [(ngModel)]=\"record.RepeatCount\" class=\"config-input\" min=\"1\" />\n            </div>\n            <div class=\"config-item\">\n              <label>Estimated Duration (seconds)</label>\n              <input type=\"number\" [(ngModel)]=\"record.EstimatedDurationSeconds\" class=\"config-input\" />\n            </div>\n            <div class=\"config-item\">\n              <label>Estimated Cost (USD)</label>\n              <input type=\"number\" step=\"0.000001\" [(ngModel)]=\"record.EstimatedCostUSD\" class=\"config-input\" />\n            </div>\n            <div class=\"config-item full-width\">\n              <label>Max Execution Time (ms)</label>\n              <input type=\"number\" [(ngModel)]=\"record.MaxExecutionTimeMS\" class=\"config-input\" placeholder=\"Default: 300000 (5 min)\" />\n              <span class=\"config-hint\">Leave empty for default 5 minute timeout</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"config-section\">\n          <h3><i class=\"fas fa-sign-in-alt\"></i> Input Definition (JSON)</h3>\n          <div class=\"config-editor-container\">\n            <mj-code-editor\n              [value]=\"record.InputDefinition || ''\"\n              language=\"json\"\n              [readonly]=\"false\"\n              [lineWrapping]=\"true\"\n              (change)=\"record.InputDefinition = $event\">\n            </mj-code-editor>\n          </div>\n        </div>\n        <div class=\"config-section\">\n          <h3><i class=\"fas fa-check-double\"></i> Expected Outcomes (JSON)</h3>\n          <div class=\"config-editor-container\">\n            <mj-code-editor\n              [value]=\"record.ExpectedOutcomes || ''\"\n              language=\"json\"\n              [readonly]=\"false\"\n              [lineWrapping]=\"true\"\n              (change)=\"record.ExpectedOutcomes = $event\">\n            </mj-code-editor>\n          </div>\n        </div>\n        <div class=\"config-section\">\n          <h3><i class=\"fas fa-cog\"></i> Configuration (JSON)</h3>\n          <div class=\"config-editor-container\">\n            <mj-code-editor\n              [value]=\"record.Configuration || ''\"\n              language=\"json\"\n              [readonly]=\"false\"\n              [lineWrapping]=\"true\"\n              (change)=\"record.Configuration = $event\">\n            </mj-code-editor>\n          </div>\n        </div>\n        <div class=\"config-section\">\n          <h3><i class=\"fas fa-tags\"></i> Tags (JSON Array)</h3>\n          <div class=\"config-editor-container small\">\n            <mj-code-editor\n              [value]=\"record.Tags || '[]'\"\n              language=\"json\"\n              [readonly]=\"false\"\n              [lineWrapping]=\"true\"\n              (change)=\"record.Tags = $event\">\n            </mj-code-editor>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Test Runs Tab -->\n    @if (activeTab === 'runs') {\n      <div class=\"runs-tab\">\n        <!-- Loading State -->\n        @if (loadingRuns) {\n          <div class=\"loading-state\">\n            <div class=\"skeleton-list\">\n              @for (i of [1,2,3,4,5]; track i) {\n                <div class=\"skeleton-card\">\n                  <div class=\"skeleton-icon\"></div>\n                  <div class=\"skeleton-content\">\n                    <div class=\"skeleton-line wide\"></div>\n                    <div class=\"skeleton-line narrow\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Runs List -->\n        @if (!loadingRuns && testRuns.length > 0) {\n          <div class=\"runs-list\">\n            @for (run of testRuns; track run) {\n              <div class=\"run-item\" (click)=\"openTestRun(run.ID)\">\n                <div class=\"run-icon\" [style.background-color]=\"getRunStatusColor(run.Status)\">\n                  <i class=\"fas\"\n                    [class.fa-check]=\"run.Status === 'Passed'\"\n                    [class.fa-times]=\"run.Status === 'Failed'\"\n                    [class.fa-exclamation]=\"run.Status === 'Error'\"\n                    [class.fa-stopwatch]=\"run.Status === 'Timeout'\"\n                    [class.fa-spinner]=\"run.Status === 'Running'\"\n                  [class.fa-clock]=\"run.Status === 'Pending'\"></i>\n                </div>\n                <div class=\"run-content\">\n                  <div class=\"run-header\">\n                    <span class=\"run-id\">Run #{{ run.ID.substring(0, 8) }}</span>\n                    <span class=\"run-status\" [style.color]=\"getRunStatusColor(run.Status)\">{{ run.Status }}</span>\n                  </div>\n                  <div class=\"run-meta\">\n                    <span><i class=\"fas fa-calendar\"></i> {{ getRelativeTime(run.StartedAt) }}</span>\n                    @if (run.DurationSeconds) {\n                      <span><i class=\"fas fa-clock\"></i> {{ formatDuration(run.DurationSeconds) }}</span>\n                    }\n                    @if (run.CostUSD) {\n                      <span><i class=\"fas fa-dollar-sign\"></i> {{ formatCost(run.CostUSD) }}</span>\n                    }\n                    @if (run.TargetLogEntityID && run.TargetLogID) {\n                      <mj-entity-link-pill\n                        [entityName]=\"run.TargetLogEntity\"\n                        [recordId]=\"run.TargetLogID\">\n                      </mj-entity-link-pill>\n                    }\n                  </div>\n                  <!-- Evaluation indicators -->\n                  <div class=\"run-eval-stack\">\n                    <!-- Status indicator -->\n                    @if (evalPreferences.showExecution) {\n                      <span class=\"eval-pill status-pill\"\n                        [ngClass]=\"'status-' + run.Status.toLowerCase()\"\n                        [title]=\"getStatusTooltip(run.Status)\">\n                        <i class=\"fas\"\n                          [class.fa-check]=\"run.Status === 'Passed'\"\n                          [class.fa-times]=\"run.Status === 'Failed'\"\n                          [class.fa-exclamation]=\"run.Status === 'Error'\"\n                          [class.fa-hourglass-end]=\"run.Status === 'Timeout'\"\n                          [class.fa-forward]=\"run.Status === 'Skipped'\"\n                          [class.fa-spinner]=\"run.Status === 'Running'\"\n                        [class.fa-clock]=\"run.Status === 'Pending'\"></i>\n                        <span>{{ run.Status }}</span>\n                      </span>\n                    }\n                    <!-- Human feedback indicator -->\n                    @if (evalPreferences.showHuman) {\n                      @if (!getFeedbackForRun(run.ID)?.Rating) {\n                        <span class=\"eval-pill human-pill no-feedback\"\n                          title=\"Human Review: No rating submitted yet\">\n                          <i class=\"fas fa-user-slash\"></i>\n                        </span>\n                      }\n                      @if (getFeedbackForRun(run.ID)?.Rating; as rating) {\n                        <span class=\"eval-pill human-pill has-feedback\"\n                          [class.rating-low]=\"rating <= 4\"\n                          [class.rating-medium]=\"rating >= 5 && rating <= 6\"\n                          [class.rating-good]=\"rating >= 7 && rating <= 8\"\n                          [class.rating-excellent]=\"rating >= 9\"\n                          [title]=\"getHumanTooltip(rating, getFeedbackForRun(run.ID)?.CorrectionSummary || getFeedbackForRun(run.ID)?.Comments || null)\">\n                          <i class=\"fas fa-user\"></i>\n                          <span>{{ rating }}</span>\n                        </span>\n                      }\n                    }\n                    <!-- Auto score indicator -->\n                    @if (evalPreferences.showAuto) {\n                      @if (run.Score == null) {\n                        <span class=\"eval-pill auto-pill no-score\"\n                          title=\"Auto Score: No automated score available\">\n                          <i class=\"fas fa-robot\"></i>\n                        </span>\n                      }\n                      @if (run.Score != null) {\n                        <span class=\"eval-pill auto-pill has-score\"\n                          [class.score-low]=\"run.Score < 0.5\"\n                          [class.score-medium]=\"run.Score >= 0.5 && run.Score < 0.7\"\n                          [class.score-good]=\"run.Score >= 0.7 && run.Score < 0.85\"\n                          [class.score-excellent]=\"run.Score >= 0.85\"\n                          [title]=\"'Auto Score: ' + (run.Score * 100).toFixed(0) + '% automated evaluation'\">\n                          <i class=\"fas fa-robot\"></i>\n                          <span>{{ (run.Score * 100).toFixed(0) }}%</span>\n                        </span>\n                      }\n                    }\n                  </div>\n                  @if (getRunTags(run).length > 0) {\n                    <div class=\"run-tags\">\n                      @for (tag of getRunTags(run).slice(0, 3); track tag) {\n                        <span class=\"run-tag\">{{ tag }}</span>\n                      }\n                      @if (getRunTags(run).length > 3) {\n                        <span class=\"run-tag-more\">+{{ getRunTags(run).length - 3 }}</span>\n                      }\n                    </div>\n                  }\n                </div>\n                <i class=\"fas fa-chevron-right\"></i>\n              </div>\n            }\n          </div>\n        }\n        <!-- Empty State -->\n        @if (testRunsLoaded && !loadingRuns && testRuns.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fas fa-play-circle\"></i>\n            </div>\n            <h4>No Test Runs Yet</h4>\n            <p>Run this test to see execution history and results here.</p>\n            <button kendoButton (click)=\"runTest()\" themeColor=\"primary\">\n              <i class=\"fas fa-play\"></i> Run Test Now\n            </button>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Test Suites Tab -->\n    @if (activeTab === 'suites') {\n      <div class=\"suites-tab\">\n        <!-- Loading State -->\n        @if (loadingSuites) {\n          <div class=\"loading-state\">\n            <div class=\"skeleton-list\">\n              @for (i of [1,2,3]; track i) {\n                <div class=\"skeleton-card\">\n                  <div class=\"skeleton-icon\"></div>\n                  <div class=\"skeleton-content\">\n                    <div class=\"skeleton-line wide\"></div>\n                    <div class=\"skeleton-line narrow\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Suites List -->\n        @if (!loadingSuites && suiteTests.length > 0) {\n          <div class=\"suites-list\">\n            @for (suiteTest of suiteTests; track suiteTest) {\n              <div class=\"suite-item\" (click)=\"openTestSuite(suiteTest.SuiteID)\">\n                <div class=\"suite-icon\">\n                  <i class=\"fas fa-layer-group\"></i>\n                </div>\n                <div class=\"suite-content\">\n                  <div class=\"suite-name\">{{ suiteTest.Suite }}</div>\n                  <div class=\"suite-meta\">\n                    <span><i class=\"fas fa-sort-numeric-up\"></i> Sequence: {{ suiteTest.Sequence }}</span>\n                    @if (suiteTest.Status) {\n                      <span><i class=\"fas fa-info-circle\"></i> {{ suiteTest.Status }}</span>\n                    }\n                  </div>\n                </div>\n                <i class=\"fas fa-chevron-right\"></i>\n              </div>\n            }\n          </div>\n        }\n        <!-- Empty State -->\n        @if (suiteTestsLoaded && !loadingSuites && suiteTests.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fas fa-folder-open\"></i>\n            </div>\n            <h4>Not Part of Any Suite</h4>\n            <p>This test is not included in any test suites. Add it to a suite to run it with other tests.</p>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Analytics Tab -->\n    @if (activeTab === 'analytics') {\n      <div class=\"history-tab\">\n        <!-- Loading State -->\n        @if (loadingHistory) {\n          <div class=\"loading-state\">\n            <mj-loading text=\"Loading history...\"></mj-loading>\n          </div>\n        }\n        <!-- History Content -->\n        @if (!loadingHistory && historyLoaded) {\n          <div class=\"history-content\">\n            <!-- Filters -->\n            <div class=\"history-filters\">\n              <div class=\"time-range-filters\">\n                <span class=\"filter-label\">Time Range:</span>\n                <button class=\"filter-btn\"\n                  [class.active]=\"historyTimeRange === '7d'\"\n                (click)=\"setHistoryTimeRange('7d')\">7 Days</button>\n                <button class=\"filter-btn\"\n                  [class.active]=\"historyTimeRange === '30d'\"\n                (click)=\"setHistoryTimeRange('30d')\">30 Days</button>\n                <button class=\"filter-btn\"\n                  [class.active]=\"historyTimeRange === '90d'\"\n                (click)=\"setHistoryTimeRange('90d')\">90 Days</button>\n                <button class=\"filter-btn\"\n                  [class.active]=\"historyTimeRange === 'all'\"\n                (click)=\"setHistoryTimeRange('all')\">All Time</button>\n              </div>\n              <div class=\"history-actions\">\n                <button kendoButton (click)=\"exportHistoryToCSV()\" [disabled]=\"historyData.length === 0\">\n                  <i class=\"fas fa-download\"></i> Export CSV\n                </button>\n              </div>\n            </div>\n            <!-- KPI Cards -->\n            @if (historyData.length > 0) {\n              <div class=\"history-kpi-cards\">\n                <div class=\"kpi-card\">\n                  <div class=\"kpi-icon\">\n                    <i class=\"fas fa-play-circle\"></i>\n                  </div>\n                  <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{ getTotalRuns() }}</div>\n                    <div class=\"kpi-label\">Total Runs</div>\n                  </div>\n                </div>\n                @if (evalPreferences.showExecution) {\n                  <div class=\"kpi-card\">\n                    <div class=\"kpi-icon pass-rate\">\n                      <i class=\"fas fa-percentage\"></i>\n                    </div>\n                    <div class=\"kpi-content\">\n                      <div class=\"kpi-value\">\n                        {{ getOverallPassRate().toFixed(1) }}%\n                        <i class=\"fas trend-icon\"\n                          [class.fa-arrow-up]=\"getPassRateTrend() === 'up'\"\n                          [class.fa-arrow-down]=\"getPassRateTrend() === 'down'\"\n                          [class.fa-minus]=\"getPassRateTrend() === 'stable'\"\n                          [class.trend-up]=\"getPassRateTrend() === 'up'\"\n                        [class.trend-down]=\"getPassRateTrend() === 'down'\"></i>\n                      </div>\n                      <div class=\"kpi-label\">Pass Rate</div>\n                    </div>\n                  </div>\n                }\n                @if (evalPreferences.showAuto) {\n                  <div class=\"kpi-card\">\n                    <div class=\"kpi-icon\">\n                      <i class=\"fas fa-star\"></i>\n                    </div>\n                    <div class=\"kpi-content\">\n                      <div class=\"kpi-value\">{{ (getOverallAvgScore() * 100).toFixed(1) }}%</div>\n                      <div class=\"kpi-label\">Avg Score</div>\n                    </div>\n                  </div>\n                }\n                <div class=\"kpi-card\">\n                  <div class=\"kpi-icon\">\n                    <i class=\"fas fa-clock\"></i>\n                  </div>\n                  <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{ formatDuration(getOverallAvgDuration()) }}</div>\n                    <div class=\"kpi-label\">Avg Duration</div>\n                  </div>\n                </div>\n                <div class=\"kpi-card\">\n                  <div class=\"kpi-icon\">\n                    <i class=\"fas fa-dollar-sign\"></i>\n                  </div>\n                  <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{ formatCost(getOverallAvgCost()) }}</div>\n                    <div class=\"kpi-label\">Avg Cost</div>\n                  </div>\n                </div>\n              </div>\n            }\n            <!-- Daily History Table -->\n            @if (historyData.length > 0) {\n              <div class=\"history-section\">\n                <h3><i class=\"fas fa-calendar-alt\"></i> Daily Performance</h3>\n                <div class=\"history-table-container\">\n                  <table class=\"history-table\">\n                    <thead>\n                      <tr>\n                        <th>Date</th>\n                        <th>Runs</th>\n                        @if (evalPreferences.showExecution) {\n                          <th>Passed</th>\n                        }\n                        @if (evalPreferences.showExecution) {\n                          <th>Failed</th>\n                        }\n                        @if (evalPreferences.showExecution) {\n                          <th>Pass Rate</th>\n                        }\n                        @if (evalPreferences.showAuto) {\n                          <th>Avg Score</th>\n                        }\n                        <th>Avg Duration</th>\n                        <th>Avg Cost</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      @for (day of historyData; track day) {\n                        <tr>\n                          <td class=\"date-cell\">{{ day.date | date:'mediumDate' }}</td>\n                          <td class=\"runs-cell\">{{ day.runCount }}</td>\n                          @if (evalPreferences.showExecution) {\n                            <td class=\"passed-cell\">{{ day.passCount }}</td>\n                          }\n                          @if (evalPreferences.showExecution) {\n                            <td class=\"failed-cell\">{{ day.failCount }}</td>\n                          }\n                          @if (evalPreferences.showExecution) {\n                            <td class=\"pass-rate-cell\">\n                              <div class=\"pass-rate-bar\">\n                                <div class=\"pass-rate-fill\" [style.width.%]=\"day.passRate\"></div>\n                                <span class=\"pass-rate-text\">{{ day.passRate.toFixed(1) }}%</span>\n                              </div>\n                            </td>\n                          }\n                          @if (evalPreferences.showAuto) {\n                            <td class=\"score-cell\">{{ (day.avgScore * 100).toFixed(1) }}%</td>\n                          }\n                          <td class=\"duration-cell\">{{ formatDuration(day.avgDuration) }}</td>\n                          <td class=\"cost-cell\">{{ formatCost(day.avgCost) }}</td>\n                        </tr>\n                      }\n                    </tbody>\n                  </table>\n                </div>\n              </div>\n            }\n            <!-- Suite Performance -->\n            @if (suitePerformance.length > 0) {\n              <div class=\"history-section\">\n                <h3><i class=\"fas fa-layer-group\"></i> Performance by Suite</h3>\n                <div class=\"suite-performance-list\">\n                  @for (suite of suitePerformance; track suite) {\n                    <div class=\"suite-perf-card\" (click)=\"openSuiteFromHistory(suite.suiteId)\">\n                      <div class=\"suite-perf-header\">\n                        <div class=\"suite-perf-name\">{{ suite.suiteName }}</div>\n                        @if (suite.tags.length > 0) {\n                          <div class=\"suite-perf-tags\">\n                            @for (tag of suite.tags.slice(0, 3); track tag) {\n                              <span class=\"tag-mini\">{{ tag }}</span>\n                            }\n                            @if (suite.tags.length > 3) {\n                              <span class=\"tag-more\">+{{ suite.tags.length - 3 }}</span>\n                            }\n                          </div>\n                        }\n                      </div>\n                      <div class=\"suite-perf-stats\">\n                        <div class=\"suite-stat\">\n                          <span class=\"stat-value\">{{ suite.totalRuns }}</span>\n                          <span class=\"stat-label\">Runs</span>\n                        </div>\n                        @if (evalPreferences.showExecution) {\n                          <div class=\"suite-stat\">\n                            <span class=\"stat-value pass-rate\" [class.high]=\"suite.passRate >= 80\" [class.low]=\"suite.passRate < 50\">\n                              {{ suite.passRate.toFixed(1) }}%\n                            </span>\n                            <span class=\"stat-label\">Pass Rate</span>\n                          </div>\n                        }\n                        @if (evalPreferences.showAuto) {\n                          <div class=\"suite-stat\">\n                            <span class=\"stat-value\">{{ (suite.avgScore * 100).toFixed(1) }}%</span>\n                            <span class=\"stat-label\">Avg Score</span>\n                          </div>\n                        }\n                        <div class=\"suite-stat\">\n                          <span class=\"stat-value\">{{ formatDuration(suite.avgDuration) }}</span>\n                          <span class=\"stat-label\">Avg Duration</span>\n                        </div>\n                        <div class=\"suite-stat\">\n                          <span class=\"stat-value\">{{ formatCost(suite.avgCost) }}</span>\n                          <span class=\"stat-label\">Avg Cost</span>\n                        </div>\n                        @if (suite.lastRun) {\n                          <div class=\"suite-stat\">\n                            <span class=\"stat-value\">{{ getRelativeTime(suite.lastRun) }}</span>\n                            <span class=\"stat-label\">Last Run</span>\n                          </div>\n                        }\n                      </div>\n                      <i class=\"fas fa-chevron-right suite-perf-arrow\"></i>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Empty State -->\n            @if (historyData.length === 0) {\n              <div class=\"empty-state\">\n                <div class=\"empty-icon\">\n                  <i class=\"fas fa-chart-line\"></i>\n                </div>\n                <h4>No History Available</h4>\n                <p>Run this test to start building history and analytics data.</p>\n                <button kendoButton (click)=\"runTest()\" themeColor=\"primary\">\n                  <i class=\"fas fa-play\"></i> Run Test Now\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Keyboard Shortcuts Toggle Button -->\n  <button class=\"shortcuts-toggle\" (click)=\"toggleShortcuts()\" [title]=\"showShortcuts ? 'Hide keyboard shortcuts' : 'Show keyboard shortcuts'\">\n    <i class=\"fas fa-keyboard\"></i>\n  </button>\n\n  <!-- Keyboard Shortcuts Hint (Desktop Only) -->\n  @if (showShortcuts) {\n    <div class=\"keyboard-shortcuts\">\n      <div class=\"shortcuts-header\">\n        <i class=\"fas fa-keyboard\"></i>\n        Shortcuts\n        <button class=\"shortcuts-close\" (click)=\"toggleShortcuts()\" title=\"Hide shortcuts\">\n          <i class=\"fas fa-times\"></i>\n        </button>\n      </div>\n      <div class=\"shortcut-list\">\n        <div class=\"shortcut-item\">\n          <span>Refresh</span>\n          <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>R</kbd></span>\n        </div>\n        <div class=\"shortcut-item\">\n          <span>Run Test</span>\n          <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>Enter</kbd></span>\n        </div>\n        <div class=\"shortcut-item\">\n          <span>Switch Tabs</span>\n          <span class=\"shortcut-keys\"><kbd>1</kbd>-<kbd>5</kbd></span>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: ["/* ===========================\n   Test Form - World-Class UX\n   Premium Test Definition Styles\n   =========================== */\n\n/* CSS Custom Properties for Theming - using :host for Angular encapsulation */\n:host {\n  --test-primary: #2563eb;\n  --test-primary-light: #3b82f6;\n  --test-primary-dark: #1d4ed8;\n  --test-success: #10b981;\n  --test-success-light: #d1fae5;\n  --test-error: #ef4444;\n  --test-error-light: #fee2e2;\n  --test-warning: #f59e0b;\n  --test-warning-light: #fef3c7;\n  --test-disabled: #6b7280;\n  --test-bg: #f8fafc;\n  --test-surface: #ffffff;\n  --test-border: #e2e8f0;\n  --test-text: #1e293b;\n  --test-text-secondary: #64748b;\n  --test-text-muted: #94a3b8;\n  --test-radius-sm: 6px;\n  --test-radius-md: 10px;\n  --test-radius-lg: 16px;\n  --test-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --test-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --test-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --test-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  display: block;\n  height: 100%;\n}\n\n/* Breadcrumb */\n.breadcrumb {\n  margin-bottom: 16px;\n}\n\n.breadcrumb ol {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n\n.breadcrumb li {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.breadcrumb a {\n  color: var(--test-primary);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.breadcrumb a:hover {\n  background: rgba(37, 99, 235, 0.1);\n  text-decoration: none;\n}\n\n.breadcrumb .separator {\n  font-size: 10px;\n  color: var(--test-text-muted);\n  margin: 0 4px;\n}\n\n.breadcrumb .current {\n  color: var(--test-text-secondary);\n  font-weight: 500;\n}\n\n.breadcrumb-text {\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Base Container */\n.test-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--test-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/* ===========================\n   Header Section\n   =========================== */\n.test-header {\n  background: var(--test-surface);\n  border-bottom: 1px solid var(--test-border);\n  padding: 20px;\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 16px;\n  gap: 16px;\n}\n\n.header-left {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Test Icon */\n.test-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--test-radius-md);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--test-shadow-md);\n  transition: var(--test-transition);\n}\n\n.test-icon:hover {\n  transform: scale(1.05);\n}\n\n/* Test Info */\n.test-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.test-info h1 {\n  margin: 0 0 8px 0;\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 700;\n  color: var(--test-text);\n  line-height: 1.2;\n  word-wrap: break-word;\n}\n\n.test-meta {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n/* Status Badge */\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  border-radius: 20px;\n  color: white;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.status-badge.status-active { background: linear-gradient(135deg, var(--test-success) 0%, #059669 100%); }\n.status-badge.status-disabled { background: linear-gradient(135deg, var(--test-disabled) 0%, #4b5563 100%); }\n.status-badge.status-pending { background: linear-gradient(135deg, var(--test-warning) 0%, #d97706 100%); }\n\n.status-badge-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 10px;\n  color: white;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.status-badge-inline.status-active { background: var(--test-success); }\n.status-badge-inline.status-disabled { background: var(--test-disabled); }\n.status-badge-inline.status-pending { background: var(--test-warning); }\n\n.test-type {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  color: var(--test-text-secondary);\n  padding: 4px 10px;\n  background: var(--test-bg);\n  border-radius: var(--test-radius-sm);\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.header-actions button {\n  white-space: nowrap;\n}\n\n/* Test Description */\n.test-description {\n  padding: 16px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border-radius: var(--test-radius-md);\n  margin-bottom: 16px;\n  border: 1px solid var(--test-border);\n}\n\n.test-description p {\n  margin: 0;\n  color: var(--test-text-secondary);\n  line-height: 1.6;\n  font-size: 14px;\n}\n\n/* ===========================\n   Metrics Bar\n   =========================== */\n.metrics-bar {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  gap: 12px;\n}\n\n.metric-card {\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  padding: 14px;\n  text-align: center;\n  transition: var(--test-transition);\n}\n\n.metric-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--test-shadow-md);\n}\n\n.metric-label {\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n  margin-bottom: 6px;\n}\n\n.metric-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n}\n\n/* Progress bar in metric card */\n.metric-progress {\n  margin-top: 8px;\n  height: 4px;\n  background: var(--test-border);\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n.metric-progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--test-success) 0%, #34d399 100%);\n  border-radius: 2px;\n  transition: width 0.5s ease-out;\n}\n\n/* ===========================\n   Tabs Navigation\n   =========================== */\n.tabs-container {\n  background: var(--test-surface);\n  border-bottom: 1px solid var(--test-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs {\n  display: flex;\n  padding: 0 20px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 18px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--test-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--test-transition);\n  white-space: nowrap;\n}\n\n.tab:hover {\n  color: var(--test-primary);\n  background: rgba(37, 99, 235, 0.05);\n}\n\n.tab.active {\n  color: var(--test-primary);\n  border-bottom-color: var(--test-primary);\n  font-weight: 600;\n}\n\n.tab i {\n  font-size: 15px;\n}\n\n.tab-badge {\n  background: var(--test-border);\n  color: var(--test-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  transition: var(--test-transition);\n}\n\n.tab.active .tab-badge {\n  background: rgba(37, 99, 235, 0.15);\n  color: var(--test-primary);\n}\n\n.tab-shortcut {\n  font-size: 10px;\n  color: var(--test-text-muted);\n  background: var(--test-bg);\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 600;\n  margin-left: 4px;\n}\n\n/* ===========================\n   Tab Content Area\n   =========================== */\n.tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  scroll-behavior: smooth;\n}\n\n/* ===========================\n   Overview Tab\n   =========================== */\n.overview-tab {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  animation: fadeIn 0.3s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n/* Info Section */\n.info-section {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.info-section h3 {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.info-section h3 i {\n  color: var(--test-primary);\n}\n\n.info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n}\n\n.info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.info-label {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n}\n\n.info-value {\n  font-size: 14px;\n  color: var(--test-text);\n  word-wrap: break-word;\n  font-weight: 500;\n}\n\n/* JSON Section */\n.json-section {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.json-section h3 {\n  margin: 0 0 16px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.json-section h3 i {\n  color: var(--test-primary);\n}\n\n.json-tabs {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 16px;\n  background: var(--test-bg);\n  border-radius: var(--test-radius-md);\n  padding: 4px;\n  flex-wrap: wrap;\n}\n\n.json-tab {\n  flex: 1;\n  min-width: 100px;\n  padding: 10px 14px;\n  border: none;\n  background: transparent;\n  color: var(--test-text-secondary);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  border-radius: var(--test-radius-sm);\n  transition: var(--test-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.json-tab:hover {\n  color: var(--test-text);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.json-tab.active {\n  background: var(--test-surface);\n  color: var(--test-primary);\n  font-weight: 600;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.json-tab i {\n  font-size: 12px;\n}\n\n.code-editor-container {\n  border-radius: var(--test-radius-md);\n  overflow: hidden;\n  border: 1px solid var(--test-border);\n  min-height: 200px;\n  max-height: 400px;\n}\n\n/* ===========================\n   Configuration Tab\n   =========================== */\n.config-tab {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  animation: fadeIn 0.3s ease-out;\n}\n\n.config-section {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.config-section h3 {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.config-section h3 i {\n  color: var(--test-primary);\n}\n\n.config-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 20px;\n}\n\n.config-item {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.config-item.full-width {\n  grid-column: 1 / -1;\n}\n\n.config-item label {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n}\n\n.config-input {\n  padding: 10px 14px;\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-sm);\n  font-size: 14px;\n  transition: var(--test-transition);\n  background: var(--test-surface);\n}\n\n.config-input:focus {\n  outline: none;\n  border-color: var(--test-primary);\n  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n.config-input::placeholder {\n  color: var(--test-text-muted);\n}\n\n.config-hint {\n  font-size: 11px;\n  color: var(--test-text-muted);\n  margin-top: 4px;\n}\n\n.config-editor-container {\n  border-radius: var(--test-radius-md);\n  overflow: hidden;\n  border: 1px solid var(--test-border);\n  min-height: 200px;\n}\n\n.config-editor-container.small {\n  min-height: 100px;\n  max-height: 150px;\n}\n\n/* ===========================\n   Runs Tab\n   =========================== */\n.runs-tab,\n.suites-tab {\n  animation: fadeIn 0.3s ease-out;\n}\n\n/* Loading States & Skeletons */\n.loading-state {\n  padding: 0;\n}\n\n.skeleton-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 16px;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-md);\n  border: 1px solid var(--test-border);\n}\n\n.skeleton-icon {\n  width: 44px;\n  height: 44px;\n  border-radius: var(--test-radius-md);\n  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  flex-shrink: 0;\n}\n\n.skeleton-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line {\n  height: 14px;\n  border-radius: 4px;\n  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n.skeleton-line.wide { width: 70%; }\n.skeleton-line.narrow { width: 40%; }\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* Runs List */\n.runs-list,\n.suites-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.run-item,\n.suite-item {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 16px;\n  background: var(--test-surface);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  cursor: pointer;\n  transition: var(--test-transition);\n}\n\n.run-item:hover,\n.suite-item:hover {\n  background: rgba(37, 99, 235, 0.05);\n  border-color: var(--test-primary-light);\n  transform: translateX(4px);\n  box-shadow: var(--test-shadow-sm);\n}\n\n.run-icon,\n.suite-icon {\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--test-radius-md);\n  color: white;\n  font-size: 18px;\n  flex-shrink: 0;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.suite-icon {\n  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}\n\n.run-content,\n.suite-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-id {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.run-status {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n.suite-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--test-text);\n  margin-bottom: 4px;\n}\n\n.run-meta,\n.suite-meta {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--test-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-meta span,\n.suite-meta span {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-meta span i,\n.suite-meta span i {\n  color: var(--test-text-muted);\n  font-size: 11px;\n}\n\n.run-item > i.fa-chevron-right,\n.suite-item > i.fa-chevron-right {\n  color: var(--test-text-muted);\n  font-size: 14px;\n  transition: var(--test-transition);\n}\n\n.run-item:hover > i.fa-chevron-right,\n.suite-item:hover > i.fa-chevron-right {\n  color: var(--test-primary);\n  transform: translateX(2px);\n}\n\n/* Run Evaluation Stack */\n.run-eval-stack {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n/* Evaluation Pills */\n.eval-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  border-radius: 16px;\n  font-size: 11px;\n  font-weight: 600;\n  transition: var(--test-transition);\n}\n\n.eval-pill i {\n  font-size: 10px;\n}\n\n/* Status pill colors */\n.eval-pill.status-pill.status-passed {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n.eval-pill.status-pill.status-failed {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.eval-pill.status-pill.status-error {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.status-pill.status-timeout {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.status-pill.status-skipped,\n.eval-pill.status-pill.status-pending {\n  background: #f1f5f9;\n  color: #64748b;\n}\n\n.eval-pill.status-pill.status-running {\n  background: #dbeafe;\n  color: #2563eb;\n}\n\n/* Human feedback pills */\n.eval-pill.human-pill.no-feedback {\n  background: #f1f5f9;\n  color: #94a3b8;\n  padding: 4px 8px;\n}\n\n.eval-pill.human-pill.has-feedback.rating-low {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.eval-pill.human-pill.has-feedback.rating-medium {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.human-pill.has-feedback.rating-good {\n  background: #d1fae5;\n  color: #059669;\n}\n\n.eval-pill.human-pill.has-feedback.rating-excellent {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n/* Auto score pills */\n.eval-pill.auto-pill.no-score {\n  background: #f1f5f9;\n  color: #94a3b8;\n  padding: 4px 8px;\n}\n\n.eval-pill.auto-pill.has-score.score-low {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.eval-pill.auto-pill.has-score.score-medium {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.eval-pill.auto-pill.has-score.score-good {\n  background: #d1fae5;\n  color: #059669;\n}\n\n.eval-pill.auto-pill.has-score.score-excellent {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n/* Run Tags */\n.run-tags {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.run-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: rgba(37, 99, 235, 0.1);\n  color: var(--test-primary);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.run-tag-more {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: var(--test-border);\n  color: var(--test-text-muted);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n/* ===========================\n   Empty States\n   =========================== */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 24px;\n  text-align: center;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n}\n\n.empty-icon {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--test-bg);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon i {\n  font-size: 36px;\n  color: var(--test-text-muted);\n}\n\n.empty-state h4 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.empty-state p {\n  margin: 0 0 20px 0;\n  font-size: 14px;\n  color: var(--test-text-secondary);\n  max-width: 300px;\n}\n\n/* Legacy no-data for backwards compatibility */\n.no-data {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  color: var(--test-text-muted);\n  text-align: center;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n}\n\n.no-data i {\n  font-size: 48px;\n  margin-bottom: 16px;\n  opacity: 0.3;\n}\n\n.no-data p {\n  margin: 0;\n  font-size: 14px;\n}\n\n/* ===========================\n   Keyboard Shortcuts Popup\n   =========================== */\n/* Keyboard shortcuts toggle button */\n.shortcuts-toggle {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--test-surface);\n  border: 1px solid var(--test-border);\n  box-shadow: var(--test-shadow-md);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--test-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--test-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--test-primary);\n  border-color: var(--test-primary);\n}\n\n.keyboard-shortcuts {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--test-surface);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  padding: 12px 16px;\n  box-shadow: var(--test-shadow-lg);\n  font-size: 12px;\n  color: var(--test-text-secondary);\n  z-index: 100;\n  max-width: 260px;\n}\n\n.shortcuts-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--test-border);\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.shortcuts-close {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--test-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--test-transition);\n}\n\n.shortcuts-close:hover {\n  color: var(--test-text);\n  background: var(--test-border);\n}\n\n.shortcut-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.shortcut-keys {\n  display: flex;\n  gap: 4px;\n}\n\n.shortcut-keys kbd {\n  background: var(--test-bg);\n  border: 1px solid var(--test-border);\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-size: 11px;\n  color: var(--test-text);\n}\n\n/* ===========================\n   Responsive Design - Tablet\n   =========================== */\n@media (max-width: 1024px) {\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .config-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .keyboard-shortcuts, .shortcuts-toggle {\n    display: none;\n  }\n}\n\n/* ===========================\n   Responsive Design - Mobile\n   =========================== */\n@media (max-width: 768px) {\n  .test-form {\n    height: auto;\n    min-height: 100%;\n  }\n\n  .test-header {\n    padding: 16px;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left {\n    width: 100%;\n  }\n\n  .test-icon {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .test-info h1 {\n    font-size: 18px;\n  }\n\n  .test-meta {\n    gap: 8px;\n  }\n\n  .status-badge {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .header-actions {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions button {\n    flex: 1;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .metric-card {\n    padding: 12px;\n  }\n\n  .metric-value {\n    font-size: 16px;\n  }\n\n  .tabs {\n    padding: 0 12px;\n  }\n\n  .tab {\n    padding: 12px 14px;\n    font-size: 13px;\n    gap: 6px;\n  }\n\n  .tab i {\n    font-size: 14px;\n  }\n\n  .tab-shortcut {\n    display: none;\n  }\n\n  .tab-content {\n    padding: 16px;\n  }\n\n  .info-section,\n  .json-section,\n  .config-section {\n    padding: 18px;\n  }\n\n  .info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .json-tabs {\n    flex-direction: column;\n  }\n\n  .json-tab {\n    min-width: 0;\n    justify-content: flex-start;\n  }\n\n  .run-item,\n  .suite-item {\n    padding: 14px;\n  }\n\n  .run-icon,\n  .suite-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .run-meta,\n  .suite-meta {\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .empty-state {\n    padding: 40px 20px;\n  }\n\n  .empty-icon {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon i {\n    font-size: 28px;\n  }\n}\n\n/* ===========================\n   Responsive Design - Small Mobile\n   =========================== */\n@media (max-width: 480px) {\n  .test-header {\n    padding: 12px;\n  }\n\n  .header-left {\n    gap: 12px;\n  }\n\n  .test-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n    border-radius: 8px;\n  }\n\n  .test-info h1 {\n    font-size: 16px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .tabs {\n    padding: 0 8px;\n  }\n\n  .tab {\n    padding: 10px 12px;\n    font-size: 12px;\n  }\n\n  .tab-badge {\n    display: none;\n  }\n\n  .tab-content {\n    padding: 12px;\n  }\n\n  .run-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n}\n\n/* ===========================\n   Touch Device Optimizations\n   =========================== */\n@media (hover: none) and (pointer: coarse) {\n  .tab,\n  .json-tab,\n  .run-item,\n  .suite-item {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .run-item:active,\n  .suite-item:active {\n    background: rgba(37, 99, 235, 0.1);\n    transform: scale(0.98);\n  }\n\n  .tab:active,\n  .json-tab:active {\n    background: rgba(37, 99, 235, 0.1);\n  }\n\n  /* Larger touch targets */\n  .tab {\n    min-height: 48px;\n  }\n\n  .run-item,\n  .suite-item {\n    min-height: 64px;\n  }\n}\n\n/* ===========================\n   Reduced Motion\n   =========================== */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  .skeleton-icon,\n  .skeleton-line {\n    animation: none;\n    background: #e2e8f0;\n  }\n}\n\n/* ===========================\n   History Tab\n   =========================== */\n.history-tab {\n  animation: fadeIn 0.3s ease-out;\n}\n\n.history-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n/* History Filters */\n.history-filters {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 16px;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-md);\n  box-shadow: var(--test-shadow-sm);\n}\n\n.time-range-filters {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--test-text-secondary);\n  margin-right: 4px;\n}\n\n.filter-btn {\n  padding: 8px 16px;\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-sm);\n  background: var(--test-surface);\n  color: var(--test-text-secondary);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--test-transition);\n}\n\n.filter-btn:hover {\n  border-color: var(--test-primary-light);\n  color: var(--test-primary);\n  background: rgba(37, 99, 235, 0.05);\n}\n\n.filter-btn.active {\n  background: var(--test-primary);\n  color: white;\n  border-color: var(--test-primary);\n}\n\n.history-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* KPI Cards */\n.history-kpi-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 16px;\n}\n\n.kpi-card {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 18px;\n  background: var(--test-surface);\n  border-radius: var(--test-radius-md);\n  box-shadow: var(--test-shadow-sm);\n  transition: var(--test-transition);\n}\n\n.kpi-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--test-shadow-md);\n}\n\n.kpi-icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, var(--test-primary) 0%, var(--test-primary-dark) 100%);\n  border-radius: var(--test-radius-md);\n  color: white;\n  font-size: 20px;\n  flex-shrink: 0;\n}\n\n.kpi-icon.pass-rate {\n  background: linear-gradient(135deg, var(--test-success) 0%, #059669 100%);\n}\n\n.kpi-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.kpi-value {\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.kpi-label {\n  font-size: 12px;\n  color: var(--test-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-top: 2px;\n}\n\n.trend-icon {\n  font-size: 14px;\n}\n\n.trend-icon.trend-up {\n  color: var(--test-success);\n}\n\n.trend-icon.trend-down {\n  color: var(--test-error);\n}\n\n/* History Section */\n.history-section {\n  background: var(--test-surface);\n  border-radius: var(--test-radius-lg);\n  padding: 24px;\n  box-shadow: var(--test-shadow-sm);\n}\n\n.history-section h3 {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--test-text);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.history-section h3 i {\n  color: var(--test-primary);\n}\n\n/* History Table */\n.history-table-container {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.history-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n\n.history-table th,\n.history-table td {\n  padding: 12px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--test-border);\n}\n\n.history-table th {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--test-text-muted);\n  background: var(--test-bg);\n}\n\n.history-table tbody tr:hover {\n  background: rgba(37, 99, 235, 0.03);\n}\n\n.date-cell {\n  font-weight: 600;\n  color: var(--test-text);\n}\n\n.passed-cell {\n  color: var(--test-success);\n  font-weight: 600;\n}\n\n.failed-cell {\n  color: var(--test-error);\n  font-weight: 600;\n}\n\n.pass-rate-cell {\n  min-width: 120px;\n}\n\n.pass-rate-bar {\n  position: relative;\n  height: 24px;\n  background: var(--test-bg);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n.pass-rate-fill {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background: linear-gradient(90deg, var(--test-success) 0%, #34d399 100%);\n  border-radius: 12px;\n  transition: width 0.5s ease-out;\n}\n\n.pass-rate-text {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--test-text);\n  z-index: 1;\n}\n\n/* Suite Performance List */\n.suite-performance-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.suite-perf-card {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 18px;\n  background: var(--test-bg);\n  border: 1px solid var(--test-border);\n  border-radius: var(--test-radius-md);\n  cursor: pointer;\n  transition: var(--test-transition);\n}\n\n.suite-perf-card:hover {\n  background: rgba(37, 99, 235, 0.05);\n  border-color: var(--test-primary-light);\n  transform: translateX(4px);\n}\n\n.suite-perf-header {\n  flex: 1;\n  min-width: 0;\n}\n\n.suite-perf-name {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--test-text);\n  margin-bottom: 6px;\n}\n\n.suite-perf-tags {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.tag-mini {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: rgba(37, 99, 235, 0.1);\n  color: var(--test-primary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.tag-more {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--test-border);\n  color: var(--test-text-muted);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.suite-perf-stats {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.suite-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.suite-stat .stat-value {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--test-text);\n}\n\n.suite-stat .stat-value.pass-rate.high {\n  color: var(--test-success);\n}\n\n.suite-stat .stat-value.pass-rate.low {\n  color: var(--test-error);\n}\n\n.suite-stat .stat-label {\n  font-size: 10px;\n  color: var(--test-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.suite-perf-arrow {\n  color: var(--test-text-muted);\n  font-size: 14px;\n  transition: var(--test-transition);\n}\n\n.suite-perf-card:hover .suite-perf-arrow {\n  color: var(--test-primary);\n  transform: translateX(2px);\n}\n\n/* ===========================\n   Print Styles\n   =========================== */\n@media print {\n  .test-form {\n    background: white;\n    height: auto;\n  }\n\n  .header-actions,\n  .tabs-container,\n  .keyboard-shortcuts {\n    display: none !important;\n  }\n\n  .tab-content {\n    overflow: visible;\n    padding: 0;\n  }\n\n  .info-section,\n  .json-section,\n  .config-section,\n  .empty-state {\n    break-inside: avoid;\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n}\n"] }]
     }], null, { handleKeyboardShortcut: [{
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestFormComponentExtended, { className: "TestFormComponentExtended", filePath: "src/lib/custom/Tests/test-form.component.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJTestFormComponentExtended, { className: "MJTestFormComponentExtended", filePath: "src/lib/custom/Tests/test-form.component.ts", lineNumber: 62 }); })();
 //# sourceMappingURL=test-form.component.js.map