@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/AI/components/analytics/cost-budget/cost-budget.component.js

@@ -10,25 +10,24 @@ 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.Label;
 const _forTrack1 = ($index, $item) => $item.Model;
 const _forTrack2 = ($index, $item) => $item.Date;
-function AnalyticsCostBudgetComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-loading", 2);
+function AnalyticsCostBudgetComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mj-loading", 1);
     i0.ɵɵelementEnd();
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 31);
+function AnalyticsCostBudgetComponent_Conditional_1_For_2_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 30);
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
+function AnalyticsCostBudgetComponent_Conditional_1_For_2_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 31);
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵconditionalCreate(1, AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Conditional_1_Template, 1, 0, "i", 31)(2, AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Conditional_2_Template, 1, 0, "i", 32);
+function AnalyticsCostBudgetComponent_Conditional_1_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵconditionalCreate(1, AnalyticsCostBudgetComponent_Conditional_1_For_2_Conditional_8_Conditional_1_Template, 1, 0, "i", 30)(2, AnalyticsCostBudgetComponent_Conditional_1_For_2_Conditional_8_Conditional_2_Template, 1, 0, "i", 31);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "number");
     i0.ɵɵelementEnd();
@@ -40,17 +39,17 @@ function AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Template
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(4, 6, kpi_r2.Delta, "1.1-1"), "% vs prev ");
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24)(1, "div", 25);
+function AnalyticsCostBudgetComponent_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 26)(4, "div", 27);
+    i0.ɵɵelementStart(3, "div", 25)(4, "div", 26);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 28);
+    i0.ɵɵelementStart(6, "div", 27);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, AnalyticsCostBudgetComponent_Conditional_2_For_2_Conditional_8_Template, 5, 9, "div", 29);
+    i0.ɵɵconditionalCreate(8, AnalyticsCostBudgetComponent_Conditional_1_For_2_Conditional_8_Template, 5, 9, "div", 28);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const kpi_r2 = ctx.$implicit;
@@ -64,23 +63,23 @@ function AnalyticsCostBudgetComponent_Conditional_2_For_2_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵconditional(kpi_r2.Delta != null ? 8 : -1);
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵtext(1, "No cost data for selected period");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "span", 37);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35)(1, "span", 36);
     i0.ɵɵtext(2, "avg");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵstyleProp("bottom", ctx_r2.AvgLinePercent, "%");
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵelement(1, "div", 38);
-    i0.ɵɵelementStart(2, "div", 39);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_11_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "div", 37);
+    i0.ɵɵelementStart(2, "div", 38);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -93,10 +92,10 @@ function AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_For_4_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(bar_r4.Label);
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 33);
-    i0.ɵɵconditionalCreate(2, AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_Conditional_2_Template, 3, 2, "div", 34);
-    i0.ɵɵrepeaterCreate(3, AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_For_4_Template, 4, 6, "div", 35, _forTrack2);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 32);
+    i0.ɵɵconditionalCreate(2, AnalyticsCostBudgetComponent_Conditional_1_Conditional_11_Conditional_2_Template, 3, 2, "div", 33);
+    i0.ɵɵrepeaterCreate(3, AnalyticsCostBudgetComponent_Conditional_1_Conditional_11_For_4_Template, 4, 6, "div", 34, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -105,21 +104,21 @@ function AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.DailyBars);
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵtext(1, "No vendor cost data");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40);
     i0.ɵɵpipe(1, "number");
-    i0.ɵɵelementStart(2, "span", 42);
+    i0.ɵɵelementStart(2, "span", 41);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 43);
+    i0.ɵɵelementStart(4, "span", 42);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 44);
+    i0.ɵɵelementStart(6, "span", 43);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "number");
     i0.ɵɵelementEnd()();
