@memberjunction/ng-core-entity-forms 2.50.0 → 2.52.0

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

@@ -0,0 +1,965 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { RegisterClass } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
+import { AIPromptRunFormComponent } from '../../generated/Entities/AIPromptRun/aipromptrun.form.component';
+import { SharedService } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/forms";
+import * as i4 from "@progress/kendo-angular-layout";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@memberjunction/ng-form-toolbar";
+import * as i7 from "@memberjunction/ng-container-directives";
+import * as i8 from "@memberjunction/ng-code-editor";
+import * as i9 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    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", 31);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("color", ctx_r1.getRunTypeColor(ctx_r1.record.RunType));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getRunTypeIcon(ctx_r1.record.RunType));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.RunType, " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 32);
+    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", 33);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.prompt.Name, " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 34);
+    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", 35);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.model.Name, " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 36);
+    i0.ɵɵelementStart(2, "div", 22)(3, "div", 23);
+    i0.ɵɵtext(4, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 24);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "date");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 1, ctx_r1.record.RunAt, "short"));
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵtext(1, "JSON");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2, " Input Messages ");
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Conditional_3_Template, 2, 0, "span", 38);
+    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_49_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 42)(2, "kendo-button", 43);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Conditional_1_Template_kendo_button_click_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedMessages, "Messages")); });
+    i0.ɵɵelement(3, "i", 44);
+    i0.ɵɵtext(4, " Copy ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "mj-code-editor", 45);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Conditional_1_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r5); 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);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedMessages);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No input messages recorded");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Conditional_1_Template, 6, 4, "div", 40)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Conditional_2_Template, 4, 0, "div", 41);
+    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_51_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵtext(1, "JSON");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_51_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 48);
+    i0.ɵɵtext(1, "Error");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 47);
+    i0.ɵɵtext(2, " Result ");
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_51_Conditional_3_Template, 2, 0, "span", 38)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_51_Conditional_4_Template, 2, 0, "span", 48);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.Result && ctx_r1.record.Result.trim() !== "" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ErrorMessage ? 4 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelementStart(2, "div", 51)(3, "h4");
+    i0.ɵɵtext(4, "Error Message");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.ErrorMessage);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 42)(2, "kendo-button", 43);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_2_Template_kendo_button_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyToClipboard(ctx_r1.formattedResult, "Result")); });
+    i0.ɵɵelement(3, "i", 44);
+    i0.ɵɵtext(4, " Copy ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "mj-code-editor", 52);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_2_Template_mj_code_editor_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); 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);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formattedResult);
+    i0.ɵɵproperty("readonly", true)("language", "json")("lineWrapping", true);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "i", 53);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No result data recorded");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_1_Template, 7, 1, "div", 49)(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_2_Template, 6, 4, "div", 40)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Conditional_3_Template, 4, 0, "div", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ErrorMessage ? 1 : -1);
+    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_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 54);
+    i0.ɵɵtext(2, " Token Usage & Metrics ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensPromptRollup), "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensCompletionRollup), "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Rollup: ", ctx_r1.formatTokens(ctx_r1.record.TokensUsedRollup), "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Total: ", ctx_r1.formatCost(ctx_r1.record.TotalCost), "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.CostCurrency);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64)(1, "span", 23);
+    i0.ɵɵtext(2, "Execution Order:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 24);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.record.ExecutionOrder);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64)(1, "span", 23);
+    i0.ɵɵtext(2, "Configuration:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 24);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.record.Configuration);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 64)(1, "span", 23);
+    i0.ɵɵtext(2, "Agent:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 65);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_38_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r7); 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", 66);
+    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_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "div", 55)(2, "div", 56)(3, "div", 57);
+    i0.ɵɵelement(4, "i", 58);
+    i0.ɵɵelementStart(5, "h4");
+    i0.ɵɵtext(6, "Prompt Tokens");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 59);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_9_Template, 3, 1, "div", 60);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 56)(11, "div", 57);
+    i0.ɵɵelement(12, "i", 61);
+    i0.ɵɵelementStart(13, "h4");
+    i0.ɵɵtext(14, "Completion Tokens");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 59);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(17, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_17_Template, 3, 1, "div", 60);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 56)(19, "div", 57);
+    i0.ɵɵelement(20, "i", 25);
+    i0.ɵɵelementStart(21, "h4");
+    i0.ɵɵtext(22, "Total Tokens");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 59);
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(25, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_25_Template, 3, 1, "div", 60);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 56)(27, "div", 57);
+    i0.ɵɵelement(28, "i", 26);
+    i0.ɵɵelementStart(29, "h4");
+    i0.ɵɵtext(30, "Cost");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 59);
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(33, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_33_Template, 3, 1, "div", 60)(34, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_34_Template, 2, 1, "div", 62);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "div", 63);
+    i0.ɵɵtemplate(36, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_36_Template, 5, 1, "div", 64)(37, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_37_Template, 5, 1, "div", 64)(38, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Conditional_38_Template, 6, 1, "div", 64);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensPrompt));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.TokensPromptRollup && ctx_r1.record.TokensPromptRollup !== ctx_r1.record.TokensPrompt ? 9 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensCompletion));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.TokensCompletionRollup && ctx_r1.record.TokensCompletionRollup !== ctx_r1.record.TokensCompletion ? 17 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTokens(ctx_r1.record.TokensUsed));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.TokensUsedRollup && ctx_r1.record.TokensUsedRollup !== ctx_r1.record.TokensUsed ? 25 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.formatCost(ctx_r1.record.Cost));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.TotalCost && ctx_r1.record.TotalCost !== ctx_r1.record.Cost ? 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.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.AgentID ? 38 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r1.childRuns.length, " children)");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵtext(2, " Run Hierarchy ");
+    i0.ɵɵtemplate(3, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_1_Conditional_3_Template, 2, 1, "span", 68);
+    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_56_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 69)(1, "h4");
+    i0.ɵɵelement(2, "i", 71);
+    i0.ɵɵtext(3, " Parent Run");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 72);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_1_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", ctx_r1.parentRun.ID)); });
+    i0.ɵɵelementStart(5, "div", 73);
+    i0.ɵɵelement(6, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 74)(8, "div", 75);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementStart(10, "span", 76);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 77)(13, "span");
+    i0.ɵɵelement(14, "i", 21);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span");
+    i0.ɵɵelement(17, "i", 25);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span");
+    i0.ɵɵelement(20, "i", 36);
+    i0.ɵɵtext(21);
+    i0.ɵɵpipe(22, "date");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(23, "i", 66);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor() + "20");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getRunTypeIcon(ctx_r1.parentRun.RunType));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Parent Run #", ctx_r1.parentRun.ID.substring(0, 8), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.parentRun.RunType);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(ctx_r1.parentRun.ExecutionTimeMS), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(ctx_r1.parentRun.TokensUsed), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(22, 9, ctx_r1.parentRun.RunAt, "short"), "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 82);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const childRun_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("#", childRun_r10.ExecutionOrder, "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_For_6_Template_div_click_0_listener() { const childRun_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Prompt Runs", childRun_r10.ID)); });
+    i0.ɵɵelementStart(1, "div", 73);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 74)(4, "div", 75);
+    i0.ɵɵtext(5);
+    i0.ɵɵtemplate(6, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_For_6_Conditional_6_Template, 2, 1, "span", 82);
+    i0.ɵɵelementStart(7, "span", 76);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 77)(10, "span", 83);
+    i0.ɵɵelement(11, "i");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵelement(14, "i", 21);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span");
+    i0.ɵɵelement(17, "i", 25);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(19, "i", 66);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const childRun_r10 = 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_r10.RunType));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Child Run #", childRun_r10.ID.substring(0, 8), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(childRun_r10.ExecutionOrder !== null ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(childRun_r10.RunType);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.getStatusColor());
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", childRun_r10.Success ? "Success" : childRun_r10.ErrorMessage ? "Failed" : "Running", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(childRun_r10.ExecutionTimeMS), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(childRun_r10.TokensUsed), "");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70)(1, "h4");
+    i0.ɵɵelement(2, "i", 78);
+    i0.ɵɵtext(3, " Child Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 79);
+    i0.ɵɵrepeaterCreate(5, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_For_6_Template, 20, 14, "div", 80, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r1.childRuns);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_1_Template, 24, 12, "div", 69)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Conditional_2_Template, 7, 0, "div", 70);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.parentRun ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.childRuns.length > 0 ? 2 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-panelbar-item", 28);
+    i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_1_Template, 4, 1, "ng-template", 29)(2, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_ng_template_2_Template, 3, 2, "ng-template", 30);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("expanded", ctx_r1.hierarchyExpanded);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 84);
+    i0.ɵɵtext(2, " Additional Details ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 86)(1, "label");
+    i0.ɵɵtext(2, "Vendor");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 87);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_2_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("MJ: AI Vendors", ctx_r1.record.VendorID)); });
+    i0.ɵɵelement(4, "i", 88);
+    i0.ɵɵtext(5);
+    i0.ɵɵelement(6, "i", 66);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Vendor || "Unknown", " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 86)(1, "label");
+    i0.ɵɵtext(2, "Agent");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 89);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_3_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToEntity("AI Agents", ctx_r1.record.AgentID)); });
+    i0.ɵɵelement(4, "i", 90);
+    i0.ɵɵtext(5);
+    i0.ɵɵelement(6, "i", 66);
+    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_59_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "label");
+    i0.ɵɵtext(2, "Configuration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 91);
+    i0.ɵɵelement(4, "i", 92);
+    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_59_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "label");
+    i0.ɵɵtext(2, "Started At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 91);
+    i0.ɵɵelement(4, "i", 21);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "date");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 1, ctx_r1.record.RunAt, "medium"), " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "label");
+    i0.ɵɵtext(2, "Completed At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 91);
+    i0.ɵɵelement(4, "i", 93);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "date");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 1, ctx_r1.record.CompletedAt, "medium"), " ");
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "div", 85);
+    i0.ɵɵtemplate(2, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_2_Template, 7, 1, "div", 86)(3, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_3_Template, 7, 1, "div", 86)(4, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_4_Template, 6, 1, "div", 86)(5, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_5_Template, 7, 4, "div", 86)(6, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Conditional_6_Template, 7, 4, "div", 86);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.record.VendorID ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.AgentID ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ConfigurationID ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.RunAt ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.CompletedAt ? 6 : -1);
+} }
+function AIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 3);
+    i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "div", 6)(6, "div", 7);
+    i0.ɵɵelement(7, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 8)(9, "h1", 9);
+    i0.ɵɵtext(10, " Prompt Run ");
+    i0.ɵɵtemplate(11, AIPromptRunFormComponentExtended_Conditional_1_Conditional_11_Template, 2, 1, "span", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 11)(13, "span", 12);
+    i0.ɵɵelement(14, "i");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(16, AIPromptRunFormComponentExtended_Conditional_1_Conditional_16_Template, 3, 5, "span", 13)(17, AIPromptRunFormComponentExtended_Conditional_1_Conditional_17_Template, 3, 1, "span", 14)(18, AIPromptRunFormComponentExtended_Conditional_1_Conditional_18_Template, 3, 1, "span", 15);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(19, "div", 16)(20, "kendo-button", 17);
+    i0.ɵɵlistener("click", function AIPromptRunFormComponentExtended_Conditional_1_Template_kendo_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshData()); });
+    i0.ɵɵelement(21, "i", 18);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(22, "div", 19)(23, "div", 20);
+    i0.ɵɵelement(24, "i", 21);
+    i0.ɵɵelementStart(25, "div", 22)(26, "div", 23);
+    i0.ɵɵtext(27, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "div", 24);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(30, "div", 20);
+    i0.ɵɵelement(31, "i", 25);
+    i0.ɵɵelementStart(32, "div", 22)(33, "div", 23);
+    i0.ɵɵtext(34, "Total Tokens");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 24);
+    i0.ɵɵtext(36);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(37, "div", 20);
+    i0.ɵɵelement(38, "i", 26);
+    i0.ɵɵelementStart(39, "div", 22)(40, "div", 23);
+    i0.ɵɵtext(41, "Cost");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "div", 24);
+    i0.ɵɵtext(43);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(44, AIPromptRunFormComponentExtended_Conditional_1_Conditional_44_Template, 8, 4, "div", 20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 27)(46, "kendo-panelbar")(47, "kendo-panelbar-item", 28);
+    i0.ɵɵtemplate(48, AIPromptRunFormComponentExtended_Conditional_1_ng_template_48_Template, 4, 1, "ng-template", 29)(49, AIPromptRunFormComponentExtended_Conditional_1_ng_template_49_Template, 3, 1, "ng-template", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "kendo-panelbar-item", 28);
+    i0.ɵɵtemplate(51, AIPromptRunFormComponentExtended_Conditional_1_ng_template_51_Template, 5, 2, "ng-template", 29)(52, AIPromptRunFormComponentExtended_Conditional_1_ng_template_52_Template, 4, 2, "ng-template", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "kendo-panelbar-item", 28);
+    i0.ɵɵtemplate(54, AIPromptRunFormComponentExtended_Conditional_1_ng_template_54_Template, 3, 0, "ng-template", 29)(55, AIPromptRunFormComponentExtended_Conditional_1_ng_template_55_Template, 39, 12, "ng-template", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(56, AIPromptRunFormComponentExtended_Conditional_1_Conditional_56_Template, 3, 1, "kendo-panelbar-item", 28);
+    i0.ɵɵelementStart(57, "kendo-panelbar-item", 28);
+    i0.ɵɵtemplate(58, AIPromptRunFormComponentExtended_Conditional_1_ng_template_58_Template, 3, 0, "ng-template", 29)(59, AIPromptRunFormComponentExtended_Conditional_1_ng_template_59_Template, 7, 5, "ng-template", 30);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor() + "20");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
+    i0.ɵɵstyleProp("color", ctx_r1.getStatusColor());
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.record.ID ? 11 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("background-color", ctx_r1.getStatusColor());
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getStatusIcon());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getStatusText(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.RunType ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.prompt ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.model ? 18 : -1);
+    i0.ɵɵadvance(11);
+    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 ? 44 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("expanded", ctx_r1.messagesExpanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("expanded", ctx_r1.resultExpanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("expanded", ctx_r1.metricsExpanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.ParentID || ctx_r1.childRuns.length > 0 ? 56 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("expanded", false);
+} }
+let AIPromptRunFormComponentExtended = class AIPromptRunFormComponentExtended extends AIPromptRunFormComponent {
+    constructor(elementRef, sharedService, router, route, cdr) {
+        super(elementRef, sharedService, router, route, cdr);
+        this.sharedService = sharedService;
+        // Related entities
+        this.prompt = null;
+        this.model = null;
+        this.parentRun = null;
+        this.childRuns = [];
+        // UI state
+        this.isLoadingRelatedData = false;
+        this.messagesExpanded = true;
+        this.resultExpanded = true;
+        this.metricsExpanded = false;
+        this.hierarchyExpanded = false;
+        // Formatted values
+        this.formattedMessages = '';
+        this.formattedResult = '';
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        if (this.record?.ID) {
+            await this.loadRelatedData();
+            this.formatJsonFields();
+        }
+    }
+    async loadRelatedData() {
+        this.isLoadingRelatedData = true;
+        try {
+            const md = new Metadata();
+            // Load prompt
+            if (this.record.PromptID) {
+                this.prompt = await md.GetEntityObject('AI Prompts');
+                if (this.prompt) {
+                    await this.prompt.Load(this.record.PromptID);
+                }
+            }
+            // Load model
+            if (this.record.ModelID) {
+                this.model = await md.GetEntityObject('AI Models');
+                if (this.model) {
+                    await this.model.Load(this.record.ModelID);
+                }
+            }
+            // Load parent run if exists
+            if (this.record.ParentID) {
+                this.parentRun = await md.GetEntityObject('MJ: AI Prompt Runs');
+                if (this.parentRun) {
+                    await this.parentRun.Load(this.record.ParentID);
+                }
+            }
+            // Load child runs
+            await this.loadChildRuns();
+        }
+        catch (error) {
+            console.error('Error loading related data:', error);
+        }
+        finally {
+            this.isLoadingRelatedData = false;
+        }
+    }
+    async loadChildRuns() {
+        if (!this.record.ID)
+            return;
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: 'MJ: AI Prompt Runs',
+            ExtraFilter: `ParentID='${this.record.ID}'`,
+            OrderBy: 'ExecutionOrder ASC, RunAt DESC',
+            ResultType: 'entity_object'
+        });
+        this.childRuns = result.Results;
+    }
+    formatJsonFields() {
+        // Format messages
+        if (this.record.Messages) {
+            try {
+                const parsed = JSON.parse(this.record.Messages);
+                this.formattedMessages = JSON.stringify(parsed, null, 2);
+            }
+            catch {
+                this.formattedMessages = this.record.Messages;
+            }
+        }
+        else {
+            this.formattedMessages = '';
+        }
+        // Format result
+        if (this.record.Result) {
+            try {
+                const parsed = JSON.parse(this.record.Result);
+                this.formattedResult = JSON.stringify(parsed, null, 2);
+            }
+            catch {
+                this.formattedResult = this.record.Result;
+            }
+        }
+        else {
+            this.formattedResult = '';
+        }
+    }
+    getStatusColor() {
+        if (!this.record)
+            return '#6c757d';
+        if (this.record.Success === true) {
+            return '#28a745'; // Green
+        }
+        else if (this.record.Success === false) {
+            return '#dc3545'; // Red
+        }
+        else if (this.record.CompletedAt) {
+            return '#17a2b8'; // Blue (completed but no success flag)
+        }
+        else {
+            return '#ffc107'; // Yellow (running)
+        }
+    }
+    getStatusIcon() {
+        if (!this.record)
+            return 'fa-circle';
+        if (this.record.Success === true) {
+            return 'fa-check-circle';
+        }
+        else if (this.record.Success === false) {
+            return 'fa-times-circle';
+        }
+        else if (this.record.CompletedAt) {
+            return 'fa-info-circle';
+        }
+        else {
+            return 'fa-spinner fa-spin';
+        }
+    }
+    getStatusText() {
+        if (!this.record)
+            return 'Unknown';
+        if (this.record.Success === true) {
+            return 'Success';
+        }
+        else if (this.record.Success === false) {
+            return 'Failed';
+        }
+        else if (this.record.CompletedAt) {
+            return 'Completed';
+        }
+        else {
+            return 'Running';
+        }
+    }
+    formatDuration(ms) {
+        if (!ms)
+            return '-';
+        if (ms < 1000) {
+            return `${ms}ms`;
+        }
+        else if (ms < 60000) {
+            return `${(ms / 1000).toFixed(1)}s`;
+        }
+        else {
+            const minutes = Math.floor(ms / 60000);
+            const seconds = ((ms % 60000) / 1000).toFixed(0);
+            return `${minutes}m ${seconds}s`;
+        }
+    }
+    formatCost(cost) {
+        if (!cost)
+            return '-';
+        return `$${cost.toFixed(4)}`;
+    }
+    formatTokens(tokens) {
+        if (!tokens)
+            return '-';
+        return tokens.toLocaleString();
+    }
+    getRunTypeIcon(runType) {
+        switch (runType) {
+            case 'Single':
+                return 'fa-play-circle';
+            case 'ParallelParent':
+                return 'fa-layer-group';
+            case 'ParallelChild':
+                return 'fa-clone';
+            case 'ResultSelector':
+                return 'fa-filter';
+            default:
+                return 'fa-circle';
+        }
+    }
+    getRunTypeColor(runType) {
+        switch (runType) {
+            case 'Single':
+                return '#6f42c1';
+            case 'ParallelParent':
+                return '#007bff';
+            case 'ParallelChild':
+                return '#17a2b8';
+            case 'ResultSelector':
+                return '#28a745';
+            default:
+                return '#6c757d';
+        }
+    }
+    navigateToEntity(entityName, recordId) {
+        if (!recordId)
+            return;
+        SharedService.Instance.OpenEntityRecord(entityName, CompositeKey.FromID(recordId));
+    }
+    copyToClipboard(text, fieldName) {
+        navigator.clipboard.writeText(text).then(() => {
+            // Just show a console log for now, as ShowSimpleNotification may not exist
+            console.log(`${fieldName} copied to clipboard`);
+        }).catch(err => {
+            console.error('Failed to copy:', err);
+        });
+    }
+    async refreshData() {
+        if (this.record?.ID) {
+            await this.record.Load(this.record.ID);
+            await this.loadRelatedData();
+            this.formatJsonFields();
+        }
+    }
+    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)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptRunFormComponentExtended, selectors: [["mj-ai-prompt-run-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["mjFillContainer", "", 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"], [1, "run-actions"], ["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, "expanded"], ["kendoPanelBarItemTitle", ""], ["kendoPanelBarContent", ""], [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"], [1, "fa-solid", "fa-calendar"], [1, "panel-title"], [1, "panel-badge"], [1, "panel-content"], [1, "json-editor-container"], [1, "empty-state"], [1, "json-toolbar"], ["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, "fa-solid", "fa-comment-slash"], [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-sitemap"], [1, "panel-count"], [1, "parent-run-section"], [1, "child-runs-section"], [1, "fa-solid", "fa-level-up-alt"], [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"], ["title", "View Vendor", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-building"], ["title", "View Agent", 1, "detail-value", "clickable", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "detail-value"], [1, "fa-solid", "fa-cog"], [1, "fa-solid", "fa-check-circle"]], template: function AIPromptRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, AIPromptRunFormComponentExtended_Conditional_1_Template, 60, 25, "form", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.record ? 1 : -1);
+        } }, dependencies: [i3.ɵNgNoValidate, i3.NgControlStatus, i3.NgControlStatusGroup, i3.NgModel, i3.NgForm, i4.PanelBarComponent, i4.PanelBarItemComponent, i4.PanelBarContentDirective, i4.PanelBarItemTitleDirective, i5.ButtonComponent, i6.FormToolbarComponent, i7.FillContainer, i8.CodeEditorComponent, i9.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%] {\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 {\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.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.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}\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.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}\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\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}"] }); }
+};
+AIPromptRunFormComponentExtended = __decorate([
+    RegisterClass(BaseFormComponent, 'MJ: AI Prompt Runs')
+], AIPromptRunFormComponentExtended);
+export { AIPromptRunFormComponentExtended };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptRunFormComponentExtended, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-prompt-run-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    @if (record) {\n        <form class=\"record-form\" #form=\"ngForm\" mjFillContainer>\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                            </div>\n                        </div>\n                    </div>\n                    \n                    <!-- Action Buttons -->\n                    <div class=\"run-actions\">\n                        <kendo-button fillMode=\"outline\" size=\"small\" (click)=\"refreshData()\" title=\"Refresh data\">\n                            <i class=\"fa-solid fa-refresh\"></i>\n                        </kendo-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>\n                    \n                    <!-- Input Messages Panel -->\n                    <kendo-panelbar-item [expanded]=\"messagesExpanded\">\n                        <ng-template kendoPanelBarItemTitle>\n                            <span class=\"panel-title\">\n                                <i class=\"fa-solid fa-comment-dots\"></i>\n                                Input Messages\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                                    <div class=\"json-editor-container\">\n                                        <div class=\"json-toolbar\">\n                                            <kendo-button \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                                            </kendo-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                                } @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                                            <kendo-button \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                                            </kendo-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                    <!-- 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.VendorID) {\n                                        <div class=\"detail-field\">\n                                            <label>Vendor</label>\n                                            <div class=\"detail-value clickable\" (click)=\"navigateToEntity('MJ: AI Vendors', record.VendorID)\" title=\"View Vendor\">\n                                                <i class=\"fa-solid fa-building\"></i>\n                                                {{ record.Vendor || 'Unknown' }}\n                                                <i class=\"fa-solid fa-external-link\"></i>\n                                            </div>\n                                        </div>\n                                    }\n                                    \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.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 {\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 {\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.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.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}\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/* 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}\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/* 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}"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptRunFormComponentExtended, { className: "AIPromptRunFormComponentExtended", filePath: "src/lib/custom/AIPromptRuns/ai-prompt-run-form.component.ts", lineNumber: 16 }); })();
+//# sourceMappingURL=ai-prompt-run-form.component.js.map