@memberjunction/ng-core-entity-forms 6.2.1 → 6.3.0-edge.0

package/dist/lib/custom/AIPromptRuns/ai-prompt-run-form.component.js

@@ -12,6 +12,8 @@ import { MJAIPromptRunFormComponent } from '../../generated/Entities/MJAIPromptR
 import { SharedService } from '@memberjunction/ng-shared';
 import { TestHarnessWindowManagerService } from '@memberjunction/ng-ai-test-harness';
 import { ParseJSONRecursive } from '@memberjunction/global';
+import { JoinHeroSummary, RunStatusKind } from '../../shared/phone-hero';
+import { PhoneSectionsState } from '../../shared/phone-sections-state';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@memberjunction/ng-ui-components";
@@ -31,11 +33,11 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_11_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("#", ctx_r1.record.ID.substring(0, 8));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 14);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19)(1, "div", 16);
     i0.ɵɵtext(2, "Execution");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 15);
+    i0.ɵɵelementStart(3, "div", 17);
     i0.ɵɵelement(4, "i");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
@@ -47,28 +49,28 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_20_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.RunType, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 68)(1, "div", 14);
+    i0.ɵɵelementStart(0, "div", 78)(1, "div", 16);
     i0.ɵɵtext(2, "Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 70);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_0_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.record.ChildPromptID)); });
-    i0.ɵɵelement(4, "i", 71);
+    i0.ɵɵelementStart(3, "div", 80);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_0_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.record.ChildPromptID)); });
+    i0.ɵɵelement(4, "i", 81);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 72);
-    i0.ɵɵelement(7, "span", 73);
-    i0.ɵɵelementStart(8, "span", 74);
+    i0.ɵɵelementStart(6, "div", 82);
+    i0.ɵɵelement(7, "span", 83);
+    i0.ɵɵelementStart(8, "span", 84);
     i0.ɵɵtext(9, "wrapped by");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(10, "span", 73);
+    i0.ɵɵelement(10, "span", 83);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 75);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_0_Template_div_click_11_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.prompt.ID)); });
-    i0.ɵɵelement(12, "i", 76);
+    i0.ɵɵelementStart(11, "div", 85);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_0_Template_div_click_11_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.prompt.ID)); });
+    i0.ɵɵelement(12, "i", 86);
     i0.ɵɵtext(13);
-    i0.ɵɵelement(14, "i", 77);
+    i0.ɵɵelement(14, "i", 87);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -77,14 +79,14 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditi
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.prompt.Name, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 69)(1, "div", 14);
+    i0.ɵɵelementStart(0, "div", 79)(1, "div", 16);
     i0.ɵɵtext(2, "Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 78);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_1_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.prompt.ID)); });
-    i0.ɵɵelement(4, "i", 79);
+    i0.ɵɵelementStart(3, "div", 88);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_1_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.prompt.ID)); });
+    i0.ɵɵelement(4, "i", 89);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -92,14 +94,14 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditi
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.prompt.Name, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_0_Template, 15, 2, "div", 68)(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Conditional_1_Template, 6, 1, "div", 69);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_0_Template, 15, 2, "div", 78)(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Conditional_1_Template, 6, 1, "div", 79);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.record.ChildPromptID ? 0 : 1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 83);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_25_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 93);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -107,18 +109,18 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Conditi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.Vendor);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 14);
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 16);
     i0.ɵɵtext(2, "Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 80);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Models", ctx_r1.model.ID)); });
-    i0.ɵɵelementStart(4, "span", 81);
-    i0.ɵɵelement(5, "i", 82);
+    i0.ɵɵelementStart(3, "div", 90);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_25_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Models", ctx_r1.model.ID)); });
+    i0.ɵɵelementStart(4, "span", 91);
+    i0.ɵɵelement(5, "i", 92);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Conditional_7_Template, 2, 1, "span", 83);
+    i0.ɵɵconditionalCreate(7, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_25_Conditional_7_Template, 2, 1, "span", 93);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -127,22 +129,22 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.Vendor ? 7 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 19);
-    i0.ɵɵelement(1, "i", 84);
-    i0.ɵɵelementStart(2, "a", 85);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_23_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToOriginalRun()); });
+    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵelementStart(2, "a", 95);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_26_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToOriginalRun()); });
     i0.ɵɵtext(3, "Original Run");
     i0.ɵɵelementEnd()();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 53);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 61);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Temperature");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -150,13 +152,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.Temperature);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 54);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 62);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Top P");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -164,13 +166,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.TopP);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 55);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 63);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Top K");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -178,13 +180,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.TopK);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 93);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 103);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Effort Level");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -192,13 +194,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.EffortLevel);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 94);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 104);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Response Format");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -206,13 +208,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.ResponseFormat);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 95);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 105);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Cached");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -220,13 +222,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensCacheRead));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 96);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 106);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Started");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "date");
     i0.ɵɵelementEnd()()();
@@ -235,49 +237,49 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 1, ctx_r1.record.RunAt, "short"));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 86);
-    i0.ɵɵelement(2, "i", 76);
-    i0.ɵɵelementStart(3, "div", 87)(4, "div", 88);
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 96);
+    i0.ɵɵelement(2, "i", 86);
+    i0.ɵɵelementStart(3, "div", 97)(4, "div", 98);
     i0.ɵɵtext(5, "Configuration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 89)(7, "a", 90);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Configurations", ctx_r1.record.ConfigurationID)); });
+    i0.ɵɵelementStart(6, "div", 99)(7, "a", 100);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Configurations", ctx_r1.record.ConfigurationID)); });
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(9, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_9_Template, 7, 1, "div", 86);
-    i0.ɵɵconditionalCreate(10, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_10_Template, 7, 1, "div", 86);
-    i0.ɵɵconditionalCreate(11, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_11_Template, 7, 1, "div", 86);
-    i0.ɵɵconditionalCreate(12, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_12_Template, 7, 1, "div", 86);
-    i0.ɵɵconditionalCreate(13, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_13_Template, 7, 1, "div", 86);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 25)(15, "div", 86);
-    i0.ɵɵelement(16, "i", 91);
-    i0.ɵɵelementStart(17, "div", 87)(18, "div", 88);
+    i0.ɵɵconditionalCreate(9, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_9_Template, 7, 1, "div", 96);
+    i0.ɵɵconditionalCreate(10, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_10_Template, 7, 1, "div", 96);
+    i0.ɵɵconditionalCreate(11, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_11_Template, 7, 1, "div", 96);
+    i0.ɵɵconditionalCreate(12, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_12_Template, 7, 1, "div", 96);
+    i0.ɵɵconditionalCreate(13, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_13_Template, 7, 1, "div", 96);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 27)(15, "div", 96);
+    i0.ɵɵelement(16, "i", 101);
+    i0.ɵɵelementStart(17, "div", 97)(18, "div", 98);
     i0.ɵɵtext(19, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 89);
+    i0.ɵɵelementStart(20, "div", 99);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(22, "div", 92);
-    i0.ɵɵelement(23, "i", 43);
-    i0.ɵɵelementStart(24, "div", 87)(25, "div", 88);
+    i0.ɵɵelementStart(22, "div", 102);
+    i0.ɵɵelement(23, "i", 49);
+    i0.ɵɵelementStart(24, "div", 97)(25, "div", 98);
     i0.ɵɵtext(26, "Total Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 89);
+    i0.ɵɵelementStart(27, "div", 99);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(29, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_29_Template, 7, 1, "div", 86);
-    i0.ɵɵelementStart(30, "div", 86);
-    i0.ɵɵelement(31, "i", 45);
-    i0.ɵɵelementStart(32, "div", 87)(33, "div", 88);
+    i0.ɵɵconditionalCreate(29, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_29_Template, 7, 1, "div", 96);
+    i0.ɵɵelementStart(30, "div", 96);
+    i0.ɵɵelement(31, "i", 51);
+    i0.ɵɵelementStart(32, "div", 97)(33, "div", 98);
     i0.ɵɵtext(34, "Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 89);
+    i0.ɵɵelementStart(35, "div", 99);
     i0.ɵɵtext(36);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(37, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Conditional_37_Template, 8, 4, "div", 86);
+    i0.ɵɵconditionalCreate(37, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Conditional_37_Template, 8, 4, "div", 96);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -304,13 +306,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.RunAt ? 37 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 95);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_34_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 105);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Cached");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -318,13 +320,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensCacheRead));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 96);
-    i0.ɵɵelementStart(2, "div", 87)(3, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_34_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "i", 106);
+    i0.ɵɵelementStart(2, "div", 97)(3, "div", 98);
     i0.ɵɵtext(4, "Started");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 89);
+    i0.ɵɵelementStart(5, "div", 99);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "date");
     i0.ɵɵelementEnd()()();
@@ -333,33 +335,33 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Conditi
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 1, ctx_r1.record.RunAt, "short"));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 86);
-    i0.ɵɵelement(2, "i", 91);
-    i0.ɵɵelementStart(3, "div", 87)(4, "div", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 96);
+    i0.ɵɵelement(2, "i", 101);
+    i0.ɵɵelementStart(3, "div", 97)(4, "div", 98);
     i0.ɵɵtext(5, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 89);
+    i0.ɵɵelementStart(6, "div", 99);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(8, "div", 92);
-    i0.ɵɵelement(9, "i", 43);
-    i0.ɵɵelementStart(10, "div", 87)(11, "div", 88);
+    i0.ɵɵelementStart(8, "div", 102);
+    i0.ɵɵelement(9, "i", 49);
+    i0.ɵɵelementStart(10, "div", 97)(11, "div", 98);
     i0.ɵɵtext(12, "Total Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 89);
+    i0.ɵɵelementStart(13, "div", 99);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(15, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Conditional_15_Template, 7, 1, "div", 86);
-    i0.ɵɵelementStart(16, "div", 86);
-    i0.ɵɵelement(17, "i", 45);
-    i0.ɵɵelementStart(18, "div", 87)(19, "div", 88);
+    i0.ɵɵconditionalCreate(15, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_34_Conditional_15_Template, 7, 1, "div", 96);
+    i0.ɵɵelementStart(16, "div", 96);
+    i0.ɵɵelement(17, "i", 51);
+    i0.ɵɵelementStart(18, "div", 97)(19, "div", 98);
     i0.ɵɵtext(20, "Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 89);
+    i0.ɵɵelementStart(21, "div", 99);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(23, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Conditional_23_Template, 8, 4, "div", 86);
+    i0.ɵɵconditionalCreate(23, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_34_Conditional_23_Template, 8, 4, "div", 96);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -374,24 +376,39 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.RunAt ? 23 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 99);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 107);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_35_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleHeroDetails()); });
+    i0.ɵɵelementStart(1, "span", 108);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "i", 109);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-expanded", ctx_r1.HeroDetailsOpen);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.HeroSummary);
+} }
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 112);
     i0.ɵɵtext(1, "JSON");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 98);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 111);
     i0.ɵɵtext(2, " Input ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_34_Conditional_3_Template, 2, 0, "span", 99);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Conditional_3_Template, 2, 0, "span", 112);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.record.Messages && ctx_r1.record.Messages.trim() !== "" ? 3 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 115);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 128);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -399,62 +416,62 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.chatMessages.length, ")");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
-    i0.ɵɵelement(1, "i", 114);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 126);
+    i0.ɵɵelement(1, "i", 127);
     i0.ɵɵtext(2, " Messages ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_2_Conditional_3_Template, 2, 1, "span", 115);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_2_Conditional_3_Template, 2, 1, "span", 128);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.chatMessages.length > 0 ? 3 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵelement(1, "i", 116);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵelement(1, "i", 129);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Loading messages...");
     i0.ɵɵelementEnd()();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-chat-message-viewer", 103);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-chat-message-viewer", 116);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("messages", ctx_r1.chatMessages);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-empty-state", 104);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 117);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 99);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 112);
     i0.ɵɵtext(1, "Object");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
-    i0.ɵɵelement(1, "i", 117);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 126);
+    i0.ɵɵelement(1, "i", 130);
     i0.ɵɵtext(2, " Data ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_8_Conditional_3_Template, 2, 0, "span", 99);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_8_Conditional_3_Template, 2, 0, "span", 112);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.inputData ? 3 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 107)(2, "button", 108);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_11_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedData, "Data")); });
-    i0.ɵɵelement(3, "i", 109);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 120)(2, "button", 121);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_11_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedData, "Data")); });
+    i0.ɵɵelement(3, "i", 122);
     i0.ɵɵtext(4, " Copy ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_11_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedData, "json", "Data")); });
-    i0.ɵɵelement(6, "i", 111);
+    i0.ɵɵelementStart(5, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_11_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedData, "json", "Data")); });
+    i0.ɵɵelement(6, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "mj-code-editor", 118);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_11_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedData, $event) || (ctx_r1.formattedData = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(7, "mj-code-editor", 131);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_11_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedData, $event) || (ctx_r1.formattedData = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -462,41 +479,41 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditi
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedData);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-empty-state", 106);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 119);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
-    i0.ɵɵelement(1, "i", 94);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 126);
+    i0.ɵɵelement(1, "i", 104);
     i0.ɵɵtext(2, " Raw ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "mj-accordion-panel", 100);
-    i0.ɵɵtemplate(2, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_2_Template, 4, 1, "ng-template", 28);
-    i0.ɵɵelementStart(3, "div", 101);
-    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_4_Template, 4, 0, "div", 102)(5, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_5_Template, 1, 1, "mj-chat-message-viewer", 103)(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_6_Template, 1, 0, "mj-empty-state", 104);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "mj-accordion-panel", 100);
-    i0.ɵɵtemplate(8, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_8_Template, 4, 1, "ng-template", 28);
-    i0.ɵɵelementStart(9, "div", 101);
-    i0.ɵɵelement(10, "mj-prompt-run-data-capture-note", 105);
-    i0.ɵɵconditionalCreate(11, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_11_Template, 8, 4, "div", 33)(12, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Conditional_12_Template, 1, 0, "mj-empty-state", 106);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "mj-accordion-panel", 100);
-    i0.ɵɵtemplate(14, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_ng_template_14_Template, 3, 0, "ng-template", 28);
-    i0.ɵɵelementStart(15, "div", 101)(16, "div", 33)(17, "div", 107)(18, "button", 108);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedMessages, "Messages")); });
-    i0.ɵɵelement(19, "i", 109);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 34)(1, "mj-accordion-panel", 113);
+    i0.ɵɵtemplate(2, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_2_Template, 4, 1, "ng-template", 32);
+    i0.ɵɵelementStart(3, "div", 114);
+    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_4_Template, 4, 0, "div", 115)(5, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_5_Template, 1, 1, "mj-chat-message-viewer", 116)(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_6_Template, 1, 0, "mj-empty-state", 117);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "mj-accordion-panel", 113);
+    i0.ɵɵtemplate(8, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_8_Template, 4, 1, "ng-template", 32);
+    i0.ɵɵelementStart(9, "div", 114);
+    i0.ɵɵelement(10, "mj-prompt-run-data-capture-note", 118);
+    i0.ɵɵconditionalCreate(11, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_11_Template, 8, 4, "div", 38)(12, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Conditional_12_Template, 1, 0, "mj-empty-state", 119);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "mj-accordion-panel", 113);
+    i0.ɵɵtemplate(14, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_ng_template_14_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(15, "div", 114)(16, "div", 38)(17, "div", 120)(18, "button", 121);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedMessages, "Messages")); });
+    i0.ɵɵelement(19, "i", 122);
     i0.ɵɵtext(20, " Copy ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedMessages, "json", "Raw Messages")); });
-    i0.ɵɵelement(22, "i", 111);
+    i0.ɵɵelementStart(21, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedMessages, "json", "Raw Messages")); });
+    i0.ɵɵelement(22, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "mj-code-editor", 112);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Template_mj_code_editor_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedMessages, $event) || (ctx_r1.formattedMessages = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(23, "mj-code-editor", 125);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template_mj_code_editor_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedMessages, $event) || (ctx_r1.formattedMessages = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -516,25 +533,25 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Templat
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedMessages);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-empty-state", 31);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 35);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 99);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_44_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 112);
     i0.ɵɵtext(1, "JSON");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 120);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_44_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 133);
     i0.ɵɵtext(1, "Error");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 119);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 132);
     i0.ɵɵtext(2, " Result ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Conditional_3_Template, 2, 0, "span", 99);
-    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Conditional_4_Template, 2, 0, "span", 120);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_44_Conditional_3_Template, 2, 0, "span", 112);
+    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_44_Conditional_4_Template, 2, 0, "span", 133);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -543,10 +560,10 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ErrorMessage ? 4 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "i", 121);
-    i0.ɵɵelementStart(2, "div", 122)(3, "h4");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵelement(1, "i", 134);
+    i0.ɵɵelementStart(2, "div", 135)(3, "h4");
     i0.ɵɵtext(4, "Error Message");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p");
@@ -557,19 +574,19 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Templat
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.ErrorMessage);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 107)(2, "button", 108);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedResult, "Result")); });
-    i0.ɵɵelement(3, "i", 109);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 120)(2, "button", 121);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_47_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedResult, "Result")); });
+    i0.ɵɵelement(3, "i", 122);
     i0.ɵɵtext(4, " Copy ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedResult, "json", "Result")); });
-    i0.ɵɵelement(6, "i", 111);
+    i0.ɵɵelementStart(5, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_47_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedResult, "json", "Result")); });
+    i0.ɵɵelement(6, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "mj-code-editor", 123);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedResult, $event) || (ctx_r1.formattedResult = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(7, "mj-code-editor", 136);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_47_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedResult, $event) || (ctx_r1.formattedResult = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -577,8 +594,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Templat
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedResult);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 125)(1, "strong");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 138)(1, "strong");
     i0.ɵɵtext(2, "Status:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -588,32 +605,32 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditi
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 126)(1, "div", 107)(2, "h4", 128);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 139)(1, "div", 120)(2, "h4", 141);
     i0.ɵɵtext(3, "Error Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedErrorDetails, "json", "Error Details")); });
-    i0.ɵɵelement(5, "i", 111);
+    i0.ɵɵelementStart(4, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedErrorDetails, "json", "Error Details")); });
+    i0.ɵɵelement(5, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(6, "mj-code-editor", 129);
+    i0.ɵɵelement(6, "mj-code-editor", 142);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(6);
     i0.ɵɵproperty("ngModel", ctx_r1.formattedErrorDetails)("disabled", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 127);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 140);
     i0.ɵɵtext(1, " The prompt execution failed but no additional error information is available. ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵconditionalCreate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_1_Template, 4, 1, "p", 125);
-    i0.ɵɵconditionalCreate(2, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_2_Template, 7, 4, "div", 126);
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Conditional_3_Template, 2, 0, "p", 127);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137);
+    i0.ɵɵconditionalCreate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_1_Template, 4, 1, "p", 138);
+    i0.ɵɵconditionalCreate(2, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_2_Template, 7, 4, "div", 139);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Conditional_3_Template, 2, 0, "p", 140);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -624,23 +641,23 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditi
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.formattedErrorDetails ? 3 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-empty-state", 34);
-    i0.ɵɵconditionalCreate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Conditional_1_Template, 4, 3, "div", 124);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-empty-state", 39);
+    i0.ɵɵconditionalCreate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Conditional_1_Template, 4, 3, "div", 137);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.CompletedAt && (ctx_r1.record.Status === "Failed" || ctx_r1.record.Success === false) ? 1 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 130);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 143);
     i0.ɵɵtext(2, " Token Usage & Metrics ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -648,8 +665,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_55_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("incl. ", ctx_r1.formatTokens(ctx_r1.CachedTokens), " cached");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -657,8 +674,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_56_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensPromptRollup));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_64_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_69_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -666,8 +683,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_64_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensCompletionRollup));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_72_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_77_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -675,8 +692,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_72_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("incl. ", ctx_r1.formatTokens(ctx_r1.CachedTokens), " cached");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_73_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_78_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -684,8 +701,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_73_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Net rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensUsedRollup));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_79_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -693,8 +710,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Conditi
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Write: ", ctx_r1.formatTokens(ctx_r1.record.TokensCacheWrite));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_79_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "number");
     i0.ɵɵelementEnd()();
@@ -703,17 +720,17 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Conditi
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(3, 1, ctx_r1.CacheHitRatePct, "1.0-0"), "% hit rate");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "div", 37);
-    i0.ɵɵelement(2, "i", 95);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_79_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
+    i0.ɵɵelement(2, "i", 105);
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "Cache Read");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 42);
+    i0.ɵɵelementStart(5, "div", 48);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Conditional_7_Template, 3, 1, "div", 40);
-    i0.ɵɵconditionalCreate(8, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Conditional_8_Template, 4, 4, "div", 40);
+    i0.ɵɵconditionalCreate(7, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_79_Conditional_7_Template, 3, 1, "div", 46);
+    i0.ɵɵconditionalCreate(8, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_79_Conditional_8_Template, 4, 4, "div", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -724,8 +741,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.TokensCacheRead || ctx_r1.record.TokensCacheWrite ? 8 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_82_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_87_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -733,8 +750,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_82_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Total: ", ctx_r1.formatCost(ctx_r1.record.TotalCost));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_83_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_88_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -742,13 +759,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_83_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.CostCurrency);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_84_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "div", 37);
-    i0.ɵɵelement(2, "i", 131);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_89_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
+    i0.ɵɵelement(2, "i", 144);
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "Queue Time");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 42);
+    i0.ɵɵelementStart(5, "div", 48);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -756,13 +773,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_84_Templat
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.QueueTime));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_85_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "div", 37);
-    i0.ɵɵelement(2, "i", 132);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
+    i0.ɵɵelement(2, "i", 145);
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "Prompt Time");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 42);
+    i0.ɵɵelementStart(5, "div", 48);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -770,13 +787,13 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_85_Templat
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.PromptTime));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_86_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "div", 37);
-    i0.ɵɵelement(2, "i", 133);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
+    i0.ɵɵelement(2, "i", 146);
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "Completion Time");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 42);
+    i0.ɵɵelementStart(5, "div", 48);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -784,11 +801,11 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_86_Templat
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.CompletionTime));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_88_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48)(1, "span", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_93_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 54)(1, "span", 98);
     i0.ɵɵtext(2, "Execution Order:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 89);
+    i0.ɵɵelementStart(3, "span", 99);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -796,23 +813,23 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_88_Templat
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r1.record.ExecutionOrder);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_89_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 48)(1, "span", 88);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_94_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54)(1, "span", 98);
     i0.ɵɵtext(2, "Agent:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 134);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_89_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Agents", ctx_r1.record.AgentID)); });
+    i0.ɵɵelementStart(3, "span", 147);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_94_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Agents", ctx_r1.record.AgentID)); });
     i0.ɵɵtext(4);
-    i0.ɵɵelement(5, "i", 135);
+    i0.ɵɵelement(5, "i", 148);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Agent, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 115);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 128);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -820,22 +837,22 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.record.ValidationAttemptCount, " attempts)");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 147);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 161);
     i0.ɵɵtext(1, "Passed");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 120);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 133);
     i0.ɵɵtext(1, "Failed");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 146);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 160);
     i0.ɵɵtext(2, " Validation & Retries ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Conditional_3_Template, 2, 1, "span", 115);
-    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Conditional_4_Template, 2, 0, "span", 147)(5, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Conditional_5_Template, 2, 0, "span", 120);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Conditional_3_Template, 2, 1, "span", 128);
+    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Conditional_4_Template, 2, 0, "span", 161)(5, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Conditional_5_Template, 2, 0, "span", 133);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -844,8 +861,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_temp
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.FinalValidationPassed ? 4 : ctx_r1.record.FinalValidationPassed === false ? 5 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_31_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 148);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_31_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 162);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -853,15 +870,15 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r1.record.ValidationErrorCount, " validation errors");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 141)(1, "h5");
-    i0.ɵɵelement(2, "i", 121);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 155)(1, "h5");
+    i0.ɵɵelement(2, "i", 134);
     i0.ɵɵtext(3, " Final Validation Error");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_31_Conditional_6_Template, 2, 1, "span", 148);
+    i0.ɵɵconditionalCreate(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_31_Conditional_6_Template, 2, 1, "span", 162);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -870,9 +887,9 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record && ctx_r1.record.ValidationErrorCount && ctx_r1.record.ValidationErrorCount > 0 ? 6 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 142)(1, "h5");
-    i0.ɵɵelement(2, "i", 57);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 156)(1, "h5");
+    i0.ɵɵelement(2, "i", 65);
     i0.ɵɵtext(3, " Most Common Error");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
@@ -883,24 +900,24 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditi
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.record.CommonValidationError);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 143)(1, "h4");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 157)(1, "h4");
     i0.ɵɵtext(2, "Retry Timeline");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 149)(4, "div", 150);
-    i0.ɵɵelement(5, "i", 91);
+    i0.ɵɵelementStart(3, "div", 163)(4, "div", 164);
+    i0.ɵɵelement(5, "i", 101);
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 150);
-    i0.ɵɵelement(10, "i", 133);
+    i0.ɵɵelementStart(9, "div", 164);
+    i0.ɵɵelement(10, "i", 146);
     i0.ɵɵelementStart(11, "span");
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 150);
-    i0.ɵɵelement(15, "i", 151);
+    i0.ɵɵelementStart(14, "div", 164);
+    i0.ɵɵelement(15, "i", 165);
     i0.ɵɵelementStart(16, "span");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()()();
@@ -913,84 +930,84 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditi
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1("Total Retry Duration: ", ctx_r1.formatDuration(ctx_r1.record.TotalRetryDurationMS));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 148);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 162);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const attempt_r14 = i0.ɵɵnextContext(2).$implicit;
+    const attempt_r15 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", attempt_r14.validationErrorCount, " errors)");
+    i0.ɵɵtextInterpolate1("(", attempt_r15.validationErrorCount, " errors)");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 159);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 173);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Conditional_7_Conditional_2_Template, 2, 1, "span", 148);
+    i0.ɵɵconditionalCreate(2, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Conditional_7_Conditional_2_Template, 2, 1, "span", 162);
 } if (rf & 2) {
-    const attempt_r14 = i0.ɵɵnextContext().$implicit;
+    const attempt_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(attempt_r14.errorMessage || "Unknown error");
+    i0.ɵɵtextInterpolate(attempt_r15.errorMessage || "Unknown error");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(attempt_r14.validationErrorCount > 0 ? 2 : -1);
+    i0.ɵɵconditional(attempt_r15.validationErrorCount > 0 ? 2 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 158);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 172);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const attempt_r14 = i0.ɵɵnextContext().$implicit;
+    const attempt_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Output: ", attempt_r14.outputLength, " chars");
+    i0.ɵɵtextInterpolate1("Output: ", attempt_r15.outputLength, " chars");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 154)(1, "div", 155);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 168)(1, "div", 169);
     i0.ɵɵelement(2, "i");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 156)(5, "span", 157);
+    i0.ɵɵelementStart(4, "div", 170)(5, "span", 171);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Conditional_7_Template, 3, 2);
-    i0.ɵɵconditionalCreate(8, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Conditional_8_Template, 2, 1, "span", 158);
+    i0.ɵɵconditionalCreate(7, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Conditional_7_Template, 3, 2);
+    i0.ɵɵconditionalCreate(8, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Conditional_8_Template, 2, 1, "span", 172);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const attempt_r14 = ctx.$implicit;
-    i0.ɵɵclassProp("success", attempt_r14.success)("failed", !attempt_r14.success);
+    const attempt_r15 = ctx.$implicit;
+    i0.ɵɵclassProp("success", attempt_r15.success)("failed", !attempt_r15.success);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(attempt_r14.success ? "fa-solid fa-check" : "fa-solid fa-times");
+    i0.ɵɵclassMap(attempt_r15.success ? "fa-solid fa-check" : "fa-solid fa-times");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Attempt #", attempt_r14.attemptNumber, " ");
+    i0.ɵɵtextInterpolate1(" Attempt #", attempt_r15.attemptNumber, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(attempt_r14.timestamp);
+    i0.ɵɵtextInterpolate(attempt_r15.timestamp);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!attempt_r14.success ? 7 : -1);
+    i0.ɵɵconditional(!attempt_r15.success ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(attempt_r14.outputLength ? 8 : -1);
+    i0.ɵɵconditional(attempt_r15.outputLength ? 8 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 144)(1, "h4");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 158)(1, "h4");
     i0.ɵɵtext(2, "Validation Attempts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 152);
-    i0.ɵɵrepeaterCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_For_5_Template, 9, 10, "div", 153, _forTrack0);
+    i0.ɵɵelementStart(3, "div", 166);
+    i0.ɵɵrepeaterCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_For_5_Template, 9, 10, "div", 167, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r1.validationAttempts);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 145)(1, "div", 107)(2, "h4", 128);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 159)(1, "div", 120)(2, "h4", 141);
     i0.ɵɵtext(3, "Validation Summary Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_35_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedValidationSummary, "json", "Validation Summary")); });
-    i0.ɵɵelement(5, "i", 111);
+    i0.ɵɵelementStart(4, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_35_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedValidationSummary, "json", "Validation Summary")); });
+    i0.ɵɵelement(5, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 160)(7, "mj-code-editor", 161);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_35_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationSummary, $event) || (ctx_r1.formattedValidationSummary = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "div", 174)(7, "mj-code-editor", 175);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_35_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationSummary, $event) || (ctx_r1.formattedValidationSummary = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -998,17 +1015,17 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditi
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedValidationSummary);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 145)(1, "div", 107)(2, "h4", 128);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 159)(1, "div", 120)(2, "h4", 141);
     i0.ɵɵtext(3, "Validation Attempts (Raw JSON)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_36_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedValidationAttempts, "json", "Validation Attempts")); });
-    i0.ɵɵelement(5, "i", 111);
+    i0.ɵɵelementStart(4, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_36_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedValidationAttempts, "json", "Validation Attempts")); });
+    i0.ɵɵelement(5, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 160)(7, "mj-code-editor", 162);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_36_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationAttempts, $event) || (ctx_r1.formattedValidationAttempts = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "div", 174)(7, "mj-code-editor", 176);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_36_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationAttempts, $event) || (ctx_r1.formattedValidationAttempts = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1016,49 +1033,49 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditi
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedValidationAttempts);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 27);
-    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Template_mj_accordion_panel_ExpandedChange_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onValidationPanelToggle($event)); });
-    i0.ɵɵtemplate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_ng_template_1_Template, 6, 2, "ng-template", 28);
-    i0.ɵɵelementStart(2, "div", 29)(3, "div", 136)(4, "div", 137)(5, "h4");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 149);
+    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Template_mj_accordion_panel_ExpandedChange_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onValidationPanelToggle($event)); });
+    i0.ɵɵtemplate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_ng_template_1_Template, 6, 2, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 33)(3, "div", 150)(4, "div", 151)(5, "h4");
     i0.ɵɵtext(6, "Validation Summary");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 138);
