@memberjunction/ng-core-entity-forms 2.78.0 → 2.80.0

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
@@ -34,7 +34,7 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_11_Template(
     i0.ɵɵtextInterpolate1("#", ctx_r1.record.ID.substring(0, 8), "");
 } }
 function AIPromptRunFormComponentExtended_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelementStart(0, "span", 30);
     i0.ɵɵelement(1, "i");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -48,9 +48,9 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_16_Template(
 } }
 function AIPromptRunFormComponentExtended_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵelementStart(0, "span", 31);
     i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_17_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Prompts", ctx_r1.prompt.ID)); });
-    i0.ɵɵelement(1, "i", 39);
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -60,9 +60,9 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_17_Template(
 } }
 function AIPromptRunFormComponentExtended_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵelementStart(0, "span", 33);
     i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_18_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Models", ctx_r1.model.ID)); });
-    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelement(1, "i", 34);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -72,9 +72,9 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_18_Template(
 } }
 function AIPromptRunFormComponentExtended_Conditional_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelementStart(0, "span", 35);
     i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_19_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Vendors", ctx_r1.record.VendorID)); });
-    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵelement(1, "i", 36);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -85,45 +85,214 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_19_Template(
 function AIPromptRunFormComponentExtended_Conditional_1_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵelement(1, "i", 44);
-    i0.ɵɵelementStart(2, "a", 45);
+    i0.ɵɵelement(1, "i", 37);
+    i0.ɵɵelementStart(2, "a", 38);
     i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_20_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 AIPromptRunFormComponentExtended_Conditional_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵelement(1, "i", 46);
-    i0.ɵɵelementStart(2, "div", 26)(3, "div", 27);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 48);
+    i0.ɵɵelementStart(2, "div", 41)(3, "div", 42);
+    i0.ɵɵtext(4, "Temperature");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 43);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.Temperature);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵelementStart(2, "div", 41)(3, "div", 42);
+    i0.ɵɵtext(4, "Top P");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 43);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.TopP);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelementStart(2, "div", 41)(3, "div", 42);
+    i0.ɵɵtext(4, "Top K");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 43);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.TopK);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 51);
+    i0.ɵɵelementStart(2, "div", 41)(3, "div", 42);
+    i0.ɵɵtext(4, "Response Format");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 43);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.ResponseFormat);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 52);
+    i0.ɵɵelementStart(2, "div", 41)(3, "div", 42);
     i0.ɵɵtext(4, "Started");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 28);
+    i0.ɵɵelementStart(5, "div", 43);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "date");
     i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 1, ctx_r1.record.RunAt, "short"));
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 39);
+    i0.ɵɵelement(2, "i", 40);
+    i0.ɵɵelementStart(3, "div", 41)(4, "div", 42);
+    i0.ɵɵtext(5, "Configuration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 43)(7, "a", 44);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_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.ɵɵtemplate(9, AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_9_Template, 7, 1, "div", 39)(10, AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_10_Template, 7, 1, "div", 39)(11, AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_11_Template, 7, 1, "div", 39)(12, AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_12_Template, 7, 1, "div", 39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 23)(14, "div", 39);
+    i0.ɵɵelement(15, "i", 45);
+    i0.ɵɵelementStart(16, "div", 41)(17, "div", 42);
+    i0.ɵɵtext(18, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 43);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "div", 39);
+    i0.ɵɵelement(22, "i", 46);
+    i0.ɵɵelementStart(23, "div", 41)(24, "div", 42);
+    i0.ɵɵtext(25, "Total Tokens");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 43);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(28, "div", 39);
+    i0.ɵɵelement(29, "i", 47);
+    i0.ɵɵelementStart(30, "div", 41)(31, "div", 42);
+    i0.ɵɵtext(32, "Cost");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "div", 43);
+    i0.ɵɵtext(34);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(35, AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Conditional_35_Template, 8, 4, "div", 39);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Configuration || "Unknown", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.Temperature !== null && ctx_r1.record.Temperature !== undefined ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.TopP !== null && ctx_r1.record.TopP !== undefined ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.TopK !== null && ctx_r1.record.TopK !== undefined ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ResponseFormat ? 12 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.ExecutionTimeMS));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensUsed));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatCost(ctx_r1.record.TotalCost || ctx_r1.record.Cost));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.RunAt ? 35 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_28_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 52);
+    i0.ɵɵelementStart(2, "div", 41)(3, "div", 42);
+    i0.ɵɵtext(4, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 43);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "date");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 1, ctx_r1.record.RunAt, "short"));
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_53_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 39);
+    i0.ɵɵelement(2, "i", 45);
+    i0.ɵɵelementStart(3, "div", 41)(4, "div", 42);
+    i0.ɵɵtext(5, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 43);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 39);
+    i0.ɵɵelement(9, "i", 46);
+    i0.ɵɵelementStart(10, "div", 41)(11, "div", 42);
+    i0.ɵɵtext(12, "Total Tokens");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 43);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(15, "div", 39);
+    i0.ɵɵelement(16, "i", 47);
+    i0.ɵɵelementStart(17, "div", 41)(18, "div", 42);
+    i0.ɵɵtext(19, "Cost");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 43);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(22, AIPromptRunFormComponentExtended_Conditional_1_Conditional_28_Conditional_22_Template, 8, 4, "div", 39);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.ExecutionTimeMS));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensUsed));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatCost(ctx_r1.record.TotalCost || ctx_r1.record.Cost));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.RunAt ? 22 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_32_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 54);
     i0.ɵɵtext(1, "JSON");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵelement(1, "i", 39);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵtext(2, " Input ");
-    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_53_Conditional_3_Template, 2, 0, "span", 48);
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_32_Conditional_3_Template, 2, 0, "span", 54);
     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 AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 64);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -131,62 +300,62 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.chatMessages.length, ")");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 63);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Messages ");
-    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_2_Conditional_3_Template, 2, 1, "span", 64);
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_2_Conditional_3_Template, 2, 1, "span", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.chatMessages.length > 0 ? 3 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "i", 65);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "i", 71);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Loading messages...");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-chat-message-viewer", 56);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-chat-message-viewer", 62);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("messages", ctx_r1.chatMessages);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "i", 66);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵelement(1, "i", 72);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No chat messages found");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 54);
     i0.ɵɵtext(1, "Object");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 67);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵtext(2, " Data ");
-    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_8_Conditional_3_Template, 2, 0, "span", 48);
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_8_Conditional_3_Template, 2, 0, "span", 54);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.inputData ? 3 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58)(2, "button", 59);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_10_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedData, "Data")); });
-    i0.ɵɵelement(3, "i", 60);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 63)(1, "div", 64)(2, "button", 65);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_10_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedData, "Data")); });
+    i0.ɵɵelement(3, "i", 66);
     i0.ɵɵtext(4, " Copy ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "mj-code-editor", 68);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_10_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedData, $event) || (ctx_r1.formattedData = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(5, "mj-code-editor", 74);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_10_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedData, $event) || (ctx_r1.formattedData = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -194,40 +363,40 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Condition
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedData);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "i", 67);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No data object found");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 69);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵelement(1, "i", 51);
     i0.ɵɵtext(2, " Raw ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 50)(1, "kendo-expansionpanel", 52);
-    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_2_Template, 4, 1, "ng-template", 53);
-    i0.ɵɵelementStart(3, "div", 54);
-    i0.ɵɵtemplate(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_4_Template, 4, 0, "div", 55)(5, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_5_Template, 1, 1, "mj-chat-message-viewer", 56)(6, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_6_Template, 4, 0, "div", 51);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "kendo-expansionpanel", 52);
-    i0.ɵɵtemplate(8, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_8_Template, 4, 1, "ng-template", 53);
-    i0.ɵɵelementStart(9, "div", 54);
-    i0.ɵɵtemplate(10, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_10_Template, 6, 4, "div", 57)(11, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Conditional_11_Template, 4, 0, "div", 51);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "kendo-expansionpanel", 52);
-    i0.ɵɵtemplate(13, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_ng_template_13_Template, 3, 0, "ng-template", 53);
-    i0.ɵɵelementStart(14, "div", 54)(15, "div", 57)(16, "div", 58)(17, "button", 59);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedMessages, "Messages")); });
-    i0.ɵɵelement(18, "i", 60);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 56)(1, "kendo-expansionpanel", 58);
+    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_2_Template, 4, 1, "ng-template", 59);
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵtemplate(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_4_Template, 4, 0, "div", 61)(5, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_5_Template, 1, 1, "mj-chat-message-viewer", 62)(6, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_6_Template, 4, 0, "div", 57);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "kendo-expansionpanel", 58);
+    i0.ɵɵtemplate(8, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_8_Template, 4, 1, "ng-template", 59);
+    i0.ɵɵelementStart(9, "div", 60);
+    i0.ɵɵtemplate(10, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_10_Template, 6, 4, "div", 63)(11, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Conditional_11_Template, 4, 0, "div", 57);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "kendo-expansionpanel", 58);
+    i0.ɵɵtemplate(13, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_ng_template_13_Template, 3, 0, "ng-template", 59);
+    i0.ɵɵelementStart(14, "div", 60)(15, "div", 63)(16, "div", 64)(17, "button", 65);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedMessages, "Messages")); });
+    i0.ɵɵelement(18, "i", 66);
     i0.ɵɵtext(19, " Copy ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "mj-code-editor", 61);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Template_mj_code_editor_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedMessages, $event) || (ctx_r1.formattedMessages = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(20, "mj-code-editor", 67);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Template_mj_code_editor_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedMessages, $event) || (ctx_r1.formattedMessages = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -245,37 +414,37 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Condition
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedMessages);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "i", 66);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵelement(1, "i", 72);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No input messages recorded");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
-    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_1_Template, 21, 12, "div", 50)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Conditional_2_Template, 4, 0, "div", 51);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_1_Template, 21, 12, "div", 56)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Conditional_2_Template, 4, 0, "div", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.Messages && ctx_r1.record.Messages.trim() !== "" ? 1 : 2);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_35_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 54);
     i0.ɵɵtext(1, "JSON");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 71);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_35_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 76);
     i0.ɵɵtext(1, "Error");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵelement(1, "i", 70);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 75);
     i0.ɵɵtext(2, " Result ");
-    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Conditional_3_Template, 2, 0, "span", 48)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Conditional_4_Template, 2, 0, "span", 71);
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_35_Conditional_3_Template, 2, 0, "span", 54)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_35_Conditional_4_Template, 2, 0, "span", 76);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -284,10 +453,10 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Template(
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ErrorMessage ? 4 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72);
-    i0.ɵɵelement(1, "i", 73);
-    i0.ɵɵelementStart(2, "div", 74)(3, "h4");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵelement(1, "i", 78);
+    i0.ɵɵelementStart(2, "div", 79)(3, "h4");
     i0.ɵɵtext(4, "Error Message");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p");
@@ -298,15 +467,15 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Condition
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.record.ErrorMessage);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58)(2, "button", 59);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedResult, "Result")); });
-    i0.ɵɵelement(3, "i", 60);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 63)(1, "div", 64)(2, "button", 65);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedResult, "Result")); });
+    i0.ɵɵelement(3, "i", 66);
     i0.ɵɵtext(4, " Copy ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "mj-code-editor", 75);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_2_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedResult, $event) || (ctx_r1.formattedResult = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(5, "mj-code-editor", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_2_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedResult, $event) || (ctx_r1.formattedResult = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -314,16 +483,62 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Condition
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedResult);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "i", 76);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 83)(1, "strong");
+    i0.ɵɵtext(2, "Status:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "h4");
+    i0.ɵɵtext(2, "Error Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "mj-code-editor", 86);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.formattedErrorDetails)("disabled", true)("language", "json")("lineWrapping", true);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 85);
+    i0.ɵɵtext(1, " The prompt execution failed but no additional error information is available. ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Conditional_1_Template, 4, 1, "p", 83)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Conditional_2_Template, 4, 4, "div", 84)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Conditional_3_Template, 2, 0, "p", 85);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.Status ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.formattedErrorDetails ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.formattedErrorDetails ? 3 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵelement(1, "i", 81);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No result data recorded");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Conditional_4_Template, 4, 3, "div", 82);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.record.Status === "Failed" || ctx_r1.record.Success === false ? 4 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
-    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_1_Template, 7, 1, "div", 72)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_2_Template, 6, 4, "div", 57)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Conditional_3_Template, 4, 0, "div", 51);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_1_Template, 7, 1, "div", 77)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_2_Template, 6, 4, "div", 63)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Template, 5, 1, "div", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -332,14 +547,14 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Template(
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.Result && ctx_r1.record.Result.trim() !== "" ? 2 : !ctx_r1.record.ErrorMessage ? 3 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵelement(1, "i", 77);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 87);
     i0.ɵɵtext(2, " Token Usage & Metrics ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 83)(1, "span");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 93)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -347,8 +562,8 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensPromptRollup), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 83)(1, "span");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 93)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -356,8 +571,8 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensCompletionRollup), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 83)(1, "span");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 93)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -365,8 +580,8 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensUsedRollup), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 83)(1, "span");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 93)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -374,8 +589,8 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Total: ", ctx_r1.formatCost(ctx_r1.record.TotalCost), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -383,88 +598,120 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.CostCurrency);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87)(1, "span", 27);
-    i0.ɵɵtext(2, "Execution Order:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 28);
-    i0.ɵɵtext(4);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90);
+    i0.ɵɵelement(2, "i", 98);
+    i0.ɵɵelementStart(3, "h4");
+    i0.ɵɵtext(4, "Queue Time");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 92);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.record.ExecutionOrder);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.QueueTime));
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90);
+    i0.ɵɵelement(2, "i", 99);
+    i0.ɵɵelementStart(3, "h4");
+    i0.ɵɵtext(4, "Prompt Time");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 92);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.PromptTime));
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90);
+    i0.ɵɵelement(2, "i", 100);
+    i0.ɵɵelementStart(3, "h4");
+    i0.ɵɵtext(4, "Completion Time");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 92);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.CompletionTime));
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87)(1, "span", 27);
-    i0.ɵɵtext(2, "Configuration:");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 97)(1, "span", 42);
+    i0.ɵɵtext(2, "Execution Order:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 28);
+    i0.ɵɵelementStart(3, "span", 43);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.record.Configuration);
+    i0.ɵɵtextInterpolate(ctx_r1.record.ExecutionOrder);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 87)(1, "span", 27);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 97)(1, "span", 42);
     i0.ɵɵtext(2, "Agent:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 88);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_38_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Agents", ctx_r1.record.AgentID)); });
