@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/Scheduling/scheduling-dashboard.component.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
 import { BaseDashboard } from '@memberjunction/ng-shared';
 import { RegisterClass } from '@memberjunction/global';
 import { Subject } from 'rxjs';
@@ -12,65 +12,143 @@ import { debounceTime } from 'rxjs/operators';
 import { SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "./services/scheduling-instrumentation.service";
-import * as i2 from "./components/scheduling-overview.component";
-import * as i3 from "./components/scheduling-jobs.component";
-import * as i4 from "./components/scheduling-activity.component";
-function SchedulingDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵelement(1, "i", 19);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "./components/scheduling-overview.component";
+import * as i4 from "./components/scheduling-jobs.component";
+import * as i5 from "./components/scheduling-activity.component";
+const _c0 = ["overviewCmp"];
+const _c1 = ["jobsCmp"];
+const _c2 = ["activityCmp"];
+const _forTrack0 = ($index, $item) => $item.value;
+function SchedulingDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r0.AlertCount, " Alert", ctx_r0.AlertCount !== 1 ? "s" : "");
+    i0.ɵɵproperty("Count", ctx_r0.AlertCount)("Label", ctx_r0.AlertCount === 1 ? "Alert" : "Alerts");
 } }
-function SchedulingDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "i", 20);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Healthy");
-    i0.ɵɵelementEnd()();
+function SchedulingDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 6);
 } }
-function SchedulingDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+function SchedulingDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 7);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.ActiveJobCount);
+    i0.ɵɵproperty("Count", (ctx_r0.jobsCmp == null ? null : ctx_r0.jobsCmp.FilteredJobs == null ? null : ctx_r0.jobsCmp.FilteredJobs.length) ?? 0)("Total", (ctx_r0.jobsCmp == null ? null : ctx_r0.jobsCmp.Jobs == null ? null : ctx_r0.jobsCmp.Jobs.length) ?? 0);
 } }
-function SchedulingDashboardComponent_Case_34_Template(rf, ctx) { if (rf & 1) {
+function SchedulingDashboardComponent_Case_8_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "app-scheduling-overview", 21);
-    i0.ɵɵlistener("stateChange", function SchedulingDashboardComponent_Case_34_Template_app_scheduling_overview_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnDashboardStateChange($event)); });
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(0, "mj-refresh-button", 12);
+    i0.ɵɵlistener("Clicked", function SchedulingDashboardComponent_Case_8_Template_mj_refresh_button_Clicked_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.overviewCmp == null ? null : ctx_r0.overviewCmp.Refresh()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "button", 13);
+    i0.ɵɵlistener("click", function SchedulingDashboardComponent_Case_8_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.overviewCmp == null ? null : ctx_r0.overviewCmp.ToggleAutoRefresh()); });
+    i0.ɵɵelement(2, "i", 14);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("initialState", ctx_r0.DashboardState);
+    i0.ɵɵproperty("variant", (ctx_r0.overviewCmp == null ? null : ctx_r0.overviewCmp.AutoRefreshEnabled) ? "primary" : "secondary");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Auto: ", (ctx_r0.overviewCmp == null ? null : ctx_r0.overviewCmp.AutoRefreshEnabled) ? "ON" : "OFF", " ");
 } }
-function SchedulingDashboardComponent_Case_35_Template(rf, ctx) { if (rf & 1) {
+function SchedulingDashboardComponent_Case_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "app-scheduling-jobs", 21);
-    i0.ɵɵlistener("stateChange", function SchedulingDashboardComponent_Case_35_Template_app_scheduling_jobs_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnJobsStateChange($event)); });
+    i0.ɵɵelementStart(0, "mj-filter-popover", 15);
+    i0.ɵɵlistener("ClearAllRequested", function SchedulingDashboardComponent_Case_9_Template_mj_filter_popover_ClearAllRequested_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.resetJobsFilters()); });
+    i0.ɵɵelementStart(1, "mj-filter-panel", 16);
+    i0.ɵɵlistener("ValuesChange", function SchedulingDashboardComponent_Case_9_Template_mj_filter_panel_ValuesChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onJobsFilterValuesChange($event)); })("Reset", function SchedulingDashboardComponent_Case_9_Template_mj_filter_panel_Reset_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.resetJobsFilters()); });
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(2, "mj-refresh-button", 12);
+    i0.ɵɵlistener("Clicked", function SchedulingDashboardComponent_Case_9_Template_mj_refresh_button_Clicked_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.jobsCmp == null ? null : ctx_r0.jobsCmp.Refresh()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 17);
+    i0.ɵɵlistener("click", function SchedulingDashboardComponent_Case_9_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.jobsCmp == null ? null : ctx_r0.jobsCmp.OpenCreateSlideout()); });
+    i0.ɵɵelement(4, "i", 18);
+    i0.ɵɵtext(5, " New Job ");
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ActiveCount", ctx_r0.JobsActiveFilterCount)("ShowClearAll", ctx_r0.JobsActiveFilterCount > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("initialState", ctx_r0.JobsState);
+    i0.ɵɵproperty("Fields", ctx_r0.JobsFilterFields)("Values", ctx_r0.JobsFilterValues);
 } }
