@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/AI/components/analytics/prompt-runs/prompt-run-analysis.component.js

@@ -11,23 +11,22 @@ import { RunView } from '@memberjunction/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared-generic";
-import * as i2 from "../analytics-filter-bar.component";
-import * as i3 from "@angular/common";
+import * as i2 from "@angular/common";
 const _forTrack0 = ($index, $item) => $item.key;
 const _forTrack1 = ($index, $item) => $item.id;
 const _forTrack2 = ($index, $item) => $item.name;
 const _forTrack3 = ($index, $item) => $item.field;
 const _forTrack4 = ($index, $item) => $item.ID;
 const _forTrack5 = ($index, $item) => $item.label;
-function AnalyticsPromptRunsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-loading", 2);
+function AnalyticsPromptRunsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mj-loading", 1);
     i0.ɵɵelementEnd();
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_47_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_For_47_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 32);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_For_47_Template_button_click_0_listener() { const metric_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnChartMetricChange(metric_r2.key)); });
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_For_47_Template_button_click_0_listener() { const metric_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnChartMetricChange(metric_r2.key)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -37,20 +36,20 @@ function AnalyticsPromptRunsComponent_Conditional_2_For_47_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", metric_r2.label, " ");
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵtext(1, "No data for selected time range");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_50_For_2_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_50_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_Conditional_50_For_2_Template_div_click_0_listener() { const bucket_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnChartBucketClick(bucket_r5)); });
-    i0.ɵɵelementStart(1, "div", 35);
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_Conditional_50_For_2_Template_div_click_0_listener() { const bucket_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnChartBucketClick(bucket_r5)); });
+    i0.ɵɵelementStart(1, "div", 34);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "div", 36);
-    i0.ɵɵelementStart(4, "div", 37);
+    i0.ɵɵelement(3, "div", 35);
+    i0.ɵɵelementStart(4, "div", 36);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -64,27 +63,27 @@ function AnalyticsPromptRunsComponent_Conditional_2_Conditional_50_For_2_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(bucket_r5.label);
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵrepeaterCreate(1, AnalyticsPromptRunsComponent_Conditional_2_Conditional_50_For_2_Template, 6, 5, "div", 33, _forTrack5);
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵrepeaterCreate(1, AnalyticsPromptRunsComponent_Conditional_1_Conditional_50_For_2_Template, 6, 5, "div", 32, _forTrack5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.ChartBuckets);
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_56_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_For_56_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_For_56_Template_div_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApplyModelFilter(item_r7.id)); });
-    i0.ɵɵelementStart(1, "span", 39);
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_For_56_Template_div_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApplyModelFilter(item_r7.id)); });
+    i0.ɵɵelementStart(1, "span", 38);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 40);
+    i0.ɵɵelementStart(3, "span", 39);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 41);
-    i0.ɵɵelement(6, "div", 42);
+    i0.ɵɵelementStart(5, "div", 40);
+    i0.ɵɵelement(6, "div", 41);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r7 = ctx.$implicit;
@@ -95,23 +94,23 @@ function AnalyticsPromptRunsComponent_Conditional_2_For_56_Template(rf, ctx) { i
     i0.ɵɵadvance(2);
     i0.ɵɵstyleProp("width", item_r7.percentage, "%");
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
     i0.ɵɵtext(1, "No data");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_62_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_For_62_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_For_62_Template_div_click_0_listener() { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApplyPromptFilter(item_r9.id)); });
-    i0.ɵɵelementStart(1, "span", 39);
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_For_62_Template_div_click_0_listener() { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApplyPromptFilter(item_r9.id)); });
+    i0.ɵɵelementStart(1, "span", 38);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 40);
+    i0.ɵɵelementStart(3, "span", 39);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 41);
-    i0.ɵɵelement(6, "div", 42);
+    i0.ɵɵelementStart(5, "div", 40);
+    i0.ɵɵelement(6, "div", 41);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r9 = ctx.$implicit;
@@ -122,20 +121,20 @@ function AnalyticsPromptRunsComponent_Conditional_2_For_62_Template(rf, ctx) { i
     i0.ɵɵadvance(2);
     i0.ɵɵstyleProp("width", item_r9.percentage, "%");
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_63_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
     i0.ɵɵtext(1, "No data");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_68_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_For_68_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_For_68_Template_div_click_0_listener() { const item_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApplyStatusFilter(item_r11.name)); });
-    i0.ɵɵelement(1, "span", 43);
-    i0.ɵɵelementStart(2, "span", 39);
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_For_68_Template_div_click_0_listener() { const item_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApplyStatusFilter(item_r11.name)); });
+    i0.ɵɵelement(1, "span", 42);
+    i0.ɵɵelementStart(2, "span", 38);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 40);
+    i0.ɵɵelementStart(4, "span", 39);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "number");
     i0.ɵɵelementEnd()();