+    i0.ɵɵelementStart(3, "span", 101);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_40_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Agents", ctx_r1.record.AgentID)); });
     i0.ɵɵtext(4);
-    i0.ɵɵelement(5, "i", 89);
+    i0.ɵɵelement(5, "i", 102);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Agent, " ");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49)(1, "div", 78)(2, "div", 79)(3, "div", 80);
-    i0.ɵɵelement(4, "i", 81);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 88)(2, "div", 89)(3, "div", 90);
+    i0.ɵɵelement(4, "i", 91);
     i0.ɵɵelementStart(5, "h4");
     i0.ɵɵtext(6, "Prompt Tokens");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 82);
+    i0.ɵɵelementStart(7, "div", 92);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_9_Template, 3, 1, "div", 83);
+    i0.ɵɵtemplate(9, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_9_Template, 3, 1, "div", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 79)(11, "div", 80);
-    i0.ɵɵelement(12, "i", 84);
+    i0.ɵɵelementStart(10, "div", 89)(11, "div", 90);
+    i0.ɵɵelement(12, "i", 94);
     i0.ɵɵelementStart(13, "h4");
     i0.ɵɵtext(14, "Completion Tokens");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 82);
+    i0.ɵɵelementStart(15, "div", 92);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(17, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_17_Template, 3, 1, "div", 83);
+    i0.ɵɵtemplate(17, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_17_Template, 3, 1, "div", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 79)(19, "div", 80);
-    i0.ɵɵelement(20, "i", 29);
+    i0.ɵɵelementStart(18, "div", 89)(19, "div", 90);
+    i0.ɵɵelement(20, "i", 46);
     i0.ɵɵelementStart(21, "h4");
     i0.ɵɵtext(22, "Total Tokens");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 82);
+    i0.ɵɵelementStart(23, "div", 92);
     i0.ɵɵtext(24);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(25, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_25_Template, 3, 1, "div", 83);
+    i0.ɵɵtemplate(25, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_25_Template, 3, 1, "div", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 79)(27, "div", 80);
-    i0.ɵɵelement(28, "i", 30);
+    i0.ɵɵelementStart(26, "div", 89)(27, "div", 90);
+    i0.ɵɵelement(28, "i", 47);
     i0.ɵɵelementStart(29, "h4");
     i0.ɵɵtext(30, "Cost");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 82);
+    i0.ɵɵelementStart(31, "div", 92);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(33, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_33_Template, 3, 1, "div", 83)(34, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_34_Template, 2, 1, "div", 85);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(35, "div", 86);
-    i0.ɵɵtemplate(36, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_36_Template, 5, 1, "div", 87)(37, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_37_Template, 5, 1, "div", 87)(38, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Conditional_38_Template, 6, 1, "div", 87);
+    i0.ɵɵtemplate(33, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_33_Template, 3, 1, "div", 93)(34, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_34_Template, 2, 1, "div", 95);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(35, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_35_Template, 7, 1, "div", 89)(36, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_36_Template, 7, 1, "div", 89)(37, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_37_Template, 7, 1, "div", 89);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "div", 96);
+    i0.ɵɵtemplate(39, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_39_Template, 5, 1, "div", 97)(40, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Conditional_40_Template, 6, 1, "div", 97);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -486,15 +733,19 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Template(
     i0.ɵɵconditional(ctx_r1.record.TotalCost && ctx_r1.record.TotalCost !== ctx_r1.record.Cost ? 33 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.CostCurrency ? 34 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.record.ExecutionOrder !== null ? 36 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ConfigurationID ? 37 : -1);
+    i0.ɵɵconditional(ctx_r1.record.QueueTime != null ? 35 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.PromptTime != null ? 36 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.CompletionTime != null ? 37 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.record.ExecutionOrder !== null ? 39 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.AgentID ? 38 : -1);
+    i0.ɵɵconditional(ctx_r1.record.AgentID ? 40 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 64);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -502,21 +753,21 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.record.ValidationAttemptCount, " attempts)");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 91);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
     i0.ɵɵtext(1, "Passed");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 71);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 76);
     i0.ɵɵtext(1, "Failed");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵelement(1, "i", 90);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 103);
     i0.ɵɵtext(2, " Validation & Retries ");
-    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Conditional_3_Template, 2, 1, "span", 64)(4, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Conditional_4_Template, 2, 0, "span", 91)(5, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Conditional_5_Template, 2, 0, "span", 71);
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Conditional_3_Template, 2, 1, "span", 70)(4, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Conditional_4_Template, 2, 0, "span", 104)(5, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Conditional_5_Template, 2, 0, "span", 76);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -525,8 +776,8 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.FinalValidationPassed ? 4 : ctx_r1.record.FinalValidationPassed === false ? 5 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_29_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 102);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_29_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -534,15 +785,15 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r1.record.ValidationErrorCount, " validation errors");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97)(1, "h5");
-    i0.ɵɵelement(2, "i", 73);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "h5");
+    i0.ɵɵelement(2, "i", 78);
     i0.ɵɵtext(3, " Final Validation Error");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_29_Conditional_6_Template, 2, 1, "span", 102);
+    i0.ɵɵtemplate(6, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_29_Conditional_6_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -551,9 +802,9 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record && ctx_r1.record.ValidationErrorCount && ctx_r1.record.ValidationErrorCount > 0 ? 6 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 98)(1, "h5");
-    i0.ɵɵelement(2, "i", 103);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 111)(1, "h5");
+    i0.ɵɵelement(2, "i", 116);
     i0.ɵɵtext(3, " Most Common Error");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
@@ -564,24 +815,24 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.record.CommonValidationError);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99)(1, "h4");
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 112)(1, "h4");
     i0.ɵɵtext(2, "Retry Timeline");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 104)(4, "div", 105);
-    i0.ɵɵelement(5, "i", 25);
+    i0.ɵɵelementStart(3, "div", 117)(4, "div", 118);
+    i0.ɵɵelement(5, "i", 45);
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 105);
-    i0.ɵɵelement(10, "i", 106);
+    i0.ɵɵelementStart(9, "div", 118);
+    i0.ɵɵelement(10, "i", 100);
     i0.ɵɵelementStart(11, "span");
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 105);
-    i0.ɵɵelement(15, "i", 107);
+    i0.ɵɵelementStart(14, "div", 118);
+    i0.ɵɵelement(15, "i", 119);
     i0.ɵɵelementStart(16, "span");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()()();
@@ -594,79 +845,79 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1("Total Retry Duration: ", ctx_r1.formatDuration(ctx_r1.record.TotalRetryDurationMS), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 102);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const attempt_r11 = i0.ɵɵnextContext(2).$implicit;
+    const attempt_r13 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", attempt_r11.validationErrorCount, " errors)");
+    i0.ɵɵtextInterpolate1("(", attempt_r13.validationErrorCount, " errors)");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 115);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 127);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Conditional_7_Conditional_2_Template, 2, 1, "span", 102);
+    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Conditional_7_Conditional_2_Template, 2, 1, "span", 115);
 } if (rf & 2) {
-    const attempt_r11 = i0.ɵɵnextContext().$implicit;
+    const attempt_r13 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(attempt_r11.errorMessage || "Unknown error");
+    i0.ɵɵtextInterpolate(attempt_r13.errorMessage || "Unknown error");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(attempt_r11.validationErrorCount > 0 ? 2 : -1);
+    i0.ɵɵconditional(attempt_r13.validationErrorCount > 0 ? 2 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 114);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 126);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const attempt_r11 = i0.ɵɵnextContext().$implicit;
+    const attempt_r13 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Output: ", attempt_r11.outputLength, " chars");
+    i0.ɵɵtextInterpolate1("Output: ", attempt_r13.outputLength, " chars");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 110)(1, "div", 111);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "div", 123);
     i0.ɵɵelement(2, "i");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 112)(5, "span", 113);
+    i0.ɵɵelementStart(4, "div", 124)(5, "span", 125);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Conditional_7_Template, 3, 2)(8, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Conditional_8_Template, 2, 1, "span", 114);
+    i0.ɵɵtemplate(7, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Conditional_7_Template, 3, 2)(8, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Conditional_8_Template, 2, 1, "span", 126);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const attempt_r11 = ctx.$implicit;
-    i0.ɵɵclassProp("success", attempt_r11.success)("failed", !attempt_r11.success);
+    const attempt_r13 = ctx.$implicit;
+    i0.ɵɵclassProp("success", attempt_r13.success)("failed", !attempt_r13.success);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(attempt_r11.success ? "fa-solid fa-check" : "fa-solid fa-times");
+    i0.ɵɵclassMap(attempt_r13.success ? "fa-solid fa-check" : "fa-solid fa-times");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Attempt #", attempt_r11.attemptNumber, " ");
+    i0.ɵɵtextInterpolate1(" Attempt #", attempt_r13.attemptNumber, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(attempt_r11.timestamp);
+    i0.ɵɵtextInterpolate(attempt_r13.timestamp);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!attempt_r11.success ? 7 : -1);
+    i0.ɵɵconditional(!attempt_r13.success ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(attempt_r11.outputLength ? 8 : -1);
+    i0.ɵɵconditional(attempt_r13.outputLength ? 8 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100)(1, "h4");
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 113)(1, "h4");
     i0.ɵɵtext(2, "Validation Attempts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 108);
-    i0.ɵɵrepeaterCreate(4, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_For_5_Template, 9, 10, "div", 109, _forTrack0);
+    i0.ɵɵelementStart(3, "div", 120);
+    i0.ɵɵrepeaterCreate(4, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_For_5_Template, 9, 10, "div", 121, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r1.validationAttempts);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 101)(1, "h4");
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 114)(1, "h4");
     i0.ɵɵtext(2, "Validation Summary Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 116)(4, "mj-code-editor", 117);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_33_Template_mj_code_editor_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationSummary, $event) || (ctx_r1.formattedValidationSummary = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "div", 128)(4, "mj-code-editor", 129);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_33_Template_mj_code_editor_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationSummary, $event) || (ctx_r1.formattedValidationSummary = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -674,13 +925,13 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedValidationSummary);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 101)(1, "h4");
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 114)(1, "h4");
     i0.ɵɵtext(2, "Validation Attempts (Raw JSON)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 116)(4, "mj-code-editor", 118);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_34_Template_mj_code_editor_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationAttempts, $event) || (ctx_r1.formattedValidationAttempts = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "div", 128)(4, "mj-code-editor", 130);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_34_Template_mj_code_editor_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedValidationAttempts, $event) || (ctx_r1.formattedValidationAttempts = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -688,41 +939,41 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedValidationAttempts);
     i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49)(1, "div", 92)(2, "div", 93)(3, "h4");
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 105)(2, "div", 106)(3, "h4");
     i0.ɵɵtext(4, "Validation Summary");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 94);
+    i0.ɵɵelementStart(5, "div", 107);
     i0.ɵɵelement(6, "i");
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 95)(9, "div", 96)(10, "div", 27);
+    i0.ɵɵelementStart(8, "div", 108)(9, "div", 109)(10, "div", 42);
     i0.ɵɵtext(11, "Total Attempts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 28);
+    i0.ɵɵelementStart(12, "div", 43);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 96)(15, "div", 27);
+    i0.ɵɵelementStart(14, "div", 109)(15, "div", 42);
     i0.ɵɵtext(16, "Successful");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 28);
+    i0.ɵɵelementStart(17, "div", 43);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 96)(20, "div", 27);
+    i0.ɵɵelementStart(19, "div", 109)(20, "div", 42);
     i0.ɵɵtext(21, "Behavior");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 28);
+    i0.ɵɵelementStart(22, "div", 43);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 96)(25, "div", 27);
+    i0.ɵɵelementStart(24, "div", 109)(25, "div", 42);
     i0.ɵɵtext(26, "Retry Strategy");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 28);
+    i0.ɵɵelementStart(27, "div", 43);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(29, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_29_Template, 7, 2, "div", 97)(30, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_30_Template, 6, 1, "div", 98);
+    i0.ɵɵtemplate(29, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_29_Template, 7, 2, "div", 110)(30, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_30_Template, 6, 1, "div", 111);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(31, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_31_Template, 18, 9, "div", 99)(32, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_32_Template, 6, 0, "div", 100)(33, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_33_Template, 5, 4, "div", 101)(34, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Conditional_34_Template, 5, 4, "div", 101);
+    i0.ɵɵtemplate(31, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_31_Template, 18, 9, "div", 112)(32, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_32_Template, 6, 0, "div", 113)(33, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_33_Template, 5, 4, "div", 114)(34, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Conditional_34_Template, 5, 4, "div", 114);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -753,16 +1004,18 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ValidationAttempts ? 34 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 36);
-    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_1_Template, 6, 2, "ng-template", 34)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_ng_template_2_Template, 35, 17, "ng-template", 35);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 26);
+    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_Template_kendo_panelbar_item_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onValidationPanelToggle($event)); });
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_1_Template, 6, 2, "ng-template", 27)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_ng_template_2_Template, 35, 17, "ng-template", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("expanded", ctx_r1.validationExpanded);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 64);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -770,47 +1023,47 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.childRuns.length, " children)");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵelement(1, "i", 119);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 131);
     i0.ɵɵtext(2, " Run Hierarchy ");
-    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_1_Conditional_3_Template, 2, 1, "span", 64);
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_1_Conditional_3_Template, 2, 1, "span", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.childRuns.length > 0 ? 3 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 120)(1, "h4");
-    i0.ɵɵelement(2, "i", 44);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 132)(1, "h4");
+    i0.ɵɵelement(2, "i", 37);
     i0.ɵɵtext(3, " Parent Run");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 122);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_1_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", ctx_r1.parentRun.ID)); });