+    i0.ɵɵelementStart(7, "div", 152);
     i0.ɵɵelement(8, "i");
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 139)(11, "div", 140)(12, "div", 88);
+    i0.ɵɵelementStart(10, "div", 153)(11, "div", 154)(12, "div", 98);
     i0.ɵɵtext(13, "Total Attempts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 89);
+    i0.ɵɵelementStart(14, "div", 99);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 140)(17, "div", 88);
+    i0.ɵɵelementStart(16, "div", 154)(17, "div", 98);
     i0.ɵɵtext(18, "Successful");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 89);
+    i0.ɵɵelementStart(19, "div", 99);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 140)(22, "div", 88);
+    i0.ɵɵelementStart(21, "div", 154)(22, "div", 98);
     i0.ɵɵtext(23, "Behavior");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 89);
+    i0.ɵɵelementStart(24, "div", 99);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 140)(27, "div", 88);
+    i0.ɵɵelementStart(26, "div", 154)(27, "div", 98);
     i0.ɵɵtext(28, "Retry Strategy");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "div", 89);
+    i0.ɵɵelementStart(29, "div", 99);
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(31, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_31_Template, 7, 2, "div", 141);
-    i0.ɵɵconditionalCreate(32, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_32_Template, 6, 1, "div", 142);
+    i0.ɵɵconditionalCreate(31, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_31_Template, 7, 2, "div", 155);
+    i0.ɵɵconditionalCreate(32, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_32_Template, 6, 1, "div", 156);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(33, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_33_Template, 18, 9, "div", 143);
-    i0.ɵɵconditionalCreate(34, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_34_Template, 6, 0, "div", 144);
-    i0.ɵɵconditionalCreate(35, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_35_Template, 8, 4, "div", 145);
-    i0.ɵɵconditionalCreate(36, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Conditional_36_Template, 8, 4, "div", 145);
+    i0.ɵɵconditionalCreate(33, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_33_Template, 18, 9, "div", 157);
+    i0.ɵɵconditionalCreate(34, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_34_Template, 6, 0, "div", 158);
+    i0.ɵɵconditionalCreate(35, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_35_Template, 8, 4, "div", 159);
+    i0.ɵɵconditionalCreate(36, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Conditional_36_Template, 8, 4, "div", 159);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1090,8 +1107,8 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ValidationAttempts ? 36 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 115);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 128);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1099,47 +1116,47 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_ng_temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.childRuns.length, " children)");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 165);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 179);
     i0.ɵɵtext(2, " Run Hierarchy ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_ng_template_1_Conditional_3_Template, 2, 1, "span", 115);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_ng_template_1_Conditional_3_Template, 2, 1, "span", 128);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.childRuns.length > 0 ? 3 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 163)(1, "h4");
-    i0.ɵɵelement(2, "i", 84);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 177)(1, "h4");
+    i0.ɵɵelement(2, "i", 94);
     i0.ɵɵtext(3, " Parent Run");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 166);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_3_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", ctx_r1.parentRun.ID)); });
-    i0.ɵɵelementStart(5, "div", 167);
+    i0.ɵɵelementStart(4, "div", 180);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_3_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", ctx_r1.parentRun.ID)); });
+    i0.ɵɵelementStart(5, "div", 181);
     i0.ɵɵelement(6, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 168)(8, "div", 169);
+    i0.ɵɵelementStart(7, "div", 182)(8, "div", 183);
     i0.ɵɵtext(9);
-    i0.ɵɵelementStart(10, "span", 170);
+    i0.ɵɵelementStart(10, "span", 184);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 171)(13, "span");
-    i0.ɵɵelement(14, "i", 91);
+    i0.ɵɵelementStart(12, "div", 185)(13, "span");
+    i0.ɵɵelement(14, "i", 101);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "span");
-    i0.ɵɵelement(17, "i", 43);
+    i0.ɵɵelement(17, "i", 49);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(19, "span");
-    i0.ɵɵelement(20, "i", 96);
+    i0.ɵɵelement(20, "i", 106);
     i0.ɵɵtext(21);
     i0.ɵɵpipe(22, "date");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(23, "i", 135);
+    i0.ɵɵelement(23, "i", 148);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1158,85 +1175,85 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditi
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(22, 9, ctx_r1.parentRun.RunAt, "short"));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 176);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 190);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const childRun_r19 = i0.ɵɵnextContext().$implicit;
+    const childRun_r20 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", childRun_r19.ExecutionOrder);
+    i0.ɵɵtextInterpolate1("#", childRun_r20.ExecutionOrder);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_For_6_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 175);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_For_6_Template_div_click_0_listener() { const childRun_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", childRun_r19.ID)); });
-    i0.ɵɵelementStart(1, "div", 167);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 189);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_For_6_Template_div_click_0_listener() { const childRun_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", childRun_r20.ID)); });
+    i0.ɵɵelementStart(1, "div", 181);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 168)(4, "div", 169);
+    i0.ɵɵelementStart(3, "div", 182)(4, "div", 183);
     i0.ɵɵtext(5);
-    i0.ɵɵconditionalCreate(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_For_6_Conditional_6_Template, 2, 1, "span", 176);
-    i0.ɵɵelementStart(7, "span", 170);
+    i0.ɵɵconditionalCreate(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_For_6_Conditional_6_Template, 2, 1, "span", 190);
+    i0.ɵɵelementStart(7, "span", 184);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 171)(10, "span", 16);
+    i0.ɵɵelementStart(9, "div", 185)(10, "span", 18);
     i0.ɵɵelement(11, "i");
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(13, "span");
-    i0.ɵɵelement(14, "i", 91);
+    i0.ɵɵelement(14, "i", 101);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "span");
-    i0.ɵɵelement(17, "i", 43);
+    i0.ɵɵelement(17, "i", 49);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(19, "i", 135);
+    i0.ɵɵelement(19, "i", 148);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const childRun_r19 = ctx.$implicit;
+    const childRun_r20 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor() + "20");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getRunTypeIcon(childRun_r19.RunType));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getRunTypeIcon(childRun_r20.RunType));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Child Run #", childRun_r19.ID.substring(0, 8), " ");
+    i0.ɵɵtextInterpolate1(" Child Run #", childRun_r20.ID.substring(0, 8), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(childRun_r19.ExecutionOrder !== null ? 6 : -1);
+    i0.ɵɵconditional(childRun_r20.ExecutionOrder !== null ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(childRun_r19.RunType);
+    i0.ɵɵtextInterpolate(childRun_r20.RunType);
     i0.ɵɵadvance(2);
     i0.ɵɵstyleProp("color", ctx_r1.getStatusColor());
     i0.ɵɵadvance();
     i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", childRun_r19.Success ? "Success" : childRun_r19.ErrorMessage ? "Failed" : "Running", " ");
+    i0.ɵɵtextInterpolate1(" ", childRun_r20.Success ? "Success" : childRun_r20.ErrorMessage ? "Failed" : "Running", " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(childRun_r19.ExecutionTimeMS));
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(childRun_r20.ExecutionTimeMS));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(childRun_r19.TokensUsed));
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(childRun_r20.TokensUsed));
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 164)(1, "h4");
-    i0.ɵɵelement(2, "i", 172);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 178)(1, "h4");
+    i0.ɵɵelement(2, "i", 186);
     i0.ɵɵtext(3, " Child Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 173);
-    i0.ɵɵrepeaterCreate(5, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_For_6_Template, 20, 14, "div", 174, _forTrack1);
+    i0.ɵɵelementStart(4, "div", 187);
+    i0.ɵɵrepeaterCreate(5, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_For_6_Template, 20, 14, "div", 188, _forTrack1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
     i0.ɵɵrepeater(ctx_r1.childRuns);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 49);
-    i0.ɵɵtemplate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_ng_template_1_Template, 4, 1, "ng-template", 28);
-    i0.ɵɵelementStart(2, "div", 29);
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_3_Template, 24, 12, "div", 163);
-    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Conditional_4_Template, 7, 0, "div", 164);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 56);
+    i0.ɵɵtemplate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_ng_template_1_Template, 4, 1, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 33);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_3_Template, 24, 12, "div", 177);
+    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Conditional_4_Template, 7, 0, "div", 178);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1246,33 +1263,33 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.childRuns.length > 0 ? 4 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_93_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 62);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_98_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 72);
     i0.ɵɵtext(2, " Additional Details ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_101_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Agent");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 177);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Agents", ctx_r1.record.AgentID)); });
-    i0.ɵɵelement(4, "i", 178);
+    i0.ɵɵelementStart(3, "div", 191);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_101_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Agents", ctx_r1.record.AgentID)); });
+    i0.ɵɵelement(4, "i", 192);
     i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "i", 135);
+    i0.ɵɵelement(6, "i", 148);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Agent || "Unknown", " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_97_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_102_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Run Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
+    i0.ɵɵelementStart(3, "div", 60);
     i0.ɵɵelement(4, "i");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
@@ -1283,12 +1300,12 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_97_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.RunType, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_98_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_103_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Response Format");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 94);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 104);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1296,12 +1313,12 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_98_Templat
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.ResponseFormat, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_153_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_158_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Started At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 91);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 101);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "date");
     i0.ɵɵelementEnd()();
@@ -1310,12 +1327,12 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_153_Templa
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 1, ctx_r1.record.RunAt, "medium"), " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_154_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_159_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Completed At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 179);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 193);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "date");
     i0.ɵɵelementEnd()();
@@ -1324,30 +1341,30 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_154_Templa
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 1, ctx_r1.record.CompletedAt, "medium"), " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 82);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 92);
     i0.ɵɵtext(2, " Model Specific Response Details ");
-    i0.ɵɵelementStart(3, "span", 99);
+    i0.ɵɵelementStart(3, "span", 112);
     i0.ɵɵtext(4, "JSON");
     i0.ɵɵelementEnd()();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 27);
-    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Template_mj_accordion_panel_ExpandedChange_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onModelSpecificPanelToggle($event)); });
-    i0.ɵɵtemplate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_ng_template_1_Template, 5, 0, "ng-template", 28);
-    i0.ɵɵelementStart(2, "div", 29)(3, "div", 33)(4, "div", 107)(5, "button", 108);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedModelSpecificResponseDetails, "Model Specific Response Details")); });
-    i0.ɵɵelement(6, "i", 109);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 194);
+    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_Template_mj_accordion_panel_ExpandedChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onModelSpecificPanelToggle($event)); });
+    i0.ɵɵtemplate(1, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_ng_template_1_Template, 5, 0, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 33)(3, "div", 38)(4, "div", 120)(5, "button", 121);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedModelSpecificResponseDetails, "Model Specific Response Details")); });
+    i0.ɵɵelement(6, "i", 122);
     i0.ɵɵtext(7, " Copy ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedModelSpecificResponseDetails, "json", "Model Specific Response Details")); });
-    i0.ɵɵelement(9, "i", 111);
+    i0.ɵɵelementStart(8, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedModelSpecificResponseDetails, "json", "Model Specific Response Details")); });
+    i0.ɵɵelement(9, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "mj-code-editor", 180);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Template_mj_code_editor_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedModelSpecificResponseDetails, $event) || (ctx_r1.formattedModelSpecificResponseDetails = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "mj-code-editor", 195);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_Template_mj_code_editor_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedModelSpecificResponseDetails, $event) || (ctx_r1.formattedModelSpecificResponseDetails = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1356,22 +1373,22 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Templa
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedModelSpecificResponseDetails);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 147);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_162_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 161);
     i0.ɵɵtext(1, "Cached");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 147);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_162_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 161);
     i0.ɵɵtext(1, "Selected");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 97);
-    i0.ɵɵelement(1, "i", 82);
+function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_162_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵelement(1, "i", 92);
     i0.ɵɵtext(2, " Model Selection & Performance ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Conditional_3_Template, 2, 0, "span", 147);
-    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Conditional_4_Template, 2, 0, "span", 147);
+    i0.ɵɵconditionalCreate(3, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_162_Conditional_3_Template, 2, 0, "span", 161);
+    i0.ɵɵconditionalCreate(4, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_162_Conditional_4_Template, 2, 0, "span", 161);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1380,12 +1397,12 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Templa
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.WasSelectedResult ? 4 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_184_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_189_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 75)(1, "label");
     i0.ɵɵtext(2, "Cache Key");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 181);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 196);
     i0.ɵɵelementStart(5, "code");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
@@ -1394,28 +1411,28 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_184_Templa
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.CacheKey);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_185_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_190_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Judge Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 182);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_185_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.record.JudgeID)); });
-    i0.ɵɵelement(4, "i", 183);
+    i0.ɵɵelementStart(3, "div", 197);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_190_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompts", ctx_r1.record.JudgeID)); });
+    i0.ɵɵelement(4, "i", 198);
     i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "i", 135);
+    i0.ɵɵelement(6, "i", 148);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Judge || "Unknown", " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_186_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_191_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Judge Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 184);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 199);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1423,12 +1440,12 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_186_Templa
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.JudgeScore, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_199_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_204_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "First Token Time");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 95);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 105);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1436,12 +1453,12 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_199_Templa
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.FirstTokenTime, " ms ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_200_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_205_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 75)(1, "label");
     i0.ɵɵtext(2, "Cancellation Reason");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 52);
-    i0.ɵɵelement(4, "i", 187);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵelement(4, "i", 202);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1449,31 +1466,31 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_200_Condit
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.CancellationReason, " ");
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_200_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "label");
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_205_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "label");
     i0.ɵɵtext(2, "Cancelled");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 185);
-    i0.ɵɵelement(4, "i", 186);
+    i0.ɵɵelementStart(3, "div", 200);
+    i0.ɵɵelement(4, "i", 201);
     i0.ɵɵtext(5, " Yes ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_200_Conditional_6_Template, 6, 1, "div", 65);
+    i0.ɵɵconditionalCreate(6, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_205_Conditional_6_Template, 6, 1, "div", 75);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(6);
     i0.ɵɵconditional(ctx_r1.record.CancellationReason ? 6 : -1);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_201_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 66)(1, "div", 107)(2, "h4", 128);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_206_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 76)(1, "div", 120)(2, "h4", 141);
     i0.ɵɵtext(3, "Model Selection Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_201_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedModelSelection, "json", "Model Selection")); });
-    i0.ɵɵelement(5, "i", 111);
+    i0.ɵɵelementStart(4, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_206_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedModelSelection, "json", "Model Selection")); });
+    i0.ɵɵelement(5, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 160)(7, "mj-code-editor", 188);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_201_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedModelSelection, $event) || (ctx_r1.formattedModelSelection = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "div", 174)(7, "mj-code-editor", 203);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_206_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedModelSelection, $event) || (ctx_r1.formattedModelSelection = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1481,17 +1498,17 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_201_Templa
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedModelSelection);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_202_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 67)(1, "div", 107)(2, "h4", 128);
+function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_207_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 77)(1, "div", 120)(2, "h4", 141);
     i0.ɵɵtext(3, "Error Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 110);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_202_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedErrorDetails, "json", "Error Details")); });
-    i0.ɵɵelement(5, "i", 111);
+    i0.ɵɵelementStart(4, "button", 123);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_207_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openFullScreen(ctx_r1.formattedErrorDetails, "json", "Error Details")); });
+    i0.ɵɵelement(5, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 160)(7, "mj-code-editor", 189);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_202_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedErrorDetails, $event) || (ctx_r1.formattedErrorDetails = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "div", 174)(7, "mj-code-editor", 204);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_207_Template_mj_code_editor_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedErrorDetails, $event) || (ctx_r1.formattedErrorDetails = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1509,237 +1526,251 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵelementStart(8, "div", 9)(9, "h1", 10);
     i0.ɵɵtext(10, " Prompt Run ");
     i0.ɵɵconditionalCreate(11, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_11_Template, 2, 1, "span", 11);
+    i0.ɵɵelementStart(12, "span", 12);
+    i0.ɵɵelement(13, "i", 13);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 14)(16, "div", 15)(17, "div", 16);
+    i0.ɵɵtext(18, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 12)(13, "div", 13)(14, "div", 14);
-    i0.ɵɵtext(15, "Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 15);
-    i0.ɵɵelement(17, "span", 16)(18, "i");
-    i0.ɵɵtext(19);
+    i0.ɵɵelementStart(19, "div", 17);
+    i0.ɵɵelement(20, "span", 18)(21, "i");
+    i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(20, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_20_Template, 6, 5, "div", 17);
-    i0.ɵɵconditionalCreate(21, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_21_Template, 2, 1);
-    i0.ɵɵconditionalCreate(22, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_22_Template, 8, 2, "div", 18);
-    i0.ɵɵconditionalCreate(23, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_23_Template, 4, 0, "span", 19);
+    i0.ɵɵconditionalCreate(23, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_23_Template, 6, 5, "div", 19);
+    i0.ɵɵconditionalCreate(24, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_24_Template, 2, 1);
+    i0.ɵɵconditionalCreate(25, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_25_Template, 8, 2, "div", 20);
+    i0.ɵɵconditionalCreate(26, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_26_Template, 4, 0, "span", 21);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(24, "div", 20)(25, "button", 21);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reRunPrompt()); });
-    i0.ɵɵelement(26, "i", 22);
-    i0.ɵɵtext(27, " Re-Run ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 23);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshData()); });
+    i0.ɵɵelementStart(27, "div", 22)(28, "button", 23);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reRunPrompt()); });
     i0.ɵɵelement(29, "i", 24);