@@ -135,49 +134,49 @@ function AnalyticsCostBudgetComponent_Conditional_2_Conditional_19_For_2_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(8, 11, cell_r5.Percent, "1.0-0"), "%");
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵrepeaterCreate(1, AnalyticsCostBudgetComponent_Conditional_2_Conditional_19_For_2_Template, 9, 14, "div", 40, _forTrack0);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, AnalyticsCostBudgetComponent_Conditional_1_Conditional_19_For_2_Template, 9, 14, "div", 39, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.TreemapCells);
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 45);
+function AnalyticsCostBudgetComponent_Conditional_1_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 44);
     i0.ɵɵtext(2, "No data available");
     i0.ɵɵelementEnd()();
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_For_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 46);
+function AnalyticsCostBudgetComponent_Conditional_1_For_53_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", 48);
+    i0.ɵɵelementStart(5, "td", 47);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 48);
+    i0.ɵɵelementStart(8, "td", 47);
     i0.ɵɵtext(9);
     i0.ɵɵpipe(10, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 48);
+    i0.ɵɵelementStart(11, "td", 47);
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "td", 48);
+    i0.ɵɵelementStart(14, "td", 47);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 48);
+    i0.ɵɵelementStart(16, "td", 47);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "td", 49);
+    i0.ɵɵelementStart(18, "td", 48);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "td", 48);
+    i0.ɵɵelementStart(20, "td", 47);
     i0.ɵɵtext(21);
     i0.ɵɵpipe(22, "number");
     i0.ɵɵelementEnd()();
@@ -203,64 +202,64 @@ function AnalyticsCostBudgetComponent_Conditional_2_For_53_Template(rf, ctx) { i
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(22, 15, row_r6.PercentOfTotal, "1.1-1"), "%");
 } }
-function AnalyticsCostBudgetComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AnalyticsCostBudgetComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵrepeaterCreate(1, AnalyticsCostBudgetComponent_Conditional_2_For_2_Template, 9, 7, "div", 4, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵrepeaterCreate(1, AnalyticsCostBudgetComponent_Conditional_1_For_2_Template, 9, 7, "div", 3, _forTrack0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 5)(4, "div", 6)(5, "div", 7)(6, "div", 8);
-    i0.ɵɵelement(7, "i", 9);
+    i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "div", 6)(6, "div", 7);
+    i0.ɵɵelement(7, "i", 8);
     i0.ɵɵtext(8, " Daily Cost Trend ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 10);
-    i0.ɵɵconditionalCreate(10, AnalyticsCostBudgetComponent_Conditional_2_Conditional_10_Template, 2, 0, "div", 11)(11, AnalyticsCostBudgetComponent_Conditional_2_Conditional_11_Template, 5, 1, "div", 12);
+    i0.ɵɵelementStart(9, "div", 9);
+    i0.ɵɵconditionalCreate(10, AnalyticsCostBudgetComponent_Conditional_1_Conditional_10_Template, 2, 0, "div", 10)(11, AnalyticsCostBudgetComponent_Conditional_1_Conditional_11_Template, 5, 1, "div", 11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 13)(13, "div", 7)(14, "div", 8);
-    i0.ɵɵelement(15, "i", 14);
+    i0.ɵɵelementStart(12, "div", 12)(13, "div", 6)(14, "div", 7);
+    i0.ɵɵelement(15, "i", 13);
     i0.ɵɵtext(16, " Cost by Vendor ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 15);
-    i0.ɵɵconditionalCreate(18, AnalyticsCostBudgetComponent_Conditional_2_Conditional_18_Template, 2, 0, "div", 11)(19, AnalyticsCostBudgetComponent_Conditional_2_Conditional_19_Template, 3, 0, "div", 16);
+    i0.ɵɵelementStart(17, "div", 14);
+    i0.ɵɵconditionalCreate(18, AnalyticsCostBudgetComponent_Conditional_1_Conditional_18_Template, 2, 0, "div", 10)(19, AnalyticsCostBudgetComponent_Conditional_1_Conditional_19_Template, 3, 0, "div", 15);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(20, "div", 17)(21, "div", 7)(22, "div", 8);
-    i0.ɵɵelement(23, "i", 18);
+    i0.ɵɵelementStart(20, "div", 16)(21, "div", 6)(22, "div", 7);
+    i0.ɵɵelement(23, "i", 17);
     i0.ɵɵtext(24, " Cost by Model ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 19);
-    i0.ɵɵlistener("click", function AnalyticsCostBudgetComponent_Conditional_2_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ExportCSV()); });
-    i0.ɵɵelement(26, "i", 20);
+    i0.ɵɵelementStart(25, "button", 18);
+    i0.ɵɵlistener("click", function AnalyticsCostBudgetComponent_Conditional_1_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ExportCSV()); });
+    i0.ɵɵelement(26, "i", 19);
     i0.ɵɵtext(27, " Export CSV ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 21)(29, "table", 22)(30, "thead")(31, "tr")(32, "th");
+    i0.ɵɵelementStart(28, "div", 20)(29, "table", 21)(30, "thead")(31, "tr")(32, "th");
     i0.ɵɵtext(33, "Model");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(34, "th");
     i0.ɵɵtext(35, "Vendor");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "th", 23);