@@ -148,23 +147,23 @@ function AnalyticsPromptRunsComponent_Conditional_2_For_68_Template(rf, ctx) { i
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate2("", item_r11.count, " (", i0.ɵɵpipeBind2(6, 5, item_r11.percentage, "1.1-1"), "%)");
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_69_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_69_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
     i0.ɵɵtext(1, "No data");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_82_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_For_82_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵclassMap(ctx_r2.SortDirection === "asc" ? "fa-solid fa-caret-up" : "fa-solid fa-caret-down");
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_82_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_For_82_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 44);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_For_82_Template_th_click_0_listener() { const col_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(col_r13.sortable ? ctx_r2.OnSortChange(col_r13.field) : null); });
+    i0.ɵɵelementStart(0, "th", 43);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_For_82_Template_th_click_0_listener() { const col_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(col_r13.sortable ? ctx_r2.OnSortChange(col_r13.field) : null); });
     i0.ɵɵtext(1);
-    i0.ɵɵconditionalCreate(2, AnalyticsPromptRunsComponent_Conditional_2_For_82_Conditional_2_Template, 1, 2, "i", 45);
+    i0.ɵɵconditionalCreate(2, AnalyticsPromptRunsComponent_Conditional_1_For_82_Conditional_2_Template, 1, 2, "i", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const col_r13 = ctx.$implicit;
@@ -175,34 +174,34 @@ function AnalyticsPromptRunsComponent_Conditional_2_For_82_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵconditional(col_r13.sortable && ctx_r2.SortField === col_r13.field ? 2 : -1);
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_For_85_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 46);
+function AnalyticsPromptRunsComponent_Conditional_1_For_85_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 45);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 47);
+    i0.ɵɵelementStart(3, "td", 46);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td")(6, "span", 48);
+    i0.ɵɵelementStart(5, "td")(6, "span", 47);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td")(9, "span", 49);
+    i0.ɵɵelementStart(8, "td")(9, "span", 48);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "td", 50);
+    i0.ɵɵelementStart(11, "td", 49);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 50);
+    i0.ɵɵelementStart(13, "td", 49);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 50);
+    i0.ɵɵelementStart(16, "td", 49);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const run_r14 = ctx.$implicit;
-    const ɵ$index_200_r15 = ctx.$index;
+    const ɵ$index_198_r15 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("row-even", ɵ$index_200_r15 % 2 === 0);
+    i0.ɵɵclassProp("row-even", ɵ$index_198_r15 % 2 === 0);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r2.FormatTimestamp(run_r14.RunAt));
     i0.ɵɵadvance(2);
@@ -220,23 +219,23 @@ function AnalyticsPromptRunsComponent_Conditional_2_For_85_Template(rf, ctx) { i
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.FormatCurrency(run_r14.Cost, 4));
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_86_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 51);
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_86_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 50);
     i0.ɵɵtext(2, "No prompt runs found for the selected filters.");
     i0.ɵɵelementEnd()();
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Conditional_87_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsPromptRunsComponent_Conditional_1_Conditional_87_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31)(1, "button", 52);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_Conditional_87_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPageChange(ctx_r2.CurrentPage - 1)); });
-    i0.ɵɵelement(2, "i", 53);
+    i0.ɵɵelementStart(0, "div", 30)(1, "button", 51);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_Conditional_87_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPageChange(ctx_r2.CurrentPage - 1)); });
+    i0.ɵɵelement(2, "i", 52);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 54);
+    i0.ɵɵelementStart(3, "span", 53);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 52);
-    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_2_Conditional_87_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPageChange(ctx_r2.CurrentPage + 1)); });
-    i0.ɵɵelement(6, "i", 55);
+    i0.ɵɵelementStart(5, "button", 51);
+    i0.ɵɵlistener("click", function AnalyticsPromptRunsComponent_Conditional_1_Conditional_87_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPageChange(ctx_r2.CurrentPage + 1)); });
+    i0.ɵɵelement(6, "i", 54);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -247,96 +246,96 @@ function AnalyticsPromptRunsComponent_Conditional_2_Conditional_87_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.CurrentPage === ctx_r2.TotalPages);
 } }
-function AnalyticsPromptRunsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "div", 5);
+function AnalyticsPromptRunsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4);
     i0.ɵɵtext(3, "Total Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 6);
+    i0.ɵɵelementStart(4, "div", 5);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 7)(8, "div", 5);
+    i0.ɵɵelementStart(7, "div", 6)(8, "div", 4);
     i0.ɵɵtext(9, "Avg Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 6);
+    i0.ɵɵelementStart(10, "div", 5);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 7)(13, "div", 5);
+    i0.ɵɵelementStart(12, "div", 6)(13, "div", 4);
     i0.ɵɵtext(14, "Avg Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 6);
+    i0.ɵɵelementStart(15, "div", 5);
     i0.ɵɵtext(16);
     i0.ɵɵpipe(17, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 7)(19, "div", 5);
+    i0.ɵɵelementStart(18, "div", 6)(19, "div", 4);
     i0.ɵɵtext(20, "Avg Latency");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 6);