-    i0.ɵɵelementStart(5, "div", 123);
+    i0.ɵɵelementStart(4, "div", 134);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_1_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", ctx_r1.parentRun.ID)); });
+    i0.ɵɵelementStart(5, "div", 135);
     i0.ɵɵelement(6, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 124)(8, "div", 125);
+    i0.ɵɵelementStart(7, "div", 136)(8, "div", 137);
     i0.ɵɵtext(9);
-    i0.ɵɵelementStart(10, "span", 126);
+    i0.ɵɵelementStart(10, "span", 138);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 127)(13, "span");
-    i0.ɵɵelement(14, "i", 25);
+    i0.ɵɵelementStart(12, "div", 139)(13, "span");
+    i0.ɵɵelement(14, "i", 45);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "span");
-    i0.ɵɵelement(17, "i", 29);
+    i0.ɵɵelement(17, "i", 46);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(19, "span");
-    i0.ɵɵelement(20, "i", 46);
+    i0.ɵɵelement(20, "i", 52);
     i0.ɵɵtext(21);
     i0.ɵɵpipe(22, "date");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(23, "i", 89);
+    i0.ɵɵelement(23, "i", 102);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -829,82 +1082,82 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_templa
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(22, 9, ctx_r1.parentRun.RunAt, "short"), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 132);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 144);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const childRun_r16 = i0.ɵɵnextContext().$implicit;
+    const childRun_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", childRun_r16.ExecutionOrder, "");
+    i0.ɵɵtextInterpolate1("#", childRun_r18.ExecutionOrder, "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 131);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_For_6_Template_div_click_0_listener() { const childRun_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", childRun_r16.ID)); });
-    i0.ɵɵelementStart(1, "div", 123);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 143);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_For_6_Template_div_click_0_listener() { const childRun_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", childRun_r18.ID)); });
+    i0.ɵɵelementStart(1, "div", 135);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 124)(4, "div", 125);
+    i0.ɵɵelementStart(3, "div", 136)(4, "div", 137);
     i0.ɵɵtext(5);
-    i0.ɵɵtemplate(6, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_For_6_Conditional_6_Template, 2, 1, "span", 132);
-    i0.ɵɵelementStart(7, "span", 126);
+    i0.ɵɵtemplate(6, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_For_6_Conditional_6_Template, 2, 1, "span", 144);
+    i0.ɵɵelementStart(7, "span", 138);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 127)(10, "span", 133);
+    i0.ɵɵelementStart(9, "div", 139)(10, "span", 145);
     i0.ɵɵelement(11, "i");
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(13, "span");
-    i0.ɵɵelement(14, "i", 25);
+    i0.ɵɵelement(14, "i", 45);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "span");
-    i0.ɵɵelement(17, "i", 29);
+    i0.ɵɵelement(17, "i", 46);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(19, "i", 89);
+    i0.ɵɵelement(19, "i", 102);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const childRun_r16 = ctx.$implicit;
+    const childRun_r18 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor() + "20");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getRunTypeIcon(childRun_r16.RunType));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getRunTypeIcon(childRun_r18.RunType));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Child Run #", childRun_r16.ID.substring(0, 8), " ");
+    i0.ɵɵtextInterpolate1(" Child Run #", childRun_r18.ID.substring(0, 8), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(childRun_r16.ExecutionOrder !== null ? 6 : -1);
+    i0.ɵɵconditional(childRun_r18.ExecutionOrder !== null ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(childRun_r16.RunType);
+    i0.ɵɵtextInterpolate(childRun_r18.RunType);
     i0.ɵɵadvance(2);
     i0.ɵɵstyleProp("color", ctx_r1.getStatusColor());
     i0.ɵɵadvance();
     i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", childRun_r16.Success ? "Success" : childRun_r16.ErrorMessage ? "Failed" : "Running", " ");
+    i0.ɵɵtextInterpolate1(" ", childRun_r18.Success ? "Success" : childRun_r18.ErrorMessage ? "Failed" : "Running", " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(childRun_r16.ExecutionTimeMS), "");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(childRun_r18.ExecutionTimeMS), "");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(childRun_r16.TokensUsed), "");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(childRun_r18.TokensUsed), "");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121)(1, "h4");
-    i0.ɵɵelement(2, "i", 128);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 133)(1, "h4");
+    i0.ɵɵelement(2, "i", 140);
     i0.ɵɵtext(3, " Child Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 129);
-    i0.ɵɵrepeaterCreate(5, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_For_6_Template, 20, 14, "div", 130, _forTrack1);
+    i0.ɵɵelementStart(4, "div", 141);
+    i0.ɵɵrepeaterCreate(5, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_For_6_Template, 20, 14, "div", 142, _forTrack1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
     i0.ɵɵrepeater(ctx_r1.childRuns);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
-    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_1_Template, 24, 12, "div", 120)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Conditional_2_Template, 7, 0, "div", 121);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_1_Template, 24, 12, "div", 132)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Conditional_2_Template, 7, 0, "div", 133);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -913,54 +1166,41 @@ function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_templa
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.childRuns.length > 0 ? 2 : -1);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-panelbar-item", 36);
-    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_1_Template, 4, 1, "ng-template", 34)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_ng_template_2_Template, 3, 2, "ng-template", 35);
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 29);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_1_Template, 4, 1, "ng-template", 27)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_ng_template_2_Template, 3, 2, "ng-template", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("expanded", ctx_r1.hierarchyExpanded);
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_64_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵelement(1, "i", 134);
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 146);
     i0.ɵɵtext(2, " Additional Details ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 136)(1, "label");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
     i0.ɵɵtext(2, "Agent");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 144);
-    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_2_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Agents", ctx_r1.record.AgentID)); });
-    i0.ɵɵelement(4, "i", 145);
+    i0.ɵɵelementStart(3, "div", 153);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_2_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Agents", ctx_r1.record.AgentID)); });
+    i0.ɵɵelement(4, "i", 154);
     i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "i", 89);
+    i0.ɵɵelement(6, "i", 102);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Agent || "Unknown", " ");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136)(1, "label");
-    i0.ɵɵtext(2, "Configuration");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 137);
-    i0.ɵɵelement(4, "i", 146);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Configuration || "Unknown", " ");
-} }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136)(1, "label");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
     i0.ɵɵtext(2, "Run Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 137);
+    i0.ɵɵelementStart(3, "div", 149);
     i0.ɵɵelement(4, "i");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
@@ -971,12 +1211,12 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.RunType, " ");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136)(1, "label");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
     i0.ɵɵtext(2, "Response Format");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 137);
-    i0.ɵɵelement(4, "i", 69);
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 51);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -984,12 +1224,12 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Condition
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.ResponseFormat, " ");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136)(1, "label");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
     i0.ɵɵtext(2, "Started At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 137);
-    i0.ɵɵelement(4, "i", 25);
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 45);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "date");
     i0.ɵɵelementEnd()();
@@ -998,12 +1238,12 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Condition
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 1, ctx_r1.record.RunAt, "medium"), " ");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136)(1, "label");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
     i0.ɵɵtext(2, "Completed At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 137);
-    i0.ɵɵelement(4, "i", 147);
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 155);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "date");
     i0.ɵɵelementEnd()();
@@ -1012,70 +1252,68 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Condition
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 1, ctx_r1.record.CompletedAt, "medium"), " ");
 } }
-function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49)(1, "div", 135);
-    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_2_Template, 7, 1, "div", 136)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_3_Template, 6, 1, "div", 136)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_4_Template, 6, 3, "div", 136)(5, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_5_Template, 6, 1, "div", 136);
-    i0.ɵɵelementStart(6, "div", 136)(7, "label");
-    i0.ɵɵtext(8, "Temperature");
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 147);
+    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_2_Template, 7, 1, "div", 148)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_3_Template, 6, 3, "div", 148)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_4_Template, 6, 1, "div", 148);
+    i0.ɵɵelementStart(5, "div", 148)(6, "label");
+    i0.ɵɵtext(7, "Temperature");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 137);
-    i0.ɵɵelement(10, "i", 138);
-    i0.ɵɵtext(11);
+    i0.ɵɵelementStart(8, "div", 149);
+    i0.ɵɵelement(9, "i", 48);
+    i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 136)(13, "label");
-    i0.ɵɵtext(14, "Top P");
+    i0.ɵɵelementStart(11, "div", 148)(12, "label");
+    i0.ɵɵtext(13, "Top P");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 137);
-    i0.ɵɵelement(16, "i", 139);
-    i0.ɵɵtext(17);
+    i0.ɵɵelementStart(14, "div", 149);
+    i0.ɵɵelement(15, "i", 49);
+    i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 136)(19, "label");
-    i0.ɵɵtext(20, "Top K");
+    i0.ɵɵelementStart(17, "div", 148)(18, "label");
+    i0.ɵɵtext(19, "Top K");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 137);
-    i0.ɵɵelement(22, "i", 140);
-    i0.ɵɵtext(23);
+    i0.ɵɵelementStart(20, "div", 149);
+    i0.ɵɵelement(21, "i", 50);
+    i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 136)(25, "label");
-    i0.ɵɵtext(26, "Min P");
+    i0.ɵɵelementStart(23, "div", 148)(24, "label");
+    i0.ɵɵtext(25, "Min P");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 137);
-    i0.ɵɵelement(28, "i", 141);
-    i0.ɵɵtext(29);
+    i0.ɵɵelementStart(26, "div", 149);
+    i0.ɵɵelement(27, "i", 150);
+    i0.ɵɵtext(28);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 136)(31, "label");
-    i0.ɵɵtext(32, "Frequency Penalty");
+    i0.ɵɵelementStart(29, "div", 148)(30, "label");
+    i0.ɵɵtext(31, "Frequency Penalty");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 137);
-    i0.ɵɵelement(34, "i", 103);
-    i0.ɵɵtext(35);
+    i0.ɵɵelementStart(32, "div", 149);
+    i0.ɵɵelement(33, "i", 116);
+    i0.ɵɵtext(34);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 136)(37, "label");
-    i0.ɵɵtext(38, "Presence Penalty");
+    i0.ɵɵelementStart(35, "div", 148)(36, "label");
+    i0.ɵɵtext(37, "Presence Penalty");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "div", 137);
-    i0.ɵɵelement(40, "i", 142);
-    i0.ɵɵtext(41);
+    i0.ɵɵelementStart(38, "div", 149);
+    i0.ɵɵelement(39, "i", 151);
+    i0.ɵɵtext(40);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(42, "div", 136)(43, "label");
-    i0.ɵɵtext(44, "Seed");
+    i0.ɵɵelementStart(41, "div", 148)(42, "label");
+    i0.ɵɵtext(43, "Seed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "div", 137);
-    i0.ɵɵelement(46, "i", 143);
-    i0.ɵɵtext(47);
+    i0.ɵɵelementStart(44, "div", 149);
+    i0.ɵɵelement(45, "i", 152);
+    i0.ɵɵtext(46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(48, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_48_Template, 7, 4, "div", 136)(49, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Conditional_49_Template, 7, 4, "div", 136);
+    i0.ɵɵtemplate(47, AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_47_Template, 7, 4, "div", 148)(48, AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Conditional_48_Template, 7, 4, "div", 148);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.record.AgentID ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ConfigurationID ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RunType ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.record.RunType ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ResponseFormat ? 5 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ResponseFormat ? 4 : -1);
     i0.ɵɵadvance(4);
     i0.ɵɵclassProp("null-value", ctx_r1.record.Temperature === null || ctx_r1.record.Temperature === undefined);
     i0.ɵɵadvance(2);
@@ -1105,9 +1343,262 @@ function AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Template(
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Seed !== null && ctx_r1.record.Seed !== undefined ? ctx_r1.record.Seed : "\u2014", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RunAt ? 48 : -1);
+    i0.ɵɵconditional(ctx_r1.record.RunAt ? 47 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.CompletedAt ? 48 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵtext(2, " Model Specific Response Details ");
+    i0.ɵɵelementStart(3, "span", 54);
+    i0.ɵɵtext(4, "JSON");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 63)(2, "div", 64)(3, "button", 65);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_ng_template_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedModelSpecificResponseDetails, "Model Specific Response Details")); });
+    i0.ɵɵelement(4, "i", 66);
+    i0.ɵɵtext(5, " Copy ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "mj-code-editor", 156);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_ng_template_2_Template_mj_code_editor_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedModelSpecificResponseDetails, $event) || (ctx_r1.formattedModelSpecificResponseDetails = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedModelSpecificResponseDetails);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 26);
+    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_Template_kendo_panelbar_item_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onModelSpecificPanelToggle($event)); });
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_ng_template_1_Template, 5, 0, "ng-template", 27)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_ng_template_2_Template, 7, 4, "ng-template", 28);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("expanded", ctx_r1.modelSpecificExpanded);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_47_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
+    i0.ɵɵtext(1, "Cached");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_47_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
+    i0.ɵɵtext(1, "Selected");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵtext(2, " Model Selection & Performance ");
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_47_Conditional_3_Template, 2, 0, "span", 104)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_47_Conditional_4_Template, 2, 0, "span", 104);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.CacheHit ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.WasSelectedResult ? 4 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 159)(1, "label");
+    i0.ɵɵtext(2, "Cache Key");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 162);
+    i0.ɵɵelementStart(5, "code");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.CacheKey);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
+    i0.ɵɵtext(2, "Judge Prompt");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 163);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_27_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Prompts", ctx_r1.record.JudgeID)); });
+    i0.ɵɵelement(4, "i", 164);
+    i0.ɵɵtext(5);
+    i0.ɵɵelement(6, "i", 102);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Judge || "Unknown", " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
+    i0.ɵɵtext(2, "Judge Score");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 165);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.JudgeScore, " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
+    i0.ɵɵtext(2, "First Token Time");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 166);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.FirstTokenTime, " ms ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_42_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 159)(1, "label");
+    i0.ɵɵtext(2, "Cancellation Reason");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵelement(4, "i", 169);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.CancellationReason, " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "label");
+    i0.ɵɵtext(2, "Cancelled");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 167);
+    i0.ɵɵelement(4, "i", 168);
+    i0.ɵɵtext(5, " Yes ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(6, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_42_Conditional_6_Template, 6, 1, "div", 159);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.record.CancellationReason ? 6 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 160)(1, "h4");
+    i0.ɵɵtext(2, "Model Selection Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 128)(4, "mj-code-editor", 170);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_43_Template_mj_code_editor_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedModelSelection, $event) || (ctx_r1.formattedModelSelection = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedModelSelection);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 161)(1, "h4");
+    i0.ɵɵtext(2, "Error Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 128)(4, "mj-code-editor", 171);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_44_Template_mj_code_editor_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.formattedErrorDetails, $event) || (ctx_r1.formattedErrorDetails = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedErrorDetails);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 147)(2, "div", 148)(3, "label");
+    i0.ɵɵtext(4, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 149);
+    i0.ɵɵelement(6, "i", 146);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 148)(9, "label");
+    i0.ɵɵtext(10, "Selection Strategy");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 149);
+    i0.ɵɵelement(12, "i", 157);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 148)(15, "label");
+    i0.ɵɵtext(16, "Model Power Rank");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 149);
+    i0.ɵɵelement(18, "i", 158);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 148)(21, "label");
+    i0.ɵɵtext(22, "Cache Hit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 149);
+    i0.ɵɵelement(24, "i");
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(26, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_26_Template, 7, 1, "div", 159)(27, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_27_Template, 7, 1, "div", 148)(28, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_28_Template, 6, 1, "div", 148);
+    i0.ɵɵelementStart(29, "div", 148)(30, "label");
+    i0.ɵɵtext(31, "Was Selected Result");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div", 149);
+    i0.ɵɵelement(33, "i");
+    i0.ɵɵtext(34);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "div", 148)(36, "label");
+    i0.ɵɵtext(37, "Streaming Enabled");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "div", 149);
+    i0.ɵɵelement(39, "i");
+    i0.ɵɵtext(40);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(41, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_41_Template, 6, 1, "div", 148)(42, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_42_Template, 7, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(43, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_43_Template, 5, 4, "div", 160)(44, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_44_Template, 5, 4, "div", 161);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status || "Unknown", " ");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.SelectionStrategy || "\u2014", " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("null-value", ctx_r1.record.ModelPowerRank === null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.ModelPowerRank !== null ? ctx_r1.record.ModelPowerRank : "\u2014", " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassMap(ctx_r1.record.CacheHit ? "fa-solid fa-check-circle" : "fa-solid fa-times-circle");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.CacheHit ? "Yes" : "No", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.CacheKey ? 26 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.JudgeID ? 27 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.JudgeScore !== null ? 28 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassMap(ctx_r1.record.WasSelectedResult ? "fa-solid fa-trophy" : "fa-solid fa-times");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.WasSelectedResult ? "Yes" : "No", " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassMap(ctx_r1.record.StreamingEnabled ? "fa-solid fa-stream" : "fa-solid fa-ban");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.StreamingEnabled ? "Yes" : "No", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.FirstTokenTime !== null ? 41 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.Cancelled ? 42 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ModelSelection ? 43 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.CompletedAt ? 49 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ErrorDetails ? 44 : -1);
 } }
 function AIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -1135,45 +1626,28 @@ function AIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshData()); });
     i0.ɵɵelement(26, "i", 22);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(27, "div", 23)(28, "div", 24);