+    i0.ɵɵelementStart(36, "th", 22);
     i0.ɵɵtext(37, "Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "th", 23);
+    i0.ɵɵelementStart(38, "th", 22);
     i0.ɵɵtext(39, "Input Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "th", 23);
+    i0.ɵɵelementStart(40, "th", 22);
     i0.ɵɵtext(41, "Output Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(42, "th", 23);
+    i0.ɵɵelementStart(42, "th", 22);
     i0.ɵɵtext(43, "Input Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "th", 23);
+    i0.ɵɵelementStart(44, "th", 22);
     i0.ɵɵtext(45, "Output Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "th", 23);
+    i0.ɵɵelementStart(46, "th", 22);
     i0.ɵɵtext(47, "Total Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "th", 23);
+    i0.ɵɵelementStart(48, "th", 22);
     i0.ɵɵtext(49, "% of Total");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(50, "tbody");
-    i0.ɵɵconditionalCreate(51, AnalyticsCostBudgetComponent_Conditional_2_Conditional_51_Template, 3, 0, "tr");
-    i0.ɵɵrepeaterCreate(52, AnalyticsCostBudgetComponent_Conditional_2_For_53_Template, 23, 18, "tr", null, _forTrack1);
+    i0.ɵɵconditionalCreate(51, AnalyticsCostBudgetComponent_Conditional_1_Conditional_51_Template, 3, 0, "tr");
+    i0.ɵɵrepeaterCreate(52, AnalyticsCostBudgetComponent_Conditional_1_For_53_Template, 23, 18, "tr", null, _forTrack1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -289,10 +288,30 @@ const TREEMAP_COLORS = [
     'var(--mj-text-disabled)'
 ];
 export class AnalyticsCostBudgetComponent extends BaseAngularComponent {
-    TimeRange = '7d';
-    Filters = { Models: [], Agents: [], Prompts: [], Statuses: [] };
+    _timeRange = '7d';
+    set TimeRange(value) {
+        const prev = this._timeRange;
+        this._timeRange = value;
+        if (prev !== value && this.initialized)
+            this.LoadData();
+    }
+    get TimeRange() { return this._timeRange; }
+    _filters = { Models: [], Agents: [], Prompts: [], Statuses: [] };
+    set Filters(value) {
+        const next = value ?? { Models: [], Agents: [], Prompts: [], Statuses: [] };
+        const changed = !this.shallowFiltersEqual(this._filters, next);
+        this._filters = next;
+        if (changed && this.initialized)
+            this.LoadData();
+    }
+    get Filters() { return this._filters; }
+    shallowFiltersEqual(a, b) {
+        const sameArr = (x, y) => x.length === y.length && x.every((v, i) => v === y[i]);
+        return sameArr(a.Models, b.Models) && sameArr(a.Agents, b.Agents) && sameArr(a.Prompts, b.Prompts) && sameArr(a.Statuses, b.Statuses);
+    }
     TimeRangeChange = new EventEmitter();
     FiltersChange = new EventEmitter();
+    initialized = false;
     cdr = inject(ChangeDetectorRef);
     destroy$ = new Subject();
     IsLoading = false;
@@ -305,6 +324,7 @@ export class AnalyticsCostBudgetComponent extends BaseAngularComponent {
     allRuns = [];
     previousPeriodRuns = [];
     ngOnInit() {
+        this.initialized = true;
         this.LoadData();
     }
     ngOnDestroy() {
@@ -553,34 +573,15 @@ export class AnalyticsCostBudgetComponent extends BaseAngularComponent {
         URL.revokeObjectURL(url);
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵAnalyticsCostBudgetComponent_BaseFactory; return function AnalyticsCostBudgetComponent_Factory(__ngFactoryType__) { return (ɵAnalyticsCostBudgetComponent_BaseFactory || (ɵAnalyticsCostBudgetComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AnalyticsCostBudgetComponent)))(__ngFactoryType__ || AnalyticsCostBudgetComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsCostBudgetComponent, selectors: [["app-analytics-cost-budget"]], inputs: { TimeRange: "TimeRange", Filters: "Filters" }, outputs: { TimeRangeChange: "TimeRangeChange", FiltersChange: "FiltersChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 10, consts: [[3, "TimeRangeChange", "FiltersChange", "TimeRange", "TimeRangeOptions", "Filters", "ShowAgentFilter", "ShowPromptFilter", "ShowModelFilter", "ShowStatusFilter", "ShowCompareToggle", "ShowExportButton"], [1, "loading-container"], ["text", "Loading cost data..."], [1, "kpi-row"], [1, "kpi-card", 3, "kpi-card--highlighted"], [1, "two-col"], [1, "panel", "panel-chart"], [1, "panel-header"], [1, "panel-header__title"], [1, "fa-solid", "fa-chart-column", "panel-header__icon"], [1, "chart-body"], [1, "panel-empty"], [1, "bar-chart"], [1, "panel", "panel-treemap"], [1, "fa-solid", "fa-chart-pie", "panel-header__icon"], [1, "treemap-body"], [1, "treemap-grid"], [1, "panel"], [1, "fa-solid", "fa-table", "panel-header__icon"], [1, "export-btn", 3, "click"], [1, "fa-solid", "fa-download"], [1, "table-wrapper"], [1, "data-table"], [1, "col-numeric"], [1, "kpi-card"], [1, "kpi-icon"], [1, "kpi-content"], [1, "kpi-label"], [1, "kpi-value"], [1, "kpi-delta", 3, "kpi-delta--up", "kpi-delta--down"], [1, "kpi-delta"], [1, "fa-solid", "fa-arrow-up"], [1, "fa-solid", "fa-arrow-down"], [1, "bar-chart-area"], [1, "avg-line", 3, "bottom"], [1, "bar-col", 3, "title"], [1, "avg-line"], [1, "avg-label"], [1, "bar"], [1, "bar-label"], [1, "treemap-cell", 3, "background", "flex-basis", "title"], [1, "treemap-cell", 3, "title"], [1, "treemap-label"], [1, "treemap-value"], [1, "treemap-pct"], ["colspan", "9", 1, "empty-row"], [1, "cell-model"], [1, "cell-vendor"], [1, "cell-numeric"], [1, "cell-numeric", "cell-cost"]], template: function AnalyticsCostBudgetComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "app-analytics-filter-bar", 0);
-            i0.ɵɵlistener("TimeRangeChange", function AnalyticsCostBudgetComponent_Template_app_analytics_filter_bar_TimeRangeChange_0_listener($event) { return ctx.OnTimeRangeChange($event); })("FiltersChange", function AnalyticsCostBudgetComponent_Template_app_analytics_filter_bar_FiltersChange_0_listener($event) { return ctx.OnFiltersChange($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(1, AnalyticsCostBudgetComponent_Conditional_1_Template, 2, 0, "div", 1)(2, AnalyticsCostBudgetComponent_Conditional_2_Template, 54, 3);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsCostBudgetComponent, selectors: [["app-analytics-cost-budget"]], 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 cost data..."], [1, "kpi-row"], [1, "kpi-card", 3, "kpi-card--highlighted"], [1, "two-col"], [1, "panel", "panel-chart"], [1, "panel-header"], [1, "panel-header__title"], [1, "fa-solid", "fa-chart-column", "panel-header__icon"], [1, "chart-body"], [1, "panel-empty"], [1, "bar-chart"], [1, "panel", "panel-treemap"], [1, "fa-solid", "fa-chart-pie", "panel-header__icon"], [1, "treemap-body"], [1, "treemap-grid"], [1, "panel"], [1, "fa-solid", "fa-table", "panel-header__icon"], [1, "export-btn", 3, "click"], [1, "fa-solid", "fa-download"], [1, "table-wrapper"], [1, "data-table"], [1, "col-numeric"], [1, "kpi-card"], [1, "kpi-icon"], [1, "kpi-content"], [1, "kpi-label"], [1, "kpi-value"], [1, "kpi-delta", 3, "kpi-delta--up", "kpi-delta--down"], [1, "kpi-delta"], [1, "fa-solid", "fa-arrow-up"], [1, "fa-solid", "fa-arrow-down"], [1, "bar-chart-area"], [1, "avg-line", 3, "bottom"], [1, "bar-col", 3, "title"], [1, "avg-line"], [1, "avg-label"], [1, "bar"], [1, "bar-label"], [1, "treemap-cell", 3, "background", "flex-basis", "title"], [1, "treemap-cell", 3, "title"], [1, "treemap-label"], [1, "treemap-value"], [1, "treemap-pct"], ["colspan", "9", 1, "empty-row"], [1, "cell-model"], [1, "cell-vendor"], [1, "cell-numeric"], [1, "cell-numeric", "cell-cost"]], template: function AnalyticsCostBudgetComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, AnalyticsCostBudgetComponent_Conditional_0_Template, 2, 0, "div", 0)(1, AnalyticsCostBudgetComponent_Conditional_1_Template, 54, 3);
         } if (rf & 2) {
-            i0.ɵɵproperty("TimeRange", ctx.TimeRange)("TimeRangeOptions", ctx.TimeRangeOptionsList)("Filters", ctx.Filters)("ShowAgentFilter", false)("ShowPromptFilter", false)("ShowModelFilter", true)("ShowStatusFilter", false)("ShowCompareToggle", false)("ShowExportButton", false);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 1 : 2);
-        } }, dependencies: [i1.LoadingComponent, i2.AnalyticsFilterBarComponent, i3.DecimalPipe], styles: ["[_nghost-%COMP%] { display: block; }\n\n        .loading-container[_ngcontent-%COMP%] {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 300px;\n        }\n\n        \n\n        .kpi-row[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 12px;\n            margin: 16px 0;\n        }\n\n        .kpi-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            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .kpi-card[_ngcontent-%COMP%]:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n        }\n\n        .kpi-card--highlighted[_ngcontent-%COMP%] {\n            border-color: var(--mj-brand-primary);\n            background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n        }\n\n        .kpi-icon[_ngcontent-%COMP%] {\n            width: 36px;\n            height: 36px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n            font-size: 14px;\n            flex-shrink: 0;\n        }\n\n        .kpi-card--highlighted[_ngcontent-%COMP%]   .kpi-icon[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n        }\n\n        .kpi-label[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .kpi-value[_ngcontent-%COMP%] {\n            font-size: 22px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            margin: 2px 0;\n            letter-spacing: -0.02em;\n        }\n\n        .kpi-delta[_ngcontent-%COMP%] {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 3px;\n        }\n\n        .kpi-delta--up[_ngcontent-%COMP%] {\n            color: var(--mj-status-error);\n        }\n\n        .kpi-delta--down[_ngcontent-%COMP%] {\n            color: var(--mj-status-success);\n        }\n\n        \n\n        .two-col[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: 3fr 2fr;\n            gap: 16px;\n            margin-bottom: 16px;\n        }\n\n        \n\n        .panel[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            overflow: hidden;\n            margin-bottom: 16px;\n        }\n\n        .panel-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 14px 18px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .panel-header__title[_ngcontent-%COMP%] {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .panel-header__icon[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-brand-primary);\n        }\n\n        .panel-empty[_ngcontent-%COMP%] {\n            text-align: center;\n            padding: 32px;\n            color: var(--mj-text-disabled);\n            font-size: 13px;\n        }\n\n        .export-btn[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 5px 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            font-size: 13px;\n            cursor: pointer;\n            transition: background 0.15s, color 0.15s;\n        }\n\n        .export-btn[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        \n\n        .chart-body[_ngcontent-%COMP%] {\n            padding: 16px 18px;\n        }\n\n        .bar-chart[_ngcontent-%COMP%] {\n            width: 100%;\n        }\n\n        .bar-chart-area[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: flex-end;\n            gap: 4px;\n            height: 180px;\n            position: relative;\n            padding-bottom: 24px;\n        }\n\n        .bar-col[_ngcontent-%COMP%] {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            height: 100%;\n            justify-content: flex-end;\n        }\n\n        .bar[_ngcontent-%COMP%] {\n            width: 100%;\n            max-width: 32px;\n            border-radius: 4px 4px 0 0;\n            background: var(--mj-brand-primary);\n            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-height: 2px;\n        }\n\n        .bar--anomaly[_ngcontent-%COMP%] {\n            background: var(--mj-status-error);\n        }\n\n        .bar-label[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            margin-top: 4px;\n            white-space: nowrap;\n        }\n\n        .avg-line[_ngcontent-%COMP%] {\n            position: absolute;\n            left: 0;\n            right: 0;\n            border-top: 2px dashed var(--mj-text-disabled);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .avg-label[_ngcontent-%COMP%] {\n            position: absolute;\n            right: 0;\n            top: -14px;\n            font-size: 10px;\n            color: var(--mj-text-disabled);\n            font-weight: 600;\n        }\n\n        \n\n        .treemap-body[_ngcontent-%COMP%] {\n            padding: 16px 18px;\n        }\n\n        .treemap-grid[_ngcontent-%COMP%] {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 4px;\n            min-height: 160px;\n        }\n\n        .treemap-cell[_ngcontent-%COMP%] {\n            border-radius: 8px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 80px;\n            min-height: 70px;\n            flex-grow: 1;\n            color: var(--mj-text-inverse, white);\n            transition: opacity 0.2s;\n        }\n\n        .treemap-cell[_ngcontent-%COMP%]:hover {\n            opacity: 0.85;\n        }\n\n        .treemap-label[_ngcontent-%COMP%] {\n            font-size: 12px;\n            font-weight: 600;\n            opacity: 0.95;\n        }\n\n        .treemap-value[_ngcontent-%COMP%] {\n            font-size: 16px;\n            font-weight: 700;\n            margin-top: 2px;\n        }\n\n        .treemap-pct[_ngcontent-%COMP%] {\n            font-size: 11px;\n            opacity: 0.8;\n        }\n\n        \n\n        .table-wrapper[_ngcontent-%COMP%] {\n            overflow-x: auto;\n        }\n\n        .data-table[_ngcontent-%COMP%] {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 13px;\n        }\n\n        .data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n   .data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            text-align: left;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.4px;\n            background: var(--mj-bg-surface-card);\n            position: sticky;\n            top: 0;\n            white-space: nowrap;\n        }\n\n        .col-numeric[_ngcontent-%COMP%] { text-align: right; }\n\n        .data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n            transition: background 0.15s;\n        }\n\n        .data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .cell-model[_ngcontent-%COMP%] {\n            font-weight: 500;\n            color: var(--mj-text-primary);\n        }\n\n        .cell-vendor[_ngcontent-%COMP%] {\n            color: var(--mj-text-secondary);\n        }\n\n        .cell-numeric[_ngcontent-%COMP%] {\n            text-align: right;\n            font-variant-numeric: tabular-nums;\n            color: var(--mj-text-secondary);\n        }\n\n        .cell-cost[_ngcontent-%COMP%] {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        .empty-row[_ngcontent-%COMP%] {\n            text-align: center;\n            color: var(--mj-text-disabled);\n            padding: 24px;\n        }\n\n        \n\n        @media (max-width: 1200px) {\n            .two-col[_ngcontent-%COMP%] {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .kpi-row[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .kpi-value[_ngcontent-%COMP%] {\n                font-size: 18px;\n            }\n        }"] });
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
+        } }, dependencies: [i1.LoadingComponent, i2.DecimalPipe], styles: ["[_nghost-%COMP%] { display: block; }\n\n        .loading-container[_ngcontent-%COMP%] {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 300px;\n        }\n\n        \n\n        .kpi-row[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 12px;\n            margin: 16px 0;\n        }\n\n        .kpi-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            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .kpi-card[_ngcontent-%COMP%]:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n        }\n\n        .kpi-card--highlighted[_ngcontent-%COMP%] {\n            border-color: var(--mj-brand-primary);\n            background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n        }\n\n        .kpi-icon[_ngcontent-%COMP%] {\n            width: 36px;\n            height: 36px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n            font-size: 14px;\n            flex-shrink: 0;\n        }\n\n        .kpi-card--highlighted[_ngcontent-%COMP%]   .kpi-icon[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n        }\n\n        .kpi-label[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .kpi-value[_ngcontent-%COMP%] {\n            font-size: 22px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            margin: 2px 0;\n            letter-spacing: -0.02em;\n        }\n\n        .kpi-delta[_ngcontent-%COMP%] {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 3px;\n        }\n\n        .kpi-delta--up[_ngcontent-%COMP%] {\n            color: var(--mj-status-error);\n        }\n\n        .kpi-delta--down[_ngcontent-%COMP%] {\n            color: var(--mj-status-success);\n        }\n\n        \n\n        .two-col[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: 3fr 2fr;\n            gap: 16px;\n            margin-bottom: 16px;\n        }\n\n        \n\n        .panel[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            overflow: hidden;\n            margin-bottom: 16px;\n        }\n\n        .panel-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 14px 18px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .panel-header__title[_ngcontent-%COMP%] {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .panel-header__icon[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-brand-primary);\n        }\n\n        .panel-empty[_ngcontent-%COMP%] {\n            text-align: center;\n            padding: 32px;\n            color: var(--mj-text-disabled);\n            font-size: 13px;\n        }\n\n        .export-btn[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 5px 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            font-size: 13px;\n            cursor: pointer;\n            transition: background 0.15s, color 0.15s;\n        }\n\n        .export-btn[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        \n\n        .chart-body[_ngcontent-%COMP%] {\n            padding: 16px 18px;\n        }\n\n        .bar-chart[_ngcontent-%COMP%] {\n            width: 100%;\n        }\n\n        .bar-chart-area[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: flex-end;\n            gap: 4px;\n            height: 180px;\n            position: relative;\n            padding-bottom: 24px;\n        }\n\n        .bar-col[_ngcontent-%COMP%] {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            height: 100%;\n            justify-content: flex-end;\n        }\n\n        .bar[_ngcontent-%COMP%] {\n            width: 100%;\n            max-width: 32px;\n            border-radius: 4px 4px 0 0;\n            background: var(--mj-brand-primary);\n            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-height: 2px;\n        }\n\n        .bar--anomaly[_ngcontent-%COMP%] {\n            background: var(--mj-status-error);\n        }\n\n        .bar-label[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            margin-top: 4px;\n            white-space: nowrap;\n        }\n\n        .avg-line[_ngcontent-%COMP%] {\n            position: absolute;\n            left: 0;\n            right: 0;\n            border-top: 2px dashed var(--mj-text-disabled);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .avg-label[_ngcontent-%COMP%] {\n            position: absolute;\n            right: 0;\n            top: -14px;\n            font-size: 10px;\n            color: var(--mj-text-disabled);\n            font-weight: 600;\n        }\n\n        \n\n        .treemap-body[_ngcontent-%COMP%] {\n            padding: 16px 18px;\n        }\n\n        .treemap-grid[_ngcontent-%COMP%] {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 4px;\n            min-height: 160px;\n        }\n\n        .treemap-cell[_ngcontent-%COMP%] {\n            border-radius: 8px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 80px;\n            min-height: 70px;\n            flex-grow: 1;\n            color: var(--mj-text-inverse, white);\n            transition: opacity 0.2s;\n        }\n\n        .treemap-cell[_ngcontent-%COMP%]:hover {\n            opacity: 0.85;\n        }\n\n        .treemap-label[_ngcontent-%COMP%] {\n            font-size: 12px;\n            font-weight: 600;\n            opacity: 0.95;\n        }\n\n        .treemap-value[_ngcontent-%COMP%] {\n            font-size: 16px;\n            font-weight: 700;\n            margin-top: 2px;\n        }\n\n        .treemap-pct[_ngcontent-%COMP%] {\n            font-size: 11px;\n            opacity: 0.8;\n        }\n\n        \n\n        .table-wrapper[_ngcontent-%COMP%] {\n            overflow-x: auto;\n        }\n\n        .data-table[_ngcontent-%COMP%] {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 13px;\n        }\n\n        .data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n   .data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            text-align: left;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.4px;\n            background: var(--mj-bg-surface-card);\n            position: sticky;\n            top: 0;\n            white-space: nowrap;\n        }\n\n        .col-numeric[_ngcontent-%COMP%] { text-align: right; }\n\n        .data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n            transition: background 0.15s;\n        }\n\n        .data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .cell-model[_ngcontent-%COMP%] {\n            font-weight: 500;\n            color: var(--mj-text-primary);\n        }\n\n        .cell-vendor[_ngcontent-%COMP%] {\n            color: var(--mj-text-secondary);\n        }\n\n        .cell-numeric[_ngcontent-%COMP%] {\n            text-align: right;\n            font-variant-numeric: tabular-nums;\n            color: var(--mj-text-secondary);\n        }\n\n        .cell-cost[_ngcontent-%COMP%] {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        .empty-row[_ngcontent-%COMP%] {\n            text-align: center;\n            color: var(--mj-text-disabled);\n            padding: 24px;\n        }\n\n        \n\n        @media (max-width: 1200px) {\n            .two-col[_ngcontent-%COMP%] {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .kpi-row[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .kpi-value[_ngcontent-%COMP%] {\n                font-size: 18px;\n            }\n        }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnalyticsCostBudgetComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-analytics-cost-budget', template: `
-        <!-- Filter Bar -->
-        <app-analytics-filter-bar
-            [TimeRange]="TimeRange"
-            [TimeRangeOptions]="TimeRangeOptionsList"
-            [Filters]="Filters"
-            [ShowAgentFilter]="false"
-            [ShowPromptFilter]="false"
-            [ShowModelFilter]="true"
-            [ShowStatusFilter]="false"
-            [ShowCompareToggle]="false"
-            [ShowExportButton]="false"
-            (TimeRangeChange)="OnTimeRangeChange($event)"
-            (FiltersChange)="OnFiltersChange($event)"
-        ></app-analytics-filter-bar>
 
         @if (IsLoading) {
             <div class="loading-container">
@@ -740,6 +741,6 @@ export class AnalyticsCostBudgetComponent extends BaseAngularComponent {
         }], FiltersChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsCostBudgetComponent, { className: "AnalyticsCostBudgetComponent", filePath: "src/AI/components/analytics/cost-budget/cost-budget.component.ts", lineNumber: 603 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsCostBudgetComponent, { className: "AnalyticsCostBudgetComponent", filePath: "src/AI/components/analytics/cost-budget/cost-budget.component.ts", lineNumber: 589 }); })();
 export function LoadAnalyticsCostBudget() { }
 //# sourceMappingURL=cost-budget.component.js.map