+    i0.ɵɵtext(30, " Re-Run ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "button", 25);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshData()); });
+    i0.ɵɵelement(32, "i", 26);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(30, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_30_Template, 38, 11)(31, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_31_Template, 24, 5, "div", 25);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 26)(33, "mj-accordion-panel", 27);
-    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_33_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInputPanelToggle($event)); });
-    i0.ɵɵtemplate(34, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_34_Template, 4, 1, "ng-template", 28);
-    i0.ɵɵelementStart(35, "div", 29);
-    i0.ɵɵconditionalCreate(36, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_36_Template, 24, 12, "div", 30)(37, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_37_Template, 1, 0, "mj-empty-state", 31);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "mj-accordion-panel", 27);
-    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_38_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResultPanelToggle($event)); });
-    i0.ɵɵtemplate(39, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Template, 5, 2, "ng-template", 28);
-    i0.ɵɵelementStart(40, "div", 29);
-    i0.ɵɵconditionalCreate(41, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template, 7, 1, "div", 32);
-    i0.ɵɵconditionalCreate(42, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template, 8, 4, "div", 33)(43, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_43_Template, 2, 1, "mj-empty-state", 34);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(44, "mj-accordion-panel", 27);
-    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_44_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMetricsPanelToggle($event)); });
-    i0.ɵɵtemplate(45, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_45_Template, 3, 0, "ng-template", 28);
-    i0.ɵɵelementStart(46, "div", 29)(47, "div", 35)(48, "div", 36)(49, "div", 37);
-    i0.ɵɵelement(50, "i", 38);
-    i0.ɵɵelementStart(51, "h4");
-    i0.ɵɵtext(52, "Prompt Tokens");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(53, "div", 39);
-    i0.ɵɵtext(54);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(55, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_55_Template, 3, 1, "div", 40);
-    i0.ɵɵconditionalCreate(56, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_56_Template, 3, 1, "div", 40);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(57, "div", 36)(58, "div", 37);
-    i0.ɵɵelement(59, "i", 41);
-    i0.ɵɵelementStart(60, "h4");
-    i0.ɵɵtext(61, "Completion Tokens");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(62, "div", 42);
-    i0.ɵɵtext(63);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(64, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_64_Template, 3, 1, "div", 40);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(65, "div", 36)(66, "div", 37);
-    i0.ɵɵelement(67, "i", 43);
-    i0.ɵɵelementStart(68, "h4");
-    i0.ɵɵtext(69, "Total Tokens");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(70, "div", 44);
-    i0.ɵɵtext(71);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(72, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_72_Template, 3, 1, "div", 40);
-    i0.ɵɵconditionalCreate(73, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_73_Template, 3, 1, "div", 40);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(74, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_74_Template, 9, 3, "div", 36);
-    i0.ɵɵelementStart(75, "div", 36)(76, "div", 37);
-    i0.ɵɵelement(77, "i", 45);
-    i0.ɵɵelementStart(78, "h4");
-    i0.ɵɵtext(79, "Cost");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(80, "div", 42);
-    i0.ɵɵtext(81);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(82, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_82_Template, 3, 1, "div", 40);
-    i0.ɵɵconditionalCreate(83, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_83_Template, 2, 1, "div", 46);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(84, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_84_Template, 7, 1, "div", 36);
-    i0.ɵɵconditionalCreate(85, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_85_Template, 7, 1, "div", 36);
-    i0.ɵɵconditionalCreate(86, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_86_Template, 7, 1, "div", 36);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(87, "div", 47);
-    i0.ɵɵconditionalCreate(88, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_88_Template, 5, 1, "div", 48);
-    i0.ɵɵconditionalCreate(89, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_89_Template, 6, 1, "div", 48);
+    i0.ɵɵconditionalCreate(33, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_33_Template, 38, 11)(34, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_34_Template, 24, 5, "div", 27);
+    i0.ɵɵconditionalCreate(35, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_35_Template, 4, 2, "button", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 29)(37, "mj-accordion-sections", 30);
+    i0.ɵɵlistener("ActiveKeyChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_sections_ActiveKeyChange_37_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Phone.Pick($event)); });
+    i0.ɵɵelementStart(38, "mj-accordion-panel", 31);
+    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_38_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInputPanelToggle($event)); });
+    i0.ɵɵtemplate(39, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_39_Template, 4, 1, "ng-template", 32);
+    i0.ɵɵelementStart(40, "div", 33);
+    i0.ɵɵconditionalCreate(41, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_41_Template, 24, 12, "div", 34)(42, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_42_Template, 1, 0, "mj-empty-state", 35);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(43, "mj-accordion-panel", 36);
+    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_43_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResultPanelToggle($event)); });
+    i0.ɵɵtemplate(44, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_44_Template, 5, 2, "ng-template", 32);
+    i0.ɵɵelementStart(45, "div", 33);
+    i0.ɵɵconditionalCreate(46, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_46_Template, 7, 1, "div", 37);
+    i0.ɵɵconditionalCreate(47, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_47_Template, 8, 4, "div", 38)(48, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_48_Template, 2, 1, "mj-empty-state", 39);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(49, "mj-accordion-panel", 40);
+    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_49_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMetricsPanelToggle($event)); });
+    i0.ɵɵtemplate(50, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_50_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(51, "div", 33)(52, "div", 41)(53, "div", 42)(54, "div", 43);
+    i0.ɵɵelement(55, "i", 44);
+    i0.ɵɵelementStart(56, "h4");
+    i0.ɵɵtext(57, "Prompt Tokens");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(58, "div", 45);
+    i0.ɵɵtext(59);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(60, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_60_Template, 3, 1, "div", 46);
+    i0.ɵɵconditionalCreate(61, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_61_Template, 3, 1, "div", 46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(62, "div", 42)(63, "div", 43);
+    i0.ɵɵelement(64, "i", 47);
+    i0.ɵɵelementStart(65, "h4");
+    i0.ɵɵtext(66, "Completion Tokens");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(67, "div", 48);
+    i0.ɵɵtext(68);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(69, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_69_Template, 3, 1, "div", 46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(70, "div", 42)(71, "div", 43);
+    i0.ɵɵelement(72, "i", 49);
+    i0.ɵɵelementStart(73, "h4");
+    i0.ɵɵtext(74, "Total Tokens");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(75, "div", 50);
+    i0.ɵɵtext(76);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(77, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_77_Template, 3, 1, "div", 46);
+    i0.ɵɵconditionalCreate(78, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_78_Template, 3, 1, "div", 46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(79, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_79_Template, 9, 3, "div", 42);
+    i0.ɵɵelementStart(80, "div", 42)(81, "div", 43);
+    i0.ɵɵelement(82, "i", 51);
+    i0.ɵɵelementStart(83, "h4");
+    i0.ɵɵtext(84, "Cost");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(85, "div", 48);
+    i0.ɵɵtext(86);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(87, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_87_Template, 3, 1, "div", 46);
+    i0.ɵɵconditionalCreate(88, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_88_Template, 2, 1, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(89, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_89_Template, 7, 1, "div", 42);
+    i0.ɵɵconditionalCreate(90, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Template, 7, 1, "div", 42);
+    i0.ɵɵconditionalCreate(91, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Template, 7, 1, "div", 42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(92, "div", 53);
+    i0.ɵɵconditionalCreate(93, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_93_Template, 5, 1, "div", 54);
+    i0.ɵɵconditionalCreate(94, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_94_Template, 6, 1, "div", 54);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(90, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_90_Template, 37, 18, "mj-accordion-panel", 49);
-    i0.ɵɵconditionalCreate(91, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_91_Template, 5, 3, "mj-accordion-panel", 49);
-    i0.ɵɵelementStart(92, "mj-accordion-panel", 49);
-    i0.ɵɵtemplate(93, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_93_Template, 3, 0, "ng-template", 28);
-    i0.ɵɵelementStart(94, "div", 29)(95, "div", 50);
-    i0.ɵɵconditionalCreate(96, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Template, 7, 1, "div", 51);
-    i0.ɵɵconditionalCreate(97, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_97_Template, 6, 3, "div", 51);
-    i0.ɵɵconditionalCreate(98, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_98_Template, 6, 1, "div", 51);
-    i0.ɵɵelementStart(99, "div", 51)(100, "label");
-    i0.ɵɵtext(101, "Temperature");
+    i0.ɵɵconditionalCreate(95, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_95_Template, 37, 18, "mj-accordion-panel", 55);
+    i0.ɵɵconditionalCreate(96, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_96_Template, 5, 3, "mj-accordion-panel", 56);
+    i0.ɵɵelementStart(97, "mj-accordion-panel", 57);
+    i0.ɵɵtemplate(98, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_98_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(99, "div", 33)(100, "div", 58);
+    i0.ɵɵconditionalCreate(101, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_101_Template, 7, 1, "div", 59);
+    i0.ɵɵconditionalCreate(102, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_102_Template, 6, 3, "div", 59);
+    i0.ɵɵconditionalCreate(103, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_103_Template, 6, 1, "div", 59);
+    i0.ɵɵelementStart(104, "div", 59)(105, "label");
+    i0.ɵɵtext(106, "Temperature");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(102, "div", 52);
-    i0.ɵɵelement(103, "i", 53);
-    i0.ɵɵtext(104);
+    i0.ɵɵelementStart(107, "div", 60);
+    i0.ɵɵelement(108, "i", 61);
+    i0.ɵɵtext(109);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(105, "div", 51)(106, "label");
-    i0.ɵɵtext(107, "Top P");
+    i0.ɵɵelementStart(110, "div", 59)(111, "label");
+    i0.ɵɵtext(112, "Top P");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(108, "div", 52);
-    i0.ɵɵelement(109, "i", 54);
-    i0.ɵɵtext(110);
+    i0.ɵɵelementStart(113, "div", 60);
+    i0.ɵɵelement(114, "i", 62);
+    i0.ɵɵtext(115);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(111, "div", 51)(112, "label");
-    i0.ɵɵtext(113, "Top K");
+    i0.ɵɵelementStart(116, "div", 59)(117, "label");
+    i0.ɵɵtext(118, "Top K");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(114, "div", 52);
-    i0.ɵɵelement(115, "i", 55);
-    i0.ɵɵtext(116);
+    i0.ɵɵelementStart(119, "div", 60);
+    i0.ɵɵelement(120, "i", 63);
+    i0.ɵɵtext(121);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(117, "div", 51)(118, "label");
-    i0.ɵɵtext(119, "Min P");
+    i0.ɵɵelementStart(122, "div", 59)(123, "label");
+    i0.ɵɵtext(124, "Min P");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(120, "div", 52);
-    i0.ɵɵelement(121, "i", 56);
-    i0.ɵɵtext(122);
+    i0.ɵɵelementStart(125, "div", 60);
+    i0.ɵɵelement(126, "i", 64);
+    i0.ɵɵtext(127);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(123, "div", 51)(124, "label");
-    i0.ɵɵtext(125, "Frequency Penalty");
+    i0.ɵɵelementStart(128, "div", 59)(129, "label");
+    i0.ɵɵtext(130, "Frequency Penalty");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(126, "div", 52);
-    i0.ɵɵelement(127, "i", 57);
-    i0.ɵɵtext(128);
+    i0.ɵɵelementStart(131, "div", 60);
+    i0.ɵɵelement(132, "i", 65);
+    i0.ɵɵtext(133);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(129, "div", 51)(130, "label");
-    i0.ɵɵtext(131, "Presence Penalty");
+    i0.ɵɵelementStart(134, "div", 59)(135, "label");
+    i0.ɵɵtext(136, "Presence Penalty");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(132, "div", 52);
-    i0.ɵɵelement(133, "i", 58);
-    i0.ɵɵtext(134);
+    i0.ɵɵelementStart(137, "div", 60);
+    i0.ɵɵelement(138, "i", 66);
+    i0.ɵɵtext(139);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(135, "div", 51)(136, "label");
-    i0.ɵɵtext(137, "Seed");
+    i0.ɵɵelementStart(140, "div", 59)(141, "label");
+    i0.ɵɵtext(142, "Seed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(138, "div", 52);
-    i0.ɵɵelement(139, "i", 59);
-    i0.ɵɵtext(140);
+    i0.ɵɵelementStart(143, "div", 60);
+    i0.ɵɵelement(144, "i", 67);
+    i0.ɵɵtext(145);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(141, "div", 51)(142, "label");
-    i0.ɵɵtext(143, "Stop Sequences");
+    i0.ɵɵelementStart(146, "div", 59)(147, "label");
+    i0.ɵɵtext(148, "Stop Sequences");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(144, "div", 52);
-    i0.ɵɵelement(145, "i", 60);
-    i0.ɵɵtext(146);
+    i0.ɵɵelementStart(149, "div", 60);
+    i0.ɵɵelement(150, "i", 68);
+    i0.ɵɵtext(151);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(147, "div", 51)(148, "label");
-    i0.ɵɵtext(149, "Assistant Prefill");
+    i0.ɵɵelementStart(152, "div", 59)(153, "label");
+    i0.ɵɵtext(154, "Assistant Prefill");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(150, "div", 52);
-    i0.ɵɵelement(151, "i", 61);
-    i0.ɵɵtext(152);
+    i0.ɵɵelementStart(155, "div", 60);
+    i0.ɵɵelement(156, "i", 69);
+    i0.ɵɵtext(157);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(153, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_153_Template, 7, 4, "div", 51);
-    i0.ɵɵconditionalCreate(154, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_154_Template, 7, 4, "div", 51);
+    i0.ɵɵconditionalCreate(158, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_158_Template, 7, 4, "div", 59);
+    i0.ɵɵconditionalCreate(159, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_159_Template, 7, 4, "div", 59);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(155, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_155_Template, 11, 5, "mj-accordion-panel", 49);
-    i0.ɵɵelementStart(156, "mj-accordion-panel", 27);
-    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_156_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onModelSelectionPanelToggle($event)); });
-    i0.ɵɵtemplate(157, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_157_Template, 5, 2, "ng-template", 28);
-    i0.ɵɵelementStart(158, "div", 29)(159, "div", 50)(160, "div", 51)(161, "label");
-    i0.ɵɵtext(162, "Status");
+    i0.ɵɵconditionalCreate(160, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_160_Template, 11, 5, "mj-accordion-panel", 70);
+    i0.ɵɵelementStart(161, "mj-accordion-panel", 71);
+    i0.ɵɵlistener("ExpandedChange", function MJAIPromptRunFormComponentExtended_Conditional_0_Template_mj_accordion_panel_ExpandedChange_161_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onModelSelectionPanelToggle($event)); });
+    i0.ɵɵtemplate(162, MJAIPromptRunFormComponentExtended_Conditional_0_ng_template_162_Template, 5, 2, "ng-template", 32);
+    i0.ɵɵelementStart(163, "div", 33)(164, "div", 58)(165, "div", 59)(166, "label");
+    i0.ɵɵtext(167, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(163, "div", 52);
-    i0.ɵɵelement(164, "i", 62);
-    i0.ɵɵtext(165);
+    i0.ɵɵelementStart(168, "div", 60);
+    i0.ɵɵelement(169, "i", 72);
+    i0.ɵɵtext(170);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(166, "div", 51)(167, "label");
-    i0.ɵɵtext(168, "Selection Strategy");
+    i0.ɵɵelementStart(171, "div", 59)(172, "label");
+    i0.ɵɵtext(173, "Selection Strategy");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(169, "div", 52);
-    i0.ɵɵelement(170, "i", 63);
-    i0.ɵɵtext(171);
+    i0.ɵɵelementStart(174, "div", 60);
+    i0.ɵɵelement(175, "i", 73);
+    i0.ɵɵtext(176);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(172, "div", 51)(173, "label");
-    i0.ɵɵtext(174, "Model Power Rank");
+    i0.ɵɵelementStart(177, "div", 59)(178, "label");
+    i0.ɵɵtext(179, "Model Power Rank");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(175, "div", 52);
-    i0.ɵɵelement(176, "i", 64);
-    i0.ɵɵtext(177);
+    i0.ɵɵelementStart(180, "div", 60);
+    i0.ɵɵelement(181, "i", 74);
+    i0.ɵɵtext(182);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(178, "div", 51)(179, "label");
-    i0.ɵɵtext(180, "Cache Hit");
+    i0.ɵɵelementStart(183, "div", 59)(184, "label");
+    i0.ɵɵtext(185, "Cache Hit");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(181, "div", 52);
-    i0.ɵɵelement(182, "i");
-    i0.ɵɵtext(183);
+    i0.ɵɵelementStart(186, "div", 60);
+    i0.ɵɵelement(187, "i");
+    i0.ɵɵtext(188);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(184, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_184_Template, 7, 1, "div", 65);
-    i0.ɵɵconditionalCreate(185, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_185_Template, 7, 1, "div", 51);
-    i0.ɵɵconditionalCreate(186, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_186_Template, 6, 1, "div", 51);
-    i0.ɵɵelementStart(187, "div", 51)(188, "label");
-    i0.ɵɵtext(189, "Was Selected Result");
+    i0.ɵɵconditionalCreate(189, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_189_Template, 7, 1, "div", 75);
+    i0.ɵɵconditionalCreate(190, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_190_Template, 7, 1, "div", 59);
+    i0.ɵɵconditionalCreate(191, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_191_Template, 6, 1, "div", 59);
+    i0.ɵɵelementStart(192, "div", 59)(193, "label");
+    i0.ɵɵtext(194, "Was Selected Result");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(190, "div", 52);
-    i0.ɵɵelement(191, "i");
-    i0.ɵɵtext(192);
+    i0.ɵɵelementStart(195, "div", 60);
+    i0.ɵɵelement(196, "i");
+    i0.ɵɵtext(197);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(193, "div", 51)(194, "label");
-    i0.ɵɵtext(195, "Streaming Enabled");
+    i0.ɵɵelementStart(198, "div", 59)(199, "label");
+    i0.ɵɵtext(200, "Streaming Enabled");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(196, "div", 52);
-    i0.ɵɵelement(197, "i");
-    i0.ɵɵtext(198);
+    i0.ɵɵelementStart(201, "div", 60);
+    i0.ɵɵelement(202, "i");
+    i0.ɵɵtext(203);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(199, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_199_Template, 6, 1, "div", 51);
-    i0.ɵɵconditionalCreate(200, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_200_Template, 7, 1);
+    i0.ɵɵconditionalCreate(204, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_204_Template, 6, 1, "div", 59);
+    i0.ɵɵconditionalCreate(205, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_205_Template, 7, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(201, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_201_Template, 8, 4, "div", 66);
-    i0.ɵɵconditionalCreate(202, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_202_Template, 8, 4, "div", 67);
-    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵconditionalCreate(206, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_206_Template, 8, 4, "div", 76);
+    i0.ɵɵconditionalCreate(207, MJAIPromptRunFormComponentExtended_Conditional_0_Conditional_207_Template, 8, 4, "div", 77);
+    i0.ɵɵelementEnd()()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("Record", ctx_r1.record)("FormComponent", ctx_r1)("ToolbarConfig", ctx_r1.toolbarConfig)("WidthMode", "full-width");
-    i0.ɵɵadvance(6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("hero-view", !ctx_r1.EditMode)("hero-compact", !ctx_r1.EditMode && !ctx_r1.HeroDetailsOpen);
+    i0.ɵɵadvance(3);
     i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor() + "20");
     i0.ɵɵadvance();
     i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
     i0.ɵɵstyleProp("color", ctx_r1.getStatusColor());
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.record.ID ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-status", ctx_r1.StatusKind);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getStatusText(), " ");
     i0.ɵɵadvance(6);
     i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor());
     i0.ɵɵadvance();
@@ -1748,73 +1779,77 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getStatusText(), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RunType ? 20 : -1);
+    i0.ɵɵconditional(ctx_r1.record.RunType ? 23 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.prompt ? 21 : -1);
+    i0.ɵɵconditional(ctx_r1.prompt ? 24 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.model ? 22 : -1);
+    i0.ɵɵconditional(ctx_r1.model ? 25 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RerunFromPromptRunID ? 23 : -1);
+    i0.ɵɵconditional(ctx_r1.record.RerunFromPromptRunID ? 26 : -1);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.record.ConfigurationID ? 30 : 31);
-    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.ConfigurationID ? 33 : 34);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.EditMode && ctx_r1.HeroSummary ? 35 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Enabled", ctx_r1.Phone.IsPhone)("ActiveKey", ctx_r1.Phone.Section);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("Expanded", ctx_r1.inputExpanded);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record.Messages && ctx_r1.record.Messages.trim() !== "" ? 36 : 37);
+    i0.ɵɵconditional(ctx_r1.record.Messages && ctx_r1.record.Messages.trim() !== "" ? 41 : 42);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("Expanded", ctx_r1.resultExpanded);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record.ErrorMessage ? 41 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ErrorMessage ? 46 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.Result && ctx_r1.record.Result.trim() !== "" ? 42 : !ctx_r1.record.ErrorMessage ? 43 : -1);
+    i0.ɵɵconditional(ctx_r1.record.Result && ctx_r1.record.Result.trim() !== "" ? 47 : !ctx_r1.record.ErrorMessage ? 48 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("Expanded", ctx_r1.metricsExpanded);
     i0.ɵɵadvance(10);
     i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.FullPromptTokens));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.CachedTokens > 0 ? 55 : -1);
+    i0.ɵɵconditional(ctx_r1.CachedTokens > 0 ? 60 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.TokensPromptRollup && ctx_r1.record.TokensPromptRollup !== ctx_r1.record.TokensPrompt ? 56 : -1);
+    i0.ɵɵconditional(ctx_r1.record.TokensPromptRollup && ctx_r1.record.TokensPromptRollup !== ctx_r1.record.TokensPrompt ? 61 : -1);
     i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensCompletion));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.TokensCompletionRollup && ctx_r1.record.TokensCompletionRollup !== ctx_r1.record.TokensCompletion ? 64 : -1);
+    i0.ɵɵconditional(ctx_r1.record.TokensCompletionRollup && ctx_r1.record.TokensCompletionRollup !== ctx_r1.record.TokensCompletion ? 69 : -1);
     i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.TotalTokensProcessed));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.CachedTokens > 0 ? 72 : -1);
+    i0.ɵɵconditional(ctx_r1.CachedTokens > 0 ? 77 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.TokensUsedRollup && ctx_r1.record.TokensUsedRollup !== ctx_r1.record.TokensUsed ? 73 : -1);
+    i0.ɵɵconditional(ctx_r1.record.TokensUsedRollup && ctx_r1.record.TokensUsedRollup !== ctx_r1.record.TokensUsed ? 78 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.TokensCacheRead != null || ctx_r1.record.TokensCacheWrite != null ? 74 : -1);
+    i0.ɵɵconditional(ctx_r1.record.TokensCacheRead != null || ctx_r1.record.TokensCacheWrite != null ? 79 : -1);
     i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(ctx_r1.formatCost(ctx_r1.record.Cost));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.TotalCost && ctx_r1.record.TotalCost !== ctx_r1.record.Cost ? 82 : -1);
+    i0.ɵɵconditional(ctx_r1.record.TotalCost && ctx_r1.record.TotalCost !== ctx_r1.record.Cost ? 87 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.CostCurrency ? 83 : -1);
+    i0.ɵɵconditional(ctx_r1.record.CostCurrency ? 88 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.QueueTime != null ? 84 : -1);
+    i0.ɵɵconditional(ctx_r1.record.QueueTime != null ? 89 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.PromptTime != null ? 85 : -1);
+    i0.ɵɵconditional(ctx_r1.record.PromptTime != null ? 90 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.CompletionTime != null ? 86 : -1);
+    i0.ɵɵconditional(ctx_r1.record.CompletionTime != null ? 91 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.record.ExecutionOrder !== null ? 88 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ExecutionOrder !== null ? 93 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.AgentID ? 89 : -1);
+    i0.ɵɵconditional(ctx_r1.record.AgentID ? 94 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record && (ctx_r1.record.ValidationAttemptCount && ctx_r1.record.ValidationAttemptCount > 0 || ctx_r1.record.ValidationBehavior) ? 90 : -1);
+    i0.ɵɵconditional(ctx_r1.record && (ctx_r1.record.ValidationAttemptCount && ctx_r1.record.ValidationAttemptCount > 0 || ctx_r1.record.ValidationBehavior) ? 95 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ParentID || ctx_r1.childRuns.length > 0 ? 91 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ParentID || ctx_r1.childRuns.length > 0 ? 96 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.record.AgentID ? 96 : -1);
+    i0.ɵɵconditional(ctx_r1.record.AgentID ? 101 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RunType ? 97 : -1);
+    i0.ɵɵconditional(ctx_r1.record.RunType ? 102 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ResponseFormat ? 98 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ResponseFormat ? 103 : -1);
     i0.ɵɵadvance(4);
     i0.ɵɵclassProp("null-value", ctx_r1.record.Temperature === null || ctx_r1.record.Temperature === undefined);
     i0.ɵɵadvance(2);
@@ -1852,11 +1887,11 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.AssistantPrefill || "\u2014", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RunAt ? 153 : -1);
+    i0.ɵɵconditional(ctx_r1.record.RunAt ? 158 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.CompletedAt ? 154 : -1);
+    i0.ɵɵconditional(ctx_r1.record.CompletedAt ? 159 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ModelSpecificResponseDetails ? 155 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ModelSpecificResponseDetails ? 160 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(9);
@@ -1872,11 +1907,11 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.CacheHit ? "Yes" : "No", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.CacheKey ? 184 : -1);
+    i0.ɵɵconditional(ctx_r1.record.CacheKey ? 189 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.JudgeID ? 185 : -1);
+    i0.ɵɵconditional(ctx_r1.record.JudgeID ? 190 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.JudgeScore !== null ? 186 : -1);
+    i0.ɵɵconditional(ctx_r1.record.JudgeScore !== null ? 191 : -1);
     i0.ɵɵadvance(5);
     i0.ɵɵclassMap(ctx_r1.record.WasSelectedResult ? "fa-solid fa-trophy" : "fa-solid fa-times");
     i0.ɵɵadvance();
@@ -1886,36 +1921,36 @@ function MJAIPromptRunFormComponentExtended_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.StreamingEnabled ? "Yes" : "No", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.FirstTokenTime !== null ? 199 : -1);
+    i0.ɵɵconditional(ctx_r1.record.FirstTokenTime !== null ? 204 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.Cancelled ? 200 : -1);
+    i0.ɵɵconditional(ctx_r1.record.Cancelled ? 205 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ModelSelection ? 201 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ModelSelection ? 206 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ErrorDetails ? 202 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ErrorDetails ? 207 : -1);
 } }
 function MJAIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 190);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeFullScreen()); });
-    i0.ɵɵelementStart(1, "div", 191);
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 205);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeFullScreen()); });
+    i0.ɵɵelementStart(1, "div", 206);
     i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