-    i0.ɵɵelement(29, "i", 25);
-    i0.ɵɵelementStart(30, "div", 26)(31, "div", 27);
-    i0.ɵɵtext(32, "Duration");
+    i0.ɵɵtemplate(27, AIPromptRunFormComponentExtended_Conditional_1_Conditional_27_Template, 36, 9)(28, AIPromptRunFormComponentExtended_Conditional_1_Conditional_28_Template, 23, 4, "div", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 28);
-    i0.ɵɵtext(34);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(35, "div", 24);
-    i0.ɵɵelement(36, "i", 29);
-    i0.ɵɵelementStart(37, "div", 26)(38, "div", 27);
-    i0.ɵɵtext(39, "Total Tokens");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "div", 28);
-    i0.ɵɵtext(41);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(42, "div", 24);
-    i0.ɵɵelement(43, "i", 30);
-    i0.ɵɵelementStart(44, "div", 26)(45, "div", 27);
-    i0.ɵɵtext(46, "Cost");
+    i0.ɵɵelementStart(29, "div", 24)(30, "kendo-panelbar", 25)(31, "kendo-panelbar-item", 26);
+    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Template_kendo_panelbar_item_stateChange_31_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInputPanelToggle($event)); });
+    i0.ɵɵtemplate(32, AIPromptRunFormComponentExtended_Conditional_1_ng_template_32_Template, 4, 1, "ng-template", 27)(33, AIPromptRunFormComponentExtended_Conditional_1_ng_template_33_Template, 3, 1, "ng-template", 28);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "div", 28);
-    i0.ɵɵtext(48);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(49, AIPromptRunFormComponentExtended_Conditional_1_Conditional_49_Template, 8, 4, "div", 24);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(50, "div", 31)(51, "kendo-panelbar", 32)(52, "kendo-panelbar-item", 33);
-    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Template_kendo_panelbar_item_stateChange_52_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInputPanelToggle()); });
-    i0.ɵɵtemplate(53, AIPromptRunFormComponentExtended_Conditional_1_ng_template_53_Template, 4, 1, "ng-template", 34)(54, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Template, 3, 1, "ng-template", 35);
+    i0.ɵɵelementStart(34, "kendo-panelbar-item", 26);
+    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Template_kendo_panelbar_item_stateChange_34_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResultPanelToggle($event)); });
+    i0.ɵɵtemplate(35, AIPromptRunFormComponentExtended_Conditional_1_ng_template_35_Template, 5, 2, "ng-template", 27)(36, AIPromptRunFormComponentExtended_Conditional_1_ng_template_36_Template, 4, 2, "ng-template", 28);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(55, "kendo-panelbar-item", 36);
-    i0.ɵɵtemplate(56, AIPromptRunFormComponentExtended_Conditional_1_ng_template_56_Template, 5, 2, "ng-template", 34)(57, AIPromptRunFormComponentExtended_Conditional_1_ng_template_57_Template, 4, 2, "ng-template", 35);
+    i0.ɵɵelementStart(37, "kendo-panelbar-item", 26);
+    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Template_kendo_panelbar_item_stateChange_37_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMetricsPanelToggle($event)); });
+    i0.ɵɵtemplate(38, AIPromptRunFormComponentExtended_Conditional_1_ng_template_38_Template, 3, 0, "ng-template", 27)(39, AIPromptRunFormComponentExtended_Conditional_1_ng_template_39_Template, 41, 14, "ng-template", 28);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(58, "kendo-panelbar-item", 36);
-    i0.ɵɵtemplate(59, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Template, 3, 0, "ng-template", 34)(60, AIPromptRunFormComponentExtended_Conditional_1_ng_template_60_Template, 39, 12, "ng-template", 35);
+    i0.ɵɵtemplate(40, AIPromptRunFormComponentExtended_Conditional_1_Conditional_40_Template, 3, 1, "kendo-panelbar-item", 29)(41, AIPromptRunFormComponentExtended_Conditional_1_Conditional_41_Template, 3, 1, "kendo-panelbar-item", 29);
+    i0.ɵɵelementStart(42, "kendo-panelbar-item", 29);
+    i0.ɵɵtemplate(43, AIPromptRunFormComponentExtended_Conditional_1_ng_template_43_Template, 3, 0, "ng-template", 27)(44, AIPromptRunFormComponentExtended_Conditional_1_ng_template_44_Template, 49, 26, "ng-template", 28);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(61, AIPromptRunFormComponentExtended_Conditional_1_Conditional_61_Template, 3, 1, "kendo-panelbar-item", 36)(62, AIPromptRunFormComponentExtended_Conditional_1_Conditional_62_Template, 3, 1, "kendo-panelbar-item", 36);
-    i0.ɵɵelementStart(63, "kendo-panelbar-item", 36);
-    i0.ɵɵtemplate(64, AIPromptRunFormComponentExtended_Conditional_1_ng_template_64_Template, 3, 0, "ng-template", 34)(65, AIPromptRunFormComponentExtended_Conditional_1_ng_template_65_Template, 50, 27, "ng-template", 35);
+    i0.ɵɵtemplate(45, AIPromptRunFormComponentExtended_Conditional_1_Conditional_45_Template, 3, 1, "kendo-panelbar-item", 29);
+    i0.ɵɵelementStart(46, "kendo-panelbar-item", 26);
+    i0.ɵɵlistener("stateChange", function AIPromptRunFormComponentExtended_Conditional_1_Template_kendo_panelbar_item_stateChange_46_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onModelSelectionPanelToggle($event)); });
+    i0.ɵɵtemplate(47, AIPromptRunFormComponentExtended_Conditional_1_ng_template_47_Template, 5, 2, "ng-template", 27)(48, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Template, 45, 21, "ng-template", 28);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1202,15 +1676,9 @@ function AIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵconditional(ctx_r1.record.Vendor ? 19 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.RerunFromPromptRunID ? 20 : -1);
-    i0.ɵɵadvance(14);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.record.ExecutionTimeMS));
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensUsed));
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.formatCost(ctx_r1.record.TotalCost || ctx_r1.record.Cost));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.RunAt ? 49 : -1);
-    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.record.ConfigurationID ? 27 : 28);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("keepItemContent", true);
     i0.ɵɵadvance();
     i0.ɵɵproperty("expanded", ctx_r1.inputExpanded);
@@ -1219,9 +1687,13 @@ function AIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("expanded", ctx_r1.metricsExpanded);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record && (ctx_r1.record.ValidationAttemptCount && ctx_r1.record.ValidationAttemptCount > 0 || ctx_r1.record.ValidationBehavior) ? 61 : -1);
+    i0.ɵɵconditional(ctx_r1.record && (ctx_r1.record.ValidationAttemptCount && ctx_r1.record.ValidationAttemptCount > 0 || ctx_r1.record.ValidationBehavior) ? 40 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ParentID || ctx_r1.childRuns.length > 0 ? 41 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.ParentID || ctx_r1.childRuns.length > 0 ? 62 : -1);
+    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.ModelSpecificResponseDetails ? 45 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("expanded", false);
 } }
@@ -1238,21 +1710,31 @@ let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended ex
         this.childRuns = [];
         // UI state
         this.isLoadingRelatedData = false;
-        this.isParsingMessages = true; // Add loading state for message parsing
-        this.inputExpanded = true;
+        this.isParsingMessages = false; // Will be set to true in ngOnInit if there are messages
+        this.inputExpanded = true; // Start open as users want to see this
         this.messagesExpanded = true;
         this.dataExpanded = false; // Changed to false - often blank
         this.rawExpanded = false;
-        this.resultExpanded = true;
+        this.resultExpanded = false; // Start closed for lazy loading
         this.metricsExpanded = false;
         this.hierarchyExpanded = false;
-        this.validationExpanded = true; // Expand validation panel by default if there are retries
+        this.validationExpanded = false; // Start closed for lazy loading
+        this.modelSpecificExpanded = false; // Start closed for lazy loading
+        // Track what has been loaded
+        this.hasLoadedInput = false;
+        this.hasLoadedResult = false;
+        this.hasLoadedValidation = false;
+        this.hasLoadedMetrics = false;
+        this.hasLoadedModelSpecific = false;
         // Formatted values
         this.formattedMessages = '';
         this.formattedResult = '';
         this.formattedValidationSummary = '';
         this.formattedValidationAttempts = '';
         this.formattedData = '';
+        this.formattedModelSelection = '';
+        this.formattedErrorDetails = '';
+        this.formattedModelSpecificResponseDetails = '';
         // Parsed input data
         this.chatMessages = [];
         this.inputData = null;
@@ -1263,9 +1745,24 @@ let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended ex
     async ngOnInit() {
         await super.ngOnInit();
         if (this.record?.ID) {
+            // Set loading state immediately if input panel will be loaded and has messages
+            if (this.inputExpanded && this.record.Messages && this.record.Messages.trim() !== '') {
+                this.isParsingMessages = true;
+                this.cdr.detectChanges(); // Force immediate update to show spinner
+            }
+            // Load related entities
             await this.loadRelatedData();
-            this.formatJsonFields();
-            this.loadValidationData();
+            // Format ALL JSON fields immediately on load - it's inexpensive
+            console.log('🚀 Formatting all JSON fields on init...');
+            this.formatAllJsonFields();
+            // Mark all data as loaded since we're doing it all upfront
+            this.hasLoadedInput = true;
+            this.hasLoadedResult = true;
+            this.hasLoadedValidation = true;
+            this.hasLoadedMetrics = true;
+            this.hasLoadedModelSpecific = true;
+            this.isParsingMessages = false;
+            this.cdr.detectChanges();
         }
     }
     ngAfterViewInit() {
@@ -1274,12 +1771,39 @@ let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended ex
             this.cdr.detectChanges();
         }, 0);
     }
