@memberjunction/ng-dashboards 5.34.1 → 5.36.0

package/dist/AI/components/analytics/analytics-filter-bar.component.js

@@ -9,73 +9,111 @@ import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
-function AnalyticsFilterBarComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 12);
-    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_5_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnModelChange($event)); });
+function AnalyticsFilterBarComponent_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 8)(1, "span", 9);
+    i0.ɵɵtext(2, "Model");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-dropdown", 10);
+    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_1_Conditional_2_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnModelChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("Data", ctx_r1.ModelOptions)("ValuePrimitive", true)("DefaultItem", ctx_r1.modelDefaultItem)("Filterable", ctx_r1.ModelOptions.length > 10);
 } }
-function AnalyticsFilterBarComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 13);
-    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_6_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAgentChange($event)); });
+function AnalyticsFilterBarComponent_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 8)(1, "span", 9);
+    i0.ɵɵtext(2, "Agent");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-dropdown", 11);
+    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_1_Conditional_3_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnAgentChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("Data", ctx_r1.AgentOptions)("ValuePrimitive", true)("DefaultItem", ctx_r1.agentDefaultItem)("Filterable", ctx_r1.AgentOptions.length > 10);
 } }
-function AnalyticsFilterBarComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 14);
-    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_7_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPromptChange($event)); });
+function AnalyticsFilterBarComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 8)(1, "span", 9);
+    i0.ɵɵtext(2, "Prompt");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-dropdown", 12);
+    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_1_Conditional_4_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPromptChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("Data", ctx_r1.PromptOptions)("ValuePrimitive", true)("DefaultItem", ctx_r1.promptDefaultItem)("Filterable", ctx_r1.PromptOptions.length > 10);
 } }
-function AnalyticsFilterBarComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 15);
-    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_8_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnStatusChange($event)); });
+function AnalyticsFilterBarComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 8)(1, "span", 9);
+    i0.ɵɵtext(2, "Status");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-dropdown", 13);
+    i0.ɵɵlistener("ValueChange", function AnalyticsFilterBarComponent_Conditional_1_Conditional_5_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnStatusChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("Data", ctx_r1.StatusOptions)("ValuePrimitive", true)("DefaultItem", ctx_r1.statusDefaultItem);
 } }
-function AnalyticsFilterBarComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function AnalyticsFilterBarComponent_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleCompare()); });
-    i0.ɵɵelement(1, "i", 17);
+function AnalyticsFilterBarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-filter-popover", 6);
+    i0.ɵɵlistener("ClearAllRequested", function AnalyticsFilterBarComponent_Conditional_1_Template_mj_filter_popover_ClearAllRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ClearAllFilters()); });
+    i0.ɵɵelementStart(1, "div", 7);
+    i0.ɵɵconditionalCreate(2, AnalyticsFilterBarComponent_Conditional_1_Conditional_2_Template, 4, 4, "label", 8);
+    i0.ɵɵconditionalCreate(3, AnalyticsFilterBarComponent_Conditional_1_Conditional_3_Template, 4, 4, "label", 8);
+    i0.ɵɵconditionalCreate(4, AnalyticsFilterBarComponent_Conditional_1_Conditional_4_Template, 4, 4, "label", 8);
+    i0.ɵɵconditionalCreate(5, AnalyticsFilterBarComponent_Conditional_1_Conditional_5_Template, 4, 3, "label", 8);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ActiveCount", ctx_r1.ActiveFilterCount)("ShowClearAll", ctx_r1.ActiveFilterCount > 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ShowModelFilter ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShowAgentFilter ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShowPromptFilter ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShowStatusFilter ? 5 : -1);
+} }
+function AnalyticsFilterBarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function AnalyticsFilterBarComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleCompare()); });
+    i0.ɵɵelement(1, "i", 15);
     i0.ɵɵtext(2, " Compare ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("active", ctx_r1.compareActive);
 } }
-function AnalyticsFilterBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function AnalyticsFilterBarComponent_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExportClicked.emit()); });
-    i0.ɵɵelement(1, "i", 19);
+function AnalyticsFilterBarComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function AnalyticsFilterBarComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExportClicked.emit()); });
+    i0.ɵɵelement(1, "i", 17);
     i0.ɵɵtext(2, " Export ");
     i0.ɵɵelementEnd();
 } }