-    i0.ɵɵelementStart(2, "div", 192)(3, "span", 193);
-    i0.ɵɵelement(4, "i", 111);
+    i0.ɵɵelementStart(2, "div", 207)(3, "span", 208);
+    i0.ɵɵelement(4, "i", 124);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 194)(7, "button", 195);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.FullScreenContent, ctx_r1.FullScreenTitle)); });
-    i0.ɵɵelement(8, "i", 109);
+    i0.ɵɵelementStart(6, "div", 209)(7, "button", 210);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.FullScreenContent, ctx_r1.FullScreenTitle)); });
+    i0.ɵɵelement(8, "i", 122);
     i0.ɵɵtext(9, " Copy ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 196);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeFullScreen()); });
-    i0.ɵɵelement(11, "i", 197);
+    i0.ɵɵelementStart(10, "button", 211);
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeFullScreen()); });
+    i0.ɵɵelement(11, "i", 212);
     i0.ɵɵtext(12, " Close ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 198);
-    i0.ɵɵelement(14, "mj-code-editor", 199);
+    i0.ɵɵelementStart(13, "div", 213);
+    i0.ɵɵelement(14, "mj-code-editor", 214);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1927,6 +1962,10 @@ function MJAIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if
 let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtended extends MJAIPromptRunFormComponent {
     constructor() {
         super(...arguments);
+        /** Phone width shows the stacked accordions as sections behind one picker (design call 7A). */
+        this.Phone = new PhoneSectionsState(() => this.cdr.markForCheck());
+        /** Phone hero (6A): whether the summary line is expanded to show the rest of the hero. */
+        this.HeroDetailsOpen = false;
         this.ToolbarConfig = CUSTOM_LAYOUT_TOOLBAR_CONFIG;
         // Related entities
         this.Prompt = null;
@@ -1980,6 +2019,20 @@ let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtende
         this.testHarnessWindowService = inject(TestHarnessWindowManagerService);
         this.viewContainerRef = inject(ViewContainerRef);
     }
+    /** Toggles the phone hero between its compact identity row and the full hero. */
+    ToggleHeroDetails() {
+        this.HeroDetailsOpen = !this.HeroDetailsOpen;
+        this.cdr.markForCheck();
+    }
+    /** The phone hero's one-line summary of what the compact hero leaves out. */
+    get HeroSummary() {
+        return JoinHeroSummary([
+            this.record.RunType,
+            this.record.ChildPrompt || this.Prompt?.Name,
+            this.model?.Name,
+            this.formatDuration(this.record.ExecutionTimeMS),
+        ]);
+    }
     /** @deprecated Use {@link ToolbarConfig}. */
     get toolbarConfig() {
         return this.ToolbarConfig;
@@ -2227,6 +2280,7 @@ let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtende
     }
     ngOnDestroy() {
         super.ngOnDestroy();
+        this.Phone.Stop();
         // Clean up any resources
         // Currently no subscriptions or timers to clean up
         // This is here for future use and to complete the lifecycle
@@ -2454,6 +2508,10 @@ let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtende
             return '#17a2b8'; // Blue (completed but no success flag)
         }
     }
+    /** The phone status chip's kind, which picks its `--mj-status-*` tokens. */
+    get StatusKind() {
+        return RunStatusKind(!!this.record?.CompletedAt, this.record?.Success);
+    }
     /** @deprecated Use {@link GetStatusColor}. */
     getStatusColor() {
         return this.GetStatusColor();
@@ -2746,14 +2804,14 @@ let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtende
         // Don't auto-expand validation panel anymore - let user expand when needed
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMJAIPromptRunFormComponentExtended_BaseFactory; return function MJAIPromptRunFormComponentExtended_Factory(__ngFactoryType__) { return (ɵMJAIPromptRunFormComponentExtended_BaseFactory || (ɵMJAIPromptRunFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(MJAIPromptRunFormComponentExtended)))(__ngFactoryType__ || MJAIPromptRunFormComponentExtended); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJAIPromptRunFormComponentExtended, selectors: [["mj-ai-prompt-run-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["form", "ngForm"], [3, "Record", "FormComponent", "ToolbarConfig", "WidthMode"], [1, "fullscreen-overlay"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent", "ToolbarConfig", "WidthMode"], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [1, "prompt-run-header"], [1, "header-content"], [1, "run-overview"], [1, "run-icon-wrapper"], [1, "run-info"], [1, "run-title"], [1, "run-id"], [1, "run-meta"], [1, "meta-card", "status-card"], [1, "c3-card-label"], [1, "meta-card-body"], [1, "status-indicator"], [1, "meta-card", "execution-card"], [1, "model-card-c3"], ["title", "View Original Run", 1, "original-run"], [1, "run-actions"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Re-run this prompt", 3, "click"], [1, "fa-solid", "fa-play-circle"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Refresh data", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "metrics-bar"], [1, "form-content", 2, "display", "flex", "flex-direction", "column", "flex", "1", "min-height", "0", "overflow-y", "auto"], [2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], [1, "panel-content"], [1, "nested-panels"], ["Size", "compact", "Icon", "fa-solid fa-comment-slash", "Title", "No input messages recorded"], [1, "error-message"], [1, "json-editor-container"], ["Size", "compact", "Icon", "fa-solid fa-inbox", "Title", "No result data recorded"], [1, "metrics-grid"], [1, "metric-card"], [1, "metric-header"], [1, "fa-solid", "fa-message"], ["title", "Full input the model processed \u2014 uncached (new) prompt tokens plus any cached tokens", 1, "metric-value", "large"], [1, "metric-rollup"], [1, "fa-solid", "fa-reply"], [1, "metric-value", "large"], [1, "fa-solid", "fa-coins"], ["title", "Prompt + completion + cached tokens \u2014 the full amount the model processed", 1, "metric-value", "large"], [1, "fa-solid", "fa-dollar-sign"], [1, "metric-currency"], [1, "additional-metrics"], [1, "metric-row"], [2, "margin-bottom", "8px", 3, "Expanded"], [1, "detail-fields-grid"], [1, "detail-field"], [1, "detail-value"], [1, "fa-solid", "fa-temperature-high"], [1, "fa-solid", "fa-percentage"], [1, "fa-solid", "fa-list-ol"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-repeat"], [1, "fa-solid", "fa-plus-circle"], [1, "fa-solid", "fa-seedling"], [1, "fa-solid", "fa-stop-circle"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-strategy"], [1, "fa-solid", "fa-ranking-star"], [1, "detail-field", "full-width"], [1, "model-selection-json"], [1, "error-details-json"], [1, "prompt-card-c3"], [1, "meta-card", "prompt-single-card"], ["title", "View Agent Prompt", 1, "c3-child-section", 3, "click"], [1, "fa-solid", "fa-comment", "prompt-icon"], [1, "c3-divider"], [1, "c3-line"], [1, "c3-divider-label"], ["title", "View System Prompt", 1, "c3-parent-section", 3, "click"], [1, "fa-solid", "fa-cog"], [1, "fa-solid", "fa-arrow-up-right-from-square", "c3-link-icon"], ["title", "View Prompt", 1, "meta-card-body", "clickable", 3, "click"], [1, "fa-solid", "fa-comment-dots", 2, "color", "var(--mj-brand-primary)"], ["title", "View Model", 1, "c3-card-body", 3, "click"], [1, "c3-model-name"], [1, "fa-solid", "fa-microchip"], [1, "c3-vendor-name"], [1, "fa-solid", "fa-level-up-alt"], [1, "original-link", 3, "click"], [1, "metric-item"], [1, "metric-content"], [1, "metric-label"], [1, "metric-value"], ["href", "javascript:void(0)", 1, "config-link", 3, "click"], [1, "fa-solid", "fa-clock"], ["title", "Total tokens the model processed, including cached input", 1, "metric-item"], [1, "fa-solid", "fa-tachometer-alt"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-bolt"], [1, "fa-solid", "fa-calendar"], [1, "panel-title"], [1, "fa-solid", "fa-comment-dots"], [1, "panel-badge"], [1, "sub-expansion-panel", 2, "margin-bottom", "8px", 3, "Expanded"], [1, "sub-panel-content"], [1, "loading-state"], [3, "messages"], ["Size", "compact", "Icon", "fa-solid fa-comment-slash", "Title", "No chat messages found"], [3, "DataCapture", "DataShape", "DataCaptureNote"], ["Size", "compact", "Icon", "fa-solid fa-database", "Title", "No data object found"], [1, "json-toolbar"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Copy JSON", 3, "click"], [1, "fa-solid", "fa-copy"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "View full screen", 3, "click"], [1, "fa-solid", "fa-expand"], ["name", "formattedMessages", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "sub-panel-title"], [1, "fa-solid", "fa-comments"], [1, "panel-count"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-database"], ["name", "formattedData", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-square-check"], [1, "panel-badge", "error"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "error-content"], ["name", "formattedResult", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "error-info"], [1, "finish-reason"], [1, "error-details"], [1, "error-hint"], [2, "margin", "0"], [2, "height", "200px", "width", "100%", 3, "ngModel", "disabled", "language", "lineWrapping"], [1, "fa-solid", "fa-chart-line"], [1, "fa-solid", "fa-hourglass-start"], [1, "fa-solid", "fa-brain"], [1, "fa-solid", "fa-flag-checkered"], [1, "metric-value", "link", 3, "click"], [1, "fa-solid", "fa-external-link"], [1, "validation-summary"], [1, "summary-header"], [1, "validation-status"], [1, "validation-metrics"], [1, "metric-card", "small"], [1, "validation-error"], [1, "common-error"], [1, "retry-timeline"], [1, "validation-attempts"], [1, "validation-json"], [1, "fa-solid", "fa-shield-check"], [1, "panel-badge", "success"], [1, "error-count"], [1, "timeline-info"], [1, "timeline-stat"], [1, "fa-solid", "fa-stopwatch"], [1, "attempts-list"], [1, "attempt-item", 3, "success", "failed"], [1, "attempt-item"], [1, "attempt-number"], [1, "attempt-details"], [1, "attempt-time"], [1, "output-length"], [1, "attempt-error"], [1, "json-viewer-container"], ["name", "formattedValidationSummary", 2, "height", "200px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedValidationAttempts", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "parent-run-section"], [1, "child-runs-section"], [1, "fa-solid", "fa-sitemap"], [1, "run-item", "parent", 3, "click"], [1, "run-item-icon"], [1, "run-item-content"], [1, "run-item-title"], [1, "run-item-type"], [1, "run-item-meta"], [1, "fa-solid", "fa-level-down-alt"], [1, "runs-list"], [1, "run-item", "child"], [1, "run-item", "child", 3, "click"], [1, "execution-order"], ["title", "View Agent", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-check-circle"], ["name", "formattedModelSpecificResponseDetails", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-key"], ["title", "View Judge Prompt", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-gavel"], [1, "fa-solid", "fa-star"], [1, "detail-value", "error"], [1, "fa-solid", "fa-ban"], [1, "fa-solid", "fa-exclamation-circle"], ["name", "formattedModelSelection", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedErrorDetails", 2, "height", "200px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fullscreen-overlay", 3, "click"], [1, "fullscreen-container", 3, "click"], [1, "fullscreen-header"], [1, "fullscreen-title"], [1, "fullscreen-actions"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Copy content", 3, "click"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fullscreen-body"], [2, "height", "100%", "width", "100%", 3, "value", "readonly", "language"]], template: function MJAIPromptRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, MJAIPromptRunFormComponentExtended_Conditional_0_Template, 203, 104, "mj-record-form-container", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJAIPromptRunFormComponentExtended, selectors: [["mj-ai-prompt-run-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["form", "ngForm"], [3, "Record", "FormComponent", "ToolbarConfig", "WidthMode"], [1, "fullscreen-overlay"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent", "ToolbarConfig", "WidthMode"], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [1, "prompt-run-header", "phone-hero"], [1, "header-content"], [1, "run-overview"], [1, "run-icon-wrapper"], [1, "run-info"], [1, "run-title"], [1, "run-id"], [1, "phone-hero-only", "phone-hero-status"], ["aria-hidden", "true"], [1, "run-meta", "phone-hero-detail"], [1, "meta-card", "status-card"], [1, "c3-card-label"], [1, "meta-card-body"], [1, "status-indicator"], [1, "meta-card", "execution-card"], [1, "model-card-c3"], ["title", "View Original Run", 1, "original-run"], [1, "run-actions", "phone-hero-detail"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Re-run this prompt", 3, "click"], [1, "fa-solid", "fa-play-circle"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Refresh data", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "metrics-bar", "phone-hero-detail", "phone-hero-stats"], ["type", "button", 1, "phone-hero-summary"], [1, "form-content", 2, "display", "flex", "flex-direction", "column", "flex", "1", "min-height", "0", "overflow-y", "auto"], [3, "ActiveKeyChange", "Enabled", "ActiveKey"], ["SectionKey", "input", "SectionTitle", "Input", "SectionIcon", "fa-solid fa-comment-dots", 2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], [1, "panel-content"], [1, "nested-panels"], ["Size", "compact", "Icon", "fa-solid fa-comment-slash", "Title", "No input messages recorded"], ["SectionKey", "result", "SectionTitle", "Result", "SectionIcon", "fa-solid fa-square-check", 2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], [1, "error-message"], [1, "json-editor-container"], ["Size", "compact", "Icon", "fa-solid fa-inbox", "Title", "No result data recorded"], ["SectionKey", "metrics", "SectionTitle", "Token Usage & Metrics", "SectionIcon", "fa-solid fa-chart-line", 2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], [1, "metrics-grid"], [1, "metric-card"], [1, "metric-header"], [1, "fa-solid", "fa-message"], ["title", "Full input the model processed \u2014 uncached (new) prompt tokens plus any cached tokens", 1, "metric-value", "large"], [1, "metric-rollup"], [1, "fa-solid", "fa-reply"], [1, "metric-value", "large"], [1, "fa-solid", "fa-coins"], ["title", "Prompt + completion + cached tokens \u2014 the full amount the model processed", 1, "metric-value", "large"], [1, "fa-solid", "fa-dollar-sign"], [1, "metric-currency"], [1, "additional-metrics"], [1, "metric-row"], ["SectionKey", "validation", "SectionTitle", "Validation & Retries", "SectionIcon", "fa-solid fa-shield-check", 2, "margin-bottom", "8px", 3, "Expanded"], ["SectionKey", "hierarchy", "SectionTitle", "Run Hierarchy", "SectionIcon", "fa-solid fa-sitemap", 2, "margin-bottom", "8px", 3, "Expanded"], ["SectionKey", "details", "SectionTitle", "Additional Details", "SectionIcon", "fa-solid fa-info-circle", 2, "margin-bottom", "8px", 3, "Expanded"], [1, "detail-fields-grid"], [1, "detail-field"], [1, "detail-value"], [1, "fa-solid", "fa-temperature-high"], [1, "fa-solid", "fa-percentage"], [1, "fa-solid", "fa-list-ol"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-repeat"], [1, "fa-solid", "fa-plus-circle"], [1, "fa-solid", "fa-seedling"], [1, "fa-solid", "fa-stop-circle"], [1, "fa-solid", "fa-wand-magic-sparkles"], ["SectionKey", "model-response", "SectionTitle", "Model Specific Response Details", "SectionIcon", "fa-solid fa-microchip", 2, "margin-bottom", "8px", 3, "Expanded"], ["SectionKey", "model-selection", "SectionTitle", "Model Selection & Performance", "SectionIcon", "fa-solid fa-microchip", 2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-strategy"], [1, "fa-solid", "fa-ranking-star"], [1, "detail-field", "full-width"], [1, "model-selection-json"], [1, "error-details-json"], [1, "prompt-card-c3"], [1, "meta-card", "prompt-single-card"], ["title", "View Agent Prompt", 1, "c3-child-section", 3, "click"], [1, "fa-solid", "fa-comment", "prompt-icon"], [1, "c3-divider"], [1, "c3-line"], [1, "c3-divider-label"], ["title", "View System Prompt", 1, "c3-parent-section", 3, "click"], [1, "fa-solid", "fa-cog"], [1, "fa-solid", "fa-arrow-up-right-from-square", "c3-link-icon"], ["title", "View Prompt", 1, "meta-card-body", "clickable", 3, "click"], [1, "fa-solid", "fa-comment-dots", 2, "color", "var(--mj-brand-primary)"], ["title", "View Model", 1, "c3-card-body", 3, "click"], [1, "c3-model-name"], [1, "fa-solid", "fa-microchip"], [1, "c3-vendor-name"], [1, "fa-solid", "fa-level-up-alt"], [1, "original-link", 3, "click"], [1, "metric-item"], [1, "metric-content"], [1, "metric-label"], [1, "metric-value"], ["href", "javascript:void(0)", 1, "config-link", 3, "click"], [1, "fa-solid", "fa-clock"], ["title", "Total tokens the model processed, including cached input", 1, "metric-item"], [1, "fa-solid", "fa-tachometer-alt"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-bolt"], [1, "fa-solid", "fa-calendar"], ["type", "button", 1, "phone-hero-summary", 3, "click"], [1, "phone-hero-summary-text"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-down"], [1, "panel-title"], [1, "fa-solid", "fa-comment-dots"], [1, "panel-badge"], [1, "sub-expansion-panel", 2, "margin-bottom", "8px", 3, "Expanded"], [1, "sub-panel-content"], [1, "loading-state"], [3, "messages"], ["Size", "compact", "Icon", "fa-solid fa-comment-slash", "Title", "No chat messages found"], [3, "DataCapture", "DataShape", "DataCaptureNote"], ["Size", "compact", "Icon", "fa-solid fa-database", "Title", "No data object found"], [1, "json-toolbar"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Copy JSON", 3, "click"], [1, "fa-solid", "fa-copy"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "View full screen", 3, "click"], [1, "fa-solid", "fa-expand"], ["name", "formattedMessages", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "sub-panel-title"], [1, "fa-solid", "fa-comments"], [1, "panel-count"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-database"], ["name", "formattedData", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-square-check"], [1, "panel-badge", "error"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "error-content"], ["name", "formattedResult", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "error-info"], [1, "finish-reason"], [1, "error-details"], [1, "error-hint"], [2, "margin", "0"], [2, "height", "200px", "width", "100%", 3, "ngModel", "disabled", "language", "lineWrapping"], [1, "fa-solid", "fa-chart-line"], [1, "fa-solid", "fa-hourglass-start"], [1, "fa-solid", "fa-brain"], [1, "fa-solid", "fa-flag-checkered"], [1, "metric-value", "link", 3, "click"], [1, "fa-solid", "fa-external-link"], ["SectionKey", "validation", "SectionTitle", "Validation & Retries", "SectionIcon", "fa-solid fa-shield-check", 2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], [1, "validation-summary"], [1, "summary-header"], [1, "validation-status"], [1, "validation-metrics"], [1, "metric-card", "small"], [1, "validation-error"], [1, "common-error"], [1, "retry-timeline"], [1, "validation-attempts"], [1, "validation-json"], [1, "fa-solid", "fa-shield-check"], [1, "panel-badge", "success"], [1, "error-count"], [1, "timeline-info"], [1, "timeline-stat"], [1, "fa-solid", "fa-stopwatch"], [1, "attempts-list"], [1, "attempt-item", 3, "success", "failed"], [1, "attempt-item"], [1, "attempt-number"], [1, "attempt-details"], [1, "attempt-time"], [1, "output-length"], [1, "attempt-error"], [1, "json-viewer-container"], ["name", "formattedValidationSummary", 2, "height", "200px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedValidationAttempts", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "parent-run-section"], [1, "child-runs-section"], [1, "fa-solid", "fa-sitemap"], [1, "run-item", "parent", 3, "click"], [1, "run-item-icon"], [1, "run-item-content"], [1, "run-item-title"], [1, "run-item-type"], [1, "run-item-meta"], [1, "fa-solid", "fa-level-down-alt"], [1, "runs-list"], [1, "run-item", "child"], [1, "run-item", "child", 3, "click"], [1, "execution-order"], ["title", "View Agent", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-check-circle"], ["SectionKey", "model-response", "SectionTitle", "Model Specific Response Details", "SectionIcon", "fa-solid fa-microchip", 2, "margin-bottom", "8px", 3, "ExpandedChange", "Expanded"], ["name", "formattedModelSpecificResponseDetails", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-key"], ["title", "View Judge Prompt", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-gavel"], [1, "fa-solid", "fa-star"], [1, "detail-value", "error"], [1, "fa-solid", "fa-ban"], [1, "fa-solid", "fa-exclamation-circle"], ["name", "formattedModelSelection", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], ["name", "formattedErrorDetails", 2, "height", "200px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fullscreen-overlay", 3, "click"], [1, "fullscreen-container", 3, "click"], [1, "fullscreen-header"], [1, "fullscreen-title"], [1, "fullscreen-actions"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Copy content", 3, "click"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fullscreen-body"], [2, "height", "100%", "width", "100%", 3, "value", "readonly", "language"]], template: function MJAIPromptRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MJAIPromptRunFormComponentExtended_Conditional_0_Template, 208, 115, "mj-record-form-container", 1);
             i0.ɵɵconditionalCreate(1, MJAIPromptRunFormComponentExtended_Conditional_1_Template, 15, 4, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.record ? 0 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.FullScreenContent ? 1 : -1);
-        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.MJEmptyStateComponent, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i3.MjRecordFormContainerComponent, i4.CodeEditorComponent, i5.ChatMessageViewerComponent, i6.PromptRunDataCaptureNoteComponent, i7.DecimalPipe, i7.DatePipe], styles: ["\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0 !important;\n    overflow: hidden;\n}\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n}\n\n\n.error-info[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 8px;\n}\n\n.finish-reason[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error);\n    font-size: 14px;\n}\n\n.error-details[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n.error-details[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: color-mix(in srgb, var(--mj-status-error) 80%, black);\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint[_ngcontent-%COMP%] {\n    margin: 0;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, black);\n    font-size: 14px;\n    font-style: italic;\n}\n\n\n.prompt-run-header[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 2px solid var(--mj-border-default);\n    padding: 20px;\n    margin-bottom: 0;\n}\n\n.header-content[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n    margin-bottom: 16px;\n}\n\n.run-overview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%] {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.run-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 1.5em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n\n.meta-card[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n}\n\n.meta-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n\n.status-indicator[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n\n.prompt-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.c3-child-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 0.92em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-child-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.c3-child-section[_ngcontent-%COMP%]   i.prompt-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.c3-divider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 14px;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-line[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 1px;\n    background: var(--mj-border-default);\n}\n\n.c3-divider-label[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--mj-text-disabled);\n    white-space: nowrap;\n}\n\n.c3-parent-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px 9px 14px;\n    font-size: 0.76em;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n}\n\n.c3-link-icon[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.6rem !important;\n    opacity: 0.4;\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover   .c3-link-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n.model-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: border-color 0.15s;\n}\n\n.model-card-c3[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.c3-card-label[_ngcontent-%COMP%] {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.c3-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.c3-model-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.c3-model-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.c3-vendor-name[_ngcontent-%COMP%] {\n    font-size: 0.72em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    padding-left: 22px;\n}\n\n.original-run[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    font-size: 0.85em;\n}\n\n.original-link[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    text-decoration: underline;\n}\n\n.run-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-wrap: wrap;\n}\n\n.metric-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.metric-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n    width: 24px;\n    text-align: center;\n}\n\n.metric-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.config-link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n    text-decoration: underline;\n}\n\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n\n.sub-panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95em;\n}\n\n.sub-panel-content[_ngcontent-%COMP%] {\n    padding: 0;\n}\n\n\n.nested-panels[_ngcontent-%COMP%]   mj-accordion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n.sub-panel-content[_ngcontent-%COMP%]   mj-chat-message-viewer[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 200px;\n    max-height: 750px; \n    height: auto;\n    overflow: hidden;\n}\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.panel-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    padding: 20px;\n    max-height: none !important;\n    overflow: visible !important;\n}\n\n\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: flex-end;\n}\n\n\n.error-message[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n.error-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    color: var(--mj-status-error);\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 1em;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: var(--mj-text-muted);\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: var(--mj-brand-primary);\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n\n.metrics-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    margin-bottom: 24px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 20px;\n}\n\n.metric-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.metric-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n}\n\n.metric-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9em;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.metric-value.large[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.metric-rollup[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.metric-currency[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n}\n\n\n.additional-metrics[_ngcontent-%COMP%] {\n    padding-top: 16px;\n}\n\n.metric-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.metric-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-weight: 400;\n    color: var(--mj-text-primary);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n}\n\n\n.parent-run-section[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.parent-run-section[_ngcontent-%COMP%]:last-child, \n.child-runs-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.parent-run-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 0.95em;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.runs-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.run-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.run-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n}\n\n.run-item.parent[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.run-item.parent[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n}\n\n.run-item-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-item-title[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order[_ngcontent-%COMP%] {\n    background: var(--mj-text-muted);\n    color: var(--mj-text-inverse);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 600;\n}\n\n.run-item-type[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n.run-item-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.run-item-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%]:last-child {\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n\n.detail-fields-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    width: 100%;\n    min-height: auto;\n    overflow: visible;\n}\n\n.detail-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.detail-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1em;\n    color: var(--mj-text-primary);\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    color: var(--mj-text-muted);\n    font-size: 1.1em;\n    width: 20px;\n    text-align: center;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-brand-primary);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child {\n    margin-left: auto;\n    font-size: 0.85em;\n    opacity: 0.6;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%]:last-child {\n    opacity: 1;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n    font-style: italic;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    opacity: 0.5;\n}\n\n\nmj-accordion-panel[_ngcontent-%COMP%] {\n    display: block;\n}\n\n\n.validation-summary[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.summary-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.summary-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n    color: var(--mj-text-primary);\n}\n\n.validation-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-weight: 500;\n    font-size: 0.9em;\n}\n\n.validation-status.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.validation-status.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.validation-metrics[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.metric-card.small[_ngcontent-%COMP%] {\n    padding: 16px;\n    text-align: center;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-size: 1.4em;\n    font-weight: 700;\n}\n\n.validation-error[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.validation-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.validation-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: 0.9em;\n}\n\n.error-count[_ngcontent-%COMP%] {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n\n.retry-timeline[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.retry-timeline[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.timeline-stat[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.timeline-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n\n.validation-attempts[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.validation-attempts[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.attempts-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.attempt-item.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 18%, var(--mj-bg-surface));\n}\n\n.attempt-item.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n}\n\n.attempt-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.attempt-item.success[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.attempt-item.failed[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.attempt-details[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 0.85em;\n}\n\n.attempt-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.attempt-error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    flex: 1 0 100%;\n}\n\n.output-length[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-style: italic;\n}\n\n\n.validation-json[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.validation-json[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.json-viewer-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n.panel-badge.success[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n\n.fullscreen-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 100%;\n}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.MJEmptyStateComponent, i2.MJAccordionSectionsComponent, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i3.MjRecordFormContainerComponent, i4.CodeEditorComponent, i5.ChatMessageViewerComponent, i6.PromptRunDataCaptureNoteComponent, i7.DecimalPipe, i7.DatePipe], styles: ["\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0 !important;\n    overflow: hidden;\n}\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n}\n\n\n.error-info[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 8px;\n}\n\n.finish-reason[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error);\n    font-size: 14px;\n}\n\n.error-details[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n.error-details[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: color-mix(in srgb, var(--mj-status-error) 80%, black);\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint[_ngcontent-%COMP%] {\n    margin: 0;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, black);\n    font-size: 14px;\n    font-style: italic;\n}\n\n\n.prompt-run-header[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 2px solid var(--mj-border-default);\n    padding: 20px;\n    margin-bottom: 0;\n}\n\n.header-content[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n    margin-bottom: 16px;\n}\n\n.run-overview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1;\n    min-width: 0; \n}\n\n.run-icon-wrapper[_ngcontent-%COMP%] {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.run-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 1.5em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n\n.meta-card[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n}\n\n.meta-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n\n.status-indicator[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n\n.prompt-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.c3-child-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 0.92em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-child-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.c3-child-section[_ngcontent-%COMP%]   i.prompt-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.c3-divider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 14px;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-line[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 1px;\n    background: var(--mj-border-default);\n}\n\n.c3-divider-label[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--mj-text-disabled);\n    white-space: nowrap;\n}\n\n.c3-parent-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px 9px 14px;\n    font-size: 0.76em;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n}\n\n.c3-link-icon[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.6rem !important;\n    opacity: 0.4;\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover   .c3-link-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n.model-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: border-color 0.15s;\n}\n\n.model-card-c3[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.c3-card-label[_ngcontent-%COMP%] {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.c3-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.c3-model-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.c3-model-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.c3-vendor-name[_ngcontent-%COMP%] {\n    font-size: 0.72em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    padding-left: 22px;\n}\n\n.original-run[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    font-size: 0.85em;\n}\n\n.original-link[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    text-decoration: underline;\n}\n\n.run-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-wrap: wrap;\n}\n\n.metric-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.metric-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n    width: 24px;\n    text-align: center;\n}\n\n.metric-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.config-link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n    text-decoration: underline;\n}\n\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n\n.form-content[_ngcontent-%COMP%]   mj-accordion-sections[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n\n.sub-panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95em;\n}\n\n.sub-panel-content[_ngcontent-%COMP%] {\n    padding: 0;\n}\n\n\n.nested-panels[_ngcontent-%COMP%]   mj-accordion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n.sub-panel-content[_ngcontent-%COMP%]   mj-chat-message-viewer[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 200px;\n    max-height: 750px; \n    height: auto;\n    overflow: hidden;\n}\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.panel-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    padding: 20px;\n    max-height: none !important;\n    overflow: visible !important;\n}\n\n\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: flex-end;\n}\n\n\n.error-message[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n.error-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    color: var(--mj-status-error);\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 1em;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: var(--mj-text-muted);\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: var(--mj-brand-primary);\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n\n.metrics-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    margin-bottom: 24px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 20px;\n}\n\n.metric-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.metric-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n}\n\n.metric-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9em;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.metric-value.large[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.metric-rollup[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.metric-currency[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n}\n\n\n.additional-metrics[_ngcontent-%COMP%] {\n    padding-top: 16px;\n}\n\n.metric-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.metric-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-weight: 400;\n    color: var(--mj-text-primary);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n}\n\n\n.parent-run-section[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.parent-run-section[_ngcontent-%COMP%]:last-child, \n.child-runs-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.parent-run-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 0.95em;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.runs-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.run-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.run-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n}\n\n.run-item.parent[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.run-item.parent[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n}\n\n.run-item-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-item-title[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order[_ngcontent-%COMP%] {\n    background: var(--mj-text-muted);\n    color: var(--mj-text-inverse);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 600;\n}\n\n.run-item-type[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n.run-item-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.run-item-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%]:last-child {\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n\n.detail-fields-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    width: 100%;\n    min-height: auto;\n    overflow: visible;\n}\n\n.detail-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.detail-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1em;\n    color: var(--mj-text-primary);\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    color: var(--mj-text-muted);\n    font-size: 1.1em;\n    width: 20px;\n    text-align: center;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-brand-primary);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child {\n    margin-left: auto;\n    font-size: 0.85em;\n    opacity: 0.6;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%]:last-child {\n    opacity: 1;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n    font-style: italic;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    opacity: 0.5;\n}\n\n\nmj-accordion-panel[_ngcontent-%COMP%] {\n    display: block;\n}\n\n\n.validation-summary[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.summary-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.summary-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n    color: var(--mj-text-primary);\n}\n\n.validation-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-weight: 500;\n    font-size: 0.9em;\n}\n\n.validation-status.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.validation-status.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.validation-metrics[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.metric-card.small[_ngcontent-%COMP%] {\n    padding: 16px;\n    text-align: center;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-size: 1.4em;\n    font-weight: 700;\n}\n\n.validation-error[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.validation-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.validation-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: 0.9em;\n}\n\n.error-count[_ngcontent-%COMP%] {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n\n.retry-timeline[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.retry-timeline[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.timeline-stat[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.timeline-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n\n.validation-attempts[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.validation-attempts[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.attempts-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.attempt-item.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 18%, var(--mj-bg-surface));\n}\n\n.attempt-item.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n}\n\n.attempt-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.attempt-item.success[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.attempt-item.failed[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.attempt-details[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 0.85em;\n}\n\n.attempt-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.attempt-error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    flex: 1 0 100%;\n}\n\n.output-length[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-style: italic;\n}\n\n\n.validation-json[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.validation-json[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.json-viewer-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n.panel-badge.success[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n\n.fullscreen-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n\n@media (max-width: 768px) {\n  .header-content[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n\n  .run-actions[_ngcontent-%COMP%] {\n    flex-basis: 100%;\n  }\n}\n\n\n\n\n@media (max-width: 768px) {\n    .run-overview[_ngcontent-%COMP%] {\n        gap: 10px;\n    }\n\n    .run-icon-wrapper[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        border-radius: 10px;\n    }\n\n    .run-title[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        row-gap: 4px;\n        font-size: 1.15em;\n    }\n\n    .form-content[_ngcontent-%COMP%] {\n        padding: 12px;\n    }\n\n    .form-content[_ngcontent-%COMP%]   .panel-content[_ngcontent-%COMP%] {\n        padding: 0;\n    }\n}", "\n\n\n\n\n\n\n\n\n\n\n\n\n\n.phone-hero-summary[_ngcontent-%COMP%], \n.phone-hero-only[_ngcontent-%COMP%] {\n    display: none;\n}\n\n@media (max-width: 768px) {\n    .phone-hero[_ngcontent-%COMP%] {\n        padding: 12px !important;\n    }\n\n    \n    .phone-hero.hero-compact[_ngcontent-%COMP%]   .phone-hero-detail[_ngcontent-%COMP%], \n   .phone-hero.hero-view[_ngcontent-%COMP%]   .phone-hero-hide[_ngcontent-%COMP%] {\n        display: none !important;\n    }\n\n    .phone-hero-only[_ngcontent-%COMP%] {\n        display: inline-flex;\n    }\n\n    \n    .phone-hero[_ngcontent-%COMP%]   .phone-hero-stats[_ngcontent-%COMP%] {\n        display: grid !important;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .phone-hero-status[_ngcontent-%COMP%] {\n        align-items: center;\n        gap: 4px;\n        margin-left: 8px;\n        padding: 2px 8px;\n        border-radius: var(--mj-radius-full, 999px);\n        color: var(--mj-text-secondary);\n        background: var(--mj-bg-surface-sunken);\n        font-size: var(--mj-text-xs);\n        font-weight: var(--mj-font-semibold);\n        vertical-align: middle;\n        white-space: nowrap;\n    }\n\n    \n    .phone-hero-status[data-status=\"running\"][_ngcontent-%COMP%] { color: var(--mj-status-warning-text); background: var(--mj-status-warning-bg); }\n    .phone-hero-status[data-status=\"success\"][_ngcontent-%COMP%] { color: var(--mj-status-success-text); background: var(--mj-status-success-bg); }\n    .phone-hero-status[data-status=\"error\"][_ngcontent-%COMP%]   { color: var(--mj-status-error-text);   background: var(--mj-status-error-bg); }\n    .phone-hero-status[data-status=\"info\"][_ngcontent-%COMP%]    { color: var(--mj-status-info-text);    background: var(--mj-status-info-bg); }\n\n    .phone-hero-top[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 10px;\n    }\n\n    .phone-hero-actions[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .phone-hero[_ngcontent-%COMP%]   .phone-hero-run[_ngcontent-%COMP%] {\n        width: 100%;\n        min-height: 44px;\n        justify-content: center;\n    }\n\n    \n\n    .phone-hero-summary[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        min-height: 44px;\n        margin-top: 8px;\n        padding: 0 4px;\n        border: 0;\n        border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-size: var(--mj-text-sm);\n        text-align: left;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n\n    .phone-hero-summary[_ngcontent-%COMP%]:focus-visible {\n        outline: none;\n        box-shadow: var(--mj-focus-ring);\n    }\n\n    .phone-hero-summary-text[_ngcontent-%COMP%] {\n        flex: 1 1 auto;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .phone-hero-summary[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        flex-shrink: 0;\n        transition: transform 0.15s ease;\n    }\n\n    .phone-hero-summary[aria-expanded=\"true\"][_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        transform: rotate(180deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .phone-hero-summary[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        transition: none;\n    }\n}"], changeDetection: 0 }); }
 };
 MJAIPromptRunFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Prompt Runs')
@@ -2761,7 +2819,7 @@ MJAIPromptRunFormComponentExtended = __decorate([
 export { MJAIPromptRunFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJAIPromptRunFormComponentExtended, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-ai-prompt-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    [ToolbarConfig]=\"toolbarConfig\"\n    [WidthMode]=\"'full-width'\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n        <form class=\"record-form\" #form=\"ngForm\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\n\n            <!-- Header Section -->\n            <div class=\"prompt-run-header\">\n                <div class=\"header-content\">\n                    <div class=\"run-overview\">\n                        <div class=\"run-icon-wrapper\" [style.background-color]=\"getStatusColor() + '20'\">\n                            <i [class]=\"'fa-solid ' + getStatusIcon()\" [style.color]=\"getStatusColor()\"></i>\n                        </div>\n                        <div class=\"run-info\">\n                            <h1 class=\"run-title\">\n                                Prompt Run\n                                @if (record.ID) {\n                                    <span class=\"run-id\">#{{ record.ID.substring(0, 8) }}</span>\n                                }\n                            </h1>\n                            <div class=\"run-meta\">\n                                <!-- Status Card -->\n                                <div class=\"meta-card status-card\">\n                                    <div class=\"c3-card-label\">Status</div>\n                                    <div class=\"meta-card-body\">\n                                        <span class=\"status-indicator\" [style.background-color]=\"getStatusColor()\"></span>\n                                        <i [class]=\"'fa-solid ' + getStatusIcon()\" [style.color]=\"getStatusColor()\"></i>\n                                        {{ getStatusText() }}\n                                    </div>\n                                </div>\n\n                                <!-- Execution Card -->\n                                @if (record.RunType) {\n                                    <div class=\"meta-card execution-card\">\n                                        <div class=\"c3-card-label\">Execution</div>\n                                        <div class=\"meta-card-body\">\n                                            <i [class]=\"'fa-solid ' + getRunTypeIcon(record.RunType)\" [style.color]=\"getRunTypeColor(record.RunType)\"></i>\n                                            {{ record.RunType }}\n                                        </div>\n                                    </div>\n                                }\n\n                                <!-- Prompt Card -->\n                                @if (prompt) {\n                                    @if (record.ChildPromptID) {\n                                        <!-- C3 Stacked Connector: child prompt prominent, parent nested -->\n                                        <div class=\"prompt-card-c3\">\n                                            <div class=\"c3-card-label\">Prompt</div>\n                                            <div class=\"c3-child-section\" (click)=\"navigateToEntity('MJ: AI Prompts', record.ChildPromptID)\" title=\"View Agent Prompt\">\n                                                <i class=\"fa-solid fa-comment prompt-icon\"></i>\n                                                {{ record.ChildPrompt }}\n                                            </div>\n                                            <div class=\"c3-divider\">\n                                                <span class=\"c3-line\"></span>\n                                                <span class=\"c3-divider-label\">wrapped by</span>\n                                                <span class=\"c3-line\"></span>\n                                            </div>\n                                            <div class=\"c3-parent-section\" (click)=\"navigateToEntity('MJ: AI Prompts', prompt.ID)\" title=\"View System Prompt\">\n                                                <i class=\"fa-solid fa-cog\"></i>\n                                                {{ prompt.Name }}\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square c3-link-icon\"></i>\n                                            </div>\n                                        </div>\n                                    } @else {\n                                        <!-- Single prompt (no child) \u2014 same card style -->\n                                        <div class=\"meta-card prompt-single-card\">\n                                            <div class=\"c3-card-label\">Prompt</div>\n                                            <div class=\"meta-card-body clickable\" (click)=\"navigateToEntity('MJ: AI Prompts', prompt.ID)\" title=\"View Prompt\">\n                                                <i class=\"fa-solid fa-comment-dots\" style=\"color: var(--mj-brand-primary);\"></i>\n                                                {{ prompt.Name }}\n                                            </div>\n                                        </div>\n                                    }\n                                }\n\n                                <!-- Model Card -->\n                                @if (model) {\n                                    <div class=\"model-card-c3\">\n                                        <div class=\"c3-card-label\">Model</div>\n                                        <div class=\"c3-card-body\" (click)=\"navigateToEntity('MJ: AI Models', model.ID)\" title=\"View Model\">\n                                            <span class=\"c3-model-name\"><i class=\"fa-solid fa-microchip\"></i> {{ model.Name }}</span>\n                                            @if (record.Vendor) {\n                                                <span class=\"c3-vendor-name\">{{ record.Vendor }}</span>\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                                @if (record.RerunFromPromptRunID) {\n                                    <span class=\"original-run\" title=\"View Original Run\">\n                                        <i class=\"fa-solid fa-level-up-alt\"></i>\n                                        <a (click)=\"navigateToOriginalRun()\" class=\"original-link\">Original Run</a>\n                                    </span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                    \n                    <!-- Action Buttons -->\n                    <div class=\"run-actions\">\n                        <button mjButton variant=\"outline\" size=\"sm\" (click)=\"reRunPrompt()\" title=\"Re-run this prompt\">\n                            <i class=\"fa-solid fa-play-circle\"></i>\n                            Re-Run\n                        </button>\n                        <button mjButton variant=\"outline\" size=\"sm\" (click)=\"refreshData()\" title=\"Refresh data\">\n                            <i class=\"fa-solid fa-refresh\"></i>\n                        </button>\n                    </div>\n                </div>\n                \n                <!-- Key Metrics Bar -->\n                @if (record.ConfigurationID) {\n                    <!-- Configuration Bar -->\n                    <div class=\"metrics-bar\">\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-cog\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Configuration</div>\n                                <div class=\"metric-value\">\n                                    <a href=\"javascript:void(0)\" class=\"config-link\" (click)=\"navigateToEntity('MJ: AI Configurations', record.ConfigurationID)\">\n                                        {{ record.Configuration || 'Unknown' }}\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                        @if (record.Temperature !== null && record.Temperature !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-temperature-high\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Temperature</div>\n                                    <div class=\"metric-value\">{{ record.Temperature }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.TopP !== null && record.TopP !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-percentage\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Top P</div>\n                                    <div class=\"metric-value\">{{ record.TopP }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.TopK !== null && record.TopK !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-list-ol\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Top K</div>\n                                    <div class=\"metric-value\">{{ record.TopK }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.EffortLevel !== null && record.EffortLevel !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-tachometer-alt\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Effort Level</div>\n                                    <div class=\"metric-value\">{{ record.EffortLevel }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.ResponseFormat) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-code\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Response Format</div>\n                                    <div class=\"metric-value\">{{ record.ResponseFormat }}</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                    \n                    <!-- Execution Metrics Bar (always show when configuration exists) -->\n                    <div class=\"metrics-bar\">\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-clock\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Duration</div>\n                                <div class=\"metric-value\">{{ formatDuration(record.ExecutionTimeMS) }}</div>\n                            </div>\n                        </div>\n                        <div class=\"metric-item\" title=\"Total tokens the model processed, including cached input\">\n                            <i class=\"fa-solid fa-coins\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Total Tokens</div>\n                                <div class=\"metric-value\">{{ formatTokens(TotalTokensProcessed) }}</div>\n                            </div>\n                        </div>\n                        @if (record.TokensCacheRead) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-bolt\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Cached</div>\n                                    <div class=\"metric-value\">{{ formatTokens(record.TokensCacheRead) }}</div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-dollar-sign\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Cost</div>\n                                <div class=\"metric-value\">{{ formatCost(record.TotalCost || record.Cost) }}</div>\n                            </div>\n                        </div>\n                        @if (record.RunAt) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-calendar\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Started</div>\n                                    <div class=\"metric-value\">{{ record.RunAt | date:'short' }}</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                } @else {\n                    <!-- Execution Metrics Bar (original behavior when no configuration) -->\n                    <div class=\"metrics-bar\">\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-clock\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Duration</div>\n                                <div class=\"metric-value\">{{ formatDuration(record.ExecutionTimeMS) }}</div>\n                            </div>\n                        </div>\n                        <div class=\"metric-item\" title=\"Total tokens the model processed, including cached input\">\n                            <i class=\"fa-solid fa-coins\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Total Tokens</div>\n                                <div class=\"metric-value\">{{ formatTokens(TotalTokensProcessed) }}</div>\n                            </div>\n                        </div>\n                        @if (record.TokensCacheRead) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-bolt\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Cached</div>\n                                    <div class=\"metric-value\">{{ formatTokens(record.TokensCacheRead) }}</div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-dollar-sign\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Cost</div>\n                                <div class=\"metric-value\">{{ formatCost(record.TotalCost || record.Cost) }}</div>\n                            </div>\n                        </div>\n                        @if (record.RunAt) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-calendar\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Started</div>\n                                    <div class=\"metric-value\">{{ record.RunAt | date:'short' }}</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n\n            <!-- Main Content with Expansion Panels -->\n            <div class=\"form-content\" style=\"display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto;\">\n\n                    <!-- Input Panel with nested sub-panels -->\n                    <mj-accordion-panel [Expanded]=\"inputExpanded\" (ExpandedChange)=\"onInputPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-comment-dots\"></i>\n                                Input\n                                @if (record.Messages && record.Messages.trim() !== '') {\n                                    <span class=\"panel-badge\">JSON</span>\n                                }\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                @if (record.Messages && record.Messages.trim() !== '') {\n                                    <!-- Nested expansion panels for sub-sections -->\n                                    <div class=\"nested-panels\">\n                                        <!-- Messages Sub-Panel -->\n                                        <mj-accordion-panel\n                                            [Expanded]=\"messagesExpanded\"\n                                            class=\"sub-expansion-panel\"\n                                            style=\"margin-bottom: 8px;\">\n                                            <ng-template mjAccordionTitle>\n                                                <span class=\"sub-panel-title\">\n                                                    <i class=\"fa-solid fa-comments\"></i>\n                                                    Messages\n                                                    @if (chatMessages.length > 0) {\n                                                        <span class=\"panel-count\">({{ chatMessages.length }})</span>\n                                                    }\n                                                </span>\n                                            </ng-template>\n                                            <div class=\"sub-panel-content\">\n                                                @if (isParsingMessages || isLoadingRelatedData) {\n                                                    <div class=\"loading-state\">\n                                                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                                        <p>Loading messages...</p>\n                                                    </div>\n                                                } @else if (chatMessages.length > 0) {\n                                                    <mj-chat-message-viewer \n                                                        [messages]=\"chatMessages\">\n                                                    </mj-chat-message-viewer>\n                                                } @else {\n                                                    <mj-empty-state\n                                                        Size=\"compact\"\n                                                        Icon=\"fa-solid fa-comment-slash\"\n                                                        Title=\"No chat messages found\" />\n                                                }\n                                            </div>\n                                        </mj-accordion-panel>\n\n                                        <!-- Data Sub-Panel -->\n                                        <mj-accordion-panel\n                                            [Expanded]=\"dataExpanded\"\n                                            class=\"sub-expansion-panel\"\n                                            style=\"margin-bottom: 8px;\">\n                                            <ng-template mjAccordionTitle>\n                                                <span class=\"sub-panel-title\">\n                                                    <i class=\"fa-solid fa-database\"></i>\n                                                    Data\n                                                    @if (inputData) {\n                                                        <span class=\"panel-badge\">Object</span>\n                                                    }\n                                                </span>\n                                            </ng-template>\n                                            <div class=\"sub-panel-content\">\n                                                <mj-prompt-run-data-capture-note [DataCapture]=\"DataCapture\" [DataShape]=\"DataShape\" [DataCaptureNote]=\"DataCaptureNote\" />\n                                                @if (inputData && formattedData) {\n                                                    <div class=\"json-editor-container\">\n                                                        <div class=\"json-toolbar\">\n                                                            <button mjButton\n                                                                variant=\"flat\"\n                                                                size=\"sm\"\n                                                                (click)=\"copyToClipboard(formattedData, 'Data')\"\n                                                                title=\"Copy JSON\">\n                                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                                            </button>\n                                                            <button mjButton\n                                                                variant=\"flat\"\n                                                                size=\"sm\"\n                                                                (click)=\"openFullScreen(formattedData, 'json', 'Data')\"\n                                                                title=\"View full screen\">\n                                                                <i class=\"fa-solid fa-expand\"></i>\n                                                            </button>\n                                                        </div>\n                                                        <mj-code-editor \n                                                            [(ngModel)]=\"formattedData\"\n                                                            name=\"formattedData\"\n                                                            [readonly]=\"true\"\n                                                            [language]=\"'json'\"\n                                                            [lineWrapping]=\"true\"\n                                                            style=\"height: 300px; width: 100%;\">\n                                                        </mj-code-editor>\n                                                    </div>\n                                                } @else if (DataCapture !== 'None') {\n                                                    <mj-empty-state\n                                                        Size=\"compact\"\n                                                        Icon=\"fa-solid fa-database\"\n                                                        Title=\"No data object found\" />\n                                                }\n                                            </div>\n                                        </mj-accordion-panel>\n\n                                        <!-- Raw Sub-Panel -->\n                                        <mj-accordion-panel\n                                            [Expanded]=\"rawExpanded\"\n                                            class=\"sub-expansion-panel\"\n                                            style=\"margin-bottom: 8px;\">\n                                            <ng-template mjAccordionTitle>\n                                                <span class=\"sub-panel-title\">\n                                                    <i class=\"fa-solid fa-code\"></i>\n                                                    Raw\n                                                </span>\n                                            </ng-template>\n                                            <div class=\"sub-panel-content\">\n                                                <div class=\"json-editor-container\">\n                                                    <div class=\"json-toolbar\">\n                                                        <button mjButton\n                                                            variant=\"flat\"\n                                                            size=\"sm\"\n                                                            (click)=\"copyToClipboard(formattedMessages, 'Messages')\"\n                                                            title=\"Copy JSON\">\n                                                            <i class=\"fa-solid fa-copy\"></i> Copy\n                                                        </button>\n                                                        <button mjButton\n                                                            variant=\"flat\"\n                                                            size=\"sm\"\n                                                            (click)=\"openFullScreen(formattedMessages, 'json', 'Raw Messages')\"\n                                                            title=\"View full screen\">\n                                                            <i class=\"fa-solid fa-expand\"></i>\n                                                        </button>\n                                                    </div>\n                                                    <mj-code-editor \n                                                        [(ngModel)]=\"formattedMessages\"\n                                                        name=\"formattedMessages\"\n                                                        [readonly]=\"true\"\n                                                        [language]=\"'json'\"\n                                                        [lineWrapping]=\"true\"\n                                                        style=\"height: 400px; width: 100%;\">\n                                                    </mj-code-editor>\n                                                </div>\n                                            </div>\n                                        </mj-accordion-panel>\n                                    </div>\n                                } @else {\n                                    <mj-empty-state\n                                        Size=\"compact\"\n                                        Icon=\"fa-solid fa-comment-slash\"\n                                        Title=\"No input messages recorded\" />\n                                }\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Result Panel -->\n                    <mj-accordion-panel [Expanded]=\"resultExpanded\" (ExpandedChange)=\"onResultPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-square-check\"></i>\n                                Result\n                                @if (record.Result && record.Result.trim() !== '') {\n                                    <span class=\"panel-badge\">JSON</span>\n                                }\n                                @if (record.ErrorMessage) {\n                                    <span class=\"panel-badge error\">Error</span>\n                                }\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                @if (record.ErrorMessage) {\n                                    <div class=\"error-message\">\n                                        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                        <div class=\"error-content\">\n                                            <h4>Error Message</h4>\n                                            <p>{{ record.ErrorMessage }}</p>\n                                        </div>\n                                    </div>\n                                }\n                                \n                                @if (record.Result && record.Result.trim() !== '') {\n                                    <div class=\"json-editor-container\">\n                                        <div class=\"json-toolbar\">\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"copyToClipboard(formattedResult, 'Result')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                            </button>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedResult, 'json', 'Result')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <mj-code-editor \n                                            [(ngModel)]=\"formattedResult\"\n                                            name=\"formattedResult\"\n                                            [readonly]=\"true\"\n                                            [language]=\"'json'\"\n                                            [lineWrapping]=\"true\"\n                                            style=\"height: 400px; width: 100%;\">\n                                        </mj-code-editor>\n                                    </div>\n                                } @else if (!record.ErrorMessage) {\n                                    <mj-empty-state\n                                        Size=\"compact\"\n                                        Icon=\"fa-solid fa-inbox\"\n                                        Title=\"No result data recorded\">\n                                        @if (record.CompletedAt && (record.Status === 'Failed' || record.Success === false)) {\n                                            <div class=\"error-info\">\n                                                @if (record.Status) {\n                                                    <p class=\"finish-reason\">\n                                                        <strong>Status:</strong> {{ record.Status }}\n                                                    </p>\n                                                }\n                                                @if (formattedErrorDetails) {\n                                                    <div class=\"error-details\">\n                                                        <div class=\"json-toolbar\">\n                                                            <h4 style=\"margin: 0;\">Error Details</h4>\n                                                            <button mjButton\n                                                                variant=\"flat\"\n                                                                size=\"sm\"\n                                                                (click)=\"openFullScreen(formattedErrorDetails, 'json', 'Error Details')\"\n                                                                title=\"View full screen\">\n                                                                <i class=\"fa-solid fa-expand\"></i>\n                                                            </button>\n                                                        </div>\n                                                        <mj-code-editor\n                                                            [ngModel]=\"formattedErrorDetails\"\n                                                            [disabled]=\"true\"\n                                                            [language]=\"'json'\"\n                                                            [lineWrapping]=\"true\"\n                                                            style=\"height: 200px; width: 100%;\">\n                                                        </mj-code-editor>\n                                                    </div>\n                                                }\n                                                @if (!formattedErrorDetails) {\n                                                    <p class=\"error-hint\">\n                                                        The prompt execution failed but no additional error information is available.\n                                                    </p>\n                                                }\n                                            </div>\n                                        }\n                                    </mj-empty-state>\n                                }\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Token Usage & Metrics Panel -->\n                    <mj-accordion-panel [Expanded]=\"metricsExpanded\" (ExpandedChange)=\"onMetricsPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-chart-line\"></i>\n                                Token Usage &amp; Metrics\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                <div class=\"metrics-grid\">\n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-message\"></i>\n                                            <h4>Prompt Tokens</h4>\n                                        </div>\n                                        <div class=\"metric-value large\" title=\"Full input the model processed \u2014 uncached (new) prompt tokens plus any cached tokens\">{{ formatTokens(FullPromptTokens) }}</div>\n                                        @if (CachedTokens > 0) {\n                                            <div class=\"metric-rollup\">\n                                                <span>incl. {{ formatTokens(CachedTokens) }} cached</span>\n                                            </div>\n                                        }\n                                        @if (record.TokensPromptRollup && record.TokensPromptRollup !== record.TokensPrompt) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Rollup: {{ formatTokens(record.TokensPromptRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\n                                    \n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-reply\"></i>\n                                            <h4>Completion Tokens</h4>\n                                        </div>\n                                        <div class=\"metric-value large\">{{ formatTokens(record.TokensCompletion) }}</div>\n                                        @if (record.TokensCompletionRollup && record.TokensCompletionRollup !== record.TokensCompletion) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Rollup: {{ formatTokens(record.TokensCompletionRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\n                                    \n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-coins\"></i>\n                                            <h4>Total Tokens</h4>\n                                        </div>\n                                        <div class=\"metric-value large\" title=\"Prompt + completion + cached tokens \u2014 the full amount the model processed\">{{ formatTokens(TotalTokensProcessed) }}</div>\n                                        @if (CachedTokens > 0) {\n                                            <div class=\"metric-rollup\">\n                                                <span>incl. {{ formatTokens(CachedTokens) }} cached</span>\n                                            </div>\n                                        }\n                                        @if (record.TokensUsedRollup && record.TokensUsedRollup !== record.TokensUsed) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Net rollup: {{ formatTokens(record.TokensUsedRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\n\n                                    <!-- Prompt-cache tokens (provider cache reads = hits, writes = cache creation).\n                                         Only rendered when the provider reported cache usage. -->\n                                    @if (record.TokensCacheRead != null || record.TokensCacheWrite != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-bolt\"></i>\n                                                <h4>Cache Read</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatTokens(record.TokensCacheRead) }}</div>\n                                            @if (record.TokensCacheWrite) {\n                                                <div class=\"metric-rollup\">\n                                                    <span>Write: {{ formatTokens(record.TokensCacheWrite) }}</span>\n                                                </div>\n                                            }\n                                            @if (record.TokensCacheRead || record.TokensCacheWrite) {\n                                                <div class=\"metric-rollup\">\n                                                    <span>{{ CacheHitRatePct | number:'1.0-0' }}% hit rate</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n\n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-dollar-sign\"></i>\n                                            <h4>Cost</h4>\n                                        </div>\n                                        <div class=\"metric-value large\">{{ formatCost(record.Cost) }}</div>\n                                        @if (record.TotalCost && record.TotalCost !== record.Cost) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Total: {{ formatCost(record.TotalCost) }}</span>\n                                            </div>\n                                        }\n                                        @if (record.CostCurrency) {\n                                            <div class=\"metric-currency\">{{ record.CostCurrency }}</div>\n                                        }\n                                    </div>\n                                    \n                                    <!-- Timing Metrics -->\n                                    @if (record.QueueTime != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-hourglass-start\"></i>\n                                                <h4>Queue Time</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatDuration(record.QueueTime) }}</div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.PromptTime != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-brain\"></i>\n                                                <h4>Prompt Time</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatDuration(record.PromptTime) }}</div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.CompletionTime != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-flag-checkered\"></i>\n                                                <h4>Completion Time</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatDuration(record.CompletionTime) }}</div>\n                                        </div>\n                                    }\n                                </div>\n                                \n                                <!-- Additional Metrics -->\n                                <div class=\"additional-metrics\">\n                                    @if (record.ExecutionOrder !== null) {\n                                        <div class=\"metric-row\">\n                                            <span class=\"metric-label\">Execution Order:</span>\n                                            <span class=\"metric-value\">{{ record.ExecutionOrder }}</span>\n                                        </div>\n                                    }\n                                    @if (record.AgentID) {\n                                        <div class=\"metric-row\">\n                                            <span class=\"metric-label\">Agent:</span>\n                                            <span class=\"metric-value link\" (click)=\"navigateToEntity('MJ: AI Agents', record.AgentID)\">\n                                                {{ record.Agent }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </span>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Validation & Retry Panel -->\n                    @if (record && ((record.ValidationAttemptCount && record.ValidationAttemptCount > 0) || record.ValidationBehavior)) {\n                        <mj-accordion-panel [Expanded]=\"validationExpanded\" (ExpandedChange)=\"onValidationPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                            <ng-template mjAccordionTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-shield-check\"></i>\n                                    Validation &amp; Retries\n                                    @if (record && record.ValidationAttemptCount && record.ValidationAttemptCount > 1) {\n                                        <span class=\"panel-count\">({{ record.ValidationAttemptCount }} attempts)</span>\n                                    }\n                                    @if (record.FinalValidationPassed) {\n                                        <span class=\"panel-badge success\">Passed</span>\n                                    } @else if (record.FinalValidationPassed === false) {\n                                        <span class=\"panel-badge error\">Failed</span>\n                                    }\n                                </span>\n                            </ng-template>\n                                <div class=\"panel-content\">\n                                    <!-- Validation Summary -->\n                                    <div class=\"validation-summary\">\n                                        <div class=\"summary-header\">\n                                            <h4>Validation Summary</h4>\n                                            <div class=\"validation-status\" [class.success]=\"record.FinalValidationPassed === true\" [class.failed]=\"record.FinalValidationPassed === false\">\n                                                <i [class]=\"record.FinalValidationPassed === true ? 'fa-solid fa-check-circle' : (record.FinalValidationPassed === false ? 'fa-solid fa-times-circle' : 'fa-solid fa-hourglass-half')\"></i>\n                                                {{ record.FinalValidationPassed === true ? 'Validation Passed' : (record.FinalValidationPassed === false ? 'Validation Failed' : 'Validation Pending') }}\n                                            </div>\n                                        </div>\n                                        \n                                        <div class=\"validation-metrics\">\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Total Attempts</div>\n                                                <div class=\"metric-value\">{{ record.ValidationAttemptCount || 0 }}</div>\n                                            </div>\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Successful</div>\n                                                <div class=\"metric-value\">{{ record.SuccessfulValidationCount || 0 }}</div>\n                                            </div>\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Behavior</div>\n                                                <div class=\"metric-value\">{{ record.ValidationBehavior || 'Not set' }}</div>\n                                            </div>\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Retry Strategy</div>\n                                                <div class=\"metric-value\">{{ record.RetryStrategy || 'Not set' }}</div>\n                                            </div>\n                                        </div>\n                                        \n                                        @if (record.FinalValidationError) {\n                                            <div class=\"validation-error\">\n                                                <h5><i class=\"fa-solid fa-exclamation-triangle\"></i> Final Validation Error</h5>\n                                                <p>{{ record.FinalValidationError }}</p>\n                                                @if (record && record.ValidationErrorCount && record.ValidationErrorCount > 0) {\n                                                    <span class=\"error-count\">{{ record.ValidationErrorCount }} validation errors</span>\n                                                }\n                                            </div>\n                                        }\n                                        \n                                        @if (record.CommonValidationError && record.CommonValidationError !== record.FinalValidationError) {\n                                            <div class=\"common-error\">\n                                                <h5><i class=\"fa-solid fa-repeat\"></i> Most Common Error</h5>\n                                                <p>{{ record.CommonValidationError }}</p>\n                                            </div>\n                                        }\n                                    </div>\n                                    \n                                    <!-- Retry Timeline -->\n                                    @if (record && record.ValidationAttemptCount && record.ValidationAttemptCount > 1) {\n                                        <div class=\"retry-timeline\">\n                                            <h4>Retry Timeline</h4>\n                                            <div class=\"timeline-info\">\n                                                <div class=\"timeline-stat\">\n                                                    <i class=\"fa-solid fa-clock\"></i>\n                                                    <span>First Attempt: {{ record.FirstAttemptAt | date:'short' }}</span>\n                                                </div>\n                                                <div class=\"timeline-stat\">\n                                                    <i class=\"fa-solid fa-flag-checkered\"></i>\n                                                    <span>Last Attempt: {{ record.LastAttemptAt | date:'short' }}</span>\n                                                </div>\n                                                <div class=\"timeline-stat\">\n                                                    <i class=\"fa-solid fa-stopwatch\"></i>\n                                                    <span>Total Retry Duration: {{ formatDuration(record.TotalRetryDurationMS) }}</span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Validation Attempts Details -->\n                                    @if (validationAttempts && validationAttempts.length > 0) {\n                                        <div class=\"validation-attempts\">\n                                            <h4>Validation Attempts</h4>\n                                            <div class=\"attempts-list\">\n                                                @for (attempt of validationAttempts; track attempt.attemptNumber) {\n                                                    <div class=\"attempt-item\" [class.success]=\"attempt.success\" [class.failed]=\"!attempt.success\">\n                                                        <div class=\"attempt-number\">\n                                                            <i [class]=\"attempt.success ? 'fa-solid fa-check' : 'fa-solid fa-times'\"></i>\n                                                            Attempt #{{ attempt.attemptNumber }}\n                                                        </div>\n                                                        <div class=\"attempt-details\">\n                                                            <span class=\"attempt-time\">{{ attempt.timestamp }}</span>\n                                                            @if (!attempt.success) {\n                                                                <span class=\"attempt-error\">{{ attempt.errorMessage || 'Unknown error' }}</span>\n                                                                @if (attempt.validationErrorCount > 0) {\n                                                                    <span class=\"error-count\">({{ attempt.validationErrorCount }} errors)</span>\n                                                                }\n                                                            }\n                                                            @if (attempt.outputLength) {\n                                                                <span class=\"output-length\">Output: {{ attempt.outputLength }} chars</span>\n                                                            }\n                                                        </div>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Validation Summary JSON -->\n                                    @if (validationSummary) {\n                                        <div class=\"validation-json\">\n                                            <div class=\"json-toolbar\">\n                                                <h4 style=\"margin: 0;\">Validation Summary Details</h4>\n                                                <button mjButton\n                                                    variant=\"flat\"\n                                                    size=\"sm\"\n                                                    (click)=\"openFullScreen(formattedValidationSummary, 'json', 'Validation Summary')\"\n                                                    title=\"View full screen\">\n                                                    <i class=\"fa-solid fa-expand\"></i>\n                                                </button>\n                                            </div>\n                                            <div class=\"json-viewer-container\">\n                                                <mj-code-editor\n                                                    [(ngModel)]=\"formattedValidationSummary\"\n                                                    name=\"formattedValidationSummary\"\n                                                    [readonly]=\"true\"\n                                                    [language]=\"'json'\"\n                                                    [lineWrapping]=\"true\"\n                                                    style=\"height: 200px; width: 100%;\">\n                                                </mj-code-editor>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Validation Attempts JSON -->\n                                    @if (record.ValidationAttempts) {\n                                        <div class=\"validation-json\">\n                                            <div class=\"json-toolbar\">\n                                                <h4 style=\"margin: 0;\">Validation Attempts (Raw JSON)</h4>\n                                                <button mjButton\n                                                    variant=\"flat\"\n                                                    size=\"sm\"\n                                                    (click)=\"openFullScreen(formattedValidationAttempts, 'json', 'Validation Attempts')\"\n                                                    title=\"View full screen\">\n                                                    <i class=\"fa-solid fa-expand\"></i>\n                                                </button>\n                                            </div>\n                                            <div class=\"json-viewer-container\">\n                                                <mj-code-editor\n                                                    [(ngModel)]=\"formattedValidationAttempts\"\n                                                    name=\"formattedValidationAttempts\"\n                                                    [readonly]=\"true\"\n                                                    [language]=\"'json'\"\n                                                    [lineWrapping]=\"true\"\n                                                    style=\"height: 300px; width: 100%;\">\n                                                </mj-code-editor>\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                        </mj-accordion-panel>\n                    }\n\n                    <!-- Hierarchy Panel (for parent/child relationships) -->\n                    @if (record.ParentID || childRuns.length > 0) {\n                        <mj-accordion-panel [Expanded]=\"hierarchyExpanded\" style=\"margin-bottom: 8px;\">\n                            <ng-template mjAccordionTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-sitemap\"></i>\n                                    Run Hierarchy\n                                    @if (childRuns.length > 0) {\n                                        <span class=\"panel-count\">({{ childRuns.length }} children)</span>\n                                    }\n                                </span>\n                            </ng-template>\n                                <div class=\"panel-content\">\n                                    @if (parentRun) {\n                                        <div class=\"parent-run-section\">\n                                            <h4><i class=\"fa-solid fa-level-up-alt\"></i> Parent Run</h4>\n                                            <div class=\"run-item parent\" (click)=\"navigateToEntity('MJ: AI Prompt Runs', parentRun.ID)\">\n                                                <div class=\"run-item-icon\" [style.background-color]=\"getStatusColor() + '20'\">\n                                                    <i [class]=\"'fa-solid ' + getRunTypeIcon(parentRun.RunType)\"></i>\n                                                </div>\n                                                <div class=\"run-item-content\">\n                                                    <div class=\"run-item-title\">\n                                                        Parent Run #{{ parentRun.ID.substring(0, 8) }}\n                                                        <span class=\"run-item-type\">{{ parentRun.RunType }}</span>\n                                                    </div>\n                                                    <div class=\"run-item-meta\">\n                                                        <span><i class=\"fa-solid fa-clock\"></i> {{ formatDuration(parentRun.ExecutionTimeMS) }}</span>\n                                                        <span><i class=\"fa-solid fa-coins\"></i> {{ formatTokens(parentRun.TokensUsed) }}</span>\n                                                        <span><i class=\"fa-solid fa-calendar\"></i> {{ parentRun.RunAt | date:'short' }}</span>\n                                                    </div>\n                                                </div>\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (childRuns.length > 0) {\n                                        <div class=\"child-runs-section\">\n                                            <h4><i class=\"fa-solid fa-level-down-alt\"></i> Child Runs</h4>\n                                            <div class=\"runs-list\">\n                                                @for (childRun of childRuns; track childRun.ID) {\n                                                    <div class=\"run-item child\" (click)=\"navigateToEntity('MJ: AI Prompt Runs', childRun.ID)\">\n                                                        <div class=\"run-item-icon\" [style.background-color]=\"getStatusColor() + '20'\">\n                                                            <i [class]=\"'fa-solid ' + getRunTypeIcon(childRun.RunType)\"></i>\n                                                        </div>\n                                                        <div class=\"run-item-content\">\n                                                            <div class=\"run-item-title\">\n                                                                Child Run #{{ childRun.ID.substring(0, 8) }}\n                                                                @if (childRun.ExecutionOrder !== null) {\n                                                                    <span class=\"execution-order\">#{{ childRun.ExecutionOrder }}</span>\n                                                                }\n                                                                <span class=\"run-item-type\">{{ childRun.RunType }}</span>\n                                                            </div>\n                                                            <div class=\"run-item-meta\">\n                                                                <span class=\"status-indicator\" [style.color]=\"getStatusColor()\">\n                                                                    <i [class]=\"'fa-solid ' + getStatusIcon()\"></i>\n                                                                    {{ childRun.Success ? 'Success' : childRun.ErrorMessage ? 'Failed' : 'Running' }}\n                                                                </span>\n                                                                <span><i class=\"fa-solid fa-clock\"></i> {{ formatDuration(childRun.ExecutionTimeMS) }}</span>\n                                                                <span><i class=\"fa-solid fa-coins\"></i> {{ formatTokens(childRun.TokensUsed) }}</span>\n                                                            </div>\n                                                        </div>\n                                                        <i class=\"fa-solid fa-external-link\"></i>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                        </mj-accordion-panel>\n                    }\n\n                    <!-- Additional Details Panel -->\n                    <mj-accordion-panel [Expanded]=\"false\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-info-circle\"></i>\n                                Additional Details\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                <div class=\"detail-fields-grid\">\n                                    @if (record.AgentID) {\n                                        <div class=\"detail-field\">\n                                            <label>Agent</label>\n                                            <div class=\"detail-value clickable\" (click)=\"navigateToEntity('MJ: AI Agents', record.AgentID)\" title=\"View Agent\">\n                                                <i class=\"fa-solid fa-robot\"></i>\n                                                {{ record.Agent || 'Unknown' }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    \n                                    @if (record.RunType) {\n                                        <div class=\"detail-field\">\n                                            <label>Run Type</label>\n                                            <div class=\"detail-value\">\n                                                <i [class]=\"'fa-solid ' + getRunTypeIcon(record.RunType)\"></i>\n                                                {{ record.RunType }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.ResponseFormat) {\n                                        <div class=\"detail-field\">\n                                            <label>Response Format</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-code\"></i>\n                                                {{ record.ResponseFormat }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Temperature</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.Temperature === null || record.Temperature === undefined\">\n                                            <i class=\"fa-solid fa-temperature-high\"></i>\n                                            {{ record.Temperature !== null && record.Temperature !== undefined ? record.Temperature : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Top P</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.TopP === null || record.TopP === undefined\">\n                                            <i class=\"fa-solid fa-percentage\"></i>\n                                            {{ record.TopP !== null && record.TopP !== undefined ? record.TopP : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Top K</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.TopK === null || record.TopK === undefined\">\n                                            <i class=\"fa-solid fa-list-ol\"></i>\n                                            {{ record.TopK !== null && record.TopK !== undefined ? record.TopK : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Min P</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.MinP === null || record.MinP === undefined\">\n                                            <i class=\"fa-solid fa-filter\"></i>\n                                            {{ record.MinP !== null && record.MinP !== undefined ? record.MinP : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Frequency Penalty</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.FrequencyPenalty === null || record.FrequencyPenalty === undefined\">\n                                            <i class=\"fa-solid fa-repeat\"></i>\n                                            {{ record.FrequencyPenalty !== null && record.FrequencyPenalty !== undefined ? record.FrequencyPenalty : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Presence Penalty</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.PresencePenalty === null || record.PresencePenalty === undefined\">\n                                            <i class=\"fa-solid fa-plus-circle\"></i>\n                                            {{ record.PresencePenalty !== null && record.PresencePenalty !== undefined ? record.PresencePenalty : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Seed</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.Seed === null || record.Seed === undefined\">\n                                            <i class=\"fa-solid fa-seedling\"></i>\n                                            {{ record.Seed !== null && record.Seed !== undefined ? record.Seed : '\u2014' }}\n                                        </div>\n                                    </div>\n\n                                    <div class=\"detail-field\">\n                                        <label>Stop Sequences</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"!record.StopSequences\">\n                                            <i class=\"fa-solid fa-stop-circle\"></i>\n                                            {{ record.StopSequences || '\u2014' }}\n                                        </div>\n                                    </div>\n\n                                    <div class=\"detail-field\">\n                                        <label>Assistant Prefill</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"!record.AssistantPrefill\">\n                                            <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n                                            {{ record.AssistantPrefill || '\u2014' }}\n                                        </div>\n                                    </div>\n\n                                    @if (record.RunAt) {\n                                        <div class=\"detail-field\">\n                                            <label>Started At</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-clock\"></i>\n                                                {{ record.RunAt | date:'medium' }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.CompletedAt) {\n                                        <div class=\"detail-field\">\n                                            <label>Completed At</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-check-circle\"></i>\n                                                {{ record.CompletedAt | date:'medium' }}\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Model Specific Response Details Panel -->\n                    @if (record.ModelSpecificResponseDetails) {\n                        <mj-accordion-panel [Expanded]=\"modelSpecificExpanded\" (ExpandedChange)=\"onModelSpecificPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                            <ng-template mjAccordionTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-microchip\"></i>\n                                    Model Specific Response Details\n                                    <span class=\"panel-badge\">JSON</span>\n                                </span>\n                            </ng-template>\n                                <div class=\"panel-content\">\n                                    <div class=\"json-editor-container\">\n                                        <div class=\"json-toolbar\">\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"copyToClipboard(formattedModelSpecificResponseDetails, 'Model Specific Response Details')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                            </button>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedModelSpecificResponseDetails, 'json', 'Model Specific Response Details')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <mj-code-editor \n                                            [(ngModel)]=\"formattedModelSpecificResponseDetails\"\n                                            name=\"formattedModelSpecificResponseDetails\"\n                                            [readonly]=\"true\"\n                                            [language]=\"'json'\"\n                                            [lineWrapping]=\"true\"\n                                            style=\"height: 400px; width: 100%;\">\n                                        </mj-code-editor>\n                                    </div>\n                                </div>\n                        </mj-accordion-panel>\n                    }\n\n                    <!-- Model Selection & Performance Panel (v2.78 fields) -->\n                    <mj-accordion-panel [Expanded]=\"false\" (ExpandedChange)=\"onModelSelectionPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-microchip\"></i>\n                                Model Selection &amp; Performance\n                                @if (record.CacheHit) {\n                                    <span class=\"panel-badge success\">Cached</span>\n                                }\n                                @if (record.WasSelectedResult) {\n                                    <span class=\"panel-badge success\">Selected</span>\n                                }\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                <div class=\"detail-fields-grid\">\n                                    <!-- Model Selection Details -->\n                                    <div class=\"detail-field\">\n                                        <label>Status</label>\n                                        <div class=\"detail-value\">\n                                            <i class=\"fa-solid fa-info-circle\"></i>\n                                            {{ record.Status || 'Unknown' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Selection Strategy</label>\n                                        <div class=\"detail-value\">\n                                            <i class=\"fa-solid fa-strategy\"></i>\n                                            {{ record.SelectionStrategy || '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Model Power Rank</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.ModelPowerRank === null\">\n                                            <i class=\"fa-solid fa-ranking-star\"></i>\n                                            {{ record.ModelPowerRank !== null ? record.ModelPowerRank : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <!-- Cache Information -->\n                                    <div class=\"detail-field\">\n                                        <label>Cache Hit</label>\n                                        <div class=\"detail-value\">\n                                            <i [class]=\"record.CacheHit ? 'fa-solid fa-check-circle' : 'fa-solid fa-times-circle'\"></i>\n                                            {{ record.CacheHit ? 'Yes' : 'No' }}\n                                        </div>\n                                    </div>\n                                    \n                                    @if (record.CacheKey) {\n                                        <div class=\"detail-field full-width\">\n                                            <label>Cache Key</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-key\"></i>\n                                                <code>{{ record.CacheKey }}</code>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Judge Information -->\n                                    @if (record.JudgeID) {\n                                        <div class=\"detail-field\">\n                                            <label>Judge Prompt</label>\n                                            <div class=\"detail-value clickable\" (click)=\"navigateToEntity('MJ: AI Prompts', record.JudgeID)\" title=\"View Judge Prompt\">\n                                                <i class=\"fa-solid fa-gavel\"></i>\n                                                {{ record.Judge || 'Unknown' }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.JudgeScore !== null) {\n                                        <div class=\"detail-field\">\n                                            <label>Judge Score</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-star\"></i>\n                                                {{ record.JudgeScore }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Was Selected Result</label>\n                                        <div class=\"detail-value\">\n                                            <i [class]=\"record.WasSelectedResult ? 'fa-solid fa-trophy' : 'fa-solid fa-times'\"></i>\n                                            {{ record.WasSelectedResult ? 'Yes' : 'No' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <!-- Performance Metrics -->\n                                    <div class=\"detail-field\">\n                                        <label>Streaming Enabled</label>\n                                        <div class=\"detail-value\">\n                                            <i [class]=\"record.StreamingEnabled ? 'fa-solid fa-stream' : 'fa-solid fa-ban'\"></i>\n                                            {{ record.StreamingEnabled ? 'Yes' : 'No' }}\n                                        </div>\n                                    </div>\n                                    \n                                    @if (record.FirstTokenTime !== null) {\n                                        <div class=\"detail-field\">\n                                            <label>First Token Time</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-bolt\"></i>\n                                                {{ record.FirstTokenTime }} ms\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.Cancelled) {\n                                        <div class=\"detail-field\">\n                                            <label>Cancelled</label>\n                                            <div class=\"detail-value error\">\n                                                <i class=\"fa-solid fa-ban\"></i>\n                                                Yes\n                                            </div>\n                                        </div>\n                                        \n                                        @if (record.CancellationReason) {\n                                            <div class=\"detail-field full-width\">\n                                                <label>Cancellation Reason</label>\n                                                <div class=\"detail-value\">\n                                                    <i class=\"fa-solid fa-exclamation-circle\"></i>\n                                                    {{ record.CancellationReason }}\n                                                </div>\n                                            </div>\n                                        }\n                                    }\n                                </div>\n                                \n                                <!-- Model Selection JSON -->\n                                @if (record.ModelSelection) {\n                                    <div class=\"model-selection-json\">\n                                        <div class=\"json-toolbar\">\n                                            <h4 style=\"margin: 0;\">Model Selection Details</h4>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedModelSelection, 'json', 'Model Selection')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <div class=\"json-viewer-container\">\n                                            <mj-code-editor\n                                                [(ngModel)]=\"formattedModelSelection\"\n                                                name=\"formattedModelSelection\"\n                                                [readonly]=\"true\"\n                                                [language]=\"'json'\"\n                                                [lineWrapping]=\"true\"\n                                                style=\"height: 300px; width: 100%;\">\n                                            </mj-code-editor>\n                                        </div>\n                                    </div>\n                                }\n                                \n                                <!-- Error Details JSON -->\n                                @if (record.ErrorDetails) {\n                                    <div class=\"error-details-json\">\n                                        <div class=\"json-toolbar\">\n                                            <h4 style=\"margin: 0;\">Error Details</h4>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedErrorDetails, 'json', 'Error Details')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <div class=\"json-viewer-container\">\n                                            <mj-code-editor\n                                                [(ngModel)]=\"formattedErrorDetails\"\n                                                name=\"formattedErrorDetails\"\n                                                [readonly]=\"true\"\n                                                [language]=\"'json'\"\n                                                [lineWrapping]=\"true\"\n                                                style=\"height: 200px; width: 100%;\">\n                                            </mj-code-editor>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                    </mj-accordion-panel>\n\n            </div>\n        </form>\n</mj-record-form-container>\n}\n\n<!-- Full-screen overlay -->\n    @if (FullScreenContent) {\n        <div class=\"fullscreen-overlay\" (click)=\"closeFullScreen()\">\n            <div class=\"fullscreen-container\" (click)=\"$event.stopPropagation()\">\n                <div class=\"fullscreen-header\">\n                    <span class=\"fullscreen-title\">\n                        <i class=\"fa-solid fa-expand\"></i>\n                        {{ FullScreenTitle }}\n                    </span>\n                    <div class=\"fullscreen-actions\">\n                        <button mjButton\n                            variant=\"flat\"\n                            size=\"sm\"\n                            (click)=\"copyToClipboard(FullScreenContent, FullScreenTitle)\"\n                            title=\"Copy content\">\n                            <i class=\"fa-solid fa-copy\"></i> Copy\n                        </button>\n                        <button mjButton\n                            variant=\"flat\"\n                            size=\"sm\"\n                            (click)=\"closeFullScreen()\"\n                            title=\"Close\">\n                            <i class=\"fa-solid fa-times\"></i> Close\n                        </button>\n                    </div>\n                </div>\n                <div class=\"fullscreen-body\">\n                    <mj-code-editor\n                        [value]=\"FullScreenContent\"\n                        [readonly]=\"true\"\n                        [language]=\"FullScreenLanguage\"\n                        style=\"height: 100%; width: 100%;\">\n                    </mj-code-editor>\n                </div>\n            </div>\n        </div>\n    }", styles: ["/* Host and Container Layout */\n:host {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0 !important;\n    overflow: hidden;\n}\n\n.form-content {\n    padding: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n}\n\n/* Error Info Styles */\n.error-info {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 8px;\n}\n\n.finish-reason {\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error);\n    font-size: 14px;\n}\n\n.error-details {\n    margin-top: 12px;\n}\n\n.error-details h4 {\n    margin: 0 0 8px 0;\n    color: color-mix(in srgb, var(--mj-status-error) 80%, black);\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint {\n    margin: 0;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, black);\n    font-size: 14px;\n    font-style: italic;\n}\n\n/* Header Section */\n.prompt-run-header {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 2px solid var(--mj-border-default);\n    padding: 20px;\n    margin-bottom: 0;\n}\n\n.header-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n    margin-bottom: 16px;\n}\n\n.run-overview {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1;\n}\n\n.run-icon-wrapper {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-icon-wrapper i {\n    font-size: 24px;\n}\n\n.run-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-title {\n    margin: 0 0 8px 0;\n    font-size: 1.5em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id {\n    font-size: 0.8em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n/* Shared meta-card style (Status, Execution, single Prompt) */\n.meta-card {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n}\n\n.meta-card-body {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.meta-card-body.clickable {\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.meta-card-body.clickable:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n/* Status indicator dot */\n.status-indicator {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n/* C3 Stacked Connector \u2014 Prompt Card */\n.prompt-card-c3 {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.c3-child-section {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 0.92em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-child-section:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.c3-child-section i.prompt-icon {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.c3-divider {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 14px;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-line {\n    flex: 1;\n    height: 1px;\n    background: var(--mj-border-default);\n}\n\n.c3-divider-label {\n    font-size: 0.55rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--mj-text-disabled);\n    white-space: nowrap;\n}\n\n.c3-parent-section {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px 9px 14px;\n    font-size: 0.76em;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.c3-parent-section:hover {\n    color: var(--mj-text-secondary);\n}\n\n.c3-parent-section i {\n    font-size: 0.75rem;\n}\n\n.c3-link-icon {\n    margin-left: auto;\n    font-size: 0.6rem !important;\n    opacity: 0.4;\n}\n\n.c3-parent-section:hover .c3-link-icon {\n    opacity: 0.8;\n}\n\n/* C3 Model Card */\n.model-card-c3 {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: border-color 0.15s;\n}\n\n.model-card-c3:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.c3-card-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.c3-card-body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.c3-model-name {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.c3-model-name i {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.c3-vendor-name {\n    font-size: 0.72em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    padding-left: 22px;\n}\n\n.original-run {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    font-size: 0.85em;\n}\n\n.original-link {\n    color: var(--mj-status-error);\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link:hover {\n    color: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    text-decoration: underline;\n}\n\n.run-actions {\n    display: flex;\n    gap: 8px;\n}\n\n/* Metrics Bar */\n.metrics-bar {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-wrap: wrap;\n}\n\n.metric-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.metric-item > i {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n    width: 24px;\n    text-align: center;\n}\n\n.metric-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.metric-label {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.metric-value {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.config-link {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n    text-decoration: underline;\n}\n\n/* Panels */\n.form-content {\n    padding: 16px;\n}\n\n.panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n/* Nested Sub-Panel Styles */\n.sub-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95em;\n}\n\n.sub-panel-content {\n    padding: 0;\n}\n\n/* Nested accordion panel styles */\n.nested-panels mj-accordion-panel {\n    margin-bottom: 8px;\n}\n\n/* Ensure chat message viewer takes appropriate height */\n.sub-panel-content mj-chat-message-viewer {\n    display: block;\n    min-height: 200px;\n    max-height: 750px; /* Increased by 50% from 500px */\n    height: auto;\n    overflow: hidden;\n}\n\n/* Different colors for sub-expansion panels */\n.sub-expansion-panel {\n    margin-bottom: 8px;\n}\n\n/* Sub-expansion panel styles */\n.sub-expansion-panel {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.panel-badge {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.panel-count {\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.panel-content {\n    padding: 20px;\n    max-height: none !important;\n    overflow: visible !important;\n}\n\n/* JSON Editor Container */\n.json-editor-container {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar {\n    background: var(--mj-bg-surface-card);\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: flex-end;\n}\n\n/* Error Message */\n.error-message {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n.error-message i {\n    font-size: 1.5em;\n    color: var(--mj-status-error);\n    flex-shrink: 0;\n}\n\n.error-content h4 {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 1em;\n}\n\n.error-content p {\n    margin: 0;\n    color: var(--mj-text-secondary);\n}\n\n/* Loading State */\n.loading-state {\n    text-align: center;\n    padding: 60px 40px;\n    color: var(--mj-text-muted);\n}\n\n.loading-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: var(--mj-brand-primary);\n}\n\n.loading-state p {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n/* Metrics Grid */\n.metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    margin-bottom: 24px;\n}\n\n.metric-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 20px;\n}\n\n.metric-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.metric-header i {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n}\n\n.metric-header h4 {\n    margin: 0;\n    font-size: 0.9em;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.metric-value.large {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.metric-rollup {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.metric-currency {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n}\n\n/* Additional Metrics */\n.additional-metrics {\n    padding-top: 16px;\n}\n\n.metric-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.metric-row:last-child {\n    border-bottom: none;\n}\n\n.metric-row .metric-label {\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.metric-row .metric-value {\n    font-weight: 400;\n    color: var(--mj-text-primary);\n}\n\n.metric-row .metric-value.link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n\n.metric-row .metric-value.link:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n}\n\n/* Hierarchy Section */\n.parent-run-section,\n.child-runs-section {\n    margin-bottom: 24px;\n}\n\n.parent-run-section:last-child,\n.child-runs-section:last-child {\n    margin-bottom: 0;\n}\n\n.parent-run-section h4,\n.child-runs-section h4 {\n    margin: 0 0 12px 0;\n    font-size: 0.95em;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.runs-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.run-item {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.run-item:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n}\n\n.run-item.parent {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.run-item.parent:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n}\n\n.run-item-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-item-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-item-title {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order {\n    background: var(--mj-text-muted);\n    color: var(--mj-text-inverse);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 600;\n}\n\n.run-item-type {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n.run-item-meta {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.run-item-meta span {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.status-indicator {\n    font-weight: 500;\n}\n\n.run-item > i:last-child {\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n/* Detail Fields Grid */\n.detail-fields-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    width: 100%;\n    min-height: auto;\n    overflow: visible;\n}\n\n.detail-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.detail-field label {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1em;\n    color: var(--mj-text-primary);\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value i:first-child {\n    color: var(--mj-text-muted);\n    font-size: 1.1em;\n    width: 20px;\n    text-align: center;\n}\n\n.detail-value.clickable {\n    cursor: pointer;\n}\n\n.detail-value.clickable:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-brand-primary);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.detail-value.clickable i:last-child {\n    margin-left: auto;\n    font-size: 0.85em;\n    opacity: 0.6;\n}\n\n.detail-value.clickable:hover i:last-child {\n    opacity: 1;\n}\n\n.detail-value.null-value {\n    color: var(--mj-text-disabled);\n    font-style: italic;\n}\n\n.detail-value.null-value i:first-child {\n    opacity: 0.5;\n}\n\n/* Accordion Panel Overrides */\nmj-accordion-panel {\n    display: block;\n}\n\n/* Validation Panel Styles */\n.validation-summary {\n    margin-bottom: 24px;\n}\n\n.summary-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.summary-header h4 {\n    margin: 0;\n    font-size: 1.1em;\n    color: var(--mj-text-primary);\n}\n\n.validation-status {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-weight: 500;\n    font-size: 0.9em;\n}\n\n.validation-status.success {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.validation-status.failed {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.validation-metrics {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.metric-card.small {\n    padding: 16px;\n    text-align: center;\n}\n\n.metric-card.small .metric-label {\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.metric-card.small .metric-value {\n    font-size: 1.4em;\n    font-weight: 700;\n}\n\n.validation-error,\n.common-error {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.validation-error h5,\n.common-error h5 {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.validation-error p,\n.common-error p {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: 0.9em;\n}\n\n.error-count {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n/* Retry Timeline */\n.retry-timeline {\n    margin-bottom: 24px;\n}\n\n.retry-timeline h4 {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-info {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.timeline-stat {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.timeline-stat i {\n    font-size: 1.1em;\n}\n\n/* Validation Attempts */\n.validation-attempts {\n    margin-bottom: 24px;\n}\n\n.validation-attempts h4 {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.attempts-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.attempt-item.success {\n    background: color-mix(in srgb, var(--mj-status-success) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 18%, var(--mj-bg-surface));\n}\n\n.attempt-item.failed {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n}\n\n.attempt-number {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.attempt-item.success .attempt-number {\n    color: var(--mj-status-success);\n}\n\n.attempt-item.failed .attempt-number {\n    color: var(--mj-status-error);\n}\n\n.attempt-details {\n    flex: 1;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 0.85em;\n}\n\n.attempt-time {\n    color: var(--mj-text-muted);\n}\n\n.attempt-error {\n    color: var(--mj-status-error);\n    flex: 1 0 100%;\n}\n\n.output-length {\n    color: var(--mj-text-muted);\n    font-style: italic;\n}\n\n/* Validation JSON */\n.validation-json {\n    margin-top: 24px;\n}\n\n.validation-json h4 {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.json-viewer-container {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Panel badge styles */\n.panel-badge.success {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n/* Full-screen overlay */\n.fullscreen-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title i {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-body {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body mj-code-editor {\n    display: block;\n    height: 100%;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-ai-prompt-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    [ToolbarConfig]=\"toolbarConfig\"\n    [WidthMode]=\"'full-width'\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n        <form class=\"record-form\" #form=\"ngForm\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\n\n            <!-- Header Section -->\n            <div class=\"prompt-run-header phone-hero\" [class.hero-view]=\"!EditMode\" [class.hero-compact]=\"!EditMode && !HeroDetailsOpen\">\n                <div class=\"header-content\">\n                    <div class=\"run-overview\">\n                        <div class=\"run-icon-wrapper\" [style.background-color]=\"getStatusColor() + '20'\">\n                            <i [class]=\"'fa-solid ' + getStatusIcon()\" [style.color]=\"getStatusColor()\"></i>\n                        </div>\n                        <div class=\"run-info\">\n                            <h1 class=\"run-title\">\n                                Prompt Run\n                                @if (record.ID) {\n                                    <span class=\"run-id\">#{{ record.ID.substring(0, 8) }}</span>\n                                }\n                                <span class=\"phone-hero-only phone-hero-status\" [attr.data-status]=\"StatusKind\">\n                                    <i [class]=\"'fa-solid ' + getStatusIcon()\" aria-hidden=\"true\"></i>\n                                    {{ getStatusText() }}\n                                </span>\n                            </h1>\n                            <div class=\"run-meta phone-hero-detail\">\n                                <!-- Status Card -->\n                                <div class=\"meta-card status-card\">\n                                    <div class=\"c3-card-label\">Status</div>\n                                    <div class=\"meta-card-body\">\n                                        <span class=\"status-indicator\" [style.background-color]=\"getStatusColor()\"></span>\n                                        <i [class]=\"'fa-solid ' + getStatusIcon()\" [style.color]=\"getStatusColor()\"></i>\n                                        {{ getStatusText() }}\n                                    </div>\n                                </div>\n\n                                <!-- Execution Card -->\n                                @if (record.RunType) {\n                                    <div class=\"meta-card execution-card\">\n                                        <div class=\"c3-card-label\">Execution</div>\n                                        <div class=\"meta-card-body\">\n                                            <i [class]=\"'fa-solid ' + getRunTypeIcon(record.RunType)\" [style.color]=\"getRunTypeColor(record.RunType)\"></i>\n                                            {{ record.RunType }}\n                                        </div>\n                                    </div>\n                                }\n\n                                <!-- Prompt Card -->\n                                @if (prompt) {\n                                    @if (record.ChildPromptID) {\n                                        <!-- C3 Stacked Connector: child prompt prominent, parent nested -->\n                                        <div class=\"prompt-card-c3\">\n                                            <div class=\"c3-card-label\">Prompt</div>\n                                            <div class=\"c3-child-section\" (click)=\"navigateToEntity('MJ: AI Prompts', record.ChildPromptID)\" title=\"View Agent Prompt\">\n                                                <i class=\"fa-solid fa-comment prompt-icon\"></i>\n                                                {{ record.ChildPrompt }}\n                                            </div>\n                                            <div class=\"c3-divider\">\n                                                <span class=\"c3-line\"></span>\n                                                <span class=\"c3-divider-label\">wrapped by</span>\n                                                <span class=\"c3-line\"></span>\n                                            </div>\n                                            <div class=\"c3-parent-section\" (click)=\"navigateToEntity('MJ: AI Prompts', prompt.ID)\" title=\"View System Prompt\">\n                                                <i class=\"fa-solid fa-cog\"></i>\n                                                {{ prompt.Name }}\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square c3-link-icon\"></i>\n                                            </div>\n                                        </div>\n                                    } @else {\n                                        <!-- Single prompt (no child) \u2014 same card style -->\n                                        <div class=\"meta-card prompt-single-card\">\n                                            <div class=\"c3-card-label\">Prompt</div>\n                                            <div class=\"meta-card-body clickable\" (click)=\"navigateToEntity('MJ: AI Prompts', prompt.ID)\" title=\"View Prompt\">\n                                                <i class=\"fa-solid fa-comment-dots\" style=\"color: var(--mj-brand-primary);\"></i>\n                                                {{ prompt.Name }}\n                                            </div>\n                                        </div>\n                                    }\n                                }\n\n                                <!-- Model Card -->\n                                @if (model) {\n                                    <div class=\"model-card-c3\">\n                                        <div class=\"c3-card-label\">Model</div>\n                                        <div class=\"c3-card-body\" (click)=\"navigateToEntity('MJ: AI Models', model.ID)\" title=\"View Model\">\n                                            <span class=\"c3-model-name\"><i class=\"fa-solid fa-microchip\"></i> {{ model.Name }}</span>\n                                            @if (record.Vendor) {\n                                                <span class=\"c3-vendor-name\">{{ record.Vendor }}</span>\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                                @if (record.RerunFromPromptRunID) {\n                                    <span class=\"original-run\" title=\"View Original Run\">\n                                        <i class=\"fa-solid fa-level-up-alt\"></i>\n                                        <a (click)=\"navigateToOriginalRun()\" class=\"original-link\">Original Run</a>\n                                    </span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                    \n                    <!-- Action Buttons -->\n                    <div class=\"run-actions phone-hero-detail\">\n                        <button mjButton variant=\"outline\" size=\"sm\" (click)=\"reRunPrompt()\" title=\"Re-run this prompt\">\n                            <i class=\"fa-solid fa-play-circle\"></i>\n                            Re-Run\n                        </button>\n                        <button mjButton variant=\"outline\" size=\"sm\" (click)=\"refreshData()\" title=\"Refresh data\">\n                            <i class=\"fa-solid fa-refresh\"></i>\n                        </button>\n                    </div>\n                </div>\n                \n                <!-- Key Metrics Bar -->\n                @if (record.ConfigurationID) {\n                    <!-- Configuration Bar -->\n                    <div class=\"metrics-bar phone-hero-detail phone-hero-stats\">\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-cog\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Configuration</div>\n                                <div class=\"metric-value\">\n                                    <a href=\"javascript:void(0)\" class=\"config-link\" (click)=\"navigateToEntity('MJ: AI Configurations', record.ConfigurationID)\">\n                                        {{ record.Configuration || 'Unknown' }}\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                        @if (record.Temperature !== null && record.Temperature !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-temperature-high\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Temperature</div>\n                                    <div class=\"metric-value\">{{ record.Temperature }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.TopP !== null && record.TopP !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-percentage\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Top P</div>\n                                    <div class=\"metric-value\">{{ record.TopP }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.TopK !== null && record.TopK !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-list-ol\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Top K</div>\n                                    <div class=\"metric-value\">{{ record.TopK }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.EffortLevel !== null && record.EffortLevel !== undefined) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-tachometer-alt\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Effort Level</div>\n                                    <div class=\"metric-value\">{{ record.EffortLevel }}</div>\n                                </div>\n                            </div>\n                        }\n                        @if (record.ResponseFormat) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-code\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Response Format</div>\n                                    <div class=\"metric-value\">{{ record.ResponseFormat }}</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                    \n                    <!-- Execution Metrics Bar (always show when configuration exists) -->\n                    <div class=\"metrics-bar phone-hero-detail phone-hero-stats\">\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-clock\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Duration</div>\n                                <div class=\"metric-value\">{{ formatDuration(record.ExecutionTimeMS) }}</div>\n                            </div>\n                        </div>\n                        <div class=\"metric-item\" title=\"Total tokens the model processed, including cached input\">\n                            <i class=\"fa-solid fa-coins\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Total Tokens</div>\n                                <div class=\"metric-value\">{{ formatTokens(TotalTokensProcessed) }}</div>\n                            </div>\n                        </div>\n                        @if (record.TokensCacheRead) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-bolt\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Cached</div>\n                                    <div class=\"metric-value\">{{ formatTokens(record.TokensCacheRead) }}</div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-dollar-sign\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Cost</div>\n                                <div class=\"metric-value\">{{ formatCost(record.TotalCost || record.Cost) }}</div>\n                            </div>\n                        </div>\n                        @if (record.RunAt) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-calendar\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Started</div>\n                                    <div class=\"metric-value\">{{ record.RunAt | date:'short' }}</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                } @else {\n                    <!-- Execution Metrics Bar (original behavior when no configuration) -->\n                    <div class=\"metrics-bar phone-hero-detail phone-hero-stats\">\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-clock\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Duration</div>\n                                <div class=\"metric-value\">{{ formatDuration(record.ExecutionTimeMS) }}</div>\n                            </div>\n                        </div>\n                        <div class=\"metric-item\" title=\"Total tokens the model processed, including cached input\">\n                            <i class=\"fa-solid fa-coins\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Total Tokens</div>\n                                <div class=\"metric-value\">{{ formatTokens(TotalTokensProcessed) }}</div>\n                            </div>\n                        </div>\n                        @if (record.TokensCacheRead) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-bolt\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Cached</div>\n                                    <div class=\"metric-value\">{{ formatTokens(record.TokensCacheRead) }}</div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"metric-item\">\n                            <i class=\"fa-solid fa-dollar-sign\"></i>\n                            <div class=\"metric-content\">\n                                <div class=\"metric-label\">Cost</div>\n                                <div class=\"metric-value\">{{ formatCost(record.TotalCost || record.Cost) }}</div>\n                            </div>\n                        </div>\n                        @if (record.RunAt) {\n                            <div class=\"metric-item\">\n                                <i class=\"fa-solid fa-calendar\"></i>\n                                <div class=\"metric-content\">\n                                    <div class=\"metric-label\">Started</div>\n                                    <div class=\"metric-value\">{{ record.RunAt | date:'short' }}</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n              @if (!EditMode && HeroSummary) {\n                <button type=\"button\" class=\"phone-hero-summary\" [attr.aria-expanded]=\"HeroDetailsOpen\" (click)=\"ToggleHeroDetails()\">\n                  <span class=\"phone-hero-summary-text\">{{ HeroSummary }}</span>\n                  <i class=\"fa-solid fa-chevron-down\" aria-hidden=\"true\"></i>\n                </button>\n              }\n            </div>\n\n            <!-- Main Content with Expansion Panels -->\n            <div class=\"form-content\" style=\"display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto;\">\n                <!-- Phone: one section at a time behind a picker; desktop keeps the accordions -->\n                <mj-accordion-sections [Enabled]=\"Phone.IsPhone\" [ActiveKey]=\"Phone.Section\" (ActiveKeyChange)=\"Phone.Pick($event)\">\n\n                    <!-- Input Panel with nested sub-panels -->\n                    <mj-accordion-panel SectionKey=\"input\" SectionTitle=\"Input\" SectionIcon=\"fa-solid fa-comment-dots\" [Expanded]=\"inputExpanded\" (ExpandedChange)=\"onInputPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-comment-dots\"></i>\n                                Input\n                                @if (record.Messages && record.Messages.trim() !== '') {\n                                    <span class=\"panel-badge\">JSON</span>\n                                }\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                @if (record.Messages && record.Messages.trim() !== '') {\n                                    <!-- Nested expansion panels for sub-sections -->\n                                    <div class=\"nested-panels\">\n                                        <!-- Messages Sub-Panel -->\n                                        <mj-accordion-panel\n                                            [Expanded]=\"messagesExpanded\"\n                                            class=\"sub-expansion-panel\"\n                                            style=\"margin-bottom: 8px;\">\n                                            <ng-template mjAccordionTitle>\n                                                <span class=\"sub-panel-title\">\n                                                    <i class=\"fa-solid fa-comments\"></i>\n                                                    Messages\n                                                    @if (chatMessages.length > 0) {\n                                                        <span class=\"panel-count\">({{ chatMessages.length }})</span>\n                                                    }\n                                                </span>\n                                            </ng-template>\n                                            <div class=\"sub-panel-content\">\n                                                @if (isParsingMessages || isLoadingRelatedData) {\n                                                    <div class=\"loading-state\">\n                                                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                                        <p>Loading messages...</p>\n                                                    </div>\n                                                } @else if (chatMessages.length > 0) {\n                                                    <mj-chat-message-viewer \n                                                        [messages]=\"chatMessages\">\n                                                    </mj-chat-message-viewer>\n                                                } @else {\n                                                    <mj-empty-state\n                                                        Size=\"compact\"\n                                                        Icon=\"fa-solid fa-comment-slash\"\n                                                        Title=\"No chat messages found\" />\n                                                }\n                                            </div>\n                                        </mj-accordion-panel>\n\n                                        <!-- Data Sub-Panel -->\n                                        <mj-accordion-panel\n                                            [Expanded]=\"dataExpanded\"\n                                            class=\"sub-expansion-panel\"\n                                            style=\"margin-bottom: 8px;\">\n                                            <ng-template mjAccordionTitle>\n                                                <span class=\"sub-panel-title\">\n                                                    <i class=\"fa-solid fa-database\"></i>\n                                                    Data\n                                                    @if (inputData) {\n                                                        <span class=\"panel-badge\">Object</span>\n                                                    }\n                                                </span>\n                                            </ng-template>\n                                            <div class=\"sub-panel-content\">\n                                                <mj-prompt-run-data-capture-note [DataCapture]=\"DataCapture\" [DataShape]=\"DataShape\" [DataCaptureNote]=\"DataCaptureNote\" />\n                                                @if (inputData && formattedData) {\n                                                    <div class=\"json-editor-container\">\n                                                        <div class=\"json-toolbar\">\n                                                            <button mjButton\n                                                                variant=\"flat\"\n                                                                size=\"sm\"\n                                                                (click)=\"copyToClipboard(formattedData, 'Data')\"\n                                                                title=\"Copy JSON\">\n                                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                                            </button>\n                                                            <button mjButton\n                                                                variant=\"flat\"\n                                                                size=\"sm\"\n                                                                (click)=\"openFullScreen(formattedData, 'json', 'Data')\"\n                                                                title=\"View full screen\">\n                                                                <i class=\"fa-solid fa-expand\"></i>\n                                                            </button>\n                                                        </div>\n                                                        <mj-code-editor \n                                                            [(ngModel)]=\"formattedData\"\n                                                            name=\"formattedData\"\n                                                            [readonly]=\"true\"\n                                                            [language]=\"'json'\"\n                                                            [lineWrapping]=\"true\"\n                                                            style=\"height: 300px; width: 100%;\">\n                                                        </mj-code-editor>\n                                                    </div>\n                                                } @else if (DataCapture !== 'None') {\n                                                    <mj-empty-state\n                                                        Size=\"compact\"\n                                                        Icon=\"fa-solid fa-database\"\n                                                        Title=\"No data object found\" />\n                                                }\n                                            </div>\n                                        </mj-accordion-panel>\n\n                                        <!-- Raw Sub-Panel -->\n                                        <mj-accordion-panel\n                                            [Expanded]=\"rawExpanded\"\n                                            class=\"sub-expansion-panel\"\n                                            style=\"margin-bottom: 8px;\">\n                                            <ng-template mjAccordionTitle>\n                                                <span class=\"sub-panel-title\">\n                                                    <i class=\"fa-solid fa-code\"></i>\n                                                    Raw\n                                                </span>\n                                            </ng-template>\n                                            <div class=\"sub-panel-content\">\n                                                <div class=\"json-editor-container\">\n                                                    <div class=\"json-toolbar\">\n                                                        <button mjButton\n                                                            variant=\"flat\"\n                                                            size=\"sm\"\n                                                            (click)=\"copyToClipboard(formattedMessages, 'Messages')\"\n                                                            title=\"Copy JSON\">\n                                                            <i class=\"fa-solid fa-copy\"></i> Copy\n                                                        </button>\n                                                        <button mjButton\n                                                            variant=\"flat\"\n                                                            size=\"sm\"\n                                                            (click)=\"openFullScreen(formattedMessages, 'json', 'Raw Messages')\"\n                                                            title=\"View full screen\">\n                                                            <i class=\"fa-solid fa-expand\"></i>\n                                                        </button>\n                                                    </div>\n                                                    <mj-code-editor \n                                                        [(ngModel)]=\"formattedMessages\"\n                                                        name=\"formattedMessages\"\n                                                        [readonly]=\"true\"\n                                                        [language]=\"'json'\"\n                                                        [lineWrapping]=\"true\"\n                                                        style=\"height: 400px; width: 100%;\">\n                                                    </mj-code-editor>\n                                                </div>\n                                            </div>\n                                        </mj-accordion-panel>\n                                    </div>\n                                } @else {\n                                    <mj-empty-state\n                                        Size=\"compact\"\n                                        Icon=\"fa-solid fa-comment-slash\"\n                                        Title=\"No input messages recorded\" />\n                                }\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Result Panel -->\n                    <mj-accordion-panel SectionKey=\"result\" SectionTitle=\"Result\" SectionIcon=\"fa-solid fa-square-check\" [Expanded]=\"resultExpanded\" (ExpandedChange)=\"onResultPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-square-check\"></i>\n                                Result\n                                @if (record.Result && record.Result.trim() !== '') {\n                                    <span class=\"panel-badge\">JSON</span>\n                                }\n                                @if (record.ErrorMessage) {\n                                    <span class=\"panel-badge error\">Error</span>\n                                }\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                @if (record.ErrorMessage) {\n                                    <div class=\"error-message\">\n                                        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                        <div class=\"error-content\">\n                                            <h4>Error Message</h4>\n                                            <p>{{ record.ErrorMessage }}</p>\n                                        </div>\n                                    </div>\n                                }\n                                \n                                @if (record.Result && record.Result.trim() !== '') {\n                                    <div class=\"json-editor-container\">\n                                        <div class=\"json-toolbar\">\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"copyToClipboard(formattedResult, 'Result')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                            </button>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedResult, 'json', 'Result')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <mj-code-editor \n                                            [(ngModel)]=\"formattedResult\"\n                                            name=\"formattedResult\"\n                                            [readonly]=\"true\"\n                                            [language]=\"'json'\"\n                                            [lineWrapping]=\"true\"\n                                            style=\"height: 400px; width: 100%;\">\n                                        </mj-code-editor>\n                                    </div>\n                                } @else if (!record.ErrorMessage) {\n                                    <mj-empty-state\n                                        Size=\"compact\"\n                                        Icon=\"fa-solid fa-inbox\"\n                                        Title=\"No result data recorded\">\n                                        @if (record.CompletedAt && (record.Status === 'Failed' || record.Success === false)) {\n                                            <div class=\"error-info\">\n                                                @if (record.Status) {\n                                                    <p class=\"finish-reason\">\n                                                        <strong>Status:</strong> {{ record.Status }}\n                                                    </p>\n                                                }\n                                                @if (formattedErrorDetails) {\n                                                    <div class=\"error-details\">\n                                                        <div class=\"json-toolbar\">\n                                                            <h4 style=\"margin: 0;\">Error Details</h4>\n                                                            <button mjButton\n                                                                variant=\"flat\"\n                                                                size=\"sm\"\n                                                                (click)=\"openFullScreen(formattedErrorDetails, 'json', 'Error Details')\"\n                                                                title=\"View full screen\">\n                                                                <i class=\"fa-solid fa-expand\"></i>\n                                                            </button>\n                                                        </div>\n                                                        <mj-code-editor\n                                                            [ngModel]=\"formattedErrorDetails\"\n                                                            [disabled]=\"true\"\n                                                            [language]=\"'json'\"\n                                                            [lineWrapping]=\"true\"\n                                                            style=\"height: 200px; width: 100%;\">\n                                                        </mj-code-editor>\n                                                    </div>\n                                                }\n                                                @if (!formattedErrorDetails) {\n                                                    <p class=\"error-hint\">\n                                                        The prompt execution failed but no additional error information is available.\n                                                    </p>\n                                                }\n                                            </div>\n                                        }\n                                    </mj-empty-state>\n                                }\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Token Usage & Metrics Panel -->\n                    <mj-accordion-panel SectionKey=\"metrics\" SectionTitle=\"Token Usage &amp; Metrics\" SectionIcon=\"fa-solid fa-chart-line\" [Expanded]=\"metricsExpanded\" (ExpandedChange)=\"onMetricsPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-chart-line\"></i>\n                                Token Usage &amp; Metrics\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                <div class=\"metrics-grid\">\n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-message\"></i>\n                                            <h4>Prompt Tokens</h4>\n                                        </div>\n                                        <div class=\"metric-value large\" title=\"Full input the model processed \u2014 uncached (new) prompt tokens plus any cached tokens\">{{ formatTokens(FullPromptTokens) }}</div>\n                                        @if (CachedTokens > 0) {\n                                            <div class=\"metric-rollup\">\n                                                <span>incl. {{ formatTokens(CachedTokens) }} cached</span>\n                                            </div>\n                                        }\n                                        @if (record.TokensPromptRollup && record.TokensPromptRollup !== record.TokensPrompt) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Rollup: {{ formatTokens(record.TokensPromptRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\n                                    \n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-reply\"></i>\n                                            <h4>Completion Tokens</h4>\n                                        </div>\n                                        <div class=\"metric-value large\">{{ formatTokens(record.TokensCompletion) }}</div>\n                                        @if (record.TokensCompletionRollup && record.TokensCompletionRollup !== record.TokensCompletion) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Rollup: {{ formatTokens(record.TokensCompletionRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\n                                    \n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-coins\"></i>\n                                            <h4>Total Tokens</h4>\n                                        </div>\n                                        <div class=\"metric-value large\" title=\"Prompt + completion + cached tokens \u2014 the full amount the model processed\">{{ formatTokens(TotalTokensProcessed) }}</div>\n                                        @if (CachedTokens > 0) {\n                                            <div class=\"metric-rollup\">\n                                                <span>incl. {{ formatTokens(CachedTokens) }} cached</span>\n                                            </div>\n                                        }\n                                        @if (record.TokensUsedRollup && record.TokensUsedRollup !== record.TokensUsed) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Net rollup: {{ formatTokens(record.TokensUsedRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\n\n                                    <!-- Prompt-cache tokens (provider cache reads = hits, writes = cache creation).\n                                         Only rendered when the provider reported cache usage. -->\n                                    @if (record.TokensCacheRead != null || record.TokensCacheWrite != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-bolt\"></i>\n                                                <h4>Cache Read</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatTokens(record.TokensCacheRead) }}</div>\n                                            @if (record.TokensCacheWrite) {\n                                                <div class=\"metric-rollup\">\n                                                    <span>Write: {{ formatTokens(record.TokensCacheWrite) }}</span>\n                                                </div>\n                                            }\n                                            @if (record.TokensCacheRead || record.TokensCacheWrite) {\n                                                <div class=\"metric-rollup\">\n                                                    <span>{{ CacheHitRatePct | number:'1.0-0' }}% hit rate</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n\n                                    <div class=\"metric-card\">\n                                        <div class=\"metric-header\">\n                                            <i class=\"fa-solid fa-dollar-sign\"></i>\n                                            <h4>Cost</h4>\n                                        </div>\n                                        <div class=\"metric-value large\">{{ formatCost(record.Cost) }}</div>\n                                        @if (record.TotalCost && record.TotalCost !== record.Cost) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Total: {{ formatCost(record.TotalCost) }}</span>\n                                            </div>\n                                        }\n                                        @if (record.CostCurrency) {\n                                            <div class=\"metric-currency\">{{ record.CostCurrency }}</div>\n                                        }\n                                    </div>\n                                    \n                                    <!-- Timing Metrics -->\n                                    @if (record.QueueTime != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-hourglass-start\"></i>\n                                                <h4>Queue Time</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatDuration(record.QueueTime) }}</div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.PromptTime != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-brain\"></i>\n                                                <h4>Prompt Time</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatDuration(record.PromptTime) }}</div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.CompletionTime != null) {\n                                        <div class=\"metric-card\">\n                                            <div class=\"metric-header\">\n                                                <i class=\"fa-solid fa-flag-checkered\"></i>\n                                                <h4>Completion Time</h4>\n                                            </div>\n                                            <div class=\"metric-value large\">{{ formatDuration(record.CompletionTime) }}</div>\n                                        </div>\n                                    }\n                                </div>\n                                \n                                <!-- Additional Metrics -->\n                                <div class=\"additional-metrics\">\n                                    @if (record.ExecutionOrder !== null) {\n                                        <div class=\"metric-row\">\n                                            <span class=\"metric-label\">Execution Order:</span>\n                                            <span class=\"metric-value\">{{ record.ExecutionOrder }}</span>\n                                        </div>\n                                    }\n                                    @if (record.AgentID) {\n                                        <div class=\"metric-row\">\n                                            <span class=\"metric-label\">Agent:</span>\n                                            <span class=\"metric-value link\" (click)=\"navigateToEntity('MJ: AI Agents', record.AgentID)\">\n                                                {{ record.Agent }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </span>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Validation & Retry Panel -->\n                    @if (record && ((record.ValidationAttemptCount && record.ValidationAttemptCount > 0) || record.ValidationBehavior)) {\n                        <mj-accordion-panel SectionKey=\"validation\" SectionTitle=\"Validation &amp; Retries\" SectionIcon=\"fa-solid fa-shield-check\" [Expanded]=\"validationExpanded\" (ExpandedChange)=\"onValidationPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                            <ng-template mjAccordionTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-shield-check\"></i>\n                                    Validation &amp; Retries\n                                    @if (record && record.ValidationAttemptCount && record.ValidationAttemptCount > 1) {\n                                        <span class=\"panel-count\">({{ record.ValidationAttemptCount }} attempts)</span>\n                                    }\n                                    @if (record.FinalValidationPassed) {\n                                        <span class=\"panel-badge success\">Passed</span>\n                                    } @else if (record.FinalValidationPassed === false) {\n                                        <span class=\"panel-badge error\">Failed</span>\n                                    }\n                                </span>\n                            </ng-template>\n                                <div class=\"panel-content\">\n                                    <!-- Validation Summary -->\n                                    <div class=\"validation-summary\">\n                                        <div class=\"summary-header\">\n                                            <h4>Validation Summary</h4>\n                                            <div class=\"validation-status\" [class.success]=\"record.FinalValidationPassed === true\" [class.failed]=\"record.FinalValidationPassed === false\">\n                                                <i [class]=\"record.FinalValidationPassed === true ? 'fa-solid fa-check-circle' : (record.FinalValidationPassed === false ? 'fa-solid fa-times-circle' : 'fa-solid fa-hourglass-half')\"></i>\n                                                {{ record.FinalValidationPassed === true ? 'Validation Passed' : (record.FinalValidationPassed === false ? 'Validation Failed' : 'Validation Pending') }}\n                                            </div>\n                                        </div>\n                                        \n                                        <div class=\"validation-metrics\">\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Total Attempts</div>\n                                                <div class=\"metric-value\">{{ record.ValidationAttemptCount || 0 }}</div>\n                                            </div>\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Successful</div>\n                                                <div class=\"metric-value\">{{ record.SuccessfulValidationCount || 0 }}</div>\n                                            </div>\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Behavior</div>\n                                                <div class=\"metric-value\">{{ record.ValidationBehavior || 'Not set' }}</div>\n                                            </div>\n                                            <div class=\"metric-card small\">\n                                                <div class=\"metric-label\">Retry Strategy</div>\n                                                <div class=\"metric-value\">{{ record.RetryStrategy || 'Not set' }}</div>\n                                            </div>\n                                        </div>\n                                        \n                                        @if (record.FinalValidationError) {\n                                            <div class=\"validation-error\">\n                                                <h5><i class=\"fa-solid fa-exclamation-triangle\"></i> Final Validation Error</h5>\n                                                <p>{{ record.FinalValidationError }}</p>\n                                                @if (record && record.ValidationErrorCount && record.ValidationErrorCount > 0) {\n                                                    <span class=\"error-count\">{{ record.ValidationErrorCount }} validation errors</span>\n                                                }\n                                            </div>\n                                        }\n                                        \n                                        @if (record.CommonValidationError && record.CommonValidationError !== record.FinalValidationError) {\n                                            <div class=\"common-error\">\n                                                <h5><i class=\"fa-solid fa-repeat\"></i> Most Common Error</h5>\n                                                <p>{{ record.CommonValidationError }}</p>\n                                            </div>\n                                        }\n                                    </div>\n                                    \n                                    <!-- Retry Timeline -->\n                                    @if (record && record.ValidationAttemptCount && record.ValidationAttemptCount > 1) {\n                                        <div class=\"retry-timeline\">\n                                            <h4>Retry Timeline</h4>\n                                            <div class=\"timeline-info\">\n                                                <div class=\"timeline-stat\">\n                                                    <i class=\"fa-solid fa-clock\"></i>\n                                                    <span>First Attempt: {{ record.FirstAttemptAt | date:'short' }}</span>\n                                                </div>\n                                                <div class=\"timeline-stat\">\n                                                    <i class=\"fa-solid fa-flag-checkered\"></i>\n                                                    <span>Last Attempt: {{ record.LastAttemptAt | date:'short' }}</span>\n                                                </div>\n                                                <div class=\"timeline-stat\">\n                                                    <i class=\"fa-solid fa-stopwatch\"></i>\n                                                    <span>Total Retry Duration: {{ formatDuration(record.TotalRetryDurationMS) }}</span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Validation Attempts Details -->\n                                    @if (validationAttempts && validationAttempts.length > 0) {\n                                        <div class=\"validation-attempts\">\n                                            <h4>Validation Attempts</h4>\n                                            <div class=\"attempts-list\">\n                                                @for (attempt of validationAttempts; track attempt.attemptNumber) {\n                                                    <div class=\"attempt-item\" [class.success]=\"attempt.success\" [class.failed]=\"!attempt.success\">\n                                                        <div class=\"attempt-number\">\n                                                            <i [class]=\"attempt.success ? 'fa-solid fa-check' : 'fa-solid fa-times'\"></i>\n                                                            Attempt #{{ attempt.attemptNumber }}\n                                                        </div>\n                                                        <div class=\"attempt-details\">\n                                                            <span class=\"attempt-time\">{{ attempt.timestamp }}</span>\n                                                            @if (!attempt.success) {\n                                                                <span class=\"attempt-error\">{{ attempt.errorMessage || 'Unknown error' }}</span>\n                                                                @if (attempt.validationErrorCount > 0) {\n                                                                    <span class=\"error-count\">({{ attempt.validationErrorCount }} errors)</span>\n                                                                }\n                                                            }\n                                                            @if (attempt.outputLength) {\n                                                                <span class=\"output-length\">Output: {{ attempt.outputLength }} chars</span>\n                                                            }\n                                                        </div>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Validation Summary JSON -->\n                                    @if (validationSummary) {\n                                        <div class=\"validation-json\">\n                                            <div class=\"json-toolbar\">\n                                                <h4 style=\"margin: 0;\">Validation Summary Details</h4>\n                                                <button mjButton\n                                                    variant=\"flat\"\n                                                    size=\"sm\"\n                                                    (click)=\"openFullScreen(formattedValidationSummary, 'json', 'Validation Summary')\"\n                                                    title=\"View full screen\">\n                                                    <i class=\"fa-solid fa-expand\"></i>\n                                                </button>\n                                            </div>\n                                            <div class=\"json-viewer-container\">\n                                                <mj-code-editor\n                                                    [(ngModel)]=\"formattedValidationSummary\"\n                                                    name=\"formattedValidationSummary\"\n                                                    [readonly]=\"true\"\n                                                    [language]=\"'json'\"\n                                                    [lineWrapping]=\"true\"\n                                                    style=\"height: 200px; width: 100%;\">\n                                                </mj-code-editor>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Validation Attempts JSON -->\n                                    @if (record.ValidationAttempts) {\n                                        <div class=\"validation-json\">\n                                            <div class=\"json-toolbar\">\n                                                <h4 style=\"margin: 0;\">Validation Attempts (Raw JSON)</h4>\n                                                <button mjButton\n                                                    variant=\"flat\"\n                                                    size=\"sm\"\n                                                    (click)=\"openFullScreen(formattedValidationAttempts, 'json', 'Validation Attempts')\"\n                                                    title=\"View full screen\">\n                                                    <i class=\"fa-solid fa-expand\"></i>\n                                                </button>\n                                            </div>\n                                            <div class=\"json-viewer-container\">\n                                                <mj-code-editor\n                                                    [(ngModel)]=\"formattedValidationAttempts\"\n                                                    name=\"formattedValidationAttempts\"\n                                                    [readonly]=\"true\"\n                                                    [language]=\"'json'\"\n                                                    [lineWrapping]=\"true\"\n                                                    style=\"height: 300px; width: 100%;\">\n                                                </mj-code-editor>\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                        </mj-accordion-panel>\n                    }\n\n                    <!-- Hierarchy Panel (for parent/child relationships) -->\n                    @if (record.ParentID || childRuns.length > 0) {\n                        <mj-accordion-panel SectionKey=\"hierarchy\" SectionTitle=\"Run Hierarchy\" SectionIcon=\"fa-solid fa-sitemap\" [Expanded]=\"hierarchyExpanded\" style=\"margin-bottom: 8px;\">\n                            <ng-template mjAccordionTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-sitemap\"></i>\n                                    Run Hierarchy\n                                    @if (childRuns.length > 0) {\n                                        <span class=\"panel-count\">({{ childRuns.length }} children)</span>\n                                    }\n                                </span>\n                            </ng-template>\n                                <div class=\"panel-content\">\n                                    @if (parentRun) {\n                                        <div class=\"parent-run-section\">\n                                            <h4><i class=\"fa-solid fa-level-up-alt\"></i> Parent Run</h4>\n                                            <div class=\"run-item parent\" (click)=\"navigateToEntity('MJ: AI Prompt Runs', parentRun.ID)\">\n                                                <div class=\"run-item-icon\" [style.background-color]=\"getStatusColor() + '20'\">\n                                                    <i [class]=\"'fa-solid ' + getRunTypeIcon(parentRun.RunType)\"></i>\n                                                </div>\n                                                <div class=\"run-item-content\">\n                                                    <div class=\"run-item-title\">\n                                                        Parent Run #{{ parentRun.ID.substring(0, 8) }}\n                                                        <span class=\"run-item-type\">{{ parentRun.RunType }}</span>\n                                                    </div>\n                                                    <div class=\"run-item-meta\">\n                                                        <span><i class=\"fa-solid fa-clock\"></i> {{ formatDuration(parentRun.ExecutionTimeMS) }}</span>\n                                                        <span><i class=\"fa-solid fa-coins\"></i> {{ formatTokens(parentRun.TokensUsed) }}</span>\n                                                        <span><i class=\"fa-solid fa-calendar\"></i> {{ parentRun.RunAt | date:'short' }}</span>\n                                                    </div>\n                                                </div>\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (childRuns.length > 0) {\n                                        <div class=\"child-runs-section\">\n                                            <h4><i class=\"fa-solid fa-level-down-alt\"></i> Child Runs</h4>\n                                            <div class=\"runs-list\">\n                                                @for (childRun of childRuns; track childRun.ID) {\n                                                    <div class=\"run-item child\" (click)=\"navigateToEntity('MJ: AI Prompt Runs', childRun.ID)\">\n                                                        <div class=\"run-item-icon\" [style.background-color]=\"getStatusColor() + '20'\">\n                                                            <i [class]=\"'fa-solid ' + getRunTypeIcon(childRun.RunType)\"></i>\n                                                        </div>\n                                                        <div class=\"run-item-content\">\n                                                            <div class=\"run-item-title\">\n                                                                Child Run #{{ childRun.ID.substring(0, 8) }}\n                                                                @if (childRun.ExecutionOrder !== null) {\n                                                                    <span class=\"execution-order\">#{{ childRun.ExecutionOrder }}</span>\n                                                                }\n                                                                <span class=\"run-item-type\">{{ childRun.RunType }}</span>\n                                                            </div>\n                                                            <div class=\"run-item-meta\">\n                                                                <span class=\"status-indicator\" [style.color]=\"getStatusColor()\">\n                                                                    <i [class]=\"'fa-solid ' + getStatusIcon()\"></i>\n                                                                    {{ childRun.Success ? 'Success' : childRun.ErrorMessage ? 'Failed' : 'Running' }}\n                                                                </span>\n                                                                <span><i class=\"fa-solid fa-clock\"></i> {{ formatDuration(childRun.ExecutionTimeMS) }}</span>\n                                                                <span><i class=\"fa-solid fa-coins\"></i> {{ formatTokens(childRun.TokensUsed) }}</span>\n                                                            </div>\n                                                        </div>\n                                                        <i class=\"fa-solid fa-external-link\"></i>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                        </mj-accordion-panel>\n                    }\n\n                    <!-- Additional Details Panel -->\n                    <mj-accordion-panel SectionKey=\"details\" SectionTitle=\"Additional Details\" SectionIcon=\"fa-solid fa-info-circle\" [Expanded]=\"false\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-info-circle\"></i>\n                                Additional Details\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                <div class=\"detail-fields-grid\">\n                                    @if (record.AgentID) {\n                                        <div class=\"detail-field\">\n                                            <label>Agent</label>\n                                            <div class=\"detail-value clickable\" (click)=\"navigateToEntity('MJ: AI Agents', record.AgentID)\" title=\"View Agent\">\n                                                <i class=\"fa-solid fa-robot\"></i>\n                                                {{ record.Agent || 'Unknown' }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    \n                                    @if (record.RunType) {\n                                        <div class=\"detail-field\">\n                                            <label>Run Type</label>\n                                            <div class=\"detail-value\">\n                                                <i [class]=\"'fa-solid ' + getRunTypeIcon(record.RunType)\"></i>\n                                                {{ record.RunType }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.ResponseFormat) {\n                                        <div class=\"detail-field\">\n                                            <label>Response Format</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-code\"></i>\n                                                {{ record.ResponseFormat }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Temperature</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.Temperature === null || record.Temperature === undefined\">\n                                            <i class=\"fa-solid fa-temperature-high\"></i>\n                                            {{ record.Temperature !== null && record.Temperature !== undefined ? record.Temperature : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Top P</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.TopP === null || record.TopP === undefined\">\n                                            <i class=\"fa-solid fa-percentage\"></i>\n                                            {{ record.TopP !== null && record.TopP !== undefined ? record.TopP : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Top K</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.TopK === null || record.TopK === undefined\">\n                                            <i class=\"fa-solid fa-list-ol\"></i>\n                                            {{ record.TopK !== null && record.TopK !== undefined ? record.TopK : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Min P</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.MinP === null || record.MinP === undefined\">\n                                            <i class=\"fa-solid fa-filter\"></i>\n                                            {{ record.MinP !== null && record.MinP !== undefined ? record.MinP : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Frequency Penalty</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.FrequencyPenalty === null || record.FrequencyPenalty === undefined\">\n                                            <i class=\"fa-solid fa-repeat\"></i>\n                                            {{ record.FrequencyPenalty !== null && record.FrequencyPenalty !== undefined ? record.FrequencyPenalty : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Presence Penalty</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.PresencePenalty === null || record.PresencePenalty === undefined\">\n                                            <i class=\"fa-solid fa-plus-circle\"></i>\n                                            {{ record.PresencePenalty !== null && record.PresencePenalty !== undefined ? record.PresencePenalty : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Seed</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.Seed === null || record.Seed === undefined\">\n                                            <i class=\"fa-solid fa-seedling\"></i>\n                                            {{ record.Seed !== null && record.Seed !== undefined ? record.Seed : '\u2014' }}\n                                        </div>\n                                    </div>\n\n                                    <div class=\"detail-field\">\n                                        <label>Stop Sequences</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"!record.StopSequences\">\n                                            <i class=\"fa-solid fa-stop-circle\"></i>\n                                            {{ record.StopSequences || '\u2014' }}\n                                        </div>\n                                    </div>\n\n                                    <div class=\"detail-field\">\n                                        <label>Assistant Prefill</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"!record.AssistantPrefill\">\n                                            <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n                                            {{ record.AssistantPrefill || '\u2014' }}\n                                        </div>\n                                    </div>\n\n                                    @if (record.RunAt) {\n                                        <div class=\"detail-field\">\n                                            <label>Started At</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-clock\"></i>\n                                                {{ record.RunAt | date:'medium' }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.CompletedAt) {\n                                        <div class=\"detail-field\">\n                                            <label>Completed At</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-check-circle\"></i>\n                                                {{ record.CompletedAt | date:'medium' }}\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                    </mj-accordion-panel>\n\n                    <!-- Model Specific Response Details Panel -->\n                    @if (record.ModelSpecificResponseDetails) {\n                        <mj-accordion-panel SectionKey=\"model-response\" SectionTitle=\"Model Specific Response Details\" SectionIcon=\"fa-solid fa-microchip\" [Expanded]=\"modelSpecificExpanded\" (ExpandedChange)=\"onModelSpecificPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                            <ng-template mjAccordionTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-microchip\"></i>\n                                    Model Specific Response Details\n                                    <span class=\"panel-badge\">JSON</span>\n                                </span>\n                            </ng-template>\n                                <div class=\"panel-content\">\n                                    <div class=\"json-editor-container\">\n                                        <div class=\"json-toolbar\">\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"copyToClipboard(formattedModelSpecificResponseDetails, 'Model Specific Response Details')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\n                                            </button>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedModelSpecificResponseDetails, 'json', 'Model Specific Response Details')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <mj-code-editor \n                                            [(ngModel)]=\"formattedModelSpecificResponseDetails\"\n                                            name=\"formattedModelSpecificResponseDetails\"\n                                            [readonly]=\"true\"\n                                            [language]=\"'json'\"\n                                            [lineWrapping]=\"true\"\n                                            style=\"height: 400px; width: 100%;\">\n                                        </mj-code-editor>\n                                    </div>\n                                </div>\n                        </mj-accordion-panel>\n                    }\n\n                    <!-- Model Selection & Performance Panel (v2.78 fields) -->\n                    <mj-accordion-panel SectionKey=\"model-selection\" SectionTitle=\"Model Selection &amp; Performance\" SectionIcon=\"fa-solid fa-microchip\" [Expanded]=\"false\" (ExpandedChange)=\"onModelSelectionPanelToggle($event)\" style=\"margin-bottom: 8px;\">\n                        <ng-template mjAccordionTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-microchip\"></i>\n                                Model Selection &amp; Performance\n                                @if (record.CacheHit) {\n                                    <span class=\"panel-badge success\">Cached</span>\n                                }\n                                @if (record.WasSelectedResult) {\n                                    <span class=\"panel-badge success\">Selected</span>\n                                }\n                            </span>\n                        </ng-template>\n                            <div class=\"panel-content\">\n                                <div class=\"detail-fields-grid\">\n                                    <!-- Model Selection Details -->\n                                    <div class=\"detail-field\">\n                                        <label>Status</label>\n                                        <div class=\"detail-value\">\n                                            <i class=\"fa-solid fa-info-circle\"></i>\n                                            {{ record.Status || 'Unknown' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Selection Strategy</label>\n                                        <div class=\"detail-value\">\n                                            <i class=\"fa-solid fa-strategy\"></i>\n                                            {{ record.SelectionStrategy || '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Model Power Rank</label>\n                                        <div class=\"detail-value\" [class.null-value]=\"record.ModelPowerRank === null\">\n                                            <i class=\"fa-solid fa-ranking-star\"></i>\n                                            {{ record.ModelPowerRank !== null ? record.ModelPowerRank : '\u2014' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <!-- Cache Information -->\n                                    <div class=\"detail-field\">\n                                        <label>Cache Hit</label>\n                                        <div class=\"detail-value\">\n                                            <i [class]=\"record.CacheHit ? 'fa-solid fa-check-circle' : 'fa-solid fa-times-circle'\"></i>\n                                            {{ record.CacheHit ? 'Yes' : 'No' }}\n                                        </div>\n                                    </div>\n                                    \n                                    @if (record.CacheKey) {\n                                        <div class=\"detail-field full-width\">\n                                            <label>Cache Key</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-key\"></i>\n                                                <code>{{ record.CacheKey }}</code>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <!-- Judge Information -->\n                                    @if (record.JudgeID) {\n                                        <div class=\"detail-field\">\n                                            <label>Judge Prompt</label>\n                                            <div class=\"detail-value clickable\" (click)=\"navigateToEntity('MJ: AI Prompts', record.JudgeID)\" title=\"View Judge Prompt\">\n                                                <i class=\"fa-solid fa-gavel\"></i>\n                                                {{ record.Judge || 'Unknown' }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.JudgeScore !== null) {\n                                        <div class=\"detail-field\">\n                                            <label>Judge Score</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-star\"></i>\n                                                {{ record.JudgeScore }}\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    <div class=\"detail-field\">\n                                        <label>Was Selected Result</label>\n                                        <div class=\"detail-value\">\n                                            <i [class]=\"record.WasSelectedResult ? 'fa-solid fa-trophy' : 'fa-solid fa-times'\"></i>\n                                            {{ record.WasSelectedResult ? 'Yes' : 'No' }}\n                                        </div>\n                                    </div>\n                                    \n                                    <!-- Performance Metrics -->\n                                    <div class=\"detail-field\">\n                                        <label>Streaming Enabled</label>\n                                        <div class=\"detail-value\">\n                                            <i [class]=\"record.StreamingEnabled ? 'fa-solid fa-stream' : 'fa-solid fa-ban'\"></i>\n                                            {{ record.StreamingEnabled ? 'Yes' : 'No' }}\n                                        </div>\n                                    </div>\n                                    \n                                    @if (record.FirstTokenTime !== null) {\n                                        <div class=\"detail-field\">\n                                            <label>First Token Time</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-bolt\"></i>\n                                                {{ record.FirstTokenTime }} ms\n                                            </div>\n                                        </div>\n                                    }\n                                    \n                                    @if (record.Cancelled) {\n                                        <div class=\"detail-field\">\n                                            <label>Cancelled</label>\n                                            <div class=\"detail-value error\">\n                                                <i class=\"fa-solid fa-ban\"></i>\n                                                Yes\n                                            </div>\n                                        </div>\n                                        \n                                        @if (record.CancellationReason) {\n                                            <div class=\"detail-field full-width\">\n                                                <label>Cancellation Reason</label>\n                                                <div class=\"detail-value\">\n                                                    <i class=\"fa-solid fa-exclamation-circle\"></i>\n                                                    {{ record.CancellationReason }}\n                                                </div>\n                                            </div>\n                                        }\n                                    }\n                                </div>\n                                \n                                <!-- Model Selection JSON -->\n                                @if (record.ModelSelection) {\n                                    <div class=\"model-selection-json\">\n                                        <div class=\"json-toolbar\">\n                                            <h4 style=\"margin: 0;\">Model Selection Details</h4>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedModelSelection, 'json', 'Model Selection')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <div class=\"json-viewer-container\">\n                                            <mj-code-editor\n                                                [(ngModel)]=\"formattedModelSelection\"\n                                                name=\"formattedModelSelection\"\n                                                [readonly]=\"true\"\n                                                [language]=\"'json'\"\n                                                [lineWrapping]=\"true\"\n                                                style=\"height: 300px; width: 100%;\">\n                                            </mj-code-editor>\n                                        </div>\n                                    </div>\n                                }\n                                \n                                <!-- Error Details JSON -->\n                                @if (record.ErrorDetails) {\n                                    <div class=\"error-details-json\">\n                                        <div class=\"json-toolbar\">\n                                            <h4 style=\"margin: 0;\">Error Details</h4>\n                                            <button mjButton\n                                                variant=\"flat\"\n                                                size=\"sm\"\n                                                (click)=\"openFullScreen(formattedErrorDetails, 'json', 'Error Details')\"\n                                                title=\"View full screen\">\n                                                <i class=\"fa-solid fa-expand\"></i>\n                                            </button>\n                                        </div>\n                                        <div class=\"json-viewer-container\">\n                                            <mj-code-editor\n                                                [(ngModel)]=\"formattedErrorDetails\"\n                                                name=\"formattedErrorDetails\"\n                                                [readonly]=\"true\"\n                                                [language]=\"'json'\"\n                                                [lineWrapping]=\"true\"\n                                                style=\"height: 200px; width: 100%;\">\n                                            </mj-code-editor>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                    </mj-accordion-panel>\n\n                </mj-accordion-sections>\n            </div>\n        </form>\n</mj-record-form-container>\n}\n\n<!-- Full-screen overlay -->\n    @if (FullScreenContent) {\n        <div class=\"fullscreen-overlay\" (click)=\"closeFullScreen()\">\n            <div class=\"fullscreen-container\" (click)=\"$event.stopPropagation()\">\n                <div class=\"fullscreen-header\">\n                    <span class=\"fullscreen-title\">\n                        <i class=\"fa-solid fa-expand\"></i>\n                        {{ FullScreenTitle }}\n                    </span>\n                    <div class=\"fullscreen-actions\">\n                        <button mjButton\n                            variant=\"flat\"\n                            size=\"sm\"\n                            (click)=\"copyToClipboard(FullScreenContent, FullScreenTitle)\"\n                            title=\"Copy content\">\n                            <i class=\"fa-solid fa-copy\"></i> Copy\n                        </button>\n                        <button mjButton\n                            variant=\"flat\"\n                            size=\"sm\"\n                            (click)=\"closeFullScreen()\"\n                            title=\"Close\">\n                            <i class=\"fa-solid fa-times\"></i> Close\n                        </button>\n                    </div>\n                </div>\n                <div class=\"fullscreen-body\">\n                    <mj-code-editor\n                        [value]=\"FullScreenContent\"\n                        [readonly]=\"true\"\n                        [language]=\"FullScreenLanguage\"\n                        style=\"height: 100%; width: 100%;\">\n                    </mj-code-editor>\n                </div>\n            </div>\n        </div>\n    }", styles: ["/* Host and Container Layout */\n:host {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0 !important;\n    overflow: hidden;\n}\n\n.form-content {\n    padding: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n}\n\n/* Error Info Styles */\n.error-info {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 8px;\n}\n\n.finish-reason {\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error);\n    font-size: 14px;\n}\n\n.error-details {\n    margin-top: 12px;\n}\n\n.error-details h4 {\n    margin: 0 0 8px 0;\n    color: color-mix(in srgb, var(--mj-status-error) 80%, black);\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint {\n    margin: 0;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, black);\n    font-size: 14px;\n    font-style: italic;\n}\n\n/* Header Section */\n.prompt-run-header {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 2px solid var(--mj-border-default);\n    padding: 20px;\n    margin-bottom: 0;\n}\n\n.header-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n    margin-bottom: 16px;\n}\n\n.run-overview {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1;\n    min-width: 0; /* a flex child; without this it cannot shrink below its title row */\n}\n\n.run-icon-wrapper {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-icon-wrapper i {\n    font-size: 24px;\n}\n\n.run-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-title {\n    margin: 0 0 8px 0;\n    font-size: 1.5em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id {\n    font-size: 0.8em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n/* Shared meta-card style (Status, Execution, single Prompt) */\n.meta-card {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n}\n\n.meta-card-body {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.meta-card-body.clickable {\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.meta-card-body.clickable:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n/* Status indicator dot */\n.status-indicator {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n/* C3 Stacked Connector \u2014 Prompt Card */\n.prompt-card-c3 {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.c3-child-section {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 0.92em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-child-section:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.c3-child-section i.prompt-icon {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.c3-divider {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 14px;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-line {\n    flex: 1;\n    height: 1px;\n    background: var(--mj-border-default);\n}\n\n.c3-divider-label {\n    font-size: 0.55rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--mj-text-disabled);\n    white-space: nowrap;\n}\n\n.c3-parent-section {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px 9px 14px;\n    font-size: 0.76em;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.c3-parent-section:hover {\n    color: var(--mj-text-secondary);\n}\n\n.c3-parent-section i {\n    font-size: 0.75rem;\n}\n\n.c3-link-icon {\n    margin-left: auto;\n    font-size: 0.6rem !important;\n    opacity: 0.4;\n}\n\n.c3-parent-section:hover .c3-link-icon {\n    opacity: 0.8;\n}\n\n/* C3 Model Card */\n.model-card-c3 {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: border-color 0.15s;\n}\n\n.model-card-c3:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.c3-card-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.c3-card-body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.c3-model-name {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.c3-model-name i {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.c3-vendor-name {\n    font-size: 0.72em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    padding-left: 22px;\n}\n\n.original-run {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    font-size: 0.85em;\n}\n\n.original-link {\n    color: var(--mj-status-error);\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link:hover {\n    color: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    text-decoration: underline;\n}\n\n.run-actions {\n    display: flex;\n    gap: 8px;\n}\n\n/* Metrics Bar */\n.metrics-bar {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-wrap: wrap;\n}\n\n.metric-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.metric-item > i {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n    width: 24px;\n    text-align: center;\n}\n\n.metric-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.metric-label {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.metric-value {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.config-link {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n    text-decoration: underline;\n}\n\n/* Panels */\n.form-content {\n    padding: 16px;\n}\n\n/* The panels sit inside mj-accordion-sections (the phone section picker's host). Keep them in a flex\n   column on desktop too, as they were as direct flex children of .form-content: in a plain block their\n   margins collapse and the gap between panels halves. */\n.form-content mj-accordion-sections {\n    display: flex;\n    flex-direction: column;\n}\n\n.panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n/* Nested Sub-Panel Styles */\n.sub-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95em;\n}\n\n.sub-panel-content {\n    padding: 0;\n}\n\n/* Nested accordion panel styles */\n.nested-panels mj-accordion-panel {\n    margin-bottom: 8px;\n}\n\n/* Ensure chat message viewer takes appropriate height */\n.sub-panel-content mj-chat-message-viewer {\n    display: block;\n    min-height: 200px;\n    max-height: 750px; /* Increased by 50% from 500px */\n    height: auto;\n    overflow: hidden;\n}\n\n/* Different colors for sub-expansion panels */\n.sub-expansion-panel {\n    margin-bottom: 8px;\n}\n\n/* Sub-expansion panel styles */\n.sub-expansion-panel {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.panel-badge {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.panel-count {\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.panel-content {\n    padding: 20px;\n    max-height: none !important;\n    overflow: visible !important;\n}\n\n/* JSON Editor Container */\n.json-editor-container {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar {\n    background: var(--mj-bg-surface-card);\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: flex-end;\n}\n\n/* Error Message */\n.error-message {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n.error-message i {\n    font-size: 1.5em;\n    color: var(--mj-status-error);\n    flex-shrink: 0;\n}\n\n.error-content h4 {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 1em;\n}\n\n.error-content p {\n    margin: 0;\n    color: var(--mj-text-secondary);\n}\n\n/* Loading State */\n.loading-state {\n    text-align: center;\n    padding: 60px 40px;\n    color: var(--mj-text-muted);\n}\n\n.loading-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: var(--mj-brand-primary);\n}\n\n.loading-state p {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n/* Metrics Grid */\n.metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    margin-bottom: 24px;\n}\n\n.metric-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 20px;\n}\n\n.metric-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.metric-header i {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n}\n\n.metric-header h4 {\n    margin: 0;\n    font-size: 0.9em;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.metric-value.large {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.metric-rollup {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.metric-currency {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n}\n\n/* Additional Metrics */\n.additional-metrics {\n    padding-top: 16px;\n}\n\n.metric-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.metric-row:last-child {\n    border-bottom: none;\n}\n\n.metric-row .metric-label {\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.metric-row .metric-value {\n    font-weight: 400;\n    color: var(--mj-text-primary);\n}\n\n.metric-row .metric-value.link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n\n.metric-row .metric-value.link:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n}\n\n/* Hierarchy Section */\n.parent-run-section,\n.child-runs-section {\n    margin-bottom: 24px;\n}\n\n.parent-run-section:last-child,\n.child-runs-section:last-child {\n    margin-bottom: 0;\n}\n\n.parent-run-section h4,\n.child-runs-section h4 {\n    margin: 0 0 12px 0;\n    font-size: 0.95em;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.runs-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.run-item {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.run-item:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n}\n\n.run-item.parent {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.run-item.parent:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n}\n\n.run-item-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-item-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-item-title {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order {\n    background: var(--mj-text-muted);\n    color: var(--mj-text-inverse);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 600;\n}\n\n.run-item-type {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n.run-item-meta {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.run-item-meta span {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.status-indicator {\n    font-weight: 500;\n}\n\n.run-item > i:last-child {\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n/* Detail Fields Grid */\n.detail-fields-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    width: 100%;\n    min-height: auto;\n    overflow: visible;\n}\n\n.detail-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.detail-field label {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1em;\n    color: var(--mj-text-primary);\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value i:first-child {\n    color: var(--mj-text-muted);\n    font-size: 1.1em;\n    width: 20px;\n    text-align: center;\n}\n\n.detail-value.clickable {\n    cursor: pointer;\n}\n\n.detail-value.clickable:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-brand-primary);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.detail-value.clickable i:last-child {\n    margin-left: auto;\n    font-size: 0.85em;\n    opacity: 0.6;\n}\n\n.detail-value.clickable:hover i:last-child {\n    opacity: 1;\n}\n\n.detail-value.null-value {\n    color: var(--mj-text-disabled);\n    font-style: italic;\n}\n\n.detail-value.null-value i:first-child {\n    opacity: 0.5;\n}\n\n/* Accordion Panel Overrides */\nmj-accordion-panel {\n    display: block;\n}\n\n/* Validation Panel Styles */\n.validation-summary {\n    margin-bottom: 24px;\n}\n\n.summary-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.summary-header h4 {\n    margin: 0;\n    font-size: 1.1em;\n    color: var(--mj-text-primary);\n}\n\n.validation-status {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-weight: 500;\n    font-size: 0.9em;\n}\n\n.validation-status.success {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.validation-status.failed {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.validation-metrics {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.metric-card.small {\n    padding: 16px;\n    text-align: center;\n}\n\n.metric-card.small .metric-label {\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.metric-card.small .metric-value {\n    font-size: 1.4em;\n    font-weight: 700;\n}\n\n.validation-error,\n.common-error {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.validation-error h5,\n.common-error h5 {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.validation-error p,\n.common-error p {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: 0.9em;\n}\n\n.error-count {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n/* Retry Timeline */\n.retry-timeline {\n    margin-bottom: 24px;\n}\n\n.retry-timeline h4 {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-info {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.timeline-stat {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.timeline-stat i {\n    font-size: 1.1em;\n}\n\n/* Validation Attempts */\n.validation-attempts {\n    margin-bottom: 24px;\n}\n\n.validation-attempts h4 {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.attempts-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.attempt-item.success {\n    background: color-mix(in srgb, var(--mj-status-success) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 18%, var(--mj-bg-surface));\n}\n\n.attempt-item.failed {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n}\n\n.attempt-number {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.attempt-item.success .attempt-number {\n    color: var(--mj-status-success);\n}\n\n.attempt-item.failed .attempt-number {\n    color: var(--mj-status-error);\n}\n\n.attempt-details {\n    flex: 1;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 0.85em;\n}\n\n.attempt-time {\n    color: var(--mj-text-muted);\n}\n\n.attempt-error {\n    color: var(--mj-status-error);\n    flex: 1 0 100%;\n}\n\n.output-length {\n    color: var(--mj-text-muted);\n    font-style: italic;\n}\n\n/* Validation JSON */\n.validation-json {\n    margin-top: 24px;\n}\n\n.validation-json h4 {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.json-viewer-container {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Panel badge styles */\n.panel-badge.success {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n/* Full-screen overlay */\n.fullscreen-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title i {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-body {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body mj-code-editor {\n    display: block;\n    height: 100%;\n}\n\n/* Phone (375px): the Re-Run / Refresh row drops under the title instead of overflowing. */\n@media (max-width: 768px) {\n  .header-content {\n    flex-wrap: wrap;\n  }\n\n  .run-actions {\n    flex-basis: 100%;\n  }\n}\n\n/* Phone: sections sit at the page gutter; the desktop panel padding would indent them twice.\n   The hero's title row (\"Prompt Run\", the id, the status chip) wraps at a phone size, beside\n   a smaller icon. */\n@media (max-width: 768px) {\n    .run-overview {\n        gap: 10px;\n    }\n\n    .run-icon-wrapper {\n        width: 40px;\n        height: 40px;\n        border-radius: 10px;\n    }\n\n    .run-title {\n        flex-wrap: wrap;\n        row-gap: 4px;\n        font-size: 1.15em;\n    }\n\n    .form-content {\n        padding: 12px;\n    }\n\n    .form-content .panel-content {\n        padding: 0;\n    }\n}\n", "/* ============================================\n   PHONE HERO (design call 6A), shared by the custom forms that own a hero.\n   Under 768px the hero keeps icon, name, status and the primary action. Anything tagged\n   .phone-hero-detail hides while the hero is compact and comes back when the summary line is\n   tapped. Edit mode is untouched: the host only gets .hero-compact / .hero-view in view mode.\n   Host:    .phone-hero [class.hero-view]=\"!EditMode\" [class.hero-compact]=\"!EditMode && !HeroDetailsOpen\"\n   Tags:    .phone-hero-detail  hidden while compact\n            .phone-hero-hide    hidden in view mode (said elsewhere on the phone hero)\n            .phone-hero-only    shown only on phones\n            .phone-hero-top     a title + action row that stacks\n            .phone-hero-actions / .phone-hero-run   the primary action, full width at 44px\n            .phone-hero-stats   a metric row that reflows to a 2-up grid when the hero is expanded\n            .phone-hero-status  a status chip in the identity row (with .phone-hero-only)\n   ============================================ */\n.phone-hero-summary,\n.phone-hero-only {\n    display: none;\n}\n\n@media (max-width: 768px) {\n    .phone-hero {\n        padding: 12px !important;\n    }\n\n    /* !important: several heroes carry inline display/padding styles on these rows */\n    .phone-hero.hero-compact .phone-hero-detail,\n    .phone-hero.hero-view .phone-hero-hide {\n        display: none !important;\n    }\n\n    .phone-hero-only {\n        display: inline-flex;\n    }\n\n    /* Lower specificity than the compact rule above, so a compact hero still hides it */\n    .phone-hero .phone-hero-stats {\n        display: grid !important;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .phone-hero-status {\n        align-items: center;\n        gap: 4px;\n        margin-left: 8px;\n        padding: 2px 8px;\n        border-radius: var(--mj-radius-full, 999px);\n        color: var(--mj-text-secondary);\n        background: var(--mj-bg-surface-sunken);\n        font-size: var(--mj-text-xs);\n        font-weight: var(--mj-font-semibold);\n        vertical-align: middle;\n        white-space: nowrap;\n    }\n\n    /* data-status comes from RunStatusKind(); the -text / -bg pairs keep contrast in both themes */\n    .phone-hero-status[data-status=\"running\"] { color: var(--mj-status-warning-text); background: var(--mj-status-warning-bg); }\n    .phone-hero-status[data-status=\"success\"] { color: var(--mj-status-success-text); background: var(--mj-status-success-bg); }\n    .phone-hero-status[data-status=\"error\"]   { color: var(--mj-status-error-text);   background: var(--mj-status-error-bg); }\n    .phone-hero-status[data-status=\"info\"]    { color: var(--mj-status-info-text);    background: var(--mj-status-info-bg); }\n\n    .phone-hero-top {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 10px;\n    }\n\n    .phone-hero-actions {\n        width: 100%;\n    }\n\n    .phone-hero .phone-hero-run {\n        width: 100%;\n        min-height: 44px;\n        justify-content: center;\n    }\n\n    /* Inherits the hero's text colour, so it reads on light heroes and on the brand-blue\n       Queries hero alike; a muted token would be grey on blue. */\n    .phone-hero-summary {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        min-height: 44px;\n        margin-top: 8px;\n        padding: 0 4px;\n        border: 0;\n        border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-size: var(--mj-text-sm);\n        text-align: left;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n\n    .phone-hero-summary:focus-visible {\n        outline: none;\n        box-shadow: var(--mj-focus-ring);\n    }\n\n    .phone-hero-summary-text {\n        flex: 1 1 auto;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .phone-hero-summary > i {\n        flex-shrink: 0;\n        transition: transform 0.15s ease;\n    }\n\n    .phone-hero-summary[aria-expanded=\"true\"] > i {\n        transform: rotate(180deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .phone-hero-summary > i {\n        transition: none;\n    }\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJAIPromptRunFormComponentExtended, { className: "MJAIPromptRunFormComponentExtended", filePath: "src/lib/custom/AIPromptRuns/ai-prompt-run-form.component.ts", lineNumber: 21 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJAIPromptRunFormComponentExtended, { className: "MJAIPromptRunFormComponentExtended", filePath: "src/lib/custom/AIPromptRuns/ai-prompt-run-form.component.ts", lineNumber: 23 }); })();
 //# sourceMappingURL=ai-prompt-run-form.component.js.map