+    i0.ɵɵelementStart(21, "div", 5);
     i0.ɵɵtext(22);
     i0.ɵɵpipe(23, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 8)(25, "div", 5);
+    i0.ɵɵelementStart(24, "div", 7)(25, "div", 4);
     i0.ɵɵtext(26, "Success Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 6);
+    i0.ɵɵelementStart(27, "div", 5);
     i0.ɵɵtext(28);
     i0.ɵɵpipe(29, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 9)(31, "div", 5);
+    i0.ɵɵelementStart(30, "div", 8)(31, "div", 4);
     i0.ɵɵtext(32, "P95 Latency");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 6);
+    i0.ɵɵelementStart(33, "div", 5);
     i0.ɵɵtext(34);
     i0.ɵɵpipe(35, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 7)(37, "div", 5);
+    i0.ɵɵelementStart(36, "div", 6)(37, "div", 4);
     i0.ɵɵtext(38, "Total Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "div", 6);
+    i0.ɵɵelementStart(39, "div", 5);
     i0.ɵɵtext(40);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 10)(42, "div", 11)(43, "h3", 12);
+    i0.ɵɵelementStart(41, "div", 9)(42, "div", 10)(43, "h3", 11);
     i0.ɵɵtext(44, "Runs Over Time");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "div", 13);