-function AnalyticsFilterBarComponent_For_13_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function AnalyticsFilterBarComponent_For_13_Template_button_click_0_listener() { const option_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTimeRangeSelect(option_r9)); });
+function AnalyticsFilterBarComponent_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function AnalyticsFilterBarComponent_For_6_Template_button_click_0_listener() { const option_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTimeRangeSelect(option_r10)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const option_r9 = ctx.$implicit;
+    const option_r10 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("active", ctx_r1.TimeRange === option_r9);
+    i0.ɵɵclassProp("active", ctx_r1.TimeRange === option_r10);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", option_r9, " ");
+    i0.ɵɵtextInterpolate1(" ", option_r10, " ");
 } }
 export class AnalyticsFilterBarComponent {
     TimeRange = '24h';
@@ -107,6 +145,19 @@ export class AnalyticsFilterBarComponent {
     promptDefaultItem = { text: 'All Prompts', value: '' };
     statusDefaultItem = { text: 'All Statuses', value: '' };
     compareActive = false;
+    /** True when at least one of the filter dropdowns is enabled — drives whether to render the popover trigger. */
+    get HasFilterDropdowns() {
+        return this.ShowModelFilter || this.ShowAgentFilter || this.ShowPromptFilter || this.ShowStatusFilter;
+    }
+    /** Number of active filter selections — drives the popover badge. */
+    get ActiveFilterCount() {
+        const f = this.Filters ?? { Models: [], Agents: [], Prompts: [], Statuses: [] };
+        return (f.Models?.length ?? 0) + (f.Agents?.length ?? 0) + (f.Prompts?.length ?? 0) + (f.Statuses?.length ?? 0);
+    }
+    ClearAllFilters() {
+        this.Filters = { Models: [], Agents: [], Prompts: [], Statuses: [] };
+        this.FiltersChange.emit(this.Filters);
+    }
     ngOnInit() {
         this.BuildOptions();
     }
@@ -152,116 +203,114 @@ export class AnalyticsFilterBarComponent {
             .sort((a, b) => a.text.localeCompare(b.text));
     }
     static ɵfac = function AnalyticsFilterBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnalyticsFilterBarComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsFilterBarComponent, selectors: [["app-analytics-filter-bar"]], inputs: { TimeRange: "TimeRange", TimeRangeOptions: "TimeRangeOptions", ShowModelFilter: "ShowModelFilter", ShowAgentFilter: "ShowAgentFilter", ShowPromptFilter: "ShowPromptFilter", ShowStatusFilter: "ShowStatusFilter", ShowCompareToggle: "ShowCompareToggle", ShowExportButton: "ShowExportButton", Filters: "Filters" }, outputs: { TimeRangeChange: "TimeRangeChange", FiltersChange: "FiltersChange", CompareToggled: "CompareToggled", ExportClicked: "ExportClicked" }, standalone: false, decls: 14, vars: 6, consts: [[1, "filter-bar"], [1, "filter-controls"], [1, "filter-label"], [1, "fa-solid", "fa-filter"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Models", 3, "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Agents", 3, "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Prompts", 3, "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Statuses", 3, "Data", "ValuePrimitive", "DefaultItem"], [1, "compare-btn", 3, "active"], [1, "export-btn"], [1, "time-chips"], [1, "time-chip", 3, "active"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Models", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Agents", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Prompts", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Statuses", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem"], [1, "compare-btn", 3, "click"], [1, "fa-solid", "fa-code-compare"], [1, "export-btn", 3, "click"], [1, "fa-solid", "fa-download"], [1, "time-chip", 3, "click"]], template: function AnalyticsFilterBarComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
-            i0.ɵɵelement(3, "i", 3);
-            i0.ɵɵtext(4, " Filters: ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(5, AnalyticsFilterBarComponent_Conditional_5_Template, 1, 4, "mj-dropdown", 4);
-            i0.ɵɵconditionalCreate(6, AnalyticsFilterBarComponent_Conditional_6_Template, 1, 4, "mj-dropdown", 5);
-            i0.ɵɵconditionalCreate(7, AnalyticsFilterBarComponent_Conditional_7_Template, 1, 4, "mj-dropdown", 6);
-            i0.ɵɵconditionalCreate(8, AnalyticsFilterBarComponent_Conditional_8_Template, 1, 3, "mj-dropdown", 7);
-            i0.ɵɵconditionalCreate(9, AnalyticsFilterBarComponent_Conditional_9_Template, 3, 2, "button", 8);
-            i0.ɵɵconditionalCreate(10, AnalyticsFilterBarComponent_Conditional_10_Template, 3, 0, "button", 9);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "div", 10);
-            i0.ɵɵrepeaterCreate(12, AnalyticsFilterBarComponent_For_13_Template, 2, 3, "button", 11, i0.ɵɵrepeaterTrackByIdentity);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsFilterBarComponent, selectors: [["app-analytics-filter-bar"]], inputs: { TimeRange: "TimeRange", TimeRangeOptions: "TimeRangeOptions", ShowModelFilter: "ShowModelFilter", ShowAgentFilter: "ShowAgentFilter", ShowPromptFilter: "ShowPromptFilter", ShowStatusFilter: "ShowStatusFilter", ShowCompareToggle: "ShowCompareToggle", ShowExportButton: "ShowExportButton", Filters: "Filters" }, outputs: { TimeRangeChange: "TimeRangeChange", FiltersChange: "FiltersChange", CompareToggled: "CompareToggled", ExportClicked: "ExportClicked" }, standalone: false, decls: 7, vars: 3, consts: [[1, "filter-bar"], [3, "ActiveCount", "ShowClearAll"], [1, "compare-btn", 3, "active"], [1, "export-btn"], [1, "time-chips"], [1, "time-chip", 3, "active"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [1, "popover-fields"], [1, "popover-field"], [1, "popover-field-label"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Models", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Agents", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Prompts", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem", "Filterable"], ["TextField", "text", "ValueField", "value", "Placeholder", "All Statuses", 3, "ValueChange", "Data", "ValuePrimitive", "DefaultItem"], [1, "compare-btn", 3, "click"], [1, "fa-solid", "fa-code-compare"], [1, "export-btn", 3, "click"], [1, "fa-solid", "fa-download"], [1, "time-chip", 3, "click"]], template: function AnalyticsFilterBarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, AnalyticsFilterBarComponent_Conditional_1_Template, 6, 6, "mj-filter-popover", 1);
+            i0.ɵɵconditionalCreate(2, AnalyticsFilterBarComponent_Conditional_2_Template, 3, 2, "button", 2);
+            i0.ɵɵconditionalCreate(3, AnalyticsFilterBarComponent_Conditional_3_Template, 3, 0, "button", 3);
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵrepeaterCreate(5, AnalyticsFilterBarComponent_For_6_Template, 2, 3, "button", 5, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.ShowModelFilter ? 5 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowAgentFilter ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowPromptFilter ? 7 : -1);
+            i0.ɵɵconditional(ctx.HasFilterDropdowns ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowStatusFilter ? 8 : -1);
+            i0.ɵɵconditional(ctx.ShowCompareToggle ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowCompareToggle ? 9 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowExportButton ? 10 : -1);
+            i0.ɵɵconditional(ctx.ShowExportButton ? 3 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵrepeater(ctx.TimeRangeOptions);
-        } }, dependencies: [i1.MJDropdownComponent], styles: [".filter-bar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 12px 16px;\n            flex-wrap: wrap;\n        }\n\n        .filter-controls[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .filter-label[_ngcontent-%COMP%] {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .filter-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n        }\n\n        [_nghost-%COMP%]     mj-dropdown {\n            min-width: 160px;\n            max-width: 220px;\n        }\n\n        [_nghost-%COMP%]     mj-dropdown .mj-dropdown {\n            font-size: 13px;\n            border-radius: 6px;\n        }\n\n        .compare-btn[_ngcontent-%COMP%], \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            white-space: nowrap;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .compare-btn[_ngcontent-%COMP%]:hover, \n   .export-btn[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .compare-btn.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        }\n\n        .time-chips[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            margin-left: auto;\n        }\n\n        .time-chip[_ngcontent-%COMP%] {\n            padding: 5px 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            white-space: nowrap;\n        }\n\n        .time-chip[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .time-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        @media (max-width: 768px) {\n            .filter-bar[_ngcontent-%COMP%] {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .time-chips[_ngcontent-%COMP%] {\n                margin-left: 0;\n                justify-content: flex-start;\n                flex-wrap: wrap;\n            }\n        }"] });
+        } }, dependencies: [i1.MJDropdownComponent, i1.MJFilterPopoverComponent], styles: ["\n\n        .filter-bar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \n\n        .popover-fields[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .popover-field[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .popover-field-label[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n        }\n\n        .popover-field   [_nghost-%COMP%]     mj-dropdown, \n   [_nghost-%COMP%]     .popover-field mj-dropdown {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            max-width: none;\n        }\n\n        .compare-btn[_ngcontent-%COMP%], \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            white-space: nowrap;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .compare-btn[_ngcontent-%COMP%]:hover, \n   .export-btn[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .compare-btn.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        }\n\n        .time-chips[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .time-chip[_ngcontent-%COMP%] {\n            padding: 5px 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            white-space: nowrap;\n        }\n\n        .time-chip[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .time-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        @media (max-width: 768px) {\n            .filter-bar[_ngcontent-%COMP%] {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .time-chips[_ngcontent-%COMP%] {\n                margin-left: 0;\n                justify-content: flex-start;\n                flex-wrap: wrap;\n            }\n        }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnalyticsFilterBarComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-analytics-filter-bar', template: `
         <div class="filter-bar">
-            <div class="filter-controls">
-                <span class="filter-label">
-                    <i class="fa-solid fa-filter"></i>
-                    Filters:
-                </span>
+            @if (HasFilterDropdowns) {
+                <mj-filter-popover
+                    [ActiveCount]="ActiveFilterCount"
+                    [ShowClearAll]="ActiveFilterCount > 0"
+                    (ClearAllRequested)="ClearAllFilters()">
+                    <div class="popover-fields">
+                        @if (ShowModelFilter) {
+                            <label class="popover-field">
+                                <span class="popover-field-label">Model</span>
+                                <mj-dropdown
+                                    [Data]="ModelOptions"
+                                    TextField="text"
+                                    ValueField="value"
+                                    [ValuePrimitive]="true"
+                                    [DefaultItem]="modelDefaultItem"
+                                    [Filterable]="ModelOptions.length > 10"
+                                    Placeholder="All Models"
+                                    (ValueChange)="OnModelChange($event)">
+                                </mj-dropdown>
+                            </label>
+                        }
+                        @if (ShowAgentFilter) {
+                            <label class="popover-field">
+                                <span class="popover-field-label">Agent</span>
+                                <mj-dropdown
+                                    [Data]="AgentOptions"
+                                    TextField="text"
+                                    ValueField="value"
+                                    [ValuePrimitive]="true"
+                                    [DefaultItem]="agentDefaultItem"
+                                    [Filterable]="AgentOptions.length > 10"
+                                    Placeholder="All Agents"
+                                    (ValueChange)="OnAgentChange($event)">
+                                </mj-dropdown>
+                            </label>
+                        }
+                        @if (ShowPromptFilter) {
+                            <label class="popover-field">
+                                <span class="popover-field-label">Prompt</span>
+                                <mj-dropdown
+                                    [Data]="PromptOptions"
+                                    TextField="text"
+                                    ValueField="value"
+                                    [ValuePrimitive]="true"
+                                    [DefaultItem]="promptDefaultItem"
+                                    [Filterable]="PromptOptions.length > 10"
+                                    Placeholder="All Prompts"
+                                    (ValueChange)="OnPromptChange($event)">
+                                </mj-dropdown>
+                            </label>
+                        }
+                        @if (ShowStatusFilter) {
+                            <label class="popover-field">
+                                <span class="popover-field-label">Status</span>
+                                <mj-dropdown
+                                    [Data]="StatusOptions"
+                                    TextField="text"
+                                    ValueField="value"
+                                    [ValuePrimitive]="true"
+                                    [DefaultItem]="statusDefaultItem"
+                                    Placeholder="All Statuses"
+                                    (ValueChange)="OnStatusChange($event)">
+                                </mj-dropdown>
+                            </label>
+                        }
+                    </div>
+                </mj-filter-popover>
+            }
 
-                @if (ShowModelFilter) {
-                    <mj-dropdown
-                        [Data]="ModelOptions"
-                        TextField="text"
-                        ValueField="value"
-                        [ValuePrimitive]="true"
-                        [DefaultItem]="modelDefaultItem"
-                        [Filterable]="ModelOptions.length > 10"
-                        Placeholder="All Models"
-                        (ValueChange)="OnModelChange($event)">
-                    </mj-dropdown>
-                }
+            @if (ShowCompareToggle) {
+                <button
+                    class="compare-btn"
+                    [class.active]="compareActive"
+                    (click)="ToggleCompare()">
+                    <i class="fa-solid fa-code-compare"></i>
+                    Compare
+                </button>
+            }
 
-                @if (ShowAgentFilter) {
-                    <mj-dropdown
-                        [Data]="AgentOptions"
-                        TextField="text"
-                        ValueField="value"
-                        [ValuePrimitive]="true"
-                        [DefaultItem]="agentDefaultItem"
-                        [Filterable]="AgentOptions.length > 10"
-                        Placeholder="All Agents"
-                        (ValueChange)="OnAgentChange($event)">
-                    </mj-dropdown>
-                }
-
-                @if (ShowPromptFilter) {
-                    <mj-dropdown
-                        [Data]="PromptOptions"
-                        TextField="text"
-                        ValueField="value"
-                        [ValuePrimitive]="true"
-                        [DefaultItem]="promptDefaultItem"
-                        [Filterable]="PromptOptions.length > 10"
-                        Placeholder="All Prompts"
-                        (ValueChange)="OnPromptChange($event)">
-                    </mj-dropdown>
-                }
-
-                @if (ShowStatusFilter) {
-                    <mj-dropdown
-                        [Data]="StatusOptions"
-                        TextField="text"
-                        ValueField="value"
-                        [ValuePrimitive]="true"
-                        [DefaultItem]="statusDefaultItem"
-                        Placeholder="All Statuses"
-                        (ValueChange)="OnStatusChange($event)">
-                    </mj-dropdown>
-                }
-
-                @if (ShowCompareToggle) {
-                    <button
-                        class="compare-btn"
-                        [class.active]="compareActive"
-                        (click)="ToggleCompare()">
-                        <i class="fa-solid fa-code-compare"></i>
-                        Compare
-                    </button>
-                }
-
-                @if (ShowExportButton) {
-                    <button class="export-btn" (click)="ExportClicked.emit()">
-                        <i class="fa-solid fa-download"></i>
-                        Export
-                    </button>
-                }
-            </div>
+            @if (ShowExportButton) {
+                <button class="export-btn" (click)="ExportClicked.emit()">
+                    <i class="fa-solid fa-download"></i>
+                    Export
+                </button>
+            }
 
             <div class="time-chips">
                 @for (option of TimeRangeOptions; track option) {
@@ -274,7 +323,7 @@ export class AnalyticsFilterBarComponent {
                 }
             </div>
         </div>
-    `, styles: ["\n        .filter-bar {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 12px 16px;\n            flex-wrap: wrap;\n        }\n\n        .filter-controls {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .filter-label {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .filter-label i {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n        }\n\n        :host ::ng-deep mj-dropdown {\n            min-width: 160px;\n            max-width: 220px;\n        }\n\n        :host ::ng-deep mj-dropdown .mj-dropdown {\n            font-size: 13px;\n            border-radius: 6px;\n        }\n\n        .compare-btn,\n        .export-btn {\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            white-space: nowrap;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .compare-btn:hover,\n        .export-btn:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .compare-btn.active {\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        }\n\n        .time-chips {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            margin-left: auto;\n        }\n\n        .time-chip {\n            padding: 5px 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            white-space: nowrap;\n        }\n\n        .time-chip:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .time-chip.active {\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        @media (max-width: 768px) {\n            .filter-bar {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .time-chips {\n                margin-left: 0;\n                justify-content: flex-start;\n                flex-wrap: wrap;\n            }\n        }\n    "] }]
+    `, styles: ["\n        /* Filter bar renders inline inside <mj-page-header>'s actions slot \u2014 no wrapper card. */\n        .filter-bar {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        /* Popover panel content \u2014 stacked labeled fields */\n        .popover-fields {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .popover-field {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .popover-field-label {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n        }\n\n        .popover-field :host ::ng-deep mj-dropdown,\n        :host ::ng-deep .popover-field mj-dropdown {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            max-width: none;\n        }\n\n        .compare-btn,\n        .export-btn {\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            white-space: nowrap;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .compare-btn:hover,\n        .export-btn:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .compare-btn.active {\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        }\n\n        .time-chips {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .time-chip {\n            padding: 5px 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            white-space: nowrap;\n        }\n\n        .time-chip:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .time-chip.active {\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        @media (max-width: 768px) {\n            .filter-bar {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .time-chips {\n                margin-left: 0;\n                justify-content: flex-start;\n                flex-wrap: wrap;\n            }\n        }\n    "] }]
     }], null, { TimeRange: [{
             type: Input
         }], TimeRangeOptions: [{
@@ -302,5 +351,5 @@ export class AnalyticsFilterBarComponent {
         }], ExportClicked: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsFilterBarComponent, { className: "AnalyticsFilterBarComponent", filePath: "src/AI/components/analytics/analytics-filter-bar.component.ts", lineNumber: 229 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsFilterBarComponent, { className: "AnalyticsFilterBarComponent", filePath: "src/AI/components/analytics/analytics-filter-bar.component.ts", lineNumber: 232 }); })();
 //# sourceMappingURL=analytics-filter-bar.component.js.map