-    onInputPanelToggle() {
-        // Force change detection when parent panel is toggled
-        // This helps ensure nested expansion panels render correctly
-        setTimeout(() => {
-            this.cdr.detectChanges();
-        }, 100);
+    ngOnDestroy() {
+        // Clean up any resources
+        // Currently no subscriptions or timers to clean up
+        // This is here for future use and to complete the lifecycle
+    }
+    onInputPanelToggle(event) {
+        const expanded = event;
+        this.inputExpanded = expanded;
+        // Data is already formatted on init, no need to do anything
+    }
+    onResultPanelToggle(event) {
+        const expanded = event;
+        this.resultExpanded = expanded;
+        // Data is already formatted on init, no need to do anything
+    }
+    onValidationPanelToggle(event) {
+        const expanded = event;
+        this.validationExpanded = expanded;
+        // Data is already formatted on init, no need to do anything
+    }
+    onMetricsPanelToggle(event) {
+        const expanded = event;
+        this.metricsExpanded = expanded;
+        // Data is already formatted on init, no need to do anything
+    }
+    onModelSpecificPanelToggle(event) {
+        const expanded = event;
+        this.modelSpecificExpanded = expanded;
+        // Data is already formatted on init, no need to do anything
+    }
+    onModelSelectionPanelToggle(event) {
+        const expanded = event;
+        // Data is already formatted on init, no need to do anything
     }
     async loadRelatedData() {
         this.isLoadingRelatedData = true;
@@ -1330,17 +1854,107 @@ let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended ex
             this.childRuns = result.Results || [];
         }
     }
-    formatJsonFields() {
-        this.isParsingMessages = true; // Start parsing
-        // Use the extended entity methods to parse messages
+    formatAllJsonFields() {
+        if (!this.record) {
+            console.warn('formatAllJsonFields called but record is not available');
+            return;
+        }
+        console.log('📄 Formatting input data...');
+        // Format input/messages data
         const messageData = this.record.ParseMessagesData();
         this.chatMessages = messageData.chatMessages;
         this.inputData = messageData.inputData;
         this.formattedMessages = messageData.formattedMessages;
         this.formattedData = messageData.formattedData;
-        this.isParsingMessages = false; // Done parsing
-        // Format result using extended entity method
+        console.log('📄 Input data formatted. Chat messages:', this.chatMessages.length, 'Input data exists:', !!this.inputData);
+        console.log('📊 Formatting result data...');
+        // Format result data
         this.formattedResult = this.record.GetFormattedResult();
+        console.log('📊 Result formatted:', !!this.formattedResult, 'Length:', this.formattedResult?.length);
+        console.log('🔍 Formatting validation data...');
+        // Format validation data
+        this.loadValidationData();
+        console.log('📈 Formatting metrics data...');
+        // Format metrics data (ModelSelection, ErrorDetails)
+        this.formatMetricsData();
+        console.log('🔧 Formatting model specific data...');
+        // Format model specific response details
+        this.formatModelSpecificResponseDetails();
+        // Format error details if available
+        if (this.record.ErrorDetails && !this.formattedErrorDetails) {
+            console.log('⚠️ Formatting error details...');
+            this.formatErrorDetails();
+        }
+        console.log('✅ All JSON fields formatted');
+    }
+    formatMetricsData() {
+        // Format v2.78 JSON fields related to metrics
+        const parseOptions = {
+            extractInlineJson: true,
+            maxDepth: 100,
+            debug: false
+        };
+        // Format ModelSelection
+        if (this.record.ModelSelection) {
+            try {
+                const modelSelection = JSON.parse(this.record.ModelSelection);
+                const parsed = ParseJSONRecursive(modelSelection, parseOptions);
+                this.formattedModelSelection = JSON.stringify(parsed, null, 2);
+            }
+            catch (error) {
+                this.formattedModelSelection = this.record.ModelSelection;
+            }
+        }
+        // Format ErrorDetails
+        if (this.record.ErrorDetails) {
+            try {
+                const errorDetails = JSON.parse(this.record.ErrorDetails);
+                const parsed = ParseJSONRecursive(errorDetails, parseOptions);
+                this.formattedErrorDetails = JSON.stringify(parsed, null, 2);
+            }
+            catch (error) {
+                this.formattedErrorDetails = this.record.ErrorDetails;
+            }
+        }
+        // Note: ModelSpecificResponseDetails is now formatted in its own panel toggle method
+    }
+    formatErrorDetails() {
+        if (!this.record.ErrorDetails) {
+            this.formattedErrorDetails = '';
+            return;
+        }
+        const parseOptions = {
+            extractInlineJson: true,
+            maxDepth: 100,
+            debug: false
+        };
+        try {
+            const errorDetails = JSON.parse(this.record.ErrorDetails);
+            const parsed = ParseJSONRecursive(errorDetails, parseOptions);
+            this.formattedErrorDetails = JSON.stringify(parsed, null, 2);
+        }
+        catch (error) {
+            this.formattedErrorDetails = this.record.ErrorDetails;
+        }
+    }
+    formatModelSpecificResponseDetails() {
+        if (!this.record.ModelSpecificResponseDetails) {
+            this.formattedModelSpecificResponseDetails = '';
+            return;
+        }
+        const parseOptions = {
+            extractInlineJson: true,
+            maxDepth: 100,
+            debug: false
+        };
+        try {
+            const modelDetails = JSON.parse(this.record.ModelSpecificResponseDetails);
+            const parsed = ParseJSONRecursive(modelDetails, parseOptions);
+            this.formattedModelSpecificResponseDetails = JSON.stringify(parsed, null, 2);
+        }
+        catch (error) {
+            this.formattedModelSpecificResponseDetails = this.record.ModelSpecificResponseDetails;
+        }
     }
     getStatusColor() {
         if (!this.record)
@@ -1493,11 +2107,15 @@ let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended ex
         });
     }
     async refreshData() {
+        console.log('🔄 refreshData called');
         if (this.record?.ID) {
+            console.log('🔄 Reloading record and formatting all data...');
             await this.record.Load(this.record.ID);
             await this.loadRelatedData();
-            this.formatJsonFields();
-            this.loadValidationData();
+            console.log('🔄 Record reloaded. Result field exists:', !!this.record.Result);
+            // Format all JSON fields again
+            this.formatAllJsonFields();
+            this.cdr.detectChanges();
         }
     }
     loadValidationData() {
@@ -1540,18 +2158,17 @@ let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended ex
             this.validationSummary = null;
             this.formattedValidationSummary = '';
         }