-function SchedulingDashboardComponent_Case_36_Template(rf, ctx) { if (rf & 1) {
+function SchedulingDashboardComponent_Case_10_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "app-scheduling-activity", 21);
-    i0.ɵɵlistener("stateChange", function SchedulingDashboardComponent_Case_36_Template_app_scheduling_activity_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnActivityStateChange($event)); });
+    i0.ɵɵelementStart(0, "mj-filter-popover", 15);
+    i0.ɵɵlistener("ClearAllRequested", function SchedulingDashboardComponent_Case_10_Template_mj_filter_popover_ClearAllRequested_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.resetActivityFilters()); });
+    i0.ɵɵelementStart(1, "mj-filter-panel", 16);
+    i0.ɵɵlistener("ValuesChange", function SchedulingDashboardComponent_Case_10_Template_mj_filter_panel_ValuesChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onActivityFilterValuesChange($event)); })("Reset", function SchedulingDashboardComponent_Case_10_Template_mj_filter_panel_Reset_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.resetActivityFilters()); });
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(2, "mj-refresh-button", 12);
+    i0.ɵɵlistener("Clicked", function SchedulingDashboardComponent_Case_10_Template_mj_refresh_button_Clicked_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.activityCmp == null ? null : ctx_r0.activityCmp.Refresh()); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ActiveCount", ctx_r0.ActivityActiveFilterCount)("ShowClearAll", ctx_r0.ActivityActiveFilterCount > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("initialState", ctx_r0.ActivityState);
+    i0.ɵɵproperty("Fields", ctx_r0.ActivityFilterFields)("Values", ctx_r0.ActivityFilterValues);
+} }
+function SchedulingDashboardComponent_Case_11_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "mj-page-search", 19);
+    i0.ɵɵlistener("ValueChange", function SchedulingDashboardComponent_Case_11_Template_mj_page_search_ValueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.jobsCmp == null ? null : ctx_r0.jobsCmp.OnSearchChange($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Value", (ctx_r0.jobsCmp == null ? null : ctx_r0.jobsCmp.SearchTerm) ?? "");
+} }
+function SchedulingDashboardComponent_Case_12_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-filter-chip", 22);
+    i0.ɵɵlistener("Clicked", function SchedulingDashboardComponent_Case_12_For_3_Template_mj_filter_chip_Clicked_0_listener() { const range_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.activityCmp == null ? null : ctx_r0.activityCmp.OnTimeRangeChange(range_r8.value)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const range_r8 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Label", range_r8.label)("Active", (ctx_r0.activityCmp == null ? null : ctx_r0.activityCmp.SelectedTimeRange) === range_r8.value);
+} }
+function SchedulingDashboardComponent_Case_12_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "mj-page-search", 20);
+    i0.ɵɵlistener("ValueChange", function SchedulingDashboardComponent_Case_12_Template_mj_page_search_ValueChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.activityCmp == null ? null : ctx_r0.activityCmp.OnSearchChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(2, SchedulingDashboardComponent_Case_12_For_3_Template, 1, 2, "mj-filter-chip", 21, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Value", (ctx_r0.activityCmp == null ? null : ctx_r0.activityCmp.SearchTerm) ?? "");
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.activityCmp == null ? null : ctx_r0.activityCmp.TimeRanges);
+} }
+function SchedulingDashboardComponent_Case_14_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-scheduling-overview", 23, 0);
+    i0.ɵɵlistener("stateChange", function SchedulingDashboardComponent_Case_14_Template_app_scheduling_overview_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnDashboardStateChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("initialState", ctx_r0.DashboardState)("HideToolbar", true);
+} }
+function SchedulingDashboardComponent_Case_15_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-scheduling-jobs", 23, 1);
+    i0.ɵɵlistener("stateChange", function SchedulingDashboardComponent_Case_15_Template_app_scheduling_jobs_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnJobsStateChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("initialState", ctx_r0.JobsState)("HideToolbar", true);
+} }
+function SchedulingDashboardComponent_Case_16_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-scheduling-activity", 23, 2);
+    i0.ɵɵlistener("stateChange", function SchedulingDashboardComponent_Case_16_Template_app_scheduling_activity_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnActivityStateChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("initialState", ctx_r0.ActivityState)("HideToolbar", true);
 } }
 let SchedulingDashboardComponent = class SchedulingDashboardComponent extends BaseDashboard {
     cdr;
@@ -84,13 +162,24 @@ let SchedulingDashboardComponent = class SchedulingDashboardComponent extends Ba
     stateChangeSubject = new Subject();
     ActiveJobCount = 0;
     AlertCount = 0;
+    /** ViewChild references to the active inner tab component — drive the toolbar UI rendered in <mj-page-header>. */
+    overviewCmp;
+    jobsCmp;
+    activityCmp;
     kpiSub;
     alertSub;
-    NavigationItems = [
-        { id: 'dashboard', text: 'Dashboard', icon: 'fa-solid fa-gauge-high' },
-        { id: 'jobs', text: 'Jobs', icon: 'fa-solid fa-calendar-check' },
-        { id: 'activity', text: 'Activity', icon: 'fa-solid fa-clock-rotate-left' }
-    ];
+    get Tabs() {
+        return [
+            { key: 'dashboard', label: 'Dashboard', icon: 'fa-solid fa-gauge-high' },
+            {
+                key: 'jobs',
+                label: 'Jobs',
+                icon: 'fa-solid fa-calendar-check',
+                badge: this.ActiveJobCount > 0 ? this.ActiveJobCount : null
+            },
+            { key: 'activity', label: 'Activity', icon: 'fa-solid fa-clock-rotate-left' }
+        ];
+    }
     constructor(cdr, schedulingService) {
         super();
         this.cdr = cdr;
@@ -135,6 +224,91 @@ let SchedulingDashboardComponent = class SchedulingDashboardComponent extends Ba
     HasVisited(tabId) {
         return this.visitedTabs.has(tabId);
     }
+    // ───── Filter-popover plumbing for the [actions]/[toolbar] slots ─────
+    get JobsFilterFields() {
+        const statusOptions = (this.jobsCmp?.StatusOptions ?? ['']).map(s => ({
+            text: s === '' ? 'All Statuses' : s,
+            value: s
+        }));
+        const typeOptions = (this.jobsCmp?.TypeOptions ?? ['']).map(t => ({
+            text: t === '' ? 'All Types' : t,
+            value: t
+        }));
+        return [
+            { key: 'statusFilter', type: 'dropdown', label: 'Status', icon: 'fa-solid fa-circle-info', placeholder: 'All Statuses', options: statusOptions },
+            { key: 'typeFilter', type: 'dropdown', label: 'Type', icon: 'fa-solid fa-shapes', placeholder: 'All Types', options: typeOptions }
+        ];
+    }
+    get JobsFilterValues() {
+        return {
+            statusFilter: this.jobsCmp?.StatusFilter ?? '',
+            typeFilter: this.jobsCmp?.TypeFilter ?? ''
+        };
+    }
+    get JobsActiveFilterCount() {
+        let n = 0;
+        if (this.jobsCmp?.StatusFilter)
+            n++;
+        if (this.jobsCmp?.TypeFilter)
+            n++;
+        return n;
+    }
+    onJobsFilterValuesChange(v) {
+        if (!this.jobsCmp)
+            return;
+        const next = (v ?? {});
+        if ((next.statusFilter ?? '') !== this.jobsCmp.StatusFilter)
+            this.jobsCmp.OnStatusFilterChange(next.statusFilter ?? '');
+        if ((next.typeFilter ?? '') !== this.jobsCmp.TypeFilter)
+            this.jobsCmp.OnTypeFilterChange(next.typeFilter ?? '');
+    }
+    resetJobsFilters() {
+        if (this.jobsCmp?.StatusFilter)
+            this.jobsCmp.OnStatusFilterChange('');
+        if (this.jobsCmp?.TypeFilter)
+            this.jobsCmp.OnTypeFilterChange('');
+    }
+    get ActivityFilterFields() {
+        const statusOptions = (this.activityCmp?.StatusOptions ?? ['']).map(s => ({
+            text: s === '' ? 'All Statuses' : s,
+            value: s
+        }));
+        const jobNames = this.activityCmp?.UniqueJobNames ?? [];
+        const jobOptions = [{ text: 'All Jobs', value: '' }, ...jobNames.map(n => ({ text: n, value: n }))];
+        return [
+            { key: 'statusFilter', type: 'dropdown', label: 'Status', icon: 'fa-solid fa-circle-info', placeholder: 'All Statuses', options: statusOptions },
+            { key: 'jobNameFilter', type: 'dropdown', label: 'Job', icon: 'fa-solid fa-tag', placeholder: 'All Jobs', filterable: true, options: jobOptions }
+        ];
+    }
+    get ActivityFilterValues() {
+        return {
+            statusFilter: this.activityCmp?.StatusFilter ?? '',
+            jobNameFilter: this.activityCmp?.JobNameFilter ?? ''
+        };
+    }
+    get ActivityActiveFilterCount() {
+        let n = 0;
+        if (this.activityCmp?.StatusFilter)
+            n++;
+        if (this.activityCmp?.JobNameFilter)
+            n++;
+        return n;
+    }
+    onActivityFilterValuesChange(v) {
+        if (!this.activityCmp)
+            return;
+        const next = (v ?? {});
+        if ((next.statusFilter ?? '') !== this.activityCmp.StatusFilter)
+            this.activityCmp.OnStatusFilterChange(next.statusFilter ?? '');
+        if ((next.jobNameFilter ?? '') !== this.activityCmp.JobNameFilter)
+            this.activityCmp.OnJobNameFilterChange(next.jobNameFilter ?? '');
+    }
+    resetActivityFilters() {
+        if (this.activityCmp?.StatusFilter)
+            this.activityCmp.OnStatusFilterChange('');
+        if (this.activityCmp?.JobNameFilter)
+            this.activityCmp.OnJobNameFilterChange('');
+    }
     setupStateManagement() {
         this.stateChangeSubject.pipe(debounceTime(50)).subscribe(state => {
             this.UserStateChanged.emit(state);
@@ -160,10 +334,6 @@ let SchedulingDashboardComponent = class SchedulingDashboardComponent extends Ba
         this.ActivityState = state;
         this.emitStateChange();
     }
-    GetCurrentTabLabel() {
-        const item = this.NavigationItems.find(n => n.id === this.ActiveTab);
-        return item ? item.text : 'Scheduling';
-    }
     initDashboard() {
         this.schedulingService.Provider = this.ProviderToUse;
         this.IsLoading = false;
@@ -186,66 +356,45 @@ let SchedulingDashboardComponent = class SchedulingDashboardComponent extends Ba
         this.NotifyLoadComplete();
     }
     static ɵfac = function SchedulingDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SchedulingDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.SchedulingInstrumentationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchedulingDashboardComponent, selectors: [["mj-scheduling-dashboard"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 37, vars: 11, consts: [[1, "scheduling-dashboard-container"], [1, "dashboard-header"], [1, "header-title"], [1, "fa-solid", "fa-calendar-check"], [1, "header-actions"], [1, "status-badge"], [1, "status-badge", "healthy"], [1, "tab-label"], [1, "dashboard-content"], [1, "sidebar"], [1, "sidebar-section"], [1, "sidebar-section-title"], [1, "nav-item", 3, "click"], [1, "fa-solid", "fa-gauge-high"], [1, "badge"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "main-content"], [1, "tab-container"], [1, "tab-content"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-circle-check"], [3, "stateChange", "initialState"]], template: function SchedulingDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵelement(3, "i", 3);
-            i0.ɵɵelementStart(4, "span");
-            i0.ɵɵtext(5, "Job Scheduling");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 4);
-            i0.ɵɵconditionalCreate(7, SchedulingDashboardComponent_Conditional_7_Template, 4, 2, "div", 5);
-            i0.ɵɵconditionalCreate(8, SchedulingDashboardComponent_Conditional_8_Template, 4, 0, "div", 6);
-            i0.ɵɵelementStart(9, "span", 7);
-            i0.ɵɵtext(10);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10)(14, "div", 11);
-            i0.ɵɵtext(15, "Overview");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(16, "div", 12);
-            i0.ɵɵlistener("click", function SchedulingDashboardComponent_Template_div_click_16_listener() { return ctx.OnTabChange("dashboard"); });
-            i0.ɵɵelement(17, "i", 13);
-            i0.ɵɵelementStart(18, "span");
-            i0.ɵɵtext(19, "Dashboard");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(20, "div", 10)(21, "div", 11);
-            i0.ɵɵtext(22, "Management");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(23, "div", 12);
-            i0.ɵɵlistener("click", function SchedulingDashboardComponent_Template_div_click_23_listener() { return ctx.OnTabChange("jobs"); });
-            i0.ɵɵelement(24, "i", 3);
-            i0.ɵɵelementStart(25, "span");
-            i0.ɵɵtext(26, "Jobs");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchedulingDashboardComponent, selectors: [["mj-scheduling-dashboard"]], viewQuery: function SchedulingDashboardComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5)(_c1, 5)(_c2, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overviewCmp = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.jobsCmp = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.activityCmp = _t.first);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 7, consts: [["overviewCmp", ""], ["jobsCmp", ""], ["activityCmp", ""], ["Title", "Scheduling", "Icon", "fa-solid fa-calendar-check", "Subtitle", "Background jobs, executions, and system health"], ["meta", ""], ["Icon", "fa-solid fa-triangle-exclamation", "Variant", "error", 3, "Count", "Label"], ["Icon", "fa-solid fa-circle-check", "Label", "Healthy", "Variant", "success"], ["Label", "jobs", 3, "Count", "Total"], ["actions", ""], [3, "TabChange", "Tabs", "ActiveKey"], ["toolbar", "", 1, "scheduling-toolbar"], [3, "initialState", "HideToolbar"], [3, "Clicked"], ["mjButton", "", "size", "sm", "title", "Toggle auto-refresh", 3, "click", "variant"], [1, "fa-solid", "fa-rotate"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["Placeholder", "Search jobs...", 3, "ValueChange", "Value"], ["Placeholder", "Search executions...", 3, "ValueChange", "Value"], [3, "Label", "Active"], [3, "Clicked", "Label", "Active"], [3, "stateChange", "initialState", "HideToolbar"]], template: function SchedulingDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 3)(2, "div", 4);
+            i0.ɵɵconditionalCreate(3, SchedulingDashboardComponent_Conditional_3_Template, 1, 2, "mj-stat-badge", 5)(4, SchedulingDashboardComponent_Conditional_4_Template, 1, 0, "mj-stat-badge", 6);
+            i0.ɵɵconditionalCreate(5, SchedulingDashboardComponent_Conditional_5_Template, 1, 2, "mj-stat-badge", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 8)(7, "mj-tab-nav", 9);
+            i0.ɵɵlistener("TabChange", function SchedulingDashboardComponent_Template_mj_tab_nav_TabChange_7_listener($event) { return ctx.OnTabChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, SchedulingDashboardComponent_Case_8_Template, 4, 2)(9, SchedulingDashboardComponent_Case_9_Template, 6, 4)(10, SchedulingDashboardComponent_Case_10_Template, 3, 4);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(27, SchedulingDashboardComponent_Conditional_27_Template, 2, 1, "span", 14);
+            i0.ɵɵconditionalCreate(11, SchedulingDashboardComponent_Case_11_Template, 2, 1, "div", 10)(12, SchedulingDashboardComponent_Case_12_Template, 4, 1, "div", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "div", 12);
-            i0.ɵɵlistener("click", function SchedulingDashboardComponent_Template_div_click_28_listener() { return ctx.OnTabChange("activity"); });
-            i0.ɵɵelement(29, "i", 15);
-            i0.ɵɵelementStart(30, "span");
-            i0.ɵɵtext(31, "Activity");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(32, "div", 16)(33, "div", 17);
-            i0.ɵɵconditionalCreate(34, SchedulingDashboardComponent_Case_34_Template, 2, 1, "div", 18)(35, SchedulingDashboardComponent_Case_35_Template, 2, 1, "div", 18)(36, SchedulingDashboardComponent_Case_36_Template, 2, 1, "div", 18);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(13, "mj-page-body");
+            i0.ɵɵconditionalCreate(14, SchedulingDashboardComponent_Case_14_Template, 2, 2, "app-scheduling-overview", 11)(15, SchedulingDashboardComponent_Case_15_Template, 2, 2, "app-scheduling-jobs", 11)(16, SchedulingDashboardComponent_Case_16_Template, 2, 2, "app-scheduling-activity", 11);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            let tmp_7_0;
-            i0.ɵɵadvance(7);
-            i0.ɵɵconditional(ctx.AlertCount > 0 ? 7 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.AlertCount === 0 ? 8 : -1);
+            let tmp_4_0;
+            let tmp_5_0;
+            let tmp_6_0;
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.AlertCount > 0 ? 3 : 4);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ActiveTab === "jobs" ? 5 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.GetCurrentTabLabel());
-            i0.ɵɵadvance(6);
-            i0.ɵɵclassProp("selected", ctx.ActiveTab === "dashboard");
-            i0.ɵɵadvance(7);
-            i0.ɵɵclassProp("selected", ctx.ActiveTab === "jobs");
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.ActiveJobCount > 0 ? 27 : -1);
+            i0.ɵɵproperty("Tabs", ctx.Tabs)("ActiveKey", ctx.ActiveTab);
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("selected", ctx.ActiveTab === "activity");
-            i0.ɵɵadvance(6);
-            i0.ɵɵconditional((tmp_7_0 = ctx.ActiveTab) === "dashboard" ? 34 : tmp_7_0 === "jobs" ? 35 : tmp_7_0 === "activity" ? 36 : -1);
-        } }, dependencies: [i2.SchedulingOverviewComponent, i3.SchedulingJobsComponent, i4.SchedulingActivityComponent], styles: [".scheduling-dashboard-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n\n\n.dashboard-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    background: var(--mj-brand-primary);\n    border-bottom: 1px solid var(--mj-border-default);\n    box-shadow: var(--mj-shadow-md);\n    flex-shrink: 0;\n}\n\n.header-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-inverse);\n    font-size: 1.5rem;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.tab-label[_ngcontent-%COMP%] {\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--mj-text-inverse);\n    background: rgba(255,255,255,0.15);\n    padding: 6px 14px;\n    border-radius: 20px;\n    backdrop-filter: blur(4px);\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-status-warning);\n    background: rgba(251, 191, 36, 0.15);\n    padding: 6px 12px;\n    border-radius: 20px;\n}\n\n.status-badge.healthy[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    background: rgba(52, 211, 153, 0.15);\n}\n\n\n\n.dashboard-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n\n\n.sidebar[_ngcontent-%COMP%] {\n    width: 240px;\n    background-color: var(--mj-bg-surface-card);\n    border-right: 1px solid var(--mj-border-default);\n    padding: 20px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.sidebar-section[_ngcontent-%COMP%] {\n    padding: 0 16px;\n    margin-bottom: 4px;\n}\n\n.sidebar-section[_ngcontent-%COMP%]:not(:first-child) {\n    margin-top: 16px;\n}\n\n.sidebar-section-title[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 8px 0;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    margin: 0 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    border-radius: 10px;\n    font-size: 0.9rem;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.nav-item.selected[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    width: 20px;\n    text-align: center;\n    font-size: 1rem;\n}\n\n.nav-item[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: rgba(0, 118, 182, 0.1);\n    color: var(--mj-brand-primary);\n}\n\n.nav-item.selected[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n    background: rgba(255,255,255,0.2);\n    color: var(--mj-text-inverse);\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.tab-container[_ngcontent-%COMP%] {\n    height: 100%;\n}\n\n.tab-content[_ngcontent-%COMP%] {\n    height: 100%;\n    animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\n\n@media (max-width: 1024px) {\n    .sidebar[_ngcontent-%COMP%] {\n        width: 200px;\n    }\n    .main-content[_ngcontent-%COMP%] {\n        padding: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .dashboard-content[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n    .sidebar[_ngcontent-%COMP%] {\n        width: 100%;\n        flex-direction: row;\n        padding: 12px;\n        gap: 0;\n        overflow-x: auto;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n    .sidebar-section[_ngcontent-%COMP%] {\n        display: none;\n    }\n    .nav-item[_ngcontent-%COMP%] {\n        flex-direction: column;\n        padding: 10px 16px;\n        margin: 0 4px;\n        gap: 6px;\n        white-space: nowrap;\n        font-size: 12px;\n    }\n    .nav-item[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n        position: absolute;\n        top: 4px;\n        right: 4px;\n        margin-left: 0;\n        font-size: 9px;\n        padding: 1px 5px;\n    }\n    .main-content[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n    .dashboard-header[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n    }\n    .header-title[_ngcontent-%COMP%] {\n        font-size: 1rem;\n    }\n    .tab-label[_ngcontent-%COMP%] {\n        display: none;\n    }\n    .status-badge[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n        display: none;\n    }\n}"], changeDetection: 0 });
+            i0.ɵɵconditional((tmp_4_0 = ctx.ActiveTab) === "dashboard" ? 8 : tmp_4_0 === "jobs" ? 9 : tmp_4_0 === "activity" ? 10 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional((tmp_5_0 = ctx.ActiveTab) === "jobs" ? 11 : tmp_5_0 === "activity" ? 12 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional((tmp_6_0 = ctx.ActiveTab) === "dashboard" ? 14 : tmp_6_0 === "jobs" ? 15 : tmp_6_0 === "activity" ? 16 : -1);
+        } }, dependencies: [i2.MJButtonDirective, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJTabNavComponent, i2.MJPageSearchComponent, i2.MJFilterChipComponent, i2.MJFilterPopoverComponent, i2.MJFilterPanelComponent, i2.MJStatBadgeComponent, i2.MJRefreshButtonComponent, i3.SchedulingOverviewComponent, i4.SchedulingJobsComponent, i5.SchedulingActivityComponent], styles: ["\n\n.scheduling-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}"], changeDetection: 0 });
 };
 SchedulingDashboardComponent = __decorate([
     RegisterClass(BaseDashboard, 'SchedulingDashboard')
@@ -253,7 +402,16 @@ SchedulingDashboardComponent = __decorate([
 export { SchedulingDashboardComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchedulingDashboardComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-scheduling-dashboard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scheduling-dashboard-container\">\n  <div class=\"dashboard-header\">\n    <div class=\"header-title\">\n      <i class=\"fa-solid fa-calendar-check\"></i>\n      <span>Job Scheduling</span>\n    </div>\n    <div class=\"header-actions\">\n      @if (AlertCount > 0) {\n        <div class=\"status-badge\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          <span>{{AlertCount}} Alert{{AlertCount !== 1 ? 's' : ''}}</span>\n        </div>\n      }\n      @if (AlertCount === 0) {\n        <div class=\"status-badge healthy\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n          <span>Healthy</span>\n        </div>\n      }\n      <span class=\"tab-label\">{{GetCurrentTabLabel()}}</span>\n    </div>\n  </div>\n\n  <div class=\"dashboard-content\">\n    <div class=\"sidebar\">\n      <div class=\"sidebar-section\">\n        <div class=\"sidebar-section-title\">Overview</div>\n      </div>\n      <div class=\"nav-item\" [class.selected]=\"ActiveTab === 'dashboard'\" (click)=\"OnTabChange('dashboard')\">\n        <i class=\"fa-solid fa-gauge-high\"></i>\n        <span>Dashboard</span>\n      </div>\n\n      <div class=\"sidebar-section\">\n        <div class=\"sidebar-section-title\">Management</div>\n      </div>\n      <div class=\"nav-item\" [class.selected]=\"ActiveTab === 'jobs'\" (click)=\"OnTabChange('jobs')\">\n        <i class=\"fa-solid fa-calendar-check\"></i>\n        <span>Jobs</span>\n        @if (ActiveJobCount > 0) {\n          <span class=\"badge\">{{ActiveJobCount}}</span>\n        }\n      </div>\n      <div class=\"nav-item\" [class.selected]=\"ActiveTab === 'activity'\" (click)=\"OnTabChange('activity')\">\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        <span>Activity</span>\n      </div>\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"tab-container\">\n        @switch (ActiveTab) {\n          @case ('dashboard') {\n            <div class=\"tab-content\">\n              <app-scheduling-overview\n                [initialState]=\"DashboardState\"\n                (stateChange)=\"OnDashboardStateChange($event)\">\n              </app-scheduling-overview>\n            </div>\n          }\n          @case ('jobs') {\n            <div class=\"tab-content\">\n              <app-scheduling-jobs\n                [initialState]=\"JobsState\"\n                (stateChange)=\"OnJobsStateChange($event)\">\n              </app-scheduling-jobs>\n            </div>\n          }\n          @case ('activity') {\n            <div class=\"tab-content\">\n              <app-scheduling-activity\n                [initialState]=\"ActivityState\"\n                (stateChange)=\"OnActivityStateChange($event)\">\n              </app-scheduling-activity>\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".scheduling-dashboard-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.dashboard-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    background: var(--mj-brand-primary);\n    border-bottom: 1px solid var(--mj-border-default);\n    box-shadow: var(--mj-shadow-md);\n    flex-shrink: 0;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n}\n\n.header-title i {\n    color: var(--mj-text-inverse);\n    font-size: 1.5rem;\n}\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.tab-label {\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--mj-text-inverse);\n    background: rgba(255,255,255,0.15);\n    padding: 6px 14px;\n    border-radius: 20px;\n    backdrop-filter: blur(4px);\n}\n\n.status-badge {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-status-warning);\n    background: rgba(251, 191, 36, 0.15);\n    padding: 6px 12px;\n    border-radius: 20px;\n}\n\n.status-badge.healthy {\n    color: var(--mj-status-success);\n    background: rgba(52, 211, 153, 0.15);\n}\n\n/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.dashboard-content {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n/* \u2500\u2500 Sidebar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.sidebar {\n    width: 240px;\n    background-color: var(--mj-bg-surface-card);\n    border-right: 1px solid var(--mj-border-default);\n    padding: 20px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.sidebar-section {\n    padding: 0 16px;\n    margin-bottom: 4px;\n}\n\n.sidebar-section:not(:first-child) {\n    margin-top: 16px;\n}\n\n.sidebar-section-title {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 8px 0;\n}\n\n.nav-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    margin: 0 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    border-radius: 10px;\n    font-size: 0.9rem;\n}\n\n.nav-item:hover {\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.nav-item.selected {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.nav-item i {\n    width: 20px;\n    text-align: center;\n    font-size: 1rem;\n}\n\n.nav-item .badge {\n    margin-left: auto;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: rgba(0, 118, 182, 0.1);\n    color: var(--mj-brand-primary);\n}\n\n.nav-item.selected .badge {\n    background: rgba(255,255,255,0.2);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2500\u2500 Main Content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.main-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.tab-container {\n    height: 100%;\n}\n\n.tab-content {\n    height: 100%;\n    animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@media (max-width: 1024px) {\n    .sidebar {\n        width: 200px;\n    }\n    .main-content {\n        padding: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .dashboard-content {\n        flex-direction: column;\n    }\n    .sidebar {\n        width: 100%;\n        flex-direction: row;\n        padding: 12px;\n        gap: 0;\n        overflow-x: auto;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n    .sidebar-section {\n        display: none;\n    }\n    .nav-item {\n        flex-direction: column;\n        padding: 10px 16px;\n        margin: 0 4px;\n        gap: 6px;\n        white-space: nowrap;\n        font-size: 12px;\n    }\n    .nav-item .badge {\n        position: absolute;\n        top: 4px;\n        right: 4px;\n        margin-left: 0;\n        font-size: 9px;\n        padding: 1px 5px;\n    }\n    .main-content {\n        padding: 16px;\n    }\n    .dashboard-header {\n        padding: 12px 16px;\n    }\n    .header-title {\n        font-size: 1rem;\n    }\n    .tab-label {\n        display: none;\n    }\n    .status-badge span {\n        display: none;\n    }\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.SchedulingInstrumentationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SchedulingDashboardComponent, { className: "SchedulingDashboardComponent", filePath: "src/Scheduling/scheduling-dashboard.component.ts", lineNumber: 25 }); })();
+        args: [{ standalone: false, selector: 'mj-scheduling-dashboard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Scheduling\"\n    Icon=\"fa-solid fa-calendar-check\"\n    Subtitle=\"Background jobs, executions, and system health\">\n    <div meta>\n      @if (AlertCount > 0) {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-triangle-exclamation\"\n          [Count]=\"AlertCount\"\n          [Label]=\"AlertCount === 1 ? 'Alert' : 'Alerts'\"\n          Variant=\"error\">\n        </mj-stat-badge>\n      } @else {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-circle-check\"\n          Label=\"Healthy\"\n          Variant=\"success\">\n        </mj-stat-badge>\n      }\n      @if (ActiveTab === 'jobs') {\n        <mj-stat-badge\n          [Count]=\"jobsCmp?.FilteredJobs?.length ?? 0\"\n          [Total]=\"jobsCmp?.Jobs?.length ?? 0\"\n          Label=\"jobs\">\n        </mj-stat-badge>\n      }\n    </div>\n    <div actions>\n      <mj-tab-nav\n        [Tabs]=\"Tabs\"\n        [ActiveKey]=\"ActiveTab\"\n        (TabChange)=\"OnTabChange($any($event))\">\n      </mj-tab-nav>\n\n      @switch (ActiveTab) {\n        @case ('dashboard') {\n          <mj-refresh-button (Clicked)=\"overviewCmp?.Refresh()\"></mj-refresh-button>\n          <button mjButton\n            [variant]=\"overviewCmp?.AutoRefreshEnabled ? 'primary' : 'secondary'\"\n            size=\"sm\"\n            (click)=\"overviewCmp?.ToggleAutoRefresh()\"\n            title=\"Toggle auto-refresh\">\n            <i class=\"fa-solid fa-rotate\"></i>\n            Auto: {{overviewCmp?.AutoRefreshEnabled ? 'ON' : 'OFF'}}\n          </button>\n        }\n        @case ('jobs') {\n          <mj-filter-popover\n            [ActiveCount]=\"JobsActiveFilterCount\"\n            [ShowClearAll]=\"JobsActiveFilterCount > 0\"\n            (ClearAllRequested)=\"resetJobsFilters()\">\n            <mj-filter-panel\n              [Fields]=\"JobsFilterFields\"\n              [Values]=\"JobsFilterValues\"\n              (ValuesChange)=\"onJobsFilterValuesChange($event)\"\n              (Reset)=\"resetJobsFilters()\">\n            </mj-filter-panel>\n          </mj-filter-popover>\n          <mj-refresh-button (Clicked)=\"jobsCmp?.Refresh()\"></mj-refresh-button>\n          <button mjButton variant=\"primary\" size=\"sm\" (click)=\"jobsCmp?.OpenCreateSlideout()\">\n            <i class=\"fa-solid fa-plus\"></i> New Job\n          </button>\n        }\n        @case ('activity') {\n          <mj-filter-popover\n            [ActiveCount]=\"ActivityActiveFilterCount\"\n            [ShowClearAll]=\"ActivityActiveFilterCount > 0\"\n            (ClearAllRequested)=\"resetActivityFilters()\">\n            <mj-filter-panel\n              [Fields]=\"ActivityFilterFields\"\n              [Values]=\"ActivityFilterValues\"\n              (ValuesChange)=\"onActivityFilterValuesChange($event)\"\n              (Reset)=\"resetActivityFilters()\">\n            </mj-filter-panel>\n          </mj-filter-popover>\n          <mj-refresh-button (Clicked)=\"activityCmp?.Refresh()\"></mj-refresh-button>\n        }\n      }\n    </div>\n\n    @switch (ActiveTab) {\n      @case ('jobs') {\n        <div toolbar class=\"scheduling-toolbar\">\n          <mj-page-search\n            Placeholder=\"Search jobs...\"\n            [Value]=\"jobsCmp?.SearchTerm ?? ''\"\n            (ValueChange)=\"jobsCmp?.OnSearchChange($event)\">\n          </mj-page-search>\n        </div>\n      }\n      @case ('activity') {\n        <div toolbar class=\"scheduling-toolbar\">\n          <mj-page-search\n            Placeholder=\"Search executions...\"\n            [Value]=\"activityCmp?.SearchTerm ?? ''\"\n            (ValueChange)=\"activityCmp?.OnSearchChange($event)\">\n          </mj-page-search>\n          @for (range of activityCmp?.TimeRanges; track range.value) {\n            <mj-filter-chip\n              [Label]=\"range.label\"\n              [Active]=\"activityCmp?.SelectedTimeRange === range.value\"\n              (Clicked)=\"activityCmp?.OnTimeRangeChange(range.value)\">\n            </mj-filter-chip>\n          }\n        </div>\n      }\n    }\n  </mj-page-header>\n\n  <mj-page-body>\n    @switch (ActiveTab) {\n      @case ('dashboard') {\n        <app-scheduling-overview\n          #overviewCmp\n          [initialState]=\"DashboardState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"OnDashboardStateChange($event)\">\n        </app-scheduling-overview>\n      }\n      @case ('jobs') {\n        <app-scheduling-jobs\n          #jobsCmp\n          [initialState]=\"JobsState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"OnJobsStateChange($event)\">\n        </app-scheduling-jobs>\n      }\n      @case ('activity') {\n        <app-scheduling-activity\n          #activityCmp\n          [initialState]=\"ActivityState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"OnActivityStateChange($event)\">\n        </app-scheduling-activity>\n      }\n    }\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* Per-tab toolbar rendered in the [toolbar] slot of <mj-page-header>. */\n.scheduling-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.SchedulingInstrumentationService }], { overviewCmp: [{
+            type: ViewChild,
+            args: ['overviewCmp']
+        }], jobsCmp: [{
+            type: ViewChild,
+            args: ['jobsCmp']
+        }], activityCmp: [{
+            type: ViewChild,
+            args: ['activityCmp']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SchedulingDashboardComponent, { className: "SchedulingDashboardComponent", filePath: "src/Scheduling/scheduling-dashboard.component.ts", lineNumber: 29 }); })();
 //# sourceMappingURL=scheduling-dashboard.component.js.map

package/dist/Scheduling/scheduling-dashboard.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"scheduling-dashboard.component.js","sourceRoot":"","sources":["../../src/Scheduling/scheduling-dashboard.component.ts","../../src/Scheduling/scheduling-dashboard.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, AfterViewInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { BaseDashboard } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { SchedulingInstrumentationService } from './services/scheduling-instrumentation.service';\n\ninterface SchedulingDashboardState {\n  activeTab: string;\n  dashboardState: Record<string, unknown>;\n  jobsState: Record<string, unknown>;\n  activityState: Record<string, unknown>;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-scheduling-dashboard',\n  templateUrl: './scheduling-dashboard.component.html',\n  styleUrls: ['./scheduling-dashboard.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n@RegisterClass(BaseDashboard, 'SchedulingDashboard')\nexport class SchedulingDashboardComponent extends BaseDashboard implements AfterViewInit, OnDestroy {\n  public IsLoading = false;\n  public ActiveTab = 'dashboard';\n\n  public DashboardState: Record<string, unknown> = {};\n  public JobsState: Record<string, unknown> = {};\n  public ActivityState: Record<string, unknown> = {};\n\n  private visitedTabs = new Set<string>();\n  private stateChangeSubject = new Subject<SchedulingDashboardState>();\n\n  public ActiveJobCount = 0;\n  public AlertCount = 0;\n\n  private kpiSub: Subscription | undefined;\n  private alertSub: Subscription | undefined;\n\n  public NavigationItems = [\n    { id: 'dashboard', text: 'Dashboard', icon: 'fa-solid fa-gauge-high' },\n    { id: 'jobs', text: 'Jobs', icon: 'fa-solid fa-calendar-check' },\n    { id: 'activity', text: 'Activity', icon: 'fa-solid fa-clock-rotate-left' }\n  ];\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private schedulingService: SchedulingInstrumentationService\n  ) {\n    super();\n    this.setupStateManagement();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Scheduling';\n  }\n\n  ngAfterViewInit(): void {\n    this.visitedTabs.add(this.ActiveTab);\n    this.loadSidebarCounts();\n    this.cdr.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.stateChangeSubject.complete();\n    if (this.kpiSub) this.kpiSub.unsubscribe();\n    if (this.alertSub) this.alertSub.unsubscribe();\n  }\n\n  private loadSidebarCounts(): void {\n    this.kpiSub = this.schedulingService.kpis$.subscribe(kpis => {\n      this.ActiveJobCount = kpis.totalActiveJobs;\n      this.cdr.markForCheck();\n    });\n\n    this.alertSub = this.schedulingService.alerts$.subscribe(alerts => {\n      this.AlertCount = alerts.length;\n      this.cdr.markForCheck();\n    });\n  }\n\n  public OnTabChange(tabId: string): void {\n    this.ActiveTab = tabId;\n    this.visitedTabs.add(tabId);\n\n    setTimeout(() => {\n      SharedService.Instance.InvokeManualResize();\n    }, 100);\n\n    this.emitStateChange();\n    this.cdr.markForCheck();\n  }\n\n  public HasVisited(tabId: string): boolean {\n    return this.visitedTabs.has(tabId);\n  }\n\n  private setupStateManagement(): void {\n    this.stateChangeSubject.pipe(\n      debounceTime(50)\n    ).subscribe(state => {\n      this.UserStateChanged.emit(state);\n    });\n  }\n\n  private emitStateChange(): void {\n    this.stateChangeSubject.next({\n      activeTab: this.ActiveTab,\n      dashboardState: this.DashboardState,\n      jobsState: this.JobsState,\n      activityState: this.ActivityState\n    });\n  }\n\n  public OnDashboardStateChange(state: Record<string, unknown>): void {\n    this.DashboardState = state;\n    this.emitStateChange();\n  }\n\n  public OnJobsStateChange(state: Record<string, unknown>): void {\n    this.JobsState = state;\n    this.emitStateChange();\n  }\n\n  public OnActivityStateChange(state: Record<string, unknown>): void {\n    this.ActivityState = state;\n    this.emitStateChange();\n  }\n\n  public GetCurrentTabLabel(): string {\n    const item = this.NavigationItems.find(n => n.id === this.ActiveTab);\n    return item ? item.text : 'Scheduling';\n  }\n\n  initDashboard(): void {\n    this.schedulingService.Provider = this.ProviderToUse;\n    this.IsLoading = false;\n  }\n\n  loadData(): void {\n    if (this.Config?.userState) {\n      const state = this.Config.userState as Partial<SchedulingDashboardState>;\n      if (state.activeTab) {\n        this.ActiveTab = state.activeTab;\n        this.visitedTabs.add(state.activeTab);\n      }\n      if (state.dashboardState) this.DashboardState = state.dashboardState;\n      if (state.jobsState) this.JobsState = state.jobsState;\n      if (state.activityState) this.ActivityState = state.activityState;\n      this.cdr.markForCheck();\n    }\n    this.NotifyLoadComplete();\n  }\n}\n","<div class=\"scheduling-dashboard-container\">\n  <div class=\"dashboard-header\">\n    <div class=\"header-title\">\n      <i class=\"fa-solid fa-calendar-check\"></i>\n      <span>Job Scheduling</span>\n    </div>\n    <div class=\"header-actions\">\n      @if (AlertCount > 0) {\n        <div class=\"status-badge\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          <span>{{AlertCount}} Alert{{AlertCount !== 1 ? 's' : ''}}</span>\n        </div>\n      }\n      @if (AlertCount === 0) {\n        <div class=\"status-badge healthy\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n          <span>Healthy</span>\n        </div>\n      }\n      <span class=\"tab-label\">{{GetCurrentTabLabel()}}</span>\n    </div>\n  </div>\n\n  <div class=\"dashboard-content\">\n    <div class=\"sidebar\">\n      <div class=\"sidebar-section\">\n        <div class=\"sidebar-section-title\">Overview</div>\n      </div>\n      <div class=\"nav-item\" [class.selected]=\"ActiveTab === 'dashboard'\" (click)=\"OnTabChange('dashboard')\">\n        <i class=\"fa-solid fa-gauge-high\"></i>\n        <span>Dashboard</span>\n      </div>\n\n      <div class=\"sidebar-section\">\n        <div class=\"sidebar-section-title\">Management</div>\n      </div>\n      <div class=\"nav-item\" [class.selected]=\"ActiveTab === 'jobs'\" (click)=\"OnTabChange('jobs')\">\n        <i class=\"fa-solid fa-calendar-check\"></i>\n        <span>Jobs</span>\n        @if (ActiveJobCount > 0) {\n          <span class=\"badge\">{{ActiveJobCount}}</span>\n        }\n      </div>\n      <div class=\"nav-item\" [class.selected]=\"ActiveTab === 'activity'\" (click)=\"OnTabChange('activity')\">\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        <span>Activity</span>\n      </div>\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"tab-container\">\n        @switch (ActiveTab) {\n          @case ('dashboard') {\n            <div class=\"tab-content\">\n              <app-scheduling-overview\n                [initialState]=\"DashboardState\"\n                (stateChange)=\"OnDashboardStateChange($event)\">\n              </app-scheduling-overview>\n            </div>\n          }\n          @case ('jobs') {\n            <div class=\"tab-content\">\n              <app-scheduling-jobs\n                [initialState]=\"JobsState\"\n                (stateChange)=\"OnJobsStateChange($event)\">\n              </app-scheduling-jobs>\n            </div>\n          }\n          @case ('activity') {\n            <div class=\"tab-content\">\n              <app-scheduling-activity\n                [initialState]=\"ActivityState\"\n                (stateChange)=\"OnActivityStateChange($event)\">\n              </app-scheduling-activity>\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n"]}
+{"version":3,"file":"scheduling-dashboard.component.js","sourceRoot":"","sources":["../../src/Scheduling/scheduling-dashboard.component.ts","../../src/Scheduling/scheduling-dashboard.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, AfterViewInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild } from '@angular/core';\nimport { BaseDashboard } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { TabConfig, FilterFieldConfig } from '@memberjunction/ng-ui-components';\nimport { SchedulingInstrumentationService } from './services/scheduling-instrumentation.service';\nimport { SchedulingOverviewComponent } from './components/scheduling-overview.component';\nimport { SchedulingJobsComponent } from './components/scheduling-jobs.component';\nimport { SchedulingActivityComponent } from './components/scheduling-activity.component';\n\ninterface SchedulingDashboardState {\n  activeTab: string;\n  dashboardState: Record<string, unknown>;\n  jobsState: Record<string, unknown>;\n  activityState: Record<string, unknown>;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-scheduling-dashboard',\n  templateUrl: './scheduling-dashboard.component.html',\n  styleUrls: ['./scheduling-dashboard.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n@RegisterClass(BaseDashboard, 'SchedulingDashboard')\nexport class SchedulingDashboardComponent extends BaseDashboard implements AfterViewInit, OnDestroy {\n  public IsLoading = false;\n  public ActiveTab = 'dashboard';\n\n  public DashboardState: Record<string, unknown> = {};\n  public JobsState: Record<string, unknown> = {};\n  public ActivityState: Record<string, unknown> = {};\n\n  private visitedTabs = new Set<string>();\n  private stateChangeSubject = new Subject<SchedulingDashboardState>();\n\n  public ActiveJobCount = 0;\n  public AlertCount = 0;\n\n  /** ViewChild references to the active inner tab component — drive the toolbar UI rendered in <mj-page-header>. */\n  @ViewChild('overviewCmp') overviewCmp?: SchedulingOverviewComponent;\n  @ViewChild('jobsCmp') jobsCmp?: SchedulingJobsComponent;\n  @ViewChild('activityCmp') activityCmp?: SchedulingActivityComponent;\n\n  private kpiSub: Subscription | undefined;\n  private alertSub: Subscription | undefined;\n\n  public get Tabs(): TabConfig[] {\n    return [\n      { key: 'dashboard', label: 'Dashboard', icon: 'fa-solid fa-gauge-high' },\n      {\n        key: 'jobs',\n        label: 'Jobs',\n        icon: 'fa-solid fa-calendar-check',\n        badge: this.ActiveJobCount > 0 ? this.ActiveJobCount : null\n      },\n      { key: 'activity', label: 'Activity', icon: 'fa-solid fa-clock-rotate-left' }\n    ];\n  }\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private schedulingService: SchedulingInstrumentationService\n  ) {\n    super();\n    this.setupStateManagement();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Scheduling';\n  }\n\n  ngAfterViewInit(): void {\n    this.visitedTabs.add(this.ActiveTab);\n    this.loadSidebarCounts();\n    this.cdr.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.stateChangeSubject.complete();\n    if (this.kpiSub) this.kpiSub.unsubscribe();\n    if (this.alertSub) this.alertSub.unsubscribe();\n  }\n\n  private loadSidebarCounts(): void {\n    this.kpiSub = this.schedulingService.kpis$.subscribe(kpis => {\n      this.ActiveJobCount = kpis.totalActiveJobs;\n      this.cdr.markForCheck();\n    });\n\n    this.alertSub = this.schedulingService.alerts$.subscribe(alerts => {\n      this.AlertCount = alerts.length;\n      this.cdr.markForCheck();\n    });\n  }\n\n  public OnTabChange(tabId: string): void {\n    this.ActiveTab = tabId;\n    this.visitedTabs.add(tabId);\n\n    setTimeout(() => {\n      SharedService.Instance.InvokeManualResize();\n    }, 100);\n\n    this.emitStateChange();\n    this.cdr.markForCheck();\n  }\n\n  public HasVisited(tabId: string): boolean {\n    return this.visitedTabs.has(tabId);\n  }\n\n  // ───── Filter-popover plumbing for the [actions]/[toolbar] slots ─────\n\n  public get JobsFilterFields(): FilterFieldConfig[] {\n    const statusOptions = (this.jobsCmp?.StatusOptions ?? ['']).map(s => ({\n      text: s === '' ? 'All Statuses' : s,\n      value: s\n    }));\n    const typeOptions = (this.jobsCmp?.TypeOptions ?? ['']).map(t => ({\n      text: t === '' ? 'All Types' : t,\n      value: t\n    }));\n    return [\n      { key: 'statusFilter', type: 'dropdown', label: 'Status', icon: 'fa-solid fa-circle-info', placeholder: 'All Statuses', options: statusOptions },\n      { key: 'typeFilter', type: 'dropdown', label: 'Type', icon: 'fa-solid fa-shapes', placeholder: 'All Types', options: typeOptions }\n    ];\n  }\n  public get JobsFilterValues(): Record<string, unknown> {\n    return {\n      statusFilter: this.jobsCmp?.StatusFilter ?? '',\n      typeFilter: this.jobsCmp?.TypeFilter ?? ''\n    };\n  }\n  public get JobsActiveFilterCount(): number {\n    let n = 0;\n    if (this.jobsCmp?.StatusFilter) n++;\n    if (this.jobsCmp?.TypeFilter) n++;\n    return n;\n  }\n  public onJobsFilterValuesChange(v: Record<string, unknown>): void {\n    if (!this.jobsCmp) return;\n    const next = (v ?? {}) as { statusFilter?: string; typeFilter?: string };\n    if ((next.statusFilter ?? '') !== this.jobsCmp.StatusFilter) this.jobsCmp.OnStatusFilterChange(next.statusFilter ?? '');\n    if ((next.typeFilter ?? '') !== this.jobsCmp.TypeFilter) this.jobsCmp.OnTypeFilterChange(next.typeFilter ?? '');\n  }\n  public resetJobsFilters(): void {\n    if (this.jobsCmp?.StatusFilter) this.jobsCmp.OnStatusFilterChange('');\n    if (this.jobsCmp?.TypeFilter) this.jobsCmp.OnTypeFilterChange('');\n  }\n\n  public get ActivityFilterFields(): FilterFieldConfig[] {\n    const statusOptions = (this.activityCmp?.StatusOptions ?? ['']).map(s => ({\n      text: s === '' ? 'All Statuses' : s,\n      value: s\n    }));\n    const jobNames = this.activityCmp?.UniqueJobNames ?? [];\n    const jobOptions = [{ text: 'All Jobs', value: '' }, ...jobNames.map(n => ({ text: n, value: n }))];\n    return [\n      { key: 'statusFilter', type: 'dropdown', label: 'Status', icon: 'fa-solid fa-circle-info', placeholder: 'All Statuses', options: statusOptions },\n      { key: 'jobNameFilter', type: 'dropdown', label: 'Job', icon: 'fa-solid fa-tag', placeholder: 'All Jobs', filterable: true, options: jobOptions }\n    ];\n  }\n  public get ActivityFilterValues(): Record<string, unknown> {\n    return {\n      statusFilter: this.activityCmp?.StatusFilter ?? '',\n      jobNameFilter: this.activityCmp?.JobNameFilter ?? ''\n    };\n  }\n  public get ActivityActiveFilterCount(): number {\n    let n = 0;\n    if (this.activityCmp?.StatusFilter) n++;\n    if (this.activityCmp?.JobNameFilter) n++;\n    return n;\n  }\n  public onActivityFilterValuesChange(v: Record<string, unknown>): void {\n    if (!this.activityCmp) return;\n    const next = (v ?? {}) as { statusFilter?: string; jobNameFilter?: string };\n    if ((next.statusFilter ?? '') !== this.activityCmp.StatusFilter) this.activityCmp.OnStatusFilterChange(next.statusFilter ?? '');\n    if ((next.jobNameFilter ?? '') !== this.activityCmp.JobNameFilter) this.activityCmp.OnJobNameFilterChange(next.jobNameFilter ?? '');\n  }\n  public resetActivityFilters(): void {\n    if (this.activityCmp?.StatusFilter) this.activityCmp.OnStatusFilterChange('');\n    if (this.activityCmp?.JobNameFilter) this.activityCmp.OnJobNameFilterChange('');\n  }\n\n  private setupStateManagement(): void {\n    this.stateChangeSubject.pipe(\n      debounceTime(50)\n    ).subscribe(state => {\n      this.UserStateChanged.emit(state);\n    });\n  }\n\n  private emitStateChange(): void {\n    this.stateChangeSubject.next({\n      activeTab: this.ActiveTab,\n      dashboardState: this.DashboardState,\n      jobsState: this.JobsState,\n      activityState: this.ActivityState\n    });\n  }\n\n  public OnDashboardStateChange(state: Record<string, unknown>): void {\n    this.DashboardState = state;\n    this.emitStateChange();\n  }\n\n  public OnJobsStateChange(state: Record<string, unknown>): void {\n    this.JobsState = state;\n    this.emitStateChange();\n  }\n\n  public OnActivityStateChange(state: Record<string, unknown>): void {\n    this.ActivityState = state;\n    this.emitStateChange();\n  }\n\n  initDashboard(): void {\n    this.schedulingService.Provider = this.ProviderToUse;\n    this.IsLoading = false;\n  }\n\n  loadData(): void {\n    if (this.Config?.userState) {\n      const state = this.Config.userState as Partial<SchedulingDashboardState>;\n      if (state.activeTab) {\n        this.ActiveTab = state.activeTab;\n        this.visitedTabs.add(state.activeTab);\n      }\n      if (state.dashboardState) this.DashboardState = state.dashboardState;\n      if (state.jobsState) this.JobsState = state.jobsState;\n      if (state.activityState) this.ActivityState = state.activityState;\n      this.cdr.markForCheck();\n    }\n    this.NotifyLoadComplete();\n  }\n}\n","<mj-page-layout>\n  <mj-page-header\n    Title=\"Scheduling\"\n    Icon=\"fa-solid fa-calendar-check\"\n    Subtitle=\"Background jobs, executions, and system health\">\n    <div meta>\n      @if (AlertCount > 0) {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-triangle-exclamation\"\n          [Count]=\"AlertCount\"\n          [Label]=\"AlertCount === 1 ? 'Alert' : 'Alerts'\"\n          Variant=\"error\">\n        </mj-stat-badge>\n      } @else {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-circle-check\"\n          Label=\"Healthy\"\n          Variant=\"success\">\n        </mj-stat-badge>\n      }\n      @if (ActiveTab === 'jobs') {\n        <mj-stat-badge\n          [Count]=\"jobsCmp?.FilteredJobs?.length ?? 0\"\n          [Total]=\"jobsCmp?.Jobs?.length ?? 0\"\n          Label=\"jobs\">\n        </mj-stat-badge>\n      }\n    </div>\n    <div actions>\n      <mj-tab-nav\n        [Tabs]=\"Tabs\"\n        [ActiveKey]=\"ActiveTab\"\n        (TabChange)=\"OnTabChange($any($event))\">\n      </mj-tab-nav>\n\n      @switch (ActiveTab) {\n        @case ('dashboard') {\n          <mj-refresh-button (Clicked)=\"overviewCmp?.Refresh()\"></mj-refresh-button>\n          <button mjButton\n            [variant]=\"overviewCmp?.AutoRefreshEnabled ? 'primary' : 'secondary'\"\n            size=\"sm\"\n            (click)=\"overviewCmp?.ToggleAutoRefresh()\"\n            title=\"Toggle auto-refresh\">\n            <i class=\"fa-solid fa-rotate\"></i>\n            Auto: {{overviewCmp?.AutoRefreshEnabled ? 'ON' : 'OFF'}}\n          </button>\n        }\n        @case ('jobs') {\n          <mj-filter-popover\n            [ActiveCount]=\"JobsActiveFilterCount\"\n            [ShowClearAll]=\"JobsActiveFilterCount > 0\"\n            (ClearAllRequested)=\"resetJobsFilters()\">\n            <mj-filter-panel\n              [Fields]=\"JobsFilterFields\"\n              [Values]=\"JobsFilterValues\"\n              (ValuesChange)=\"onJobsFilterValuesChange($event)\"\n              (Reset)=\"resetJobsFilters()\">\n            </mj-filter-panel>\n          </mj-filter-popover>\n          <mj-refresh-button (Clicked)=\"jobsCmp?.Refresh()\"></mj-refresh-button>\n          <button mjButton variant=\"primary\" size=\"sm\" (click)=\"jobsCmp?.OpenCreateSlideout()\">\n            <i class=\"fa-solid fa-plus\"></i> New Job\n          </button>\n        }\n        @case ('activity') {\n          <mj-filter-popover\n            [ActiveCount]=\"ActivityActiveFilterCount\"\n            [ShowClearAll]=\"ActivityActiveFilterCount > 0\"\n            (ClearAllRequested)=\"resetActivityFilters()\">\n            <mj-filter-panel\n              [Fields]=\"ActivityFilterFields\"\n              [Values]=\"ActivityFilterValues\"\n              (ValuesChange)=\"onActivityFilterValuesChange($event)\"\n              (Reset)=\"resetActivityFilters()\">\n            </mj-filter-panel>\n          </mj-filter-popover>\n          <mj-refresh-button (Clicked)=\"activityCmp?.Refresh()\"></mj-refresh-button>\n        }\n      }\n    </div>\n\n    @switch (ActiveTab) {\n      @case ('jobs') {\n        <div toolbar class=\"scheduling-toolbar\">\n          <mj-page-search\n            Placeholder=\"Search jobs...\"\n            [Value]=\"jobsCmp?.SearchTerm ?? ''\"\n            (ValueChange)=\"jobsCmp?.OnSearchChange($event)\">\n          </mj-page-search>\n        </div>\n      }\n      @case ('activity') {\n        <div toolbar class=\"scheduling-toolbar\">\n          <mj-page-search\n            Placeholder=\"Search executions...\"\n            [Value]=\"activityCmp?.SearchTerm ?? ''\"\n            (ValueChange)=\"activityCmp?.OnSearchChange($event)\">\n          </mj-page-search>\n          @for (range of activityCmp?.TimeRanges; track range.value) {\n            <mj-filter-chip\n              [Label]=\"range.label\"\n              [Active]=\"activityCmp?.SelectedTimeRange === range.value\"\n              (Clicked)=\"activityCmp?.OnTimeRangeChange(range.value)\">\n            </mj-filter-chip>\n          }\n        </div>\n      }\n    }\n  </mj-page-header>\n\n  <mj-page-body>\n    @switch (ActiveTab) {\n      @case ('dashboard') {\n        <app-scheduling-overview\n          #overviewCmp\n          [initialState]=\"DashboardState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"OnDashboardStateChange($event)\">\n        </app-scheduling-overview>\n      }\n      @case ('jobs') {\n        <app-scheduling-jobs\n          #jobsCmp\n          [initialState]=\"JobsState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"OnJobsStateChange($event)\">\n        </app-scheduling-jobs>\n      }\n      @case ('activity') {\n        <app-scheduling-activity\n          #activityCmp\n          [initialState]=\"ActivityState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"OnActivityStateChange($event)\">\n        </app-scheduling-activity>\n      }\n    }\n  </mj-page-body>\n</mj-page-layout>\n"]}