package/dist/AI/components/analytics/analytics-filter-bar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-filter-bar.component.js","sourceRoot":"","sources":["../../../../src/AI/components/analytics/analytics-filter-bar.component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAU,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;;;;;IAqB1C,uCAQ0C;IAAtC,sNAAe,4BAAqB,KAAC;IACzC,iBAAc;;;IAHV,AADA,AADA,AAHA,0CAAqB,wBAGE,wCACS,+CACO;;;;IAO3C,uCAQ0C;IAAtC,sNAAe,4BAAqB,KAAC;IACzC,iBAAc;;;IAHV,AADA,AADA,AAHA,0CAAqB,wBAGE,wCACS,+CACO;;;;IAO3C,uCAQ2C;IAAvC,sNAAe,6BAAsB,KAAC;IAC1C,iBAAc;;;IAHV,AADA,AADA,AAHA,2CAAsB,wBAGC,yCACU,gDACO;;;;IAO5C,uCAO2C;IAAvC,sNAAe,6BAAsB,KAAC;IAC1C,iBAAc;;;IAHV,AADA,AAHA,2CAAsB,wBAGC,yCACU;;;;IAOrC,kCAG8B;IAA1B,+LAAS,sBAAe,KAAC;IACzB,wBAAwC;IACxC,yBACJ;IAAA,iBAAS;;;IAJL,8CAA8B;;;;IAQlC,kCAA0D;IAA/B,gMAAS,2BAAoB,KAAC;IACrD,wBAAoC;IACpC,wBACJ;IAAA,iBAAS;;;;IAMT,kCAGwC;IAApC,oNAAS,mCAAyB,KAAC;IACnC,YACJ;IAAA,iBAAS;;;;IAHL,wDAAqC;IAErC,cACJ;IADI,0CACJ;;AA2HpB,MAAM,OAAO,2BAA2B;IAC3B,SAAS,GAAG,KAAK,CAAC;IAClB,gBAAgB,GAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC9D,eAAe,GAAG,IAAI,CAAC;IACvB,eAAe,GAAG,IAAI,CAAC;IACvB,gBAAgB,GAAG,IAAI,CAAC;IACxB,gBAAgB,GAAG,IAAI,CAAC;IACxB,iBAAiB,GAAG,IAAI,CAAC;IACzB,gBAAgB,GAAG,KAAK,CAAC;IACzB,OAAO,GAAsB,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IAElF,eAAe,GAAG,IAAI,YAAY,EAAU,CAAC;IAC7C,aAAa,GAAG,IAAI,YAAY,EAAqB,CAAC;IACtD,cAAc,GAAG,IAAI,YAAY,EAAW,CAAC;IAC7C,aAAa,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE5C,YAAY,GAAmB,EAAE,CAAC;IAClC,YAAY,GAAmB,EAAE,CAAC;IAClC,aAAa,GAAmB,EAAE,CAAC;IACnC,aAAa,GAAmB;QACnC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAC1C,CAAC;IAEF,wEAAwE;IACjE,gBAAgB,GAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACnE,gBAAgB,GAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACnE,iBAAiB,GAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACrE,iBAAiB,GAAiB,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAEtE,aAAa,GAAG,KAAK,CAAC;IAE7B,QAAQ;QACJ,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAEM,iBAAiB,CAAC,KAAa;QAClC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAEM,aAAa,CAAC,KAAc;QAC/B,MAAM,EAAE,GAAI,KAAgB,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAEM,aAAa,CAAC,KAAc;QAC/B,MAAM,EAAE,GAAI,KAAgB,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAEM,cAAc,CAAC,KAAc;QAChC,MAAM,EAAE,GAAI,KAAgB,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC5D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAEM,cAAc,CAAC,KAAc;QAChC,MAAM,MAAM,GAAI,KAAgB,IAAI,EAAE,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACrE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAEM,aAAa;QAChB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjD,CAAC;IAEO,YAAY;QAChB,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC;QAErC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM;aAC5B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;aAC/C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAElD,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM;aAC5B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC;aAClC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;aAC/C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAElD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO;aAC9B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;aAC/C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD,CAAC;qHAxFQ,2BAA2B;6DAA3B,2BAA2B;YA5MxB,AADJ,AADJ,8BAAwB,aACS,cACE;YACvB,uBAAkC;YAClC,0BACJ;YAAA,iBAAO;YAEP,qGAAuB;YAavB,qGAAuB;YAavB,qGAAwB;YAaxB,qGAAwB;YAYxB,gGAAyB;YAUzB,kGAAwB;YAM5B,iBAAM;YAEN,gCAAwB;YACpB,sHAOC;YAET,AADI,iBAAM,EACJ;;YA/EE,eAWC;YAXD,8CAWC;YAED,cAWC;YAXD,8CAWC;YAED,cAWC;YAXD,+CAWC;YAED,cAUC;YAVD,+CAUC;YAED,cAQC;YARD,gDAQC;YAED,cAKC;YALD,gDAKC;YAID,eAOC;YAPD,mCAOC;;;iFA0HJ,2BAA2B;cAlNvC,SAAS;6BACM,KAAK,YACP,0BAA0B,YAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFT;;kBAwHA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFAdE,2BAA2B","sourcesContent":["/**\n * @fileoverview Reusable filter bar for AI Analytics dashboard sections.\n *\n * Provides time-range chips, model/agent/prompt/status dropdowns\n * (using mj-dropdown), a compare toggle, and an optional export button.\n * Each section shows/hides filters via boolean inputs.\n */\n\nimport { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { GlobalFilterState } from '../../interfaces/analytics-preferences.interface';\n\ninterface FilterOption {\n    text: string;\n    value: string;\n    [key: string]: unknown;\n}\n\n@Component({\n    standalone: false,\n    selector: 'app-analytics-filter-bar',\n    template: `\n        <div class=\"filter-bar\">\n            <div class=\"filter-controls\">\n                <span class=\"filter-label\">\n                    <i class=\"fa-solid fa-filter\"></i>\n                    Filters:\n                </span>\n\n                @if (ShowModelFilter) {\n                    <mj-dropdown\n                        [Data]=\"ModelOptions\"\n                        TextField=\"text\"\n                        ValueField=\"value\"\n                        [ValuePrimitive]=\"true\"\n                        [DefaultItem]=\"modelDefaultItem\"\n                        [Filterable]=\"ModelOptions.length > 10\"\n                        Placeholder=\"All Models\"\n                        (ValueChange)=\"OnModelChange($event)\">\n                    </mj-dropdown>\n                }\n\n                @if (ShowAgentFilter) {\n                    <mj-dropdown\n                        [Data]=\"AgentOptions\"\n                        TextField=\"text\"\n                        ValueField=\"value\"\n                        [ValuePrimitive]=\"true\"\n                        [DefaultItem]=\"agentDefaultItem\"\n                        [Filterable]=\"AgentOptions.length > 10\"\n                        Placeholder=\"All Agents\"\n                        (ValueChange)=\"OnAgentChange($event)\">\n                    </mj-dropdown>\n                }\n\n                @if (ShowPromptFilter) {\n                    <mj-dropdown\n                        [Data]=\"PromptOptions\"\n                        TextField=\"text\"\n                        ValueField=\"value\"\n                        [ValuePrimitive]=\"true\"\n                        [DefaultItem]=\"promptDefaultItem\"\n                        [Filterable]=\"PromptOptions.length > 10\"\n                        Placeholder=\"All Prompts\"\n                        (ValueChange)=\"OnPromptChange($event)\">\n                    </mj-dropdown>\n                }\n\n                @if (ShowStatusFilter) {\n                    <mj-dropdown\n                        [Data]=\"StatusOptions\"\n                        TextField=\"text\"\n                        ValueField=\"value\"\n                        [ValuePrimitive]=\"true\"\n                        [DefaultItem]=\"statusDefaultItem\"\n                        Placeholder=\"All Statuses\"\n                        (ValueChange)=\"OnStatusChange($event)\">\n                    </mj-dropdown>\n                }\n\n                @if (ShowCompareToggle) {\n                    <button\n                        class=\"compare-btn\"\n                        [class.active]=\"compareActive\"\n                        (click)=\"ToggleCompare()\">\n                        <i class=\"fa-solid fa-code-compare\"></i>\n                        Compare\n                    </button>\n                }\n\n                @if (ShowExportButton) {\n                    <button class=\"export-btn\" (click)=\"ExportClicked.emit()\">\n                        <i class=\"fa-solid fa-download\"></i>\n                        Export\n                    </button>\n                }\n            </div>\n\n            <div class=\"time-chips\">\n                @for (option of TimeRangeOptions; track option) {\n                    <button\n                        class=\"time-chip\"\n                        [class.active]=\"TimeRange === option\"\n                        (click)=\"OnTimeRangeSelect(option)\">\n                        {{ option }}\n                    </button>\n                }\n            </div>\n        </div>\n    `,\n    styles: [`\n        .filter-bar {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 12px 16px;\n            flex-wrap: wrap;\n        }\n\n        .filter-controls {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .filter-label {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .filter-label i {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n        }\n\n        :host ::ng-deep mj-dropdown {\n            min-width: 160px;\n            max-width: 220px;\n        }\n\n        :host ::ng-deep mj-dropdown .mj-dropdown {\n            font-size: 13px;\n            border-radius: 6px;\n        }\n\n        .compare-btn,\n        .export-btn {\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            white-space: nowrap;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .compare-btn:hover,\n        .export-btn:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .compare-btn.active {\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        }\n\n        .time-chips {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            margin-left: auto;\n        }\n\n        .time-chip {\n            padding: 5px 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            white-space: nowrap;\n        }\n\n        .time-chip:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .time-chip.active {\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        @media (max-width: 768px) {\n            .filter-bar {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .time-chips {\n                margin-left: 0;\n                justify-content: flex-start;\n                flex-wrap: wrap;\n            }\n        }\n    `]\n})\nexport class AnalyticsFilterBarComponent implements OnInit {\n    @Input() TimeRange = '24h';\n    @Input() TimeRangeOptions: string[] = ['1h', '6h', '24h', '7d', '30d'];\n    @Input() ShowModelFilter = true;\n    @Input() ShowAgentFilter = true;\n    @Input() ShowPromptFilter = true;\n    @Input() ShowStatusFilter = true;\n    @Input() ShowCompareToggle = true;\n    @Input() ShowExportButton = false;\n    @Input() Filters: GlobalFilterState = { Models: [], Agents: [], Prompts: [], Statuses: [] };\n\n    @Output() TimeRangeChange = new EventEmitter<string>();\n    @Output() FiltersChange = new EventEmitter<GlobalFilterState>();\n    @Output() CompareToggled = new EventEmitter<boolean>();\n    @Output() ExportClicked = new EventEmitter<void>();\n\n    public ModelOptions: FilterOption[] = [];\n    public AgentOptions: FilterOption[] = [];\n    public PromptOptions: FilterOption[] = [];\n    public StatusOptions: FilterOption[] = [\n        { text: 'Success', value: 'Success' },\n        { text: 'Error', value: 'Error' },\n        { text: 'Running', value: 'Running' },\n        { text: 'Pending', value: 'Pending' },\n        { text: 'Canceled', value: 'Canceled' }\n    ];\n\n    /** Default items shown when nothing is selected (the \"All X\" option) */\n    public modelDefaultItem: FilterOption = { text: 'All Models', value: '' };\n    public agentDefaultItem: FilterOption = { text: 'All Agents', value: '' };\n    public promptDefaultItem: FilterOption = { text: 'All Prompts', value: '' };\n    public statusDefaultItem: FilterOption = { text: 'All Statuses', value: '' };\n\n    public compareActive = false;\n\n    ngOnInit(): void {\n        this.BuildOptions();\n    }\n\n    public OnTimeRangeSelect(range: string): void {\n        this.TimeRange = range;\n        this.TimeRangeChange.emit(range);\n    }\n\n    public OnModelChange(event: unknown): void {\n        const id = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Models: id ? [id] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public OnAgentChange(event: unknown): void {\n        const id = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Agents: id ? [id] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public OnPromptChange(event: unknown): void {\n        const id = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Prompts: id ? [id] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public OnStatusChange(event: unknown): void {\n        const status = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Statuses: status ? [status] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public ToggleCompare(): void {\n        this.compareActive = !this.compareActive;\n        this.CompareToggled.emit(this.compareActive);\n    }\n\n    private BuildOptions(): void {\n        const engine = AIEngineBase.Instance;\n\n        this.ModelOptions = engine.Models\n            .map(m => ({ text: m.Name ?? '', value: m.ID }))\n            .sort((a, b) => a.text.localeCompare(b.text));\n\n        this.AgentOptions = engine.Agents\n            .filter(a => a.Status === 'Active')\n            .map(a => ({ text: a.Name ?? '', value: a.ID }))\n            .sort((a, b) => a.text.localeCompare(b.text));\n\n        this.PromptOptions = engine.Prompts\n            .map(p => ({ text: p.Name ?? '', value: p.ID }))\n            .sort((a, b) => a.text.localeCompare(b.text));\n    }\n}\n"]}
+{"version":3,"file":"analytics-filter-bar.component.js","sourceRoot":"","sources":["../../../../src/AI/components/analytics/analytics-filter-bar.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Reusable filter bar for AI Analytics dashboard sections.\n *\n * Provides time-range chips, model/agent/prompt/status dropdowns\n * (using mj-dropdown), a compare toggle, and an optional export button.\n * Each section shows/hides filters via boolean inputs.\n */\n\nimport { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { GlobalFilterState } from '../../interfaces/analytics-preferences.interface';\n\ninterface FilterOption {\n    text: string;\n    value: string;\n    [key: string]: unknown;\n}\n\n@Component({\n    standalone: false,\n    selector: 'app-analytics-filter-bar',\n    template: `\n        <div class=\"filter-bar\">\n            @if (HasFilterDropdowns) {\n                <mj-filter-popover\n                    [ActiveCount]=\"ActiveFilterCount\"\n                    [ShowClearAll]=\"ActiveFilterCount > 0\"\n                    (ClearAllRequested)=\"ClearAllFilters()\">\n                    <div class=\"popover-fields\">\n                        @if (ShowModelFilter) {\n                            <label class=\"popover-field\">\n                                <span class=\"popover-field-label\">Model</span>\n                                <mj-dropdown\n                                    [Data]=\"ModelOptions\"\n                                    TextField=\"text\"\n                                    ValueField=\"value\"\n                                    [ValuePrimitive]=\"true\"\n                                    [DefaultItem]=\"modelDefaultItem\"\n                                    [Filterable]=\"ModelOptions.length > 10\"\n                                    Placeholder=\"All Models\"\n                                    (ValueChange)=\"OnModelChange($event)\">\n                                </mj-dropdown>\n                            </label>\n                        }\n                        @if (ShowAgentFilter) {\n                            <label class=\"popover-field\">\n                                <span class=\"popover-field-label\">Agent</span>\n                                <mj-dropdown\n                                    [Data]=\"AgentOptions\"\n                                    TextField=\"text\"\n                                    ValueField=\"value\"\n                                    [ValuePrimitive]=\"true\"\n                                    [DefaultItem]=\"agentDefaultItem\"\n                                    [Filterable]=\"AgentOptions.length > 10\"\n                                    Placeholder=\"All Agents\"\n                                    (ValueChange)=\"OnAgentChange($event)\">\n                                </mj-dropdown>\n                            </label>\n                        }\n                        @if (ShowPromptFilter) {\n                            <label class=\"popover-field\">\n                                <span class=\"popover-field-label\">Prompt</span>\n                                <mj-dropdown\n                                    [Data]=\"PromptOptions\"\n                                    TextField=\"text\"\n                                    ValueField=\"value\"\n                                    [ValuePrimitive]=\"true\"\n                                    [DefaultItem]=\"promptDefaultItem\"\n                                    [Filterable]=\"PromptOptions.length > 10\"\n                                    Placeholder=\"All Prompts\"\n                                    (ValueChange)=\"OnPromptChange($event)\">\n                                </mj-dropdown>\n                            </label>\n                        }\n                        @if (ShowStatusFilter) {\n                            <label class=\"popover-field\">\n                                <span class=\"popover-field-label\">Status</span>\n                                <mj-dropdown\n                                    [Data]=\"StatusOptions\"\n                                    TextField=\"text\"\n                                    ValueField=\"value\"\n                                    [ValuePrimitive]=\"true\"\n                                    [DefaultItem]=\"statusDefaultItem\"\n                                    Placeholder=\"All Statuses\"\n                                    (ValueChange)=\"OnStatusChange($event)\">\n                                </mj-dropdown>\n                            </label>\n                        }\n                    </div>\n                </mj-filter-popover>\n            }\n\n            @if (ShowCompareToggle) {\n                <button\n                    class=\"compare-btn\"\n                    [class.active]=\"compareActive\"\n                    (click)=\"ToggleCompare()\">\n                    <i class=\"fa-solid fa-code-compare\"></i>\n                    Compare\n                </button>\n            }\n\n            @if (ShowExportButton) {\n                <button class=\"export-btn\" (click)=\"ExportClicked.emit()\">\n                    <i class=\"fa-solid fa-download\"></i>\n                    Export\n                </button>\n            }\n\n            <div class=\"time-chips\">\n                @for (option of TimeRangeOptions; track option) {\n                    <button\n                        class=\"time-chip\"\n                        [class.active]=\"TimeRange === option\"\n                        (click)=\"OnTimeRangeSelect(option)\">\n                        {{ option }}\n                    </button>\n                }\n            </div>\n        </div>\n    `,\n    styles: [`\n        /* Filter bar renders inline inside <mj-page-header>'s actions slot — no wrapper card. */\n        .filter-bar {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        /* Popover panel content — stacked labeled fields */\n        .popover-fields {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .popover-field {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .popover-field-label {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n        }\n\n        .popover-field :host ::ng-deep mj-dropdown,\n        :host ::ng-deep .popover-field mj-dropdown {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            max-width: none;\n        }\n\n        .compare-btn,\n        .export-btn {\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            white-space: nowrap;\n            transition: background 0.15s, color 0.15s, border-color 0.15s;\n        }\n\n        .compare-btn:hover,\n        .export-btn:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .compare-btn.active {\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        }\n\n        .time-chips {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .time-chip {\n            padding: 5px 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            white-space: nowrap;\n        }\n\n        .time-chip:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-primary);\n        }\n\n        .time-chip.active {\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        @media (max-width: 768px) {\n            .filter-bar {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .time-chips {\n                margin-left: 0;\n                justify-content: flex-start;\n                flex-wrap: wrap;\n            }\n        }\n    `]\n})\nexport class AnalyticsFilterBarComponent implements OnInit {\n    @Input() TimeRange = '24h';\n    @Input() TimeRangeOptions: string[] = ['1h', '6h', '24h', '7d', '30d'];\n    @Input() ShowModelFilter = true;\n    @Input() ShowAgentFilter = true;\n    @Input() ShowPromptFilter = true;\n    @Input() ShowStatusFilter = true;\n    @Input() ShowCompareToggle = true;\n    @Input() ShowExportButton = false;\n    @Input() Filters: GlobalFilterState = { Models: [], Agents: [], Prompts: [], Statuses: [] };\n\n    @Output() TimeRangeChange = new EventEmitter<string>();\n    @Output() FiltersChange = new EventEmitter<GlobalFilterState>();\n    @Output() CompareToggled = new EventEmitter<boolean>();\n    @Output() ExportClicked = new EventEmitter<void>();\n\n    public ModelOptions: FilterOption[] = [];\n    public AgentOptions: FilterOption[] = [];\n    public PromptOptions: FilterOption[] = [];\n    public StatusOptions: FilterOption[] = [\n        { text: 'Success', value: 'Success' },\n        { text: 'Error', value: 'Error' },\n        { text: 'Running', value: 'Running' },\n        { text: 'Pending', value: 'Pending' },\n        { text: 'Canceled', value: 'Canceled' }\n    ];\n\n    /** Default items shown when nothing is selected (the \"All X\" option) */\n    public modelDefaultItem: FilterOption = { text: 'All Models', value: '' };\n    public agentDefaultItem: FilterOption = { text: 'All Agents', value: '' };\n    public promptDefaultItem: FilterOption = { text: 'All Prompts', value: '' };\n    public statusDefaultItem: FilterOption = { text: 'All Statuses', value: '' };\n\n    public compareActive = false;\n\n    /** True when at least one of the filter dropdowns is enabled — drives whether to render the popover trigger. */\n    public get HasFilterDropdowns(): boolean {\n        return this.ShowModelFilter || this.ShowAgentFilter || this.ShowPromptFilter || this.ShowStatusFilter;\n    }\n\n    /** Number of active filter selections — drives the popover badge. */\n    public get ActiveFilterCount(): number {\n        const f = this.Filters ?? { Models: [], Agents: [], Prompts: [], Statuses: [] };\n        return (f.Models?.length ?? 0) + (f.Agents?.length ?? 0) + (f.Prompts?.length ?? 0) + (f.Statuses?.length ?? 0);\n    }\n\n    public ClearAllFilters(): void {\n        this.Filters = { Models: [], Agents: [], Prompts: [], Statuses: [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    ngOnInit(): void {\n        this.BuildOptions();\n    }\n\n    public OnTimeRangeSelect(range: string): void {\n        this.TimeRange = range;\n        this.TimeRangeChange.emit(range);\n    }\n\n    public OnModelChange(event: unknown): void {\n        const id = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Models: id ? [id] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public OnAgentChange(event: unknown): void {\n        const id = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Agents: id ? [id] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public OnPromptChange(event: unknown): void {\n        const id = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Prompts: id ? [id] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public OnStatusChange(event: unknown): void {\n        const status = (event as string) ?? '';\n        this.Filters = { ...this.Filters, Statuses: status ? [status] : [] };\n        this.FiltersChange.emit(this.Filters);\n    }\n\n    public ToggleCompare(): void {\n        this.compareActive = !this.compareActive;\n        this.CompareToggled.emit(this.compareActive);\n    }\n\n    private BuildOptions(): void {\n        const engine = AIEngineBase.Instance;\n\n        this.ModelOptions = engine.Models\n            .map(m => ({ text: m.Name ?? '', value: m.ID }))\n            .sort((a, b) => a.text.localeCompare(b.text));\n\n        this.AgentOptions = engine.Agents\n            .filter(a => a.Status === 'Active')\n            .map(a => ({ text: a.Name ?? '', value: a.ID }))\n            .sort((a, b) => a.text.localeCompare(b.text));\n\n        this.PromptOptions = engine.Prompts\n            .map(p => ({ text: p.Name ?? '', value: p.ID }))\n            .sort((a, b) => a.text.localeCompare(b.text));\n    }\n}\n"]}

package/dist/AI/components/analytics/cost-budget/cost-budget.component.d.ts

@@ -42,10 +42,16 @@ interface CostByModelRow {
     PercentOfTotal: number;
 }
 export declare class AnalyticsCostBudgetComponent extends BaseAngularComponent implements OnInit, OnDestroy {
-    TimeRange: string;
-    Filters: GlobalFilterState;
+    private _timeRange;
+    set TimeRange(value: string);
+    get TimeRange(): string;
+    private _filters;
+    set Filters(value: GlobalFilterState);
+    get Filters(): GlobalFilterState;
+    private shallowFiltersEqual;
     TimeRangeChange: EventEmitter<string>;
     FiltersChange: EventEmitter<GlobalFilterState>;
+    private initialized;
     private cdr;
     private destroy$;
     IsLoading: boolean;

package/dist/AI/components/analytics/cost-budget/cost-budget.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cost-budget.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/analytics/cost-budget/cost-budget.component.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACuB,YAAY,EACtC,MAAM,EAAE,SAAS,EACpB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;;AAmBxF,UAAU,OAAO;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAkBD,qBAogBa,4BAA6B,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IACtF,SAAS,SAAQ;IACjB,OAAO,EAAE,iBAAiB,CAAyD;IAElF,eAAe,uBAA8B;IAC7C,aAAa,kCAAyC;IAEhE,OAAO,CAAC,GAAG,CAA6B;IACxC,OAAO,CAAC,QAAQ,CAAuB;IAEhC,SAAS,UAAS;IAClB,oBAAoB,WAAsB;IAE1C,QAAQ,EAAE,OAAO,EAAE,CAAM;IACzB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAC3B,cAAc,SAAK;IACnB,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,eAAe,EAAE,cAAc,EAAE,CAAM;IAE9C,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,kBAAkB,CAAyB;IAEnD,QAAQ,IAAI,IAAI;IAIhB,WAAW,IAAI,IAAI;IAOZ,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMtC,eAAe,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI;IAMjD,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM;IAMnD,SAAS,IAAI,IAAI;YAWV,QAAQ;IA8CtB,OAAO,CAAC,WAAW;IAuDnB,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,kBAAkB;IAuC1B,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,yBAAyB;IASjC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,WAAW;yCAxSV,4BAA4B;2CAA5B,4BAA4B;CAiTxC;AAED,wBAAgB,uBAAuB,SAAoC"}
+{"version":3,"file":"cost-budget.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/analytics/cost-budget/cost-budget.component.ts"],"names":[],"mappings":"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"}