-        // Set validation panel expansion based on whether there were retries
-        this.validationExpanded = (this.record.ValidationAttemptCount || 0) > 1;
+        // Don't auto-expand validation panel anymore - let user expand when needed
     }
     static { this.ɵfac = function AIPromptRunFormComponentExtended_Factory(t) { return new (t || AIPromptRunFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.TestHarnessWindowService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptRunFormComponentExtended, selectors: [["mj-ai-prompt-run-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], [1, "record-form"], [3, "form"], [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, "status-badge"], [1, "run-type-badge", 3, "color"], ["title", "View Prompt", 1, "prompt-name"], ["title", "View Model", 1, "model-name"], ["title", "View Vendor", 1, "vendor-name"], ["title", "View Original Run", 1, "original-run"], [1, "run-actions"], ["kendoButton", "", "fillMode", "outline", "size", "small", "title", "Re-run this prompt", 3, "click"], [1, "fa-solid", "fa-play-circle"], ["kendoButton", "", "fillMode", "outline", "size", "small", "title", "Refresh data", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "metrics-bar"], [1, "metric-item"], [1, "fa-solid", "fa-clock"], [1, "metric-content"], [1, "metric-label"], [1, "metric-value"], [1, "fa-solid", "fa-coins"], [1, "fa-solid", "fa-dollar-sign"], [1, "form-content"], [3, "keepItemContent"], [3, "stateChange", "expanded"], ["kendoPanelBarItemTitle", ""], ["kendoPanelBarContent", ""], [3, "expanded"], [1, "run-type-badge"], ["title", "View Prompt", 1, "prompt-name", 3, "click"], [1, "fa-solid", "fa-comment-dots"], ["title", "View Model", 1, "model-name", 3, "click"], [1, "fa-solid", "fa-microchip"], ["title", "View Vendor", 1, "vendor-name", 3, "click"], [1, "fa-solid", "fa-building"], [1, "fa-solid", "fa-level-up-alt"], [1, "original-link", 3, "click"], [1, "fa-solid", "fa-calendar"], [1, "panel-title"], [1, "panel-badge"], [1, "panel-content"], [1, "nested-panels"], [1, "empty-state"], [1, "sub-expansion-panel", 3, "expanded", "animation"], ["kendoExpansionPanelTitleDirective", ""], [1, "sub-panel-content"], [1, "loading-state"], [3, "messages"], [1, "json-editor-container"], [1, "json-toolbar"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Copy JSON", 3, "click"], [1, "fa-solid", "fa-copy"], ["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-comment-slash"], [1, "fa-solid", "fa-database"], ["name", "formattedData", 2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-square-check"], [1, "panel-badge", "error"], [1, "error-message"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "error-content"], ["name", "formattedResult", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-inbox"], [1, "fa-solid", "fa-chart-line"], [1, "metrics-grid"], [1, "metric-card"], [1, "metric-header"], [1, "fa-solid", "fa-message"], [1, "metric-value", "large"], [1, "metric-rollup"], [1, "fa-solid", "fa-reply"], [1, "metric-currency"], [1, "additional-metrics"], [1, "metric-row"], [1, "metric-value", "link", 3, "click"], [1, "fa-solid", "fa-external-link"], [1, "fa-solid", "fa-shield-check"], [1, "panel-badge", "success"], [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, "error-count"], [1, "fa-solid", "fa-repeat"], [1, "timeline-info"], [1, "timeline-stat"], [1, "fa-solid", "fa-flag-checkered"], [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, "fa-solid", "fa-sitemap"], [1, "parent-run-section"], [1, "child-runs-section"], [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"], [1, "status-indicator"], [1, "fa-solid", "fa-info-circle"], [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-plus-circle"], [1, "fa-solid", "fa-seedling"], ["title", "View Agent", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-cog"], [1, "fa-solid", "fa-check-circle"]], template: function AIPromptRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptRunFormComponentExtended, selectors: [["mj-ai-prompt-run-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], [1, "record-form"], [3, "form"], [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, "status-badge"], [1, "run-type-badge", 3, "color"], ["title", "View Prompt", 1, "prompt-name"], ["title", "View Model", 1, "model-name"], ["title", "View Vendor", 1, "vendor-name"], ["title", "View Original Run", 1, "original-run"], [1, "run-actions"], ["kendoButton", "", "fillMode", "outline", "size", "small", "title", "Re-run this prompt", 3, "click"], [1, "fa-solid", "fa-play-circle"], ["kendoButton", "", "fillMode", "outline", "size", "small", "title", "Refresh data", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "metrics-bar"], [1, "form-content"], [3, "keepItemContent"], [3, "stateChange", "expanded"], ["kendoPanelBarItemTitle", ""], ["kendoPanelBarContent", ""], [3, "expanded"], [1, "run-type-badge"], ["title", "View Prompt", 1, "prompt-name", 3, "click"], [1, "fa-solid", "fa-comment-dots"], ["title", "View Model", 1, "model-name", 3, "click"], [1, "fa-solid", "fa-microchip"], ["title", "View Vendor", 1, "vendor-name", 3, "click"], [1, "fa-solid", "fa-building"], [1, "fa-solid", "fa-level-up-alt"], [1, "original-link", 3, "click"], [1, "metric-item"], [1, "fa-solid", "fa-cog"], [1, "metric-content"], [1, "metric-label"], [1, "metric-value"], ["href", "javascript:void(0)", 1, "config-link", 3, "click"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-coins"], [1, "fa-solid", "fa-dollar-sign"], [1, "fa-solid", "fa-temperature-high"], [1, "fa-solid", "fa-percentage"], [1, "fa-solid", "fa-list-ol"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-calendar"], [1, "panel-title"], [1, "panel-badge"], [1, "panel-content"], [1, "nested-panels"], [1, "empty-state"], [1, "sub-expansion-panel", 3, "expanded", "animation"], ["kendoExpansionPanelTitleDirective", ""], [1, "sub-panel-content"], [1, "loading-state"], [3, "messages"], [1, "json-editor-container"], [1, "json-toolbar"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Copy JSON", 3, "click"], [1, "fa-solid", "fa-copy"], ["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-comment-slash"], [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, "error-message"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "error-content"], ["name", "formattedResult", 2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "readonly", "language", "lineWrapping"], [1, "fa-solid", "fa-inbox"], [1, "error-info"], [1, "finish-reason"], [1, "error-details"], [1, "error-hint"], [2, "height", "200px", "width", "100%", 3, "ngModel", "disabled", "language", "lineWrapping"], [1, "fa-solid", "fa-chart-line"], [1, "metrics-grid"], [1, "metric-card"], [1, "metric-header"], [1, "fa-solid", "fa-message"], [1, "metric-value", "large"], [1, "metric-rollup"], [1, "fa-solid", "fa-reply"], [1, "metric-currency"], [1, "additional-metrics"], [1, "metric-row"], [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, "fa-solid", "fa-shield-check"], [1, "panel-badge", "success"], [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, "error-count"], [1, "fa-solid", "fa-repeat"], [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, "fa-solid", "fa-sitemap"], [1, "parent-run-section"], [1, "child-runs-section"], [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"], [1, "status-indicator"], [1, "fa-solid", "fa-info-circle"], [1, "detail-fields-grid"], [1, "detail-field"], [1, "detail-value"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-plus-circle"], [1, "fa-solid", "fa-seedling"], ["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-strategy"], [1, "fa-solid", "fa-ranking-star"], [1, "detail-field", "full-width"], [1, "model-selection-json"], [1, "error-details-json"], [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, "fa-solid", "fa-bolt"], [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"]], template: function AIPromptRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Template, 66, 29, "form", 2);
+            i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Template, 49, 28, "form", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.record ? 1 : -1);
-        } }, dependencies: [i4.ɵNgNoValidate, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.NgForm, i5.PanelBarComponent, i5.PanelBarItemComponent, i5.PanelBarContentDirective, i5.PanelBarItemTitleDirective, i5.ExpansionPanelComponent, i5.ExpansionPanelTitleDirective, i6.ButtonComponent, i7.FormToolbarComponent, i8.CodeEditorComponent, i9.ChatMessageViewerComponent, i10.DatePipe], styles: ["\n\n.prompt-run-header[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border-bottom: 2px solid #e9ecef;\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: #2c3e50;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    color: #6c757d;\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    color: white;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.status-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.9em;\n}\n\n.run-type-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #f1f3f5;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.prompt-name[_ngcontent-%COMP%], .model-name[_ngcontent-%COMP%], .vendor-name[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.85em;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.prompt-name[_ngcontent-%COMP%]:hover, .model-name[_ngcontent-%COMP%]:hover, .vendor-name[_ngcontent-%COMP%]:hover {\n    background: #dee2e6;\n    color: #007bff;\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\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: #fff3cd;\n    font-size: 0.85em;\n}\n\n.original-link[_ngcontent-%COMP%] {\n    color: #ff6358;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link[_ngcontent-%COMP%]:hover {\n    color: #ff4444;\n    text-decoration: underline;\n}\n\n.run-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid #e9ecef;\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: #6c757d;\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: #6c757d;\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: #2c3e50;\n}\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\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\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%] {\n    border: 1px solid #e5e7eb;\n    margin-bottom: 8px;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%] {\n    background-color: #f9fafb;\n    padding: 12px 16px;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]    > .k-item.k-expanded[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%] {\n    background-color: #f3f4f6;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]   .k-content[_ngcontent-%COMP%] {\n    padding: 0;\n    background: white;\n}\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\n    height: auto;\n    overflow: hidden;\n}\n\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-expander {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-expander:hover {\n    background-color: #edf2f7;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-header {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-content {\n    background-color: #ffffff;\n    border-color: #e2e8f0;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: #dc3545;\n    color: white;\n}\n\n.panel-count[_ngcontent-%COMP%] {\n    color: #6c757d;\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\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e9ecef;\n    display: flex;\n    justify-content: flex-end;\n}\n\n\n\n.error-message[_ngcontent-%COMP%] {\n    background: #dc354510;\n    border: 1px solid #dc3545;\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: #dc3545;\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: #dc3545;\n    font-size: 1em;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #495057;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: #007bff;\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #6c757d;\n}\n\n.metric-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9em;\n    color: #6c757d;\n    font-weight: 500;\n}\n\n.metric-value.large[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: #2c3e50;\n}\n\n.metric-rollup[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: #6c757d;\n}\n\n.metric-currency[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: #6c757d;\n    text-transform: uppercase;\n}\n\n\n\n.additional-metrics[_ngcontent-%COMP%] {\n    border-top: 1px solid #e9ecef;\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 #f1f3f5;\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: #6c757d;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-weight: 400;\n    color: #2c3e50;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%] {\n    color: #007bff;\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: #0056b3;\n}\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: #495057;\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #e9ecef;\n    border-color: #dee2e6;\n}\n\n.run-item.parent[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border-color: #90caf9;\n}\n\n.run-item.parent[_ngcontent-%COMP%]:hover {\n    background: #bbdefb;\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: #2c3e50;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order[_ngcontent-%COMP%] {\n    background: #6c757d;\n    color: white;\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: #6c757d;\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: #6c757d;\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: #6c757d;\n    font-size: 0.85em;\n}\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: #6c757d;\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: #2c3e50;\n    padding: 10px 14px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    color: #6c757d;\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: #e9ecef;\n    border-color: #dee2e6;\n    color: #007bff;\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: #adb5bd;\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\n\nkendo-panelbar[_ngcontent-%COMP%] {\n    border: none !important;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n    border: 1px solid #e9ecef !important;\n    border-radius: 8px !important;\n    overflow: hidden;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%]   .k-panelbar-header[_ngcontent-%COMP%] {\n    background: #f8f9fa !important;\n    border: none !important;\n    padding: 12px 16px !important;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%]   .k-panelbar-header[_ngcontent-%COMP%]:hover {\n    background: #e9ecef !important;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%]   .k-panelbar-content[_ngcontent-%COMP%] {\n    border: none !important;\n    padding: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n}\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: #2c3e50;\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: #28a74520;\n    color: #28a745;\n}\n\n.validation-status.failed[_ngcontent-%COMP%] {\n    background: #dc354520;\n    color: #dc3545;\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: #dc354510;\n    border: 1px solid #dc354530;\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: #dc3545;\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: #495057;\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: #dc3545;\n    color: white;\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\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: #495057;\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: #6c757d;\n    font-size: 0.9em;\n}\n\n.timeline-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\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: #495057;\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 #e9ecef;\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: #28a74510;\n    border-color: #28a74530;\n}\n\n.attempt-item.failed[_ngcontent-%COMP%] {\n    background: #dc354510;\n    border-color: #dc354530;\n}\n\n.attempt-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.attempt-item.success[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.attempt-item.failed[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: #dc3545;\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: #6c757d;\n}\n\n.attempt-error[_ngcontent-%COMP%] {\n    color: #dc3545;\n    flex: 1 0 100%;\n}\n\n.output-length[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-style: italic;\n}\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: #495057;\n}\n\n.json-viewer-container[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.panel-badge.success[_ngcontent-%COMP%] {\n    background: #28a745;\n    color: white;\n}"] }); }
+        } }, dependencies: [i4.ɵNgNoValidate, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.NgForm, i5.PanelBarComponent, i5.PanelBarItemComponent, i5.PanelBarContentDirective, i5.PanelBarItemTitleDirective, i5.ExpansionPanelComponent, i5.ExpansionPanelTitleDirective, i6.ButtonComponent, i7.FormToolbarComponent, i8.CodeEditorComponent, i9.ChatMessageViewerComponent, i10.DatePipe], styles: ["\n\n.error-info[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: #fef3f3;\n    border: 1px solid #fecaca;\n    border-radius: 8px;\n}\n\n.finish-reason[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: #dc2626;\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: #991b1b;\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #7f1d1d;\n    font-size: 14px;\n    font-style: italic;\n}\n\n\n\n.prompt-run-header[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border-bottom: 2px solid #e9ecef;\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: #2c3e50;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    color: #6c757d;\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    color: white;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.status-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.9em;\n}\n\n.run-type-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #f1f3f5;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.prompt-name[_ngcontent-%COMP%], .model-name[_ngcontent-%COMP%], .vendor-name[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.85em;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.prompt-name[_ngcontent-%COMP%]:hover, .model-name[_ngcontent-%COMP%]:hover, .vendor-name[_ngcontent-%COMP%]:hover {\n    background: #dee2e6;\n    color: #007bff;\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\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: #fff3cd;\n    font-size: 0.85em;\n}\n\n.original-link[_ngcontent-%COMP%] {\n    color: #ff6358;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link[_ngcontent-%COMP%]:hover {\n    color: #ff4444;\n    text-decoration: underline;\n}\n\n.run-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid #e9ecef;\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: #6c757d;\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: #6c757d;\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: #2c3e50;\n}\n\n.config-link[_ngcontent-%COMP%] {\n    color: #007bff;\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link[_ngcontent-%COMP%]:hover {\n    color: #0056b3;\n    text-decoration: underline;\n}\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\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\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%] {\n    border: 1px solid #e5e7eb;\n    margin-bottom: 8px;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]    > .k-item[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%] {\n    background-color: #f9fafb;\n    padding: 12px 16px;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]    > .k-item.k-expanded[_ngcontent-%COMP%]    > .k-link[_ngcontent-%COMP%] {\n    background-color: #f3f4f6;\n}\n\n.k-panelbar[_ngcontent-%COMP%]   .k-panelbar[_ngcontent-%COMP%]   .k-content[_ngcontent-%COMP%] {\n    padding: 0;\n    background: white;\n}\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\n    height: auto;\n    overflow: hidden;\n}\n\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-expander {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-expander:hover {\n    background-color: #edf2f7;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-header {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel[_ngcontent-%COMP%]  .k-content {\n    background-color: #ffffff;\n    border-color: #e2e8f0;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: #dc3545;\n    color: white;\n}\n\n.panel-count[_ngcontent-%COMP%] {\n    color: #6c757d;\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\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e9ecef;\n    display: flex;\n    justify-content: flex-end;\n}\n\n\n\n.error-message[_ngcontent-%COMP%] {\n    background: #dc354510;\n    border: 1px solid #dc3545;\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: #dc3545;\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: #dc3545;\n    font-size: 1em;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #495057;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: #007bff;\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #6c757d;\n}\n\n.metric-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9em;\n    color: #6c757d;\n    font-weight: 500;\n}\n\n.metric-value.large[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: #2c3e50;\n}\n\n.metric-rollup[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: #6c757d;\n}\n\n.metric-currency[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: #6c757d;\n    text-transform: uppercase;\n}\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 #f1f3f5;\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: #6c757d;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-weight: 400;\n    color: #2c3e50;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%] {\n    color: #007bff;\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: #0056b3;\n}\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: #495057;\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #e9ecef;\n    border-color: #dee2e6;\n}\n\n.run-item.parent[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border-color: #90caf9;\n}\n\n.run-item.parent[_ngcontent-%COMP%]:hover {\n    background: #bbdefb;\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: #2c3e50;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order[_ngcontent-%COMP%] {\n    background: #6c757d;\n    color: white;\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: #6c757d;\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: #6c757d;\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: #6c757d;\n    font-size: 0.85em;\n}\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: #6c757d;\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: #2c3e50;\n    padding: 10px 14px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    color: #6c757d;\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: #e9ecef;\n    border-color: #dee2e6;\n    color: #007bff;\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: #adb5bd;\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\n\nkendo-panelbar[_ngcontent-%COMP%] {\n    border: none !important;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n    border: 1px solid #e9ecef !important;\n    border-radius: 8px !important;\n    overflow: hidden;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%]   .k-panelbar-header[_ngcontent-%COMP%] {\n    background: #f8f9fa !important;\n    border: none !important;\n    padding: 12px 16px !important;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%]   .k-panelbar-header[_ngcontent-%COMP%]:hover {\n    background: #e9ecef !important;\n}\n\nkendo-panelbar-item[_ngcontent-%COMP%]   .k-panelbar-content[_ngcontent-%COMP%] {\n    border: none !important;\n    padding: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n}\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: #2c3e50;\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: #28a74520;\n    color: #28a745;\n}\n\n.validation-status.failed[_ngcontent-%COMP%] {\n    background: #dc354520;\n    color: #dc3545;\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: #dc354510;\n    border: 1px solid #dc354530;\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: #dc3545;\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: #495057;\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: #dc3545;\n    color: white;\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\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: #495057;\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: #6c757d;\n    font-size: 0.9em;\n}\n\n.timeline-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\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: #495057;\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 #e9ecef;\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: #28a74510;\n    border-color: #28a74530;\n}\n\n.attempt-item.failed[_ngcontent-%COMP%] {\n    background: #dc354510;\n    border-color: #dc354530;\n}\n\n.attempt-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.attempt-item.success[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.attempt-item.failed[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: #dc3545;\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: #6c757d;\n}\n\n.attempt-error[_ngcontent-%COMP%] {\n    color: #dc3545;\n    flex: 1 0 100%;\n}\n\n.output-length[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-style: italic;\n}\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: #495057;\n}\n\n.json-viewer-container[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.panel-badge.success[_ngcontent-%COMP%] {\n    background: #28a745;\n    color: white;\n}"], changeDetection: 0 }); }
 };
 AIPromptRunFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Prompt Runs')