-    i0.ɵɵrepeaterCreate(46, AnalyticsPromptRunsComponent_Conditional_2_For_47_Template, 2, 3, "button", 14, _forTrack0);
+    i0.ɵɵelementStart(45, "div", 12);
+    i0.ɵɵrepeaterCreate(46, AnalyticsPromptRunsComponent_Conditional_1_For_47_Template, 2, 3, "button", 13, _forTrack0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(48, "div", 15);
-    i0.ɵɵconditionalCreate(49, AnalyticsPromptRunsComponent_Conditional_2_Conditional_49_Template, 2, 0, "div", 16)(50, AnalyticsPromptRunsComponent_Conditional_2_Conditional_50_Template, 3, 0, "div", 17);
+    i0.ɵɵelementStart(48, "div", 14);
+    i0.ɵɵconditionalCreate(49, AnalyticsPromptRunsComponent_Conditional_1_Conditional_49_Template, 2, 0, "div", 15)(50, AnalyticsPromptRunsComponent_Conditional_1_Conditional_50_Template, 3, 0, "div", 16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(51, "div", 18)(52, "div", 19)(53, "h4", 20);
+    i0.ɵɵelementStart(51, "div", 17)(52, "div", 18)(53, "h4", 19);
     i0.ɵɵtext(54, "By Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(55, AnalyticsPromptRunsComponent_Conditional_2_For_56_Template, 7, 4, "div", 21, _forTrack1);
-    i0.ɵɵconditionalCreate(57, AnalyticsPromptRunsComponent_Conditional_2_Conditional_57_Template, 2, 0, "div", 22);
+    i0.ɵɵrepeaterCreate(55, AnalyticsPromptRunsComponent_Conditional_1_For_56_Template, 7, 4, "div", 20, _forTrack1);
+    i0.ɵɵconditionalCreate(57, AnalyticsPromptRunsComponent_Conditional_1_Conditional_57_Template, 2, 0, "div", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(58, "div", 19)(59, "h4", 20);
+    i0.ɵɵelementStart(58, "div", 18)(59, "h4", 19);
     i0.ɵɵtext(60, "By Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(61, AnalyticsPromptRunsComponent_Conditional_2_For_62_Template, 7, 4, "div", 21, _forTrack1);
-    i0.ɵɵconditionalCreate(63, AnalyticsPromptRunsComponent_Conditional_2_Conditional_63_Template, 2, 0, "div", 22);
+    i0.ɵɵrepeaterCreate(61, AnalyticsPromptRunsComponent_Conditional_1_For_62_Template, 7, 4, "div", 20, _forTrack1);
+    i0.ɵɵconditionalCreate(63, AnalyticsPromptRunsComponent_Conditional_1_Conditional_63_Template, 2, 0, "div", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(64, "div", 19)(65, "h4", 20);
+    i0.ɵɵelementStart(64, "div", 18)(65, "h4", 19);
     i0.ɵɵtext(66, "By Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(67, AnalyticsPromptRunsComponent_Conditional_2_For_68_Template, 7, 8, "div", 21, _forTrack2);
-    i0.ɵɵconditionalCreate(69, AnalyticsPromptRunsComponent_Conditional_2_Conditional_69_Template, 2, 0, "div", 22);
+    i0.ɵɵrepeaterCreate(67, AnalyticsPromptRunsComponent_Conditional_1_For_68_Template, 7, 8, "div", 20, _forTrack2);
+    i0.ɵɵconditionalCreate(69, AnalyticsPromptRunsComponent_Conditional_1_Conditional_69_Template, 2, 0, "div", 21);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(70, "div", 23)(71, "div", 24)(72, "h3", 25);
+    i0.ɵɵelementStart(70, "div", 22)(71, "div", 23)(72, "h3", 24);
     i0.ɵɵtext(73, "Run Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(74, "span", 26);
+    i0.ɵɵelementStart(74, "span", 25);
     i0.ɵɵtext(75);
     i0.ɵɵpipe(76, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(77, "div", 27)(78, "table", 28)(79, "thead")(80, "tr");
-    i0.ɵɵrepeaterCreate(81, AnalyticsPromptRunsComponent_Conditional_2_For_82_Template, 3, 6, "th", 29, _forTrack3);
+    i0.ɵɵelementStart(77, "div", 26)(78, "table", 27)(79, "thead")(80, "tr");
+    i0.ɵɵrepeaterCreate(81, AnalyticsPromptRunsComponent_Conditional_1_For_82_Template, 3, 6, "th", 28, _forTrack3);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(83, "tbody");
-    i0.ɵɵrepeaterCreate(84, AnalyticsPromptRunsComponent_Conditional_2_For_85_Template, 18, 13, "tr", 30, _forTrack4);
-    i0.ɵɵconditionalCreate(86, AnalyticsPromptRunsComponent_Conditional_2_Conditional_86_Template, 3, 0, "tr");
+    i0.ɵɵrepeaterCreate(84, AnalyticsPromptRunsComponent_Conditional_1_For_85_Template, 18, 13, "tr", 29, _forTrack4);
+    i0.ɵɵconditionalCreate(86, AnalyticsPromptRunsComponent_Conditional_1_Conditional_86_Template, 3, 0, "tr");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(87, AnalyticsPromptRunsComponent_Conditional_2_Conditional_87_Template, 7, 4, "div", 31);
+    i0.ɵɵconditionalCreate(87, AnalyticsPromptRunsComponent_Conditional_1_Conditional_87_Template, 7, 4, "div", 30);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -802,30 +801,15 @@ export class AnalyticsPromptRunsComponent extends BaseAngularComponent {
         this.CurrentPage = 1;
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵAnalyticsPromptRunsComponent_BaseFactory; return function AnalyticsPromptRunsComponent_Factory(__ngFactoryType__) { return (ɵAnalyticsPromptRunsComponent_BaseFactory || (ɵAnalyticsPromptRunsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AnalyticsPromptRunsComponent)))(__ngFactoryType__ || AnalyticsPromptRunsComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsPromptRunsComponent, selectors: [["app-analytics-prompt-runs"]], inputs: { TimeRange: "TimeRange", Filters: "Filters" }, outputs: { TimeRangeChange: "TimeRangeChange", FiltersChange: "FiltersChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 5, consts: [[3, "TimeRangeChange", "FiltersChange", "ExportClicked", "TimeRange", "Filters", "ShowExportButton", "ShowCompareToggle"], [1, "loading-container"], ["text", "Loading prompt runs..."], [1, "stats-grid"], [1, "stat-card", "accent-brand"], [1, "stat-label"], [1, "stat-value"], [1, "stat-card"], [1, "stat-card", "accent-success"], [1, "stat-card", "accent-warning"], [1, "chart-panel"], [1, "chart-header"], [1, "chart-title"], [1, "chart-toggles"], [1, "toggle-chip", 3, "active"], [1, "chart-area"], [1, "chart-empty"], [1, "chart-bars"], [1, "breakdown-grid"], [1, "breakdown-card"], [1, "breakdown-title"], [1, "breakdown-row"], [1, "breakdown-empty"], [1, "table-panel"], [1, "table-header"], [1, "table-title"], [1, "table-count"], [1, "table-scroll"], [1, "runs-table"], [3, "sortable", "sorted"], [3, "row-even"], [1, "pagination"], [1, "toggle-chip", 3, "click"], [1, "chart-bar-wrapper", 3, "title"], [1, "chart-bar-wrapper", 3, "click", "title"], [1, "chart-bar-value"], [1, "chart-bar"], [1, "chart-bar-label"], [1, "breakdown-row", 3, "click"], [1, "breakdown-name"], [1, "breakdown-count"], [1, "breakdown-bar-track"], [1, "breakdown-bar-fill"], [1, "status-dot"], [3, "click"], [3, "class"], [1, "cell-timestamp"], [1, "cell-prompt"], [1, "model-tag"], [1, "status-pill"], [1, "cell-number"], ["colspan", "7", 1, "empty-row"], [1, "page-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-left"], [1, "page-info"], [1, "fa-solid", "fa-chevron-right"]], template: function AnalyticsPromptRunsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "app-analytics-filter-bar", 0);
-            i0.ɵɵlistener("TimeRangeChange", function AnalyticsPromptRunsComponent_Template_app_analytics_filter_bar_TimeRangeChange_0_listener($event) { return ctx.OnTimeRangeChange($event); })("FiltersChange", function AnalyticsPromptRunsComponent_Template_app_analytics_filter_bar_FiltersChange_0_listener($event) { return ctx.OnFiltersChange($event); })("ExportClicked", function AnalyticsPromptRunsComponent_Template_app_analytics_filter_bar_ExportClicked_0_listener() { return ctx.ExportCSV(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(1, AnalyticsPromptRunsComponent_Conditional_1_Template, 2, 0, "div", 1)(2, AnalyticsPromptRunsComponent_Conditional_2_Template, 88, 30);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsPromptRunsComponent, selectors: [["app-analytics-prompt-runs"]], inputs: { TimeRange: "TimeRange", Filters: "Filters" }, outputs: { TimeRangeChange: "TimeRangeChange", FiltersChange: "FiltersChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "loading-container"], ["text", "Loading prompt runs..."], [1, "stats-grid"], [1, "stat-card", "accent-brand"], [1, "stat-label"], [1, "stat-value"], [1, "stat-card"], [1, "stat-card", "accent-success"], [1, "stat-card", "accent-warning"], [1, "chart-panel"], [1, "chart-header"], [1, "chart-title"], [1, "chart-toggles"], [1, "toggle-chip", 3, "active"], [1, "chart-area"], [1, "chart-empty"], [1, "chart-bars"], [1, "breakdown-grid"], [1, "breakdown-card"], [1, "breakdown-title"], [1, "breakdown-row"], [1, "breakdown-empty"], [1, "table-panel"], [1, "table-header"], [1, "table-title"], [1, "table-count"], [1, "table-scroll"], [1, "runs-table"], [3, "sortable", "sorted"], [3, "row-even"], [1, "pagination"], [1, "toggle-chip", 3, "click"], [1, "chart-bar-wrapper", 3, "title"], [1, "chart-bar-wrapper", 3, "click", "title"], [1, "chart-bar-value"], [1, "chart-bar"], [1, "chart-bar-label"], [1, "breakdown-row", 3, "click"], [1, "breakdown-name"], [1, "breakdown-count"], [1, "breakdown-bar-track"], [1, "breakdown-bar-fill"], [1, "status-dot"], [3, "click"], [3, "class"], [1, "cell-timestamp"], [1, "cell-prompt"], [1, "model-tag"], [1, "status-pill"], [1, "cell-number"], ["colspan", "7", 1, "empty-row"], [1, "page-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-left"], [1, "page-info"], [1, "fa-solid", "fa-chevron-right"]], template: function AnalyticsPromptRunsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, AnalyticsPromptRunsComponent_Conditional_0_Template, 2, 0, "div", 0)(1, AnalyticsPromptRunsComponent_Conditional_1_Template, 88, 30);
         } if (rf & 2) {
-            i0.ɵɵproperty("TimeRange", ctx.TimeRange)("Filters", ctx.Filters)("ShowExportButton", true)("ShowCompareToggle", false);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 1 : 2);
-        } }, dependencies: [i1.LoadingComponent, i2.AnalyticsFilterBarComponent, i3.DecimalPipe], styles: ["[_nghost-%COMP%] {\n            display: block;\n        }\n\n        .loading-container[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 80px 0;\n        }\n\n        \n\n\n        .stats-grid[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px;\n            margin-top: 16px;\n        }\n\n        .stat-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 14px 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .stat-card.accent-brand[_ngcontent-%COMP%] {\n            border-left: 3px solid var(--mj-brand-primary);\n        }\n\n        .stat-card.accent-success[_ngcontent-%COMP%] {\n            border-left: 3px solid var(--mj-status-success);\n        }\n\n        .stat-card.accent-warning[_ngcontent-%COMP%] {\n            border-left: 3px solid var(--mj-status-warning);\n        }\n\n        .stat-label[_ngcontent-%COMP%] {\n            font-size: 12px;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.4px;\n        }\n\n        .stat-value[_ngcontent-%COMP%] {\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        \n\n\n        .chart-panel[_ngcontent-%COMP%] {\n            margin-top: 16px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            padding: 20px;\n        }\n\n        .chart-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 16px;\n        }\n\n        .chart-title[_ngcontent-%COMP%] {\n            font-size: 15px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n        }\n\n        .chart-toggles[_ngcontent-%COMP%] {\n            display: flex;\n            gap: 4px;\n        }\n\n        .toggle-chip[_ngcontent-%COMP%] {\n            padding: 4px 12px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 16px;\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-secondary);\n            font-size: 12px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .toggle-chip[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .toggle-chip.active[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n            border-color: var(--mj-brand-primary);\n            font-weight: 600;\n        }\n\n        .chart-area[_ngcontent-%COMP%] {\n            height: 220px;\n            display: flex;\n            align-items: flex-end;\n        }\n\n        .chart-empty[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            color: var(--mj-text-muted);\n            font-size: 13px;\n        }\n\n        .chart-bars[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: flex-end;\n            gap: 4px;\n            width: 100%;\n            height: 100%;\n            padding-bottom: 24px;\n        }\n\n        .chart-bar-wrapper[_ngcontent-%COMP%] {\n            flex: 1;\n            min-width: 0;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            cursor: pointer;\n            position: relative;\n            height: 100%;\n            justify-content: flex-end;\n        }\n\n        .chart-bar-value[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n        }\n\n        .chart-bar[_ngcontent-%COMP%] {\n            width: 80%;\n            min-height: 2px;\n            background: color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-bg-surface));\n            border-radius: 4px 4px 0 0;\n            transition: background 0.15s, height 0.3s;\n        }\n\n        .chart-bar-wrapper[_ngcontent-%COMP%]:hover   .chart-bar[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-bg-surface));\n        }\n\n        .chart-bar-label[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            margin-top: 6px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n            text-align: center;\n            position: absolute;\n            bottom: 0;\n        }\n\n        \n\n\n        .breakdown-grid[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 12px;\n            margin-top: 16px;\n        }\n\n        .breakdown-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 16px;\n        }\n\n        .breakdown-title[_ngcontent-%COMP%] {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0 0 12px;\n        }\n\n        .breakdown-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 0;\n            cursor: pointer;\n            border-radius: 4px;\n            transition: background 0.1s;\n        }\n\n        .breakdown-row[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .breakdown-name[_ngcontent-%COMP%] {\n            flex: 1;\n            font-size: 13px;\n            color: var(--mj-text-primary);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            min-width: 0;\n        }\n\n        .breakdown-count[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        .breakdown-bar-track[_ngcontent-%COMP%] {\n            width: 60px;\n            height: 6px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 3px;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        .breakdown-bar-fill[_ngcontent-%COMP%] {\n            height: 100%;\n            background: var(--mj-brand-primary);\n            border-radius: 3px;\n            transition: width 0.3s;\n        }\n\n        .breakdown-empty[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n            padding: 8px 0;\n        }\n\n        .status-dot[_ngcontent-%COMP%] {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            flex-shrink: 0;\n        }\n\n        .status-dot.dot-completed[_ngcontent-%COMP%] { background: var(--mj-status-success); }\n        .status-dot.dot-failed[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n        .status-dot.dot-running[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n        .status-dot.dot-pending[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n        .status-dot.dot-cancelled[_ngcontent-%COMP%] { background: var(--mj-text-muted); }\n\n        \n\n\n        .table-panel[_ngcontent-%COMP%] {\n            margin-top: 16px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            overflow: hidden;\n        }\n\n        .table-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 16px 20px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .table-title[_ngcontent-%COMP%] {\n            font-size: 15px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n        }\n\n        .table-count[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            font-weight: 500;\n        }\n\n        .table-scroll[_ngcontent-%COMP%] {\n            overflow-x: auto;\n        }\n\n        .runs-table[_ngcontent-%COMP%] {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 13px;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            text-align: left;\n            font-weight: 600;\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.4px;\n            border-bottom: 1px solid var(--mj-border-default);\n            background: var(--mj-bg-surface-card);\n            white-space: nowrap;\n            user-select: none;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n            cursor: pointer;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n            color: var(--mj-text-primary);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th.sorted[_ngcontent-%COMP%] {\n            color: var(--mj-brand-primary);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            margin-left: 4px;\n            font-size: 10px;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            color: var(--mj-text-primary);\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   tr.row-even[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-card);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .cell-timestamp[_ngcontent-%COMP%] {\n            white-space: nowrap;\n            color: var(--mj-text-secondary);\n            font-size: 12px;\n        }\n\n        .cell-prompt[_ngcontent-%COMP%] {\n            font-weight: 600;\n            max-width: 220px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .cell-number[_ngcontent-%COMP%] {\n            text-align: right;\n            font-variant-numeric: tabular-nums;\n            white-space: nowrap;\n        }\n\n        .model-tag[_ngcontent-%COMP%] {\n            display: inline-flex;\n            padding: 2px 8px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 4px;\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n            white-space: nowrap;\n        }\n\n        .status-pill[_ngcontent-%COMP%] {\n            display: inline-block;\n            padding: 2px 10px;\n            border-radius: 10px;\n            font-size: 12px;\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        .pill-completed[_ngcontent-%COMP%] {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n\n        .pill-failed[_ngcontent-%COMP%] {\n            background: var(--mj-status-error-bg);\n            color: var(--mj-status-error-text);\n        }\n\n        .pill-running[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n        }\n\n        .pill-pending[_ngcontent-%COMP%] {\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n        }\n\n        .pill-cancelled[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-muted);\n        }\n\n        .empty-row[_ngcontent-%COMP%] {\n            text-align: center;\n            color: var(--mj-text-muted);\n            padding: 24px 14px;\n        }\n\n        \n\n\n        .pagination[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 12px 20px;\n            border-top: 1px solid var(--mj-border-subtle);\n        }\n\n        .page-btn[_ngcontent-%COMP%] {\n            padding: 6px 12px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-secondary);\n            cursor: pointer;\n            font-size: 13px;\n            transition: background 0.15s, color 0.15s;\n        }\n\n        .page-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .page-btn[_ngcontent-%COMP%]:disabled {\n            opacity: 0.4;\n            cursor: default;\n        }\n\n        .page-info[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-text-secondary);\n        }\n\n        \n\n\n        @media (max-width: 1200px) {\n            .breakdown-grid[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .stats-grid[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .breakdown-grid[_ngcontent-%COMP%] {\n                grid-template-columns: 1fr;\n            }\n\n            .chart-header[_ngcontent-%COMP%] {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 8px;\n            }\n        }"] });
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
+        } }, dependencies: [i1.LoadingComponent, i2.DecimalPipe], styles: ["[_nghost-%COMP%] {\n            display: block;\n        }\n\n        .loading-container[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 80px 0;\n        }\n\n        \n\n\n        .stats-grid[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px;\n            margin-top: 16px;\n        }\n\n        .stat-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 14px 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .stat-card.accent-brand[_ngcontent-%COMP%] {\n            border-left: 3px solid var(--mj-brand-primary);\n        }\n\n        .stat-card.accent-success[_ngcontent-%COMP%] {\n            border-left: 3px solid var(--mj-status-success);\n        }\n\n        .stat-card.accent-warning[_ngcontent-%COMP%] {\n            border-left: 3px solid var(--mj-status-warning);\n        }\n\n        .stat-label[_ngcontent-%COMP%] {\n            font-size: 12px;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.4px;\n        }\n\n        .stat-value[_ngcontent-%COMP%] {\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        \n\n\n        .chart-panel[_ngcontent-%COMP%] {\n            margin-top: 16px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            padding: 20px;\n        }\n\n        .chart-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 16px;\n        }\n\n        .chart-title[_ngcontent-%COMP%] {\n            font-size: 15px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n        }\n\n        .chart-toggles[_ngcontent-%COMP%] {\n            display: flex;\n            gap: 4px;\n        }\n\n        .toggle-chip[_ngcontent-%COMP%] {\n            padding: 4px 12px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 16px;\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-secondary);\n            font-size: 12px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .toggle-chip[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .toggle-chip.active[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n            border-color: var(--mj-brand-primary);\n            font-weight: 600;\n        }\n\n        .chart-area[_ngcontent-%COMP%] {\n            height: 220px;\n            display: flex;\n            align-items: flex-end;\n        }\n\n        .chart-empty[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            color: var(--mj-text-muted);\n            font-size: 13px;\n        }\n\n        .chart-bars[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: flex-end;\n            gap: 4px;\n            width: 100%;\n            height: 100%;\n            padding-bottom: 24px;\n        }\n\n        .chart-bar-wrapper[_ngcontent-%COMP%] {\n            flex: 1;\n            min-width: 0;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            cursor: pointer;\n            position: relative;\n            height: 100%;\n            justify-content: flex-end;\n        }\n\n        .chart-bar-value[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n        }\n\n        .chart-bar[_ngcontent-%COMP%] {\n            width: 80%;\n            min-height: 2px;\n            background: color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-bg-surface));\n            border-radius: 4px 4px 0 0;\n            transition: background 0.15s, height 0.3s;\n        }\n\n        .chart-bar-wrapper[_ngcontent-%COMP%]:hover   .chart-bar[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-bg-surface));\n        }\n\n        .chart-bar-label[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            margin-top: 6px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n            text-align: center;\n            position: absolute;\n            bottom: 0;\n        }\n\n        \n\n\n        .breakdown-grid[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 12px;\n            margin-top: 16px;\n        }\n\n        .breakdown-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 16px;\n        }\n\n        .breakdown-title[_ngcontent-%COMP%] {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0 0 12px;\n        }\n\n        .breakdown-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 0;\n            cursor: pointer;\n            border-radius: 4px;\n            transition: background 0.1s;\n        }\n\n        .breakdown-row[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .breakdown-name[_ngcontent-%COMP%] {\n            flex: 1;\n            font-size: 13px;\n            color: var(--mj-text-primary);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            min-width: 0;\n        }\n\n        .breakdown-count[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        .breakdown-bar-track[_ngcontent-%COMP%] {\n            width: 60px;\n            height: 6px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 3px;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        .breakdown-bar-fill[_ngcontent-%COMP%] {\n            height: 100%;\n            background: var(--mj-brand-primary);\n            border-radius: 3px;\n            transition: width 0.3s;\n        }\n\n        .breakdown-empty[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n            padding: 8px 0;\n        }\n\n        .status-dot[_ngcontent-%COMP%] {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            flex-shrink: 0;\n        }\n\n        .status-dot.dot-completed[_ngcontent-%COMP%] { background: var(--mj-status-success); }\n        .status-dot.dot-failed[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n        .status-dot.dot-running[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n        .status-dot.dot-pending[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n        .status-dot.dot-cancelled[_ngcontent-%COMP%] { background: var(--mj-text-muted); }\n\n        \n\n\n        .table-panel[_ngcontent-%COMP%] {\n            margin-top: 16px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            overflow: hidden;\n        }\n\n        .table-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 16px 20px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .table-title[_ngcontent-%COMP%] {\n            font-size: 15px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n        }\n\n        .table-count[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            font-weight: 500;\n        }\n\n        .table-scroll[_ngcontent-%COMP%] {\n            overflow-x: auto;\n        }\n\n        .runs-table[_ngcontent-%COMP%] {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 13px;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            text-align: left;\n            font-weight: 600;\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.4px;\n            border-bottom: 1px solid var(--mj-border-default);\n            background: var(--mj-bg-surface-card);\n            white-space: nowrap;\n            user-select: none;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n            cursor: pointer;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n            color: var(--mj-text-primary);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th.sorted[_ngcontent-%COMP%] {\n            color: var(--mj-brand-primary);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            margin-left: 4px;\n            font-size: 10px;\n        }\n\n        .runs-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            color: var(--mj-text-primary);\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   tr.row-even[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-card);\n        }\n\n        .runs-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .cell-timestamp[_ngcontent-%COMP%] {\n            white-space: nowrap;\n            color: var(--mj-text-secondary);\n            font-size: 12px;\n        }\n\n        .cell-prompt[_ngcontent-%COMP%] {\n            font-weight: 600;\n            max-width: 220px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .cell-number[_ngcontent-%COMP%] {\n            text-align: right;\n            font-variant-numeric: tabular-nums;\n            white-space: nowrap;\n        }\n\n        .model-tag[_ngcontent-%COMP%] {\n            display: inline-flex;\n            padding: 2px 8px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 4px;\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n            white-space: nowrap;\n        }\n\n        .status-pill[_ngcontent-%COMP%] {\n            display: inline-block;\n            padding: 2px 10px;\n            border-radius: 10px;\n            font-size: 12px;\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        .pill-completed[_ngcontent-%COMP%] {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n\n        .pill-failed[_ngcontent-%COMP%] {\n            background: var(--mj-status-error-bg);\n            color: var(--mj-status-error-text);\n        }\n\n        .pill-running[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n        }\n\n        .pill-pending[_ngcontent-%COMP%] {\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n        }\n\n        .pill-cancelled[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-muted);\n        }\n\n        .empty-row[_ngcontent-%COMP%] {\n            text-align: center;\n            color: var(--mj-text-muted);\n            padding: 24px 14px;\n        }\n\n        \n\n\n        .pagination[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 12px 20px;\n            border-top: 1px solid var(--mj-border-subtle);\n        }\n\n        .page-btn[_ngcontent-%COMP%] {\n            padding: 6px 12px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-secondary);\n            cursor: pointer;\n            font-size: 13px;\n            transition: background 0.15s, color 0.15s;\n        }\n\n        .page-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .page-btn[_ngcontent-%COMP%]:disabled {\n            opacity: 0.4;\n            cursor: default;\n        }\n\n        .page-info[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-text-secondary);\n        }\n\n        \n\n\n        @media (max-width: 1200px) {\n            .breakdown-grid[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .stats-grid[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .breakdown-grid[_ngcontent-%COMP%] {\n                grid-template-columns: 1fr;\n            }\n\n            .chart-header[_ngcontent-%COMP%] {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 8px;\n            }\n        }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnalyticsPromptRunsComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-analytics-prompt-runs', template: `
-        <!-- Filter Bar -->
-        <app-analytics-filter-bar
-            [TimeRange]="TimeRange"
-            [Filters]="Filters"
-            [ShowExportButton]="true"
-            [ShowCompareToggle]="false"
-            (TimeRangeChange)="OnTimeRangeChange($event)"
-            (FiltersChange)="OnFiltersChange($event)"
-            (ExportClicked)="ExportCSV()"
-        ></app-analytics-filter-bar>
 
         @if (IsLoading) {
             <div class="loading-container">
@@ -1024,7 +1008,7 @@ export class AnalyticsPromptRunsComponent extends BaseAngularComponent {
         }], FiltersChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsPromptRunsComponent, { className: "AnalyticsPromptRunsComponent", filePath: "src/AI/components/analytics/prompt-runs/prompt-run-analysis.component.ts", lineNumber: 775 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsPromptRunsComponent, { className: "AnalyticsPromptRunsComponent", filePath: "src/AI/components/analytics/prompt-runs/prompt-run-analysis.component.ts", lineNumber: 765 }); })();
 export function LoadAnalyticsPromptRuns() {
     // Prevents tree-shaking of the component
 }