@@ -1559,7 +2176,7 @@ AIPromptRunFormComponentExtended = __decorate([
 export { AIPromptRunFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptRunFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-ai-prompt-run-form', template: "<div class=\"record-form-container\">\n    @if (record) {\n        <form class=\"record-form\" #form=\"ngForm\">\n            <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\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                                <span class=\"status-badge\" [style.background-color]=\"getStatusColor()\">\n                                    <i [class]=\"'fa-solid ' + getStatusIcon()\"></i>\n                                    {{ getStatusText() }}\n                                </span>\n                                @if (record.RunType) {\n                                    <span class=\"run-type-badge\" [style.color]=\"getRunTypeColor(record.RunType)\">\n                                        <i [class]=\"'fa-solid ' + getRunTypeIcon(record.RunType)\"></i>\n                                        {{ record.RunType }}\n                                    </span>\n                                }\n                                @if (prompt) {\n                                    <span class=\"prompt-name\" (click)=\"navigateToEntity('AI Prompts', prompt.ID)\" title=\"View Prompt\">\n                                        <i class=\"fa-solid fa-comment-dots\"></i>\n                                        {{ prompt.Name }}\n                                    </span>\n                                }\n                                @if (model) {\n                                    <span class=\"model-name\" (click)=\"navigateToEntity('AI Models', model.ID)\" title=\"View Model\">\n                                        <i class=\"fa-solid fa-microchip\"></i>\n                                        {{ model.Name }}\n                                    </span>\n                                }\n                                @if (record.Vendor) {\n                                    <span class=\"vendor-name\" (click)=\"navigateToEntity('MJ: AI Vendors', record.VendorID)\" title=\"View Vendor\">\n                                        <i class=\"fa-solid fa-building\"></i>\n                                        {{ record.Vendor }}\n                                    </span>\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 kendoButton fillMode=\"outline\" size=\"small\" (click)=\"reRunPrompt()\" title=\"Re-run this prompt\">\n                            <i class=\"fa-solid fa-play-circle\"></i>\n                            Re-Run\n                        </button>\n                        <button kendoButton fillMode=\"outline\" size=\"small\" (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                <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\">\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(record.TokensUsed) }}</div>\n                        </div>\n                    </div>\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            </div>\n\n            <!-- Main Content with Expansion Panels -->\n            <div class=\"form-content\">\n                <kendo-panelbar [keepItemContent]=\"true\">\n                    \n                    <!-- Input Panel with nested sub-panels -->\n                    <kendo-panelbar-item [expanded]=\"inputExpanded\" (stateChange)=\"onInputPanelToggle()\">\n                        <ng-template kendoPanelBarItemTitle>\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                        <ng-template kendoPanelBarContent>\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                                        <kendo-expansionpanel \n                                            [expanded]=\"messagesExpanded\" \n                                            class=\"sub-expansion-panel\"\n                                            [animation]=\"false\">\n                                            <ng-template kendoExpansionPanelTitleDirective>\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                                                    <div class=\"empty-state\">\n                                                        <i class=\"fa-solid fa-comment-slash\"></i>\n                                                        <p>No chat messages found</p>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </kendo-expansionpanel>\n                                        \n                                        <!-- Data Sub-Panel -->\n                                        <kendo-expansionpanel \n                                            [expanded]=\"dataExpanded\" \n                                            class=\"sub-expansion-panel\"\n                                            [animation]=\"false\">\n                                            <ng-template kendoExpansionPanelTitleDirective>\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                                                @if (inputData && formattedData) {\n                                                    <div class=\"json-editor-container\">\n                                                        <div class=\"json-toolbar\">\n                                                            <button kendoButton\n                                                                fillMode=\"flat\" \n                                                                size=\"small\"\n                                                                (click)=\"copyToClipboard(formattedData, 'Data')\"\n                                                                title=\"Copy JSON\">\n                                                                <i class=\"fa-solid fa-copy\"></i> Copy\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 {\n                                                    <div class=\"empty-state\">\n                                                        <i class=\"fa-solid fa-database\"></i>\n                                                        <p>No data object found</p>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </kendo-expansionpanel>\n                                        \n                                        <!-- Raw Sub-Panel -->\n                                        <kendo-expansionpanel \n                                            [expanded]=\"rawExpanded\" \n                                            class=\"sub-expansion-panel\"\n                                            [animation]=\"false\">\n                                            <ng-template kendoExpansionPanelTitleDirective>\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 kendoButton\n                                                            fillMode=\"flat\" \n                                                            size=\"small\"\n                                                            (click)=\"copyToClipboard(formattedMessages, 'Messages')\"\n                                                            title=\"Copy JSON\">\n                                                            <i class=\"fa-solid fa-copy\"></i> Copy\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                                        </kendo-expansionpanel>\n                                    </div>\n                                } @else {\n                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-comment-slash\"></i>\n                                        <p>No input messages recorded</p>\n                                    </div>\n                                }\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Result Panel -->\n                    <kendo-panelbar-item [expanded]=\"resultExpanded\">\n                        <ng-template kendoPanelBarItemTitle>\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                        <ng-template kendoPanelBarContent>\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 kendoButton\n                                                fillMode=\"flat\" \n                                                size=\"small\"\n                                                (click)=\"copyToClipboard(formattedResult, 'Result')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\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                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-inbox\"></i>\n                                        <p>No result data recorded</p>\n                                    </div>\n                                }\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Token Usage & Metrics Panel -->\n                    <kendo-panelbar-item [expanded]=\"metricsExpanded\">\n                        <ng-template kendoPanelBarItemTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-chart-line\"></i>\n                                Token Usage & Metrics\n                            </span>\n                        </ng-template>\n                        <ng-template kendoPanelBarContent>\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\">{{ formatTokens(record.TokensPrompt) }}</div>\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\">{{ formatTokens(record.TokensUsed) }}</div>\n                                        @if (record.TokensUsedRollup && record.TokensUsedRollup !== record.TokensUsed) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Rollup: {{ formatTokens(record.TokensUsedRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\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                                </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.ConfigurationID) {\n                                        <div class=\"metric-row\">\n                                            <span class=\"metric-label\">Configuration:</span>\n                                            <span class=\"metric-value\">{{ record.Configuration }}</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('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                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Validation & Retry Panel -->\n                    @if (record && ((record.ValidationAttemptCount && record.ValidationAttemptCount > 0) || record.ValidationBehavior)) {\n                        <kendo-panelbar-item [expanded]=\"validationExpanded\">\n                            <ng-template kendoPanelBarItemTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-shield-check\"></i>\n                                    Validation & 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                            <ng-template kendoPanelBarContent>\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\" [class.failed]=\"!record.FinalValidationPassed\">\n                                                <i [class]=\"record.FinalValidationPassed ? 'fa-solid fa-check-circle' : 'fa-solid fa-times-circle'\"></i>\n                                                {{ record.FinalValidationPassed ? 'Validation Passed' : 'Validation Failed' }}\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                                            <h4>Validation Summary Details</h4>\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                                            <h4>Validation Attempts (Raw JSON)</h4>\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                            </ng-template>\n                        </kendo-panelbar-item>\n                    }\n                    \n                    <!-- Hierarchy Panel (for parent/child relationships) -->\n                    @if (record.ParentID || childRuns.length > 0) {\n                        <kendo-panelbar-item [expanded]=\"hierarchyExpanded\">\n                            <ng-template kendoPanelBarItemTitle>\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                            <ng-template kendoPanelBarContent>\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                            </ng-template>\n                        </kendo-panelbar-item>\n                    }\n                    \n                    <!-- Additional Details Panel -->\n                    <kendo-panelbar-item [expanded]=\"false\">\n                        <ng-template kendoPanelBarItemTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-info-circle\"></i>\n                                Additional Details\n                            </span>\n                        </ng-template>\n                        <ng-template kendoPanelBarContent>\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('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                                    @if (record.ConfigurationID) {\n                                        <div class=\"detail-field\">\n                                            <label>Configuration</label>\n                                            <div class=\"detail-value\">\n                                                <i class=\"fa-solid fa-cog\"></i>\n                                                {{ record.Configuration || 'Unknown' }}\n                                            </div>\n                                        </div>\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                                    @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                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                </kendo-panelbar>\n            </div>\n        </form>\n    }\n</div>", styles: ["/* Header Section */\n.prompt-run-header {\n    background: #f8f9fa;\n    border-bottom: 2px solid #e9ecef;\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: #2c3e50;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id {\n    font-size: 0.8em;\n    color: #6c757d;\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    color: white;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.status-badge i {\n    font-size: 0.9em;\n}\n\n.run-type-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #f1f3f5;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.prompt-name, .model-name, .vendor-name {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.85em;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.prompt-name:hover, .model-name:hover, .vendor-name:hover {\n    background: #dee2e6;\n    color: #007bff;\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\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: #fff3cd;\n    font-size: 0.85em;\n}\n\n.original-link {\n    color: #ff6358;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link:hover {\n    color: #ff4444;\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 #e9ecef;\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: #6c757d;\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: #6c757d;\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: #2c3e50;\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 kendo-panelbar styles */\n.k-panelbar .k-panelbar {\n    border: none;\n    background: transparent;\n}\n\n.k-panelbar .k-panelbar > .k-item {\n    border: 1px solid #e5e7eb;\n    margin-bottom: 8px;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.k-panelbar .k-panelbar > .k-item > .k-link {\n    background-color: #f9fafb;\n    padding: 12px 16px;\n}\n\n.k-panelbar .k-panelbar > .k-item.k-expanded > .k-link {\n    background-color: #f3f4f6;\n}\n\n.k-panelbar .k-panelbar .k-content {\n    padding: 0;\n    background: white;\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::ng-deep .k-expander {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel::ng-deep .k-expander:hover {\n    background-color: #edf2f7;\n}\n\n.sub-expansion-panel::ng-deep .k-header {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel::ng-deep .k-content {\n    background-color: #ffffff;\n    border-color: #e2e8f0;\n}\n\n.panel-badge {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error {\n    background: #dc3545;\n    color: white;\n}\n\n.panel-count {\n    color: #6c757d;\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 #e9ecef;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar {\n    background: #f8f9fa;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e9ecef;\n    display: flex;\n    justify-content: flex-end;\n}\n\n/* Error Message */\n.error-message {\n    background: #dc354510;\n    border: 1px solid #dc3545;\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: #dc3545;\n    flex-shrink: 0;\n}\n\n.error-content h4 {\n    margin: 0 0 8px 0;\n    color: #dc3545;\n    font-size: 1em;\n}\n\n.error-content p {\n    margin: 0;\n    color: #495057;\n}\n\n/* Empty State */\n.empty-state {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.empty-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n/* Loading State */\n.loading-state {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.loading-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: #007bff;\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #6c757d;\n}\n\n.metric-header h4 {\n    margin: 0;\n    font-size: 0.9em;\n    color: #6c757d;\n    font-weight: 500;\n}\n\n.metric-value.large {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: #2c3e50;\n}\n\n.metric-rollup {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: #6c757d;\n}\n\n.metric-currency {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: #6c757d;\n    text-transform: uppercase;\n}\n\n/* Additional Metrics */\n.additional-metrics {\n    border-top: 1px solid #e9ecef;\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 #f1f3f5;\n}\n\n.metric-row:last-child {\n    border-bottom: none;\n}\n\n.metric-row .metric-label {\n    font-weight: 500;\n    color: #6c757d;\n}\n\n.metric-row .metric-value {\n    font-weight: 400;\n    color: #2c3e50;\n}\n\n.metric-row .metric-value.link {\n    color: #007bff;\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: #0056b3;\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: #495057;\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #e9ecef;\n    border-color: #dee2e6;\n}\n\n.run-item.parent {\n    background: #e3f2fd;\n    border-color: #90caf9;\n}\n\n.run-item.parent:hover {\n    background: #bbdefb;\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: #2c3e50;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order {\n    background: #6c757d;\n    color: white;\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: #6c757d;\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: #6c757d;\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: #6c757d;\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: #6c757d;\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: #2c3e50;\n    padding: 10px 14px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value i:first-child {\n    color: #6c757d;\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: #e9ecef;\n    border-color: #dee2e6;\n    color: #007bff;\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: #adb5bd;\n    font-style: italic;\n}\n\n.detail-value.null-value i:first-child {\n    opacity: 0.5;\n}\n\n/* Kendo Overrides */\nkendo-panelbar {\n    border: none !important;\n}\n\nkendo-panelbar-item {\n    margin-bottom: 8px;\n    border: 1px solid #e9ecef !important;\n    border-radius: 8px !important;\n    overflow: hidden;\n}\n\nkendo-panelbar-item .k-panelbar-header {\n    background: #f8f9fa !important;\n    border: none !important;\n    padding: 12px 16px !important;\n}\n\nkendo-panelbar-item .k-panelbar-header:hover {\n    background: #e9ecef !important;\n}\n\nkendo-panelbar-item .k-panelbar-content {\n    border: none !important;\n    padding: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\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: #2c3e50;\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: #28a74520;\n    color: #28a745;\n}\n\n.validation-status.failed {\n    background: #dc354520;\n    color: #dc3545;\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: #dc354510;\n    border: 1px solid #dc354530;\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: #dc3545;\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: #495057;\n    font-size: 0.9em;\n}\n\n.error-count {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: #dc3545;\n    color: white;\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: #495057;\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: #6c757d;\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: #495057;\n}\n\n.attempts-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item {\n    border: 1px solid #e9ecef;\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: #28a74510;\n    border-color: #28a74530;\n}\n\n.attempt-item.failed {\n    background: #dc354510;\n    border-color: #dc354530;\n}\n\n.attempt-number {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.attempt-item.success .attempt-number {\n    color: #28a745;\n}\n\n.attempt-item.failed .attempt-number {\n    color: #dc3545;\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: #6c757d;\n}\n\n.attempt-error {\n    color: #dc3545;\n    flex: 1 0 100%;\n}\n\n.output-length {\n    color: #6c757d;\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: #495057;\n}\n\n.json-viewer-container {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Panel badge styles */\n.panel-badge.success {\n    background: #28a745;\n    color: white;\n}"] }]
+        args: [{ selector: 'mj-ai-prompt-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"record-form-container\">\n    @if (record) {\n        <form class=\"record-form\" #form=\"ngForm\">\n            <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\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                                <span class=\"status-badge\" [style.background-color]=\"getStatusColor()\">\n                                    <i [class]=\"'fa-solid ' + getStatusIcon()\"></i>\n                                    {{ getStatusText() }}\n                                </span>\n                                @if (record.RunType) {\n                                    <span class=\"run-type-badge\" [style.color]=\"getRunTypeColor(record.RunType)\">\n                                        <i [class]=\"'fa-solid ' + getRunTypeIcon(record.RunType)\"></i>\n                                        {{ record.RunType }}\n                                    </span>\n                                }\n                                @if (prompt) {\n                                    <span class=\"prompt-name\" (click)=\"navigateToEntity('AI Prompts', prompt.ID)\" title=\"View Prompt\">\n                                        <i class=\"fa-solid fa-comment-dots\"></i>\n                                        {{ prompt.Name }}\n                                    </span>\n                                }\n                                @if (model) {\n                                    <span class=\"model-name\" (click)=\"navigateToEntity('AI Models', model.ID)\" title=\"View Model\">\n                                        <i class=\"fa-solid fa-microchip\"></i>\n                                        {{ model.Name }}\n                                    </span>\n                                }\n                                @if (record.Vendor) {\n                                    <span class=\"vendor-name\" (click)=\"navigateToEntity('MJ: AI Vendors', record.VendorID)\" title=\"View Vendor\">\n                                        <i class=\"fa-solid fa-building\"></i>\n                                        {{ record.Vendor }}\n                                    </span>\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 kendoButton fillMode=\"outline\" size=\"small\" (click)=\"reRunPrompt()\" title=\"Re-run this prompt\">\n                            <i class=\"fa-solid fa-play-circle\"></i>\n                            Re-Run\n                        </button>\n                        <button kendoButton fillMode=\"outline\" size=\"small\" (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.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\">\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(record.TokensUsed) }}</div>\n                            </div>\n                        </div>\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\">\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(record.TokensUsed) }}</div>\n                            </div>\n                        </div>\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\">\n                <kendo-panelbar [keepItemContent]=\"true\">\n                    \n                    <!-- Input Panel with nested sub-panels -->\n                    <kendo-panelbar-item [expanded]=\"inputExpanded\" (stateChange)=\"onInputPanelToggle($event)\">\n                        <ng-template kendoPanelBarItemTitle>\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                        <ng-template kendoPanelBarContent>\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                                        <kendo-expansionpanel \n                                            [expanded]=\"messagesExpanded\" \n                                            class=\"sub-expansion-panel\"\n                                            [animation]=\"false\">\n                                            <ng-template kendoExpansionPanelTitleDirective>\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                                                    <div class=\"empty-state\">\n                                                        <i class=\"fa-solid fa-comment-slash\"></i>\n                                                        <p>No chat messages found</p>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </kendo-expansionpanel>\n                                        \n                                        <!-- Data Sub-Panel -->\n                                        <kendo-expansionpanel \n                                            [expanded]=\"dataExpanded\" \n                                            class=\"sub-expansion-panel\"\n                                            [animation]=\"false\">\n                                            <ng-template kendoExpansionPanelTitleDirective>\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                                                @if (inputData && formattedData) {\n                                                    <div class=\"json-editor-container\">\n                                                        <div class=\"json-toolbar\">\n                                                            <button kendoButton\n                                                                fillMode=\"flat\" \n                                                                size=\"small\"\n                                                                (click)=\"copyToClipboard(formattedData, 'Data')\"\n                                                                title=\"Copy JSON\">\n                                                                <i class=\"fa-solid fa-copy\"></i> Copy\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 {\n                                                    <div class=\"empty-state\">\n                                                        <i class=\"fa-solid fa-database\"></i>\n                                                        <p>No data object found</p>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </kendo-expansionpanel>\n                                        \n                                        <!-- Raw Sub-Panel -->\n                                        <kendo-expansionpanel \n                                            [expanded]=\"rawExpanded\" \n                                            class=\"sub-expansion-panel\"\n                                            [animation]=\"false\">\n                                            <ng-template kendoExpansionPanelTitleDirective>\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 kendoButton\n                                                            fillMode=\"flat\" \n                                                            size=\"small\"\n                                                            (click)=\"copyToClipboard(formattedMessages, 'Messages')\"\n                                                            title=\"Copy JSON\">\n                                                            <i class=\"fa-solid fa-copy\"></i> Copy\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                                        </kendo-expansionpanel>\n                                    </div>\n                                } @else {\n                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-comment-slash\"></i>\n                                        <p>No input messages recorded</p>\n                                    </div>\n                                }\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Result Panel -->\n                    <kendo-panelbar-item [expanded]=\"resultExpanded\" (stateChange)=\"onResultPanelToggle($event)\">\n                        <ng-template kendoPanelBarItemTitle>\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                        <ng-template kendoPanelBarContent>\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 kendoButton\n                                                fillMode=\"flat\" \n                                                size=\"small\"\n                                                (click)=\"copyToClipboard(formattedResult, 'Result')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\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                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-inbox\"></i>\n                                        <p>No result data recorded</p>\n                                        @if (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                                                        <h4>Error Details</h4>\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                                    </div>\n                                }\n                            </div>\n                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Token Usage & Metrics Panel -->\n                    <kendo-panelbar-item [expanded]=\"metricsExpanded\" (stateChange)=\"onMetricsPanelToggle($event)\">\n                        <ng-template kendoPanelBarItemTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-chart-line\"></i>\n                                Token Usage & Metrics\n                            </span>\n                        </ng-template>\n                        <ng-template kendoPanelBarContent>\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\">{{ formatTokens(record.TokensPrompt) }}</div>\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\">{{ formatTokens(record.TokensUsed) }}</div>\n                                        @if (record.TokensUsedRollup && record.TokensUsedRollup !== record.TokensUsed) {\n                                            <div class=\"metric-rollup\">\n                                                <span>Rollup: {{ formatTokens(record.TokensUsedRollup) }}</span>\n                                            </div>\n                                        }\n                                    </div>\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('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                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Validation & Retry Panel -->\n                    @if (record && ((record.ValidationAttemptCount && record.ValidationAttemptCount > 0) || record.ValidationBehavior)) {\n                        <kendo-panelbar-item [expanded]=\"validationExpanded\" (stateChange)=\"onValidationPanelToggle($event)\">\n                            <ng-template kendoPanelBarItemTitle>\n                                <span class=\"panel-title\">\n                                    <i class=\"fa-solid fa-shield-check\"></i>\n                                    Validation & 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                            <ng-template kendoPanelBarContent>\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\" [class.failed]=\"!record.FinalValidationPassed\">\n                                                <i [class]=\"record.FinalValidationPassed ? 'fa-solid fa-check-circle' : 'fa-solid fa-times-circle'\"></i>\n                                                {{ record.FinalValidationPassed ? 'Validation Passed' : 'Validation Failed' }}\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                                            <h4>Validation Summary Details</h4>\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                                            <h4>Validation Attempts (Raw JSON)</h4>\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                            </ng-template>\n                        </kendo-panelbar-item>\n                    }\n                    \n                    <!-- Hierarchy Panel (for parent/child relationships) -->\n                    @if (record.ParentID || childRuns.length > 0) {\n                        <kendo-panelbar-item [expanded]=\"hierarchyExpanded\">\n                            <ng-template kendoPanelBarItemTitle>\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                            <ng-template kendoPanelBarContent>\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                            </ng-template>\n                        </kendo-panelbar-item>\n                    }\n                    \n                    <!-- Additional Details Panel -->\n                    <kendo-panelbar-item [expanded]=\"false\">\n                        <ng-template kendoPanelBarItemTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-info-circle\"></i>\n                                Additional Details\n                            </span>\n                        </ng-template>\n                        <ng-template kendoPanelBarContent>\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('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                                    @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                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                    <!-- Model Specific Response Details Panel -->\n                    @if (record.ModelSpecificResponseDetails) {\n                        <kendo-panelbar-item [expanded]=\"modelSpecificExpanded\" (stateChange)=\"onModelSpecificPanelToggle($event)\">\n                            <ng-template kendoPanelBarItemTitle>\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                            <ng-template kendoPanelBarContent>\n                                <div class=\"panel-content\">\n                                    <div class=\"json-editor-container\">\n                                        <div class=\"json-toolbar\">\n                                            <button kendoButton\n                                                fillMode=\"flat\" \n                                                size=\"small\"\n                                                (click)=\"copyToClipboard(formattedModelSpecificResponseDetails, 'Model Specific Response Details')\"\n                                                title=\"Copy JSON\">\n                                                <i class=\"fa-solid fa-copy\"></i> Copy\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                            </ng-template>\n                        </kendo-panelbar-item>\n                    }\n                    \n                    <!-- Model Selection & Performance Panel (v2.78 fields) -->\n                    <kendo-panelbar-item [expanded]=\"false\" (stateChange)=\"onModelSelectionPanelToggle($event)\">\n                        <ng-template kendoPanelBarItemTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-microchip\"></i>\n                                Model Selection & 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                        <ng-template kendoPanelBarContent>\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('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                                        <h4>Model Selection Details</h4>\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                                        <h4>Error Details</h4>\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                        </ng-template>\n                    </kendo-panelbar-item>\n                    \n                </kendo-panelbar>\n            </div>\n        </form>\n    }\n</div>", styles: ["/* Error Info Styles */\n.error-info {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: #fef3f3;\n    border: 1px solid #fecaca;\n    border-radius: 8px;\n}\n\n.finish-reason {\n    margin: 0 0 12px 0;\n    color: #dc2626;\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: #991b1b;\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint {\n    margin: 0;\n    color: #7f1d1d;\n    font-size: 14px;\n    font-style: italic;\n}\n\n/* Header Section */\n.prompt-run-header {\n    background: #f8f9fa;\n    border-bottom: 2px solid #e9ecef;\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: #2c3e50;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id {\n    font-size: 0.8em;\n    color: #6c757d;\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    color: white;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.status-badge i {\n    font-size: 0.9em;\n}\n\n.run-type-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #f1f3f5;\n    font-size: 0.85em;\n    font-weight: 500;\n}\n\n.prompt-name, .model-name, .vendor-name {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.85em;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.prompt-name:hover, .model-name:hover, .vendor-name:hover {\n    background: #dee2e6;\n    color: #007bff;\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\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: #fff3cd;\n    font-size: 0.85em;\n}\n\n.original-link {\n    color: #ff6358;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link:hover {\n    color: #ff4444;\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 #e9ecef;\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: #6c757d;\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: #6c757d;\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: #2c3e50;\n}\n\n.config-link {\n    color: #007bff;\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link:hover {\n    color: #0056b3;\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 kendo-panelbar styles */\n.k-panelbar .k-panelbar {\n    border: none;\n    background: transparent;\n}\n\n.k-panelbar .k-panelbar > .k-item {\n    border: 1px solid #e5e7eb;\n    margin-bottom: 8px;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.k-panelbar .k-panelbar > .k-item > .k-link {\n    background-color: #f9fafb;\n    padding: 12px 16px;\n}\n\n.k-panelbar .k-panelbar > .k-item.k-expanded > .k-link {\n    background-color: #f3f4f6;\n}\n\n.k-panelbar .k-panelbar .k-content {\n    padding: 0;\n    background: white;\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::ng-deep .k-expander {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel::ng-deep .k-expander:hover {\n    background-color: #edf2f7;\n}\n\n.sub-expansion-panel::ng-deep .k-header {\n    background-color: #f7fafc;\n    border-color: #e2e8f0;\n}\n\n.sub-expansion-panel::ng-deep .k-content {\n    background-color: #ffffff;\n    border-color: #e2e8f0;\n}\n\n.panel-badge {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: #e9ecef;\n    color: #495057;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error {\n    background: #dc3545;\n    color: white;\n}\n\n.panel-count {\n    color: #6c757d;\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 #e9ecef;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar {\n    background: #f8f9fa;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e9ecef;\n    display: flex;\n    justify-content: flex-end;\n}\n\n/* Error Message */\n.error-message {\n    background: #dc354510;\n    border: 1px solid #dc3545;\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: #dc3545;\n    flex-shrink: 0;\n}\n\n.error-content h4 {\n    margin: 0 0 8px 0;\n    color: #dc3545;\n    font-size: 1em;\n}\n\n.error-content p {\n    margin: 0;\n    color: #495057;\n}\n\n/* Empty State */\n.empty-state {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.empty-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.3;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n/* Loading State */\n.loading-state {\n    text-align: center;\n    padding: 60px 40px;\n    color: #6c757d;\n}\n\n.loading-state i {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: #007bff;\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #6c757d;\n}\n\n.metric-header h4 {\n    margin: 0;\n    font-size: 0.9em;\n    color: #6c757d;\n    font-weight: 500;\n}\n\n.metric-value.large {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: #2c3e50;\n}\n\n.metric-rollup {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: #6c757d;\n}\n\n.metric-currency {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: #6c757d;\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 #f1f3f5;\n}\n\n.metric-row:last-child {\n    border-bottom: none;\n}\n\n.metric-row .metric-label {\n    font-weight: 500;\n    color: #6c757d;\n}\n\n.metric-row .metric-value {\n    font-weight: 400;\n    color: #2c3e50;\n}\n\n.metric-row .metric-value.link {\n    color: #007bff;\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: #0056b3;\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: #495057;\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: #f8f9fa;\n    border: 1px solid #e9ecef;\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: #e9ecef;\n    border-color: #dee2e6;\n}\n\n.run-item.parent {\n    background: #e3f2fd;\n    border-color: #90caf9;\n}\n\n.run-item.parent:hover {\n    background: #bbdefb;\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: #2c3e50;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order {\n    background: #6c757d;\n    color: white;\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: #6c757d;\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: #6c757d;\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: #6c757d;\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: #6c757d;\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: #2c3e50;\n    padding: 10px 14px;\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value i:first-child {\n    color: #6c757d;\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: #e9ecef;\n    border-color: #dee2e6;\n    color: #007bff;\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: #adb5bd;\n    font-style: italic;\n}\n\n.detail-value.null-value i:first-child {\n    opacity: 0.5;\n}\n\n/* Kendo Overrides */\nkendo-panelbar {\n    border: none !important;\n}\n\nkendo-panelbar-item {\n    margin-bottom: 8px;\n    border: 1px solid #e9ecef !important;\n    border-radius: 8px !important;\n    overflow: hidden;\n}\n\nkendo-panelbar-item .k-panelbar-header {\n    background: #f8f9fa !important;\n    border: none !important;\n    padding: 12px 16px !important;\n}\n\nkendo-panelbar-item .k-panelbar-header:hover {\n    background: #e9ecef !important;\n}\n\nkendo-panelbar-item .k-panelbar-content {\n    border: none !important;\n    padding: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\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: #2c3e50;\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: #28a74520;\n    color: #28a745;\n}\n\n.validation-status.failed {\n    background: #dc354520;\n    color: #dc3545;\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: #dc354510;\n    border: 1px solid #dc354530;\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: #dc3545;\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: #495057;\n    font-size: 0.9em;\n}\n\n.error-count {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: #dc3545;\n    color: white;\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: #495057;\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: #6c757d;\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: #495057;\n}\n\n.attempts-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item {\n    border: 1px solid #e9ecef;\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: #28a74510;\n    border-color: #28a74530;\n}\n\n.attempt-item.failed {\n    background: #dc354510;\n    border-color: #dc354530;\n}\n\n.attempt-number {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.attempt-item.success .attempt-number {\n    color: #28a745;\n}\n\n.attempt-item.failed .attempt-number {\n    color: #dc3545;\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: #6c757d;\n}\n\n.attempt-error {\n    color: #dc3545;\n    flex: 1 0 100%;\n}\n\n.output-length {\n    color: #6c757d;\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: #495057;\n}\n\n.json-viewer-container {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Panel badge styles */\n.panel-badge.success {\n    background: #28a745;\n    color: white;\n}"] }]
     }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i3.TestHarnessWindowService }, { type: i0.ViewContainerRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptRunFormComponentExtended, { className: "AIPromptRunFormComponentExtended", filePath: "src/lib/custom/AIPromptRuns/ai-prompt-run-form.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptRunFormComponentExtended, { className: "AIPromptRunFormComponentExtended", filePath: "src/lib/custom/AIPromptRuns/ai-prompt-run-form.component.ts", lineNumber: 20 }); })();
 //# sourceMappingURL=ai-prompt-run-form.component.js.map