@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/Integration/components/activity/activity.component.js

@@ -10,463 +10,418 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RunView } from '@memberjunction/core';
 import { IntegrationDataService, } from '../../services/integration-data.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
+import * as i1 from "@memberjunction/ng-ui-components";
 import * as i2 from "@memberjunction/ng-shared-generic";
 import * as i3 from "@angular/common";
-const _forTrack0 = ($index, $item) => $item.ID;
-const _forTrack1 = ($index, $item) => $item.Value;
+const _forTrack0 = ($index, $item) => $item.Value;
+const _forTrack1 = ($index, $item) => $item.ID;
 const _forTrack2 = ($index, $item) => $item.EntityID;
-function ActivityComponent_For_4_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function ActivityComponent_For_4_Template_button_click_0_listener() { const status_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetStatusFilter(status_r2)); });
-    i0.ɵɵtext(1);
+function ActivityComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "mj-stat-badge", 15)(2, "mj-stat-badge", 16)(3, "mj-stat-badge", 17)(4, "mj-stat-badge", 18);
+    i0.ɵɵpipe(5, "number");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const status_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("active", ctx_r2.StatusFilter === status_r2);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Count", ctx_r0.TotalRuns);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Count", ctx_r0.SuccessfulRuns);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", status_r2, " ");
+    i0.ɵɵproperty("Count", ctx_r0.FailedRuns);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Count", i0.ɵɵpipeBind1(5, 4, ctx_r0.TotalRecordsProcessed));
 } }
 function ActivityComponent_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 7);
-    i0.ɵɵtext(1);
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-filter-chip", 19);
+    i0.ɵɵlistener("Clicked", function ActivityComponent_For_10_Template_mj_filter_chip_Clicked_0_listener() { const status_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetStatusFilter(status_r3)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const opt_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", opt_r4.ID);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(opt_r4.Name);
+    const status_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Label", status_r3)("Active", ctx_r0.StatusFilter === status_r3);
 } }
 function ActivityComponent_For_13_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function ActivityComponent_For_13_Template_button_click_0_listener() { const d_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetDateFilter(d_r6.Value)); });
-    i0.ɵɵtext(1);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-filter-chip", 19);
+    i0.ɵɵlistener("Clicked", function ActivityComponent_For_13_Template_mj_filter_chip_Clicked_0_listener() { const d_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetDateFilter(d_r5.Value)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const d_r6 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("active", ctx_r2.DateFilter === d_r6.Value);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", d_r6.Label, " ");
-} }
-function ActivityComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11)(1, "div", 16);
-    i0.ɵɵelement(2, "span", 17);
-    i0.ɵɵelementStart(3, "span", 18);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 19);
-    i0.ɵɵtext(6, "Total Runs");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 16);
-    i0.ɵɵelement(8, "span", 20);
-    i0.ɵɵelementStart(9, "span", 21);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 19);
-    i0.ɵɵtext(12, "Successful");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 16);
-    i0.ɵɵelement(14, "span", 22);
-    i0.ɵɵelementStart(15, "span", 23);
-    i0.ɵɵtext(16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 19);
-    i0.ɵɵtext(18, "Failed");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 16);
-    i0.ɵɵelement(20, "span", 17);
-    i0.ɵɵelementStart(21, "span", 18);
-    i0.ɵɵtext(22);
-    i0.ɵɵpipe(23, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span", 19);
-    i0.ɵɵtext(25, "Records Processed");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r2.TotalRuns);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r2.SuccessfulRuns);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r2.FailedRuns);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 4, ctx_r2.TotalRecordsProcessed));
+    const d_r5 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Label", d_r5.Label)("Active", ctx_r0.DateFilter === d_r5.Value);
 } }
-function ActivityComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function ActivityComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelement(1, "mj-loading", 24);
+    i0.ɵɵelement(1, "mj-loading", 20);
     i0.ɵɵelementEnd();
 } }
-function ActivityComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function ActivityComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No runs found for the selected filters.");
     i0.ɵɵelementEnd()();
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 39);
+function ActivityComponent_Conditional_18_For_3_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 35);
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵelement(1, "mj-loading", 49);
+function ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "mj-loading", 45);
     i0.ɵɵelementEnd();
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵelement(1, "i", 50);
+function ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵtext(2, " No entity details for this run. ");
     i0.ɵɵelementEnd();
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_3_For_19_Template(rf, ctx) { if (rf & 1) {
+function ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_3_For_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 51);
+    i0.ɵɵelementStart(3, "td", 47);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 53);
+    i0.ɵɵelementStart(6, "td", 49);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 54);
+    i0.ɵɵelementStart(9, "td", 50);
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "td", 51);
+    i0.ɵɵelementStart(12, "td", 47);
     i0.ɵɵtext(13);
     i0.ɵɵpipe(14, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 55);
+    i0.ɵɵelementStart(15, "td", 51);
     i0.ɵɵtext(16);
     i0.ɵɵpipe(17, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "td", 51);
+    i0.ɵɵelementStart(18, "td", 47);
     i0.ɵɵtext(19);
     i0.ɵɵpipe(20, "number");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const detail_r10 = ctx.$implicit;
-    i0.ɵɵclassProp("error-row", detail_r10.RecordsErrored > 0);
+    const detail_r9 = ctx.$implicit;
+    i0.ɵɵclassProp("error-row", detail_r9.RecordsErrored > 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(detail_r10.Entity);
+    i0.ɵɵtextInterpolate(detail_r9.Entity);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 9, detail_r10.RecordsProcessed));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 9, detail_r9.RecordsProcessed));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 11, detail_r10.RecordsCreated));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 11, detail_r9.RecordsCreated));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, detail_r10.RecordsUpdated));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, detail_r9.RecordsUpdated));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, detail_r10.RecordsDeleted));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, detail_r9.RecordsDeleted));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 17, detail_r10.RecordsErrored));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 17, detail_r9.RecordsErrored));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 19, detail_r10.RecordsSkipped));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 19, detail_r9.RecordsSkipped));
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 47)(1, "thead")(2, "tr")(3, "th");
+function ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 43)(1, "thead")(2, "tr")(3, "th");
     i0.ɵɵtext(4, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "th", 51);
+    i0.ɵɵelementStart(5, "th", 47);
     i0.ɵɵtext(6, "Processed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "th", 51);
+    i0.ɵɵelementStart(7, "th", 47);
     i0.ɵɵtext(8, "Created");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "th", 51);
+    i0.ɵɵelementStart(9, "th", 47);
     i0.ɵɵtext(10, "Updated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "th", 51);
+    i0.ɵɵelementStart(11, "th", 47);
     i0.ɵɵtext(12, "Deleted");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "th", 51);
+    i0.ɵɵelementStart(13, "th", 47);
     i0.ɵɵtext(14, "Errored");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 51);
+    i0.ɵɵelementStart(15, "th", 47);
     i0.ɵɵtext(16, "Skipped");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(17, "tbody");
-    i0.ɵɵrepeaterCreate(18, ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_3_For_19_Template, 21, 21, "tr", 52, _forTrack2);
+    i0.ɵɵrepeaterCreate(18, ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_3_For_19_Template, 21, 21, "tr", 48, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(18);
-    i0.ɵɵrepeater(ctx_r2.GetExpandedDetails());
+    i0.ɵɵrepeater(ctx_r0.GetExpandedDetails());
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48)(1, "div", 56);
-    i0.ɵɵelement(2, "i", 39);
+function ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44)(1, "div", 52);
+    i0.ɵɵelement(2, "i", 35);
     i0.ɵɵtext(3, " Error Log ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "pre", 57);
+    i0.ɵɵelementStart(4, "pre", 53);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const run_r8 = i0.ɵɵnextContext(2).$implicit;
+    const run_r7 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(run_r8.ErrorLog);
+    i0.ɵɵtextInterpolate(run_r7.ErrorLog);
 } }
-function ActivityComponent_Conditional_21_For_3_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵlistener("click", function ActivityComponent_Conditional_21_For_3_Conditional_22_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r9); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵconditionalCreate(1, ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_1_Template, 2, 0, "div", 45)(2, ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_2_Template, 3, 0, "div", 46)(3, ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_3_Template, 20, 0, "table", 47);
-    i0.ɵɵconditionalCreate(4, ActivityComponent_Conditional_21_For_3_Conditional_22_Conditional_4_Template, 6, 1, "div", 48);
+function ActivityComponent_Conditional_18_For_3_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵlistener("click", function ActivityComponent_Conditional_18_For_3_Conditional_22_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵconditionalCreate(1, ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_1_Template, 2, 0, "div", 41)(2, ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_2_Template, 3, 0, "div", 42)(3, ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_3_Template, 20, 0, "table", 43);
+    i0.ɵɵconditionalCreate(4, ActivityComponent_Conditional_18_For_3_Conditional_22_Conditional_4_Template, 6, 1, "div", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r8 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const run_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.IsLoadingExpandedDetails() ? 1 : ctx_r2.GetExpandedDetails().length === 0 ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.IsLoadingExpandedDetails() ? 1 : ctx_r0.GetExpandedDetails().length === 0 ? 2 : 3);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(run_r8.ErrorLog ? 4 : -1);
+    i0.ɵɵconditional(run_r7.ErrorLog ? 4 : -1);
 } }
-function ActivityComponent_Conditional_21_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵlistener("click", function ActivityComponent_Conditional_21_For_3_Template_div_click_0_listener() { const run_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectRun(run_r8.ID)); });
-    i0.ɵɵelementStart(1, "div", 30);
-    i0.ɵɵelement(2, "span")(3, "i", 31);
-    i0.ɵɵelementStart(4, "div", 32)(5, "span", 33);
+function ActivityComponent_Conditional_18_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵlistener("click", function ActivityComponent_Conditional_18_For_3_Template_div_click_0_listener() { const run_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SelectRun(run_r7.ID)); });
+    i0.ɵɵelementStart(1, "div", 26);
+    i0.ɵɵelement(2, "span")(3, "i", 27);
+    i0.ɵɵelementStart(4, "div", 28)(5, "span", 29);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 34);
+    i0.ɵɵelementStart(7, "span", 30);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 35);
+    i0.ɵɵelementStart(9, "div", 31);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 36);
+    i0.ɵɵelementStart(11, "div", 32);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 37);
+    i0.ɵɵelementStart(13, "div", 33);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 38);
-    i0.ɵɵconditionalCreate(17, ActivityComponent_Conditional_21_For_3_Conditional_17_Template, 1, 0, "i", 39);
+    i0.ɵɵelementStart(16, "div", 34);
+    i0.ɵɵconditionalCreate(17, ActivityComponent_Conditional_18_For_3_Conditional_17_Template, 1, 0, "i", 35);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 40);
+    i0.ɵɵelementStart(18, "div", 36);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "button", 41);
-    i0.ɵɵlistener("click", function ActivityComponent_Conditional_21_For_3_Template_button_click_20_listener($event) { const run_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); ctx_r2.ToggleExpand(run_r8.ID); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(21, "i", 42);
+    i0.ɵɵelementStart(20, "button", 37);
+    i0.ɵɵlistener("click", function ActivityComponent_Conditional_18_For_3_Template_button_click_20_listener($event) { const run_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.ToggleExpand(run_r7.ID); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(21, "i", 38);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(22, ActivityComponent_Conditional_21_For_3_Conditional_22_Template, 5, 2, "div", 43);
+    i0.ɵɵconditionalCreate(22, ActivityComponent_Conditional_18_For_3_Conditional_22_Template, 5, 2, "div", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r8 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", ctx_r2.IsSelectedRun(run_r8.ID));
+    const run_r7 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("selected", ctx_r0.IsSelectedRun(run_r7.ID));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.GetStatusDotClass(run_r8.Status));
+    i0.ɵɵclassMap(ctx_r0.GetStatusDotClass(run_r7.Status));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.GetStatusIcon(run_r8.Status));
-    i0.ɵɵclassProp("icon-green", run_r8.Status === "Success")("icon-red", run_r8.Status === "Failed")("icon-amber", run_r8.Status === "In Progress")("icon-gray", run_r8.Status === "Pending");
+    i0.ɵɵclassMap(ctx_r0.GetStatusIcon(run_r7.Status));
+    i0.ɵɵclassProp("icon-green", run_r7.Status === "Success")("icon-red", run_r7.Status === "Failed")("icon-amber", run_r7.Status === "In Progress")("icon-gray", run_r7.Status === "Pending");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(run_r8.Integration);
+    i0.ɵɵtextInterpolate(run_r7.Integration);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(run_r8.Company);
+    i0.ɵɵtextInterpolate(run_r7.Company);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r2.FormatAbsoluteDate(run_r8.StartedAt));
+    i0.ɵɵproperty("title", ctx_r0.FormatAbsoluteDate(run_r7.StartedAt));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetRelativeTime(run_r8.StartedAt), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.GetRelativeTime(run_r7.StartedAt), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatDuration(run_r8.StartedAt, run_r8.EndedAt), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.FormatDuration(run_r7.StartedAt, run_r7.EndedAt), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 27, run_r8.TotalRecords), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 27, run_r7.TotalRecords), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("has-errors", run_r8.ErrorLog);
+    i0.ɵɵclassProp("has-errors", run_r7.ErrorLog);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(run_r8.ErrorLog ? 17 : -1);
+    i0.ɵɵconditional(run_r7.ErrorLog ? 17 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", run_r8.RunByUser || "Scheduled", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r7.RunByUser || "Scheduled", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("rotated", ctx_r2.IsExpanded(run_r8.ID));
+    i0.ɵɵclassProp("rotated", ctx_r0.IsExpanded(run_r7.ID));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.IsExpanded(run_r8.ID) ? 22 : -1);
+    i0.ɵɵconditional(ctx_r0.IsExpanded(run_r7.ID) ? 22 : -1);
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 63)(1, "div", 69);
-    i0.ɵɵelement(2, "div", 70);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "div", 65);
+    i0.ɵɵelement(2, "div", 66);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 71)(4, "span");
+    i0.ɵɵelementStart(3, "div", 67)(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 72);
+    i0.ɵɵelementStart(6, "span", 68);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "span");
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", ctx_r2.GetDurationBarWidth(ctx_r2.GetSelectedRun()), "%");
+    i0.ɵɵstyleProp("width", ctx_r0.GetDurationBarWidth(ctx_r0.GetSelectedRun()), "%");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(ctx_r2.GetSelectedRun().StartedAt));
+    i0.ɵɵtextInterpolate(ctx_r0.FormatDate(ctx_r0.GetSelectedRun().StartedAt));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.GetDurationBarLabel(ctx_r2.GetSelectedRun()));
+    i0.ɵɵtextInterpolate(ctx_r0.GetDurationBarLabel(ctx_r0.GetSelectedRun()));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(ctx_r2.GetSelectedRun().EndedAt));
+    i0.ɵɵtextInterpolate(ctx_r0.FormatDate(ctx_r0.GetSelectedRun().EndedAt));
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵelement(1, "mj-loading", 77);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "mj-loading", 73);
     i0.ɵɵelementEnd();
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵelement(1, "i", 50);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No entity detail records for this run.");
     i0.ɵɵelementEnd()();
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_2_For_19_Template(rf, ctx) { if (rf & 1) {
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_2_For_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 51);
+    i0.ɵɵelementStart(3, "td", 47);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 53);
+    i0.ɵɵelementStart(6, "td", 49);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 54);
+    i0.ɵɵelementStart(9, "td", 50);
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "td", 51);
+    i0.ɵɵelementStart(12, "td", 47);
     i0.ɵɵtext(13);
     i0.ɵɵpipe(14, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 55);
+    i0.ɵɵelementStart(15, "td", 51);
     i0.ɵɵtext(16);
     i0.ɵɵpipe(17, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "td", 51);
+    i0.ɵɵelementStart(18, "td", 47);
     i0.ɵɵtext(19);
     i0.ɵɵpipe(20, "number");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const detail_r12 = ctx.$implicit;
-    i0.ɵɵclassProp("error-row", detail_r12.RecordsErrored > 0);
+    const detail_r11 = ctx.$implicit;
+    i0.ɵɵclassProp("error-row", detail_r11.RecordsErrored > 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(detail_r12.Entity);
+    i0.ɵɵtextInterpolate(detail_r11.Entity);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 9, detail_r12.RecordsProcessed));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 9, detail_r11.RecordsProcessed));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 11, detail_r12.RecordsCreated));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 11, detail_r11.RecordsCreated));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, detail_r12.RecordsUpdated));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, detail_r11.RecordsUpdated));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, detail_r12.RecordsDeleted));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, detail_r11.RecordsDeleted));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 17, detail_r12.RecordsErrored));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 17, detail_r11.RecordsErrored));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 19, detail_r12.RecordsSkipped));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 19, detail_r11.RecordsSkipped));
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 75)(1, "thead")(2, "tr")(3, "th");
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 71)(1, "thead")(2, "tr")(3, "th");
     i0.ɵɵtext(4, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "th", 51);
+    i0.ɵɵelementStart(5, "th", 47);
     i0.ɵɵtext(6, "Processed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "th", 51);
+    i0.ɵɵelementStart(7, "th", 47);
     i0.ɵɵtext(8, "Created");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "th", 51);
+    i0.ɵɵelementStart(9, "th", 47);
     i0.ɵɵtext(10, "Updated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "th", 51);
+    i0.ɵɵelementStart(11, "th", 47);
     i0.ɵɵtext(12, "Deleted");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "th", 51);
+    i0.ɵɵelementStart(13, "th", 47);
     i0.ɵɵtext(14, "Errors");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 51);
+    i0.ɵɵelementStart(15, "th", 47);
     i0.ɵɵtext(16, "Skipped");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(17, "tbody");
-    i0.ɵɵrepeaterCreate(18, ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_2_For_19_Template, 21, 21, "tr", 52, _forTrack2);
+    i0.ɵɵrepeaterCreate(18, ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_2_For_19_Template, 21, 21, "tr", 48, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(18);
-    i0.ɵɵrepeater(ctx_r2.SelectedRunDetails);
+    i0.ɵɵrepeater(ctx_r0.SelectedRunDetails);
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 76)(1, "div", 56);
-    i0.ɵɵelement(2, "i", 39);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72)(1, "div", 52);
+    i0.ɵɵelement(2, "i", 35);
     i0.ɵɵtext(3, " Error Log ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "pre", 57);
+    i0.ɵɵelementStart(4, "pre", 53);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.GetSelectedRun().ErrorLog);
+    i0.ɵɵtextInterpolate(ctx_r0.GetSelectedRun().ErrorLog);
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_0_Template, 2, 0, "div", 73)(1, ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_1_Template, 4, 0, "div", 74)(2, ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_2_Template, 20, 0, "table", 75);
-    i0.ɵɵconditionalCreate(3, ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Conditional_3_Template, 6, 1, "div", 76);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_0_Template, 2, 0, "div", 69)(1, ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_1_Template, 4, 0, "div", 70)(2, ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_2_Template, 20, 0, "table", 71);
+    i0.ɵɵconditionalCreate(3, ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Conditional_3_Template, 6, 1, "div", 72);
 } if (rf & 2) {
     let tmp_4_0;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional(ctx_r2.IsLoadingDetail ? 0 : ctx_r2.SelectedRunDetails.length === 0 ? 1 : 2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r0.IsLoadingDetail ? 0 : ctx_r0.SelectedRunDetails.length === 0 ? 1 : 2);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(((tmp_4_0 = ctx_r2.GetSelectedRun()) == null ? null : tmp_4_0.ErrorLog) ? 3 : -1);
+    i0.ɵɵconditional(((tmp_4_0 = ctx_r0.GetSelectedRun()) == null ? null : tmp_4_0.ErrorLog) ? 3 : -1);
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵelement(1, "mj-loading", 78);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "mj-loading", 74);
     i0.ɵɵelementEnd();
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵelement(1, "i", 79);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelement(1, "i", 75);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No watermarks recorded for this integration.");
     i0.ɵɵelementEnd()();
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_2_For_13_Template(rf, ctx) { if (rf & 1) {
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_2_For_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td")(4, "span", 80);
+    i0.ɵɵelementStart(3, "td")(4, "span", 76);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "td", 81);
+    i0.ɵɵelementStart(6, "td", 77);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "td");
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const wm_r13 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(5);
+    const wm_r12 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(wm_r13.EntityMap);
+    i0.ɵɵtextInterpolate(wm_r12.EntityMap);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(wm_r13.WatermarkType);
+    i0.ɵɵtextInterpolate(wm_r12.WatermarkType);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatWatermark(wm_r13.WatermarkValue));
+    i0.ɵɵtextInterpolate(ctx_r0.FormatWatermark(wm_r12.WatermarkValue));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(wm_r13.LastSyncAt));
+    i0.ɵɵtextInterpolate(ctx_r0.FormatDate(wm_r12.LastSyncAt));
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 75)(1, "thead")(2, "tr")(3, "th");
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 71)(1, "thead")(2, "tr")(3, "th");
     i0.ɵɵtext(4, "Entity Map");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "th");
@@ -479,85 +434,85 @@ function ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Condition
     i0.ɵɵtext(10, "Last Applied");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(11, "tbody");
-    i0.ɵɵrepeaterCreate(12, ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_2_For_13_Template, 10, 4, "tr", null, _forTrack0);
+    i0.ɵɵrepeaterCreate(12, ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_2_For_13_Template, 10, 4, "tr", null, _forTrack1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(12);
-    i0.ɵɵrepeater(ctx_r2.WatermarkData);
+    i0.ɵɵrepeater(ctx_r0.WatermarkData);
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_0_Template, 2, 0, "div", 73)(1, ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_1_Template, 4, 0, "div", 74)(2, ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Conditional_2_Template, 14, 0, "table", 75);
+function ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_0_Template, 2, 0, "div", 69)(1, ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_1_Template, 4, 0, "div", 70)(2, ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Conditional_2_Template, 14, 0, "table", 71);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional(ctx_r2.IsLoadingWatermarks ? 0 : ctx_r2.WatermarkData.length === 0 ? 1 : 2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r0.IsLoadingWatermarks ? 0 : ctx_r0.WatermarkData.length === 0 ? 1 : 2);
 } }
-function ActivityComponent_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 28)(1, "div", 58)(2, "div", 59)(3, "h3");
+function ActivityComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 54)(2, "div", 55)(3, "h3");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵelement(6, "i");
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 60);
+    i0.ɵɵelementStart(8, "span", 56);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "button", 61);
-    i0.ɵɵlistener("click", function ActivityComponent_Conditional_21_Conditional_4_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectRun(ctx_r2.SelectedRunID)); });
-    i0.ɵɵelement(11, "i", 62);
+    i0.ɵɵelementStart(10, "button", 57);
+    i0.ɵɵlistener("click", function ActivityComponent_Conditional_18_Conditional_4_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SelectRun(ctx_r0.SelectedRunID)); });
+    i0.ɵɵelement(11, "i", 58);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, ActivityComponent_Conditional_21_Conditional_4_Conditional_12_Template, 10, 5, "div", 63);
-    i0.ɵɵelementStart(13, "div", 64)(14, "button", 65);
-    i0.ɵɵlistener("click", function ActivityComponent_Conditional_21_Conditional_4_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetDetailTab("entities")); });
-    i0.ɵɵelement(15, "i", 66);
+    i0.ɵɵconditionalCreate(12, ActivityComponent_Conditional_18_Conditional_4_Conditional_12_Template, 10, 5, "div", 59);
+    i0.ɵɵelementStart(13, "div", 60)(14, "button", 61);
+    i0.ɵɵlistener("click", function ActivityComponent_Conditional_18_Conditional_4_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SetDetailTab("entities")); });
+    i0.ɵɵelement(15, "i", 62);
     i0.ɵɵtext(16, " Entity Breakdown ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 65);
-    i0.ɵɵlistener("click", function ActivityComponent_Conditional_21_Conditional_4_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetDetailTab("watermarks")); });
-    i0.ɵɵelement(18, "i", 67);
+    i0.ɵɵelementStart(17, "button", 61);
+    i0.ɵɵlistener("click", function ActivityComponent_Conditional_18_Conditional_4_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SetDetailTab("watermarks")); });
+    i0.ɵɵelement(18, "i", 63);
     i0.ɵɵtext(19, " Watermarks ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 68);
-    i0.ɵɵconditionalCreate(21, ActivityComponent_Conditional_21_Conditional_4_Conditional_21_Template, 4, 2);
-    i0.ɵɵconditionalCreate(22, ActivityComponent_Conditional_21_Conditional_4_Conditional_22_Template, 3, 1);
+    i0.ɵɵelementStart(20, "div", 64);
+    i0.ɵɵconditionalCreate(21, ActivityComponent_Conditional_18_Conditional_4_Conditional_21_Template, 4, 2);
+    i0.ɵɵconditionalCreate(22, ActivityComponent_Conditional_18_Conditional_4_Conditional_22_Template, 3, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r2.GetSelectedRun().Integration);
+    i0.ɵɵtextInterpolate(ctx_r0.GetSelectedRun().Integration);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.StatusChipClass(ctx_r2.GetSelectedRun().Status));
+    i0.ɵɵclassMap(ctx_r0.StatusChipClass(ctx_r0.GetSelectedRun().Status));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.GetStatusIcon(ctx_r2.GetSelectedRun().Status));
+    i0.ɵɵclassMap(ctx_r0.GetStatusIcon(ctx_r0.GetSelectedRun().Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetSelectedRun().Status, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.GetSelectedRun().Status, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(ctx_r2.GetSelectedRun().StartedAt));
+    i0.ɵɵtextInterpolate(ctx_r0.FormatDate(ctx_r0.GetSelectedRun().StartedAt));
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r2.GetSelectedRun().StartedAt && ctx_r2.GetSelectedRun().EndedAt ? 12 : -1);
+    i0.ɵɵconditional(ctx_r0.GetSelectedRun().StartedAt && ctx_r0.GetSelectedRun().EndedAt ? 12 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r2.ActiveDetailTab === "entities");
+    i0.ɵɵclassProp("active", ctx_r0.ActiveDetailTab === "entities");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r2.ActiveDetailTab === "watermarks");
+    i0.ɵɵclassProp("active", ctx_r0.ActiveDetailTab === "watermarks");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.ActiveDetailTab === "entities" ? 21 : -1);
+    i0.ɵɵconditional(ctx_r0.ActiveDetailTab === "entities" ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.ActiveDetailTab === "watermarks" ? 22 : -1);
+    i0.ɵɵconditional(ctx_r0.ActiveDetailTab === "watermarks" ? 22 : -1);
 } }
-function ActivityComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 26);
-    i0.ɵɵrepeaterCreate(2, ActivityComponent_Conditional_21_For_3_Template, 23, 29, "div", 27, _forTrack0);
+function ActivityComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 22);
+    i0.ɵɵrepeaterCreate(2, ActivityComponent_Conditional_18_For_3_Template, 23, 29, "div", 23, _forTrack1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ActivityComponent_Conditional_21_Conditional_4_Template, 23, 14, "div", 28);
+    i0.ɵɵconditionalCreate(4, ActivityComponent_Conditional_18_Conditional_4_Template, 23, 14, "div", 24);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.FilteredRuns);
+    i0.ɵɵrepeater(ctx_r0.FilteredRuns);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.SelectedRunID && ctx_r2.GetSelectedRun() ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.SelectedRunID && ctx_r0.GetSelectedRun() ? 4 : -1);
 } }
 let ActivityComponent = class ActivityComponent extends BaseResourceComponent {
     // Data
@@ -583,10 +538,10 @@ let ActivityComponent = class ActivityComponent extends BaseResourceComponent {
     IsLoadingWatermarks = false;
     StatusOptions = ['All', 'Success', 'Failed', 'In Progress', 'Pending'];
     DateOptions = [
+        { Value: 'all', Label: 'All' },
         { Value: 'today', Label: 'Today' },
         { Value: '7d', Label: '7 Days' },
-        { Value: '30d', Label: '30 Days' },
-        { Value: 'all', Label: 'All' }
+        { Value: '30d', Label: '30 Days' }
     ];
     dataService = inject(IntegrationDataService);
     cdr = inject(ChangeDetectorRef);
@@ -743,6 +698,42 @@ let ActivityComponent = class ActivityComponent extends BaseResourceComponent {
     OnSearchChange() {
         this.ApplyFilters();
     }
+    /** Bridge for <mj-page-search> which emits a plain string. */
+    OnSearchValueChange(value) {
+        this.SearchQuery = value;
+        this.ApplyFilters();
+    }
+    // ---- Integration filter popover wiring ---------------------------------
+    get ActivityFilterFields() {
+        return [
+            {
+                key: 'integration',
+                type: 'dropdown',
+                label: 'Integration',
+                icon: 'fa-solid fa-plug',
+                placeholder: 'All Integrations',
+                filterable: this.Integrations.length > 10,
+                options: [
+                    { text: 'All Integrations', value: '' },
+                    ...this.Integrations.map(i => ({ text: i.Name, value: i.ID })),
+                ],
+            },
+        ];
+    }
+    get ActivityFilterValues() {
+        return { integration: this.IntegrationFilter ?? '' };
+    }
+    get ActiveFilterCount() {
+        return this.IntegrationFilter ? 1 : 0;
+    }
+    OnFilterValuesChange(values) {
+        const next = (values ?? {}).integration ?? '';
+        this.SetIntegrationFilter(next || null);
+    }
+    ResetIntegrationFilter() {
+        if (this.IntegrationFilter)
+            this.SetIntegrationFilter(null);
+    }
     async Refresh() {
         await this.LoadData();
     }
@@ -900,53 +891,53 @@ let ActivityComponent = class ActivityComponent extends BaseResourceComponent {
         return 'fa-solid fa-clock-rotate-left';
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵActivityComponent_BaseFactory; return function ActivityComponent_Factory(__ngFactoryType__) { return (ɵActivityComponent_BaseFactory || (ɵActivityComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ActivityComponent)))(__ngFactoryType__ || ActivityComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityComponent, selectors: [["app-integration-activity"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 22, vars: 6, consts: [[1, "activity-container"], [1, "filter-bar"], [1, "filter-group", "filter-pills"], [1, "pill-btn", 3, "active"], [1, "filter-group"], [1, "filter-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], ["type", "text", "placeholder", "Search integrations...", 1, "search-input", 3, "ngModelChange", "input", "ngModel"], ["title", "Refresh", 1, "refresh-btn", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "summary-strip"], [1, "loading-area"], [1, "empty-state"], [1, "split-view"], [1, "pill-btn", 3, "click"], [1, "summary-badge"], [1, "badge-dot", "dot-blue"], [1, "badge-count"], [1, "badge-label"], [1, "badge-dot", "dot-green"], [1, "badge-count", "count-green"], [1, "badge-dot", "dot-red"], [1, "badge-count", "count-red"], ["text", "Loading activity...", "size", "medium"], [1, "fa-solid", "fa-inbox"], [1, "run-list-panel"], [1, "run-row", 3, "selected"], [1, "detail-panel"], [1, "run-row", 3, "click"], [1, "run-row-main"], [1, "status-icon"], [1, "run-info"], [1, "run-integration"], [1, "run-company"], [1, "run-meta", 3, "title"], [1, "run-meta", "run-duration"], [1, "run-meta", "run-records"], [1, "run-meta", "run-errors"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "run-meta", "run-user"], ["title", "Show entity breakdown", 1, "expand-btn", 3, "click"], [1, "fa-solid", "fa-chevron-down"], [1, "expanded-section"], [1, "expanded-section", 3, "click"], [1, "expanded-loading"], [1, "expanded-empty"], [1, "entity-table"], [1, "error-log-block"], ["text", "Loading breakdown...", "size", "small"], [1, "fa-solid", "fa-circle-info"], [1, "num-col"], [3, "error-row"], [1, "num-col", "created-col"], [1, "num-col", "updated-col"], [1, "num-col", "error-col"], [1, "error-log-label"], [1, "error-log-content"], [1, "detail-header"], [1, "detail-header-info"], [1, "detail-time"], ["title", "Close", 1, "close-detail-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "duration-bar-container"], [1, "detail-tabs"], [1, "tab-btn", 3, "click"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-droplet"], [1, "detail-content"], [1, "duration-bar-track"], [1, "duration-bar-fill"], [1, "duration-bar-labels"], [1, "duration-bar-value"], [1, "detail-loading"], [1, "detail-empty"], [1, "detail-table"], [1, "error-log-block", "detail-error-log"], ["text", "Loading details...", "size", "small"], ["text", "Loading watermarks...", "size", "small"], [1, "fa-solid", "fa-droplet-slash"], [1, "type-badge"], [1, "mono-cell", "watermark-value"]], template: function ActivityComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵrepeaterCreate(3, ActivityComponent_For_4_Template, 2, 3, "button", 3, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 4)(6, "select", 5);
-            i0.ɵɵlistener("ngModelChange", function ActivityComponent_Template_select_ngModelChange_6_listener($event) { return ctx.SetIntegrationFilter($event || null); });
-            i0.ɵɵelementStart(7, "option", 6);
-            i0.ɵɵtext(8, "All Integrations");
-            i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(9, ActivityComponent_For_10_Template, 2, 2, "option", 7, _forTrack0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityComponent, selectors: [["app-integration-activity"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 11, consts: [["Title", "Integration Activity", "Icon", "fa-solid fa-clock-rotate-left", "Subtitle", "Sync run history and outcomes"], ["meta", ""], ["actions", ""], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], [3, "Clicked", "Loading"], ["toolbar", ""], ["Placeholder", "Search integrations...", 3, "ValueChange", "Value"], [3, "Label", "Active"], ["aria-hidden", "true", 1, "toolbar-divider"], [3, "Flex"], [1, "activity-container"], [1, "loading-area"], [1, "empty-state"], [1, "split-view"], ["Label", "total", 3, "Count"], ["Label", "succeeded", "Variant", "success", 3, "Count"], ["Label", "failed", "Variant", "error", 3, "Count"], ["Label", "records", 3, "Count"], [3, "Clicked", "Label", "Active"], ["text", "Loading activity...", "size", "medium"], [1, "fa-solid", "fa-inbox"], [1, "run-list-panel"], [1, "run-row", 3, "selected"], [1, "detail-panel"], [1, "run-row", 3, "click"], [1, "run-row-main"], [1, "status-icon"], [1, "run-info"], [1, "run-integration"], [1, "run-company"], [1, "run-meta", 3, "title"], [1, "run-meta", "run-duration"], [1, "run-meta", "run-records"], [1, "run-meta", "run-errors"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "run-meta", "run-user"], ["title", "Show entity breakdown", 1, "expand-btn", 3, "click"], [1, "fa-solid", "fa-chevron-down"], [1, "expanded-section"], [1, "expanded-section", 3, "click"], [1, "expanded-loading"], [1, "expanded-empty"], [1, "entity-table"], [1, "error-log-block"], ["text", "Loading breakdown...", "size", "small"], [1, "fa-solid", "fa-circle-info"], [1, "num-col"], [3, "error-row"], [1, "num-col", "created-col"], [1, "num-col", "updated-col"], [1, "num-col", "error-col"], [1, "error-log-label"], [1, "error-log-content"], [1, "detail-header"], [1, "detail-header-info"], [1, "detail-time"], ["title", "Close", 1, "close-detail-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "duration-bar-container"], [1, "detail-tabs"], [1, "tab-btn", 3, "click"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-droplet"], [1, "detail-content"], [1, "duration-bar-track"], [1, "duration-bar-fill"], [1, "duration-bar-labels"], [1, "duration-bar-value"], [1, "detail-loading"], [1, "detail-empty"], [1, "detail-table"], [1, "error-log-block", "detail-error-log"], ["text", "Loading details...", "size", "small"], ["text", "Loading watermarks...", "size", "small"], [1, "fa-solid", "fa-droplet-slash"], [1, "type-badge"], [1, "mono-cell", "watermark-value"]], template: function ActivityComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0);
+            i0.ɵɵconditionalCreate(2, ActivityComponent_Conditional_2_Template, 6, 6, "div", 1);
+            i0.ɵɵelementStart(3, "div", 2)(4, "mj-filter-popover", 3);
+            i0.ɵɵlistener("ClearAllRequested", function ActivityComponent_Template_mj_filter_popover_ClearAllRequested_4_listener() { return ctx.ResetIntegrationFilter(); });
+            i0.ɵɵelementStart(5, "mj-filter-panel", 4);
+            i0.ɵɵlistener("ValuesChange", function ActivityComponent_Template_mj_filter_panel_ValuesChange_5_listener($event) { return ctx.OnFilterValuesChange($event); })("Reset", function ActivityComponent_Template_mj_filter_panel_Reset_5_listener() { return ctx.ResetIntegrationFilter(); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 2);
-            i0.ɵɵrepeaterCreate(12, ActivityComponent_For_13_Template, 2, 3, "button", 3, _forTrack1);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "div", 4)(15, "input", 8);
-            i0.ɵɵtwoWayListener("ngModelChange", function ActivityComponent_Template_input_ngModelChange_15_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SearchQuery, $event) || (ctx.SearchQuery = $event); return $event; });
-            i0.ɵɵlistener("input", function ActivityComponent_Template_input_input_15_listener() { return ctx.OnSearchChange(); });
+            i0.ɵɵelementStart(6, "mj-refresh-button", 5);
+            i0.ɵɵlistener("Clicked", function ActivityComponent_Template_mj_refresh_button_Clicked_6_listener() { return ctx.Refresh(); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(16, "button", 9);
-            i0.ɵɵlistener("click", function ActivityComponent_Template_button_click_16_listener() { return ctx.Refresh(); });
-            i0.ɵɵelement(17, "i", 10);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(18, ActivityComponent_Conditional_18_Template, 26, 6, "div", 11);
-            i0.ɵɵconditionalCreate(19, ActivityComponent_Conditional_19_Template, 2, 0, "div", 12);
-            i0.ɵɵconditionalCreate(20, ActivityComponent_Conditional_20_Template, 4, 0, "div", 13);
-            i0.ɵɵconditionalCreate(21, ActivityComponent_Conditional_21_Template, 5, 1, "div", 14);
+            i0.ɵɵelementStart(7, "div", 6)(8, "mj-page-search", 7);
+            i0.ɵɵlistener("ValueChange", function ActivityComponent_Template_mj_page_search_ValueChange_8_listener($event) { return ctx.OnSearchValueChange($event); });
             i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(9, ActivityComponent_For_10_Template, 1, 2, "mj-filter-chip", 8, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelement(11, "span", 9);
+            i0.ɵɵrepeaterCreate(12, ActivityComponent_For_13_Template, 1, 2, "mj-filter-chip", 8, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(14, "mj-page-body", 10)(15, "div", 11);
+            i0.ɵɵconditionalCreate(16, ActivityComponent_Conditional_16_Template, 2, 0, "div", 12);
+            i0.ɵɵconditionalCreate(17, ActivityComponent_Conditional_17_Template, 4, 0, "div", 13);
+            i0.ɵɵconditionalCreate(18, ActivityComponent_Conditional_18_Template, 5, 1, "div", 14);
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.IsLoading && ctx.AllRuns.length > 0 ? 2 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ActiveCount", ctx.ActiveFilterCount)("ShowClearAll", ctx.ActiveFilterCount > 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Fields", ctx.ActivityFilterFields)("Values", ctx.ActivityFilterValues);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Loading", ctx.IsLoading);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Value", ctx.SearchQuery);
+            i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.StatusOptions);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngModel", ctx.IntegrationFilter ?? "");
-            i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(ctx.Integrations);
-            i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.DateOptions);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.SearchQuery);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(!ctx.IsLoading && ctx.AllRuns.length > 0 ? 18 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 19 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Flex", true);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsLoading ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.IsLoading && ctx.FilteredRuns.length === 0 ? 20 : -1);
+            i0.ɵɵconditional(!ctx.IsLoading && ctx.FilteredRuns.length === 0 ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.IsLoading && ctx.FilteredRuns.length > 0 ? 21 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.DecimalPipe], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.activity-container[_ngcontent-%COMP%] {\n  padding: 20px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  overflow: auto;\n}\n\n\n\n\n.filter-bar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.filter-group[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.filter-pills[_ngcontent-%COMP%] {\n  gap: 0;\n}\n\n.pill-btn[_ngcontent-%COMP%] {\n  height: 32px;\n  padding: 0 14px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  white-space: nowrap;\n}\n\n.pill-btn[_ngcontent-%COMP%]:first-child {\n  border-radius: 9999px 0 0 9999px;\n}\n\n.pill-btn[_ngcontent-%COMP%]:last-child {\n  border-radius: 0 9999px 9999px 0;\n}\n\n.pill-btn[_ngcontent-%COMP%]:not(:first-child) {\n  margin-left: -1px;\n}\n\n.pill-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-info-bg);\n  border-color: var(--mj-border-strong);\n  z-index: 1;\n}\n\n.pill-btn.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n  border-color: var(--mj-brand-primary);\n  z-index: 2;\n}\n\n.filter-select[_ngcontent-%COMP%] {\n  padding: 6px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  min-width: 180px;\n  height: 32px;\n}\n\n.filter-select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}\n\n.search-input[_ngcontent-%COMP%] {\n  padding: 6px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  min-width: 180px;\n  height: 32px;\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.search-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}\n\n.refresh-btn[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  transition: background 0.15s, color 0.15s;\n}\n\n.refresh-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n\n\n\n.summary-strip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.summary-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.badge-dot[_ngcontent-%COMP%] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.dot-blue[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n.dot-green[_ngcontent-%COMP%] { background: var(--mj-color-success-600); }\n.dot-red[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n.dot-amber[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n.dot-gray[_ngcontent-%COMP%] { background: var(--mj-text-disabled); }\n\n.badge-count[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n}\n\n.count-green[_ngcontent-%COMP%] { color: var(--mj-color-success-600); }\n.count-red[_ngcontent-%COMP%] { color: var(--mj-color-error-600); }\n\n.badge-label[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n\n\n\n.loading-area[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 48px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n\n\n\n.split-view[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n\n\n\n.run-list-panel[_ngcontent-%COMP%] {\n  flex: 7;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.run-row[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-subtle);\n  cursor: pointer;\n  transition: background 0.1s;\n}\n\n.run-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-page);\n}\n\n.run-row.selected[_ngcontent-%COMP%] {\n  background: var(--mj-status-info-bg);\n}\n\n.run-row-main[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n}\n\n\n\n.status-dot[_ngcontent-%COMP%] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.status-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n  width: 16px;\n  text-align: center;\n  flex-shrink: 0;\n}\n\n.icon-green[_ngcontent-%COMP%] { color: var(--mj-color-success-600); }\n.icon-red[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.icon-amber[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n.icon-gray[_ngcontent-%COMP%] { color: var(--mj-text-disabled); }\n\n\n\n.run-info[_ngcontent-%COMP%] {\n  flex: 2;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.run-integration[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-company[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-disabled);\n}\n\n\n\n.run-meta[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  min-width: 60px;\n  text-align: right;\n}\n\n.run-duration[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  min-width: 56px;\n}\n\n.run-records[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  min-width: 48px;\n}\n\n.run-errors[_ngcontent-%COMP%] {\n  min-width: 24px;\n  text-align: center;\n}\n\n.run-errors.has-errors[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.run-user[_ngcontent-%COMP%] {\n  min-width: 80px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.expand-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: background 0.15s, transform 0.2s;\n  flex-shrink: 0;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.expand-btn[_ngcontent-%COMP%]   i.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n\n\n\n.expanded-section[_ngcontent-%COMP%] {\n  padding: 8px 14px 14px 48px;\n  background: var(--mj-bg-page);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.expanded-loading[_ngcontent-%COMP%], \n.expanded-empty[_ngcontent-%COMP%] {\n  padding: 16px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.expanded-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.entity-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.entity-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  text-align: left;\n  padding: 6px 8px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  font-size: 11px;\n  border-bottom: 1px solid var(--mj-border-default);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.entity-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 5px 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-table[_ngcontent-%COMP%]   .num-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .num-col[_ngcontent-%COMP%] {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.entity-table[_ngcontent-%COMP%]   .created-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .created-col[_ngcontent-%COMP%] {\n  color: var(--mj-color-success-600);\n  font-weight: 600;\n}\n\n.entity-table[_ngcontent-%COMP%]   .updated-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .updated-col[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.entity-table[_ngcontent-%COMP%]   .error-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .error-col[_ngcontent-%COMP%] {\n  color: var(--mj-color-error-600);\n  font-weight: 600;\n}\n\n.error-row[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n}\n\n\n\n\n.error-log-block[_ngcontent-%COMP%] {\n  margin-top: 10px;\n}\n\n.error-log-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-color-error-600);\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.error-log-content[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 10px 12px;\n  background: var(--mj-text-primary);\n  color: var(--mj-bg-surface-sunken);\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n  border-radius: 8px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 200px;\n  overflow-y: auto;\n  line-height: 1.5;\n}\n\n.detail-error-log[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n  flex: 3;\n  min-width: 340px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.detail-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  gap: 12px;\n}\n\n.detail-header-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n}\n\n.detail-header-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detail-time[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.close-detail-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 16px;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.close-detail-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n\n\n.duration-bar-container[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.duration-bar-track[_ngcontent-%COMP%] {\n  height: 6px;\n  background: var(--mj-bg-surface-active);\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n.duration-bar-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  background: linear-gradient(90deg, var(--mj-brand-primary), var(--mj-color-accent-400));\n  border-radius: 3px;\n  transition: width 0.3s;\n}\n\n.duration-bar-labels[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 4px;\n  font-size: 10px;\n  color: var(--mj-text-disabled);\n}\n\n.duration-bar-value[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n\n\n.detail-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  padding: 0 16px;\n  gap: 2px;\n}\n\n.tab-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  padding: 10px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-disabled);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.15s, border-color 0.15s;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary);\n}\n\n.tab-btn.active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n\n\n.detail-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.detail-loading[_ngcontent-%COMP%], \n.detail-empty[_ngcontent-%COMP%] {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.detail-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n}\n\n.detail-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.detail-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  text-align: left;\n  padding: 8px 10px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-page);\n  font-size: 11px;\n}\n\n.detail-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 7px 10px;\n  border-bottom: 1px solid var(--mj-bg-page);\n}\n\n.mono-cell[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  color: var(--mj-text-muted);\n}\n\n.watermark-value[_ngcontent-%COMP%] {\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n}\n\n\n\n.chip[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.chip-green[_ngcontent-%COMP%] { background: var(--mj-color-success-100); color: var(--mj-color-success-600); }\n.chip-red[_ngcontent-%COMP%] { background: var(--mj-color-error-100); color: var(--mj-color-error-600); }\n.chip-amber[_ngcontent-%COMP%] { background: var(--mj-color-warning-100); color: var(--mj-color-warning-600); }\n.chip-gray[_ngcontent-%COMP%] { background: var(--mj-bg-surface-hover); color: var(--mj-text-muted); }\n\n\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n\n\n\n@media (max-width: 900px) {\n  .split-view[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .detail-panel[_ngcontent-%COMP%] {\n    min-width: 0;\n    max-height: 50vh;\n  }\n\n  .run-user[_ngcontent-%COMP%] {\n    display: none;\n  }\n}"] });
+            i0.ɵɵconditional(!ctx.IsLoading && ctx.FilteredRuns.length > 0 ? 18 : -1);
+        } }, dependencies: [i1.MJPageLayoutComponent, i1.MJPageHeaderComponent, i1.MJPageBodyComponent, i1.MJPageSearchComponent, i1.MJFilterChipComponent, i1.MJFilterPopoverComponent, i1.MJFilterPanelComponent, i1.MJStatBadgeComponent, i1.MJRefreshButtonComponent, i2.LoadingComponent, i3.DecimalPipe], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.activity-container[_ngcontent-%COMP%] {\n  \n\n\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  gap: 14px;\n}\n\n\n\n\n\n\n\n\n.toolbar-divider[_ngcontent-%COMP%] {\n  display: inline-block;\n  width: 1px;\n  height: 18px;\n  background: var(--mj-border-default);\n  margin: 0 4px;\n}\n\n\n\n\n.loading-area[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 48px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n\n\n\n.split-view[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n\n\n\n.run-list-panel[_ngcontent-%COMP%] {\n  flex: 7;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.run-row[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-subtle);\n  cursor: pointer;\n  transition: background 0.1s;\n}\n\n.run-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-page);\n}\n\n.run-row.selected[_ngcontent-%COMP%] {\n  background: var(--mj-status-info-bg);\n}\n\n.run-row-main[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n}\n\n\n\n.status-dot[_ngcontent-%COMP%] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.status-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n  width: 16px;\n  text-align: center;\n  flex-shrink: 0;\n}\n\n.icon-green[_ngcontent-%COMP%] { color: var(--mj-color-success-600); }\n.icon-red[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.icon-amber[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n.icon-gray[_ngcontent-%COMP%] { color: var(--mj-text-disabled); }\n\n\n\n.run-info[_ngcontent-%COMP%] {\n  flex: 2;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.run-integration[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-company[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-disabled);\n}\n\n\n\n.run-meta[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  min-width: 60px;\n  text-align: right;\n}\n\n.run-duration[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  min-width: 56px;\n}\n\n.run-records[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  min-width: 48px;\n}\n\n.run-errors[_ngcontent-%COMP%] {\n  min-width: 24px;\n  text-align: center;\n}\n\n.run-errors.has-errors[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.run-user[_ngcontent-%COMP%] {\n  min-width: 80px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.expand-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: background 0.15s, transform 0.2s;\n  flex-shrink: 0;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.expand-btn[_ngcontent-%COMP%]   i.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n\n\n\n.expanded-section[_ngcontent-%COMP%] {\n  padding: 8px 14px 14px 48px;\n  background: var(--mj-bg-page);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.expanded-loading[_ngcontent-%COMP%], \n.expanded-empty[_ngcontent-%COMP%] {\n  padding: 16px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.expanded-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.entity-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.entity-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  text-align: left;\n  padding: 6px 8px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  font-size: 11px;\n  border-bottom: 1px solid var(--mj-border-default);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.entity-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 5px 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-table[_ngcontent-%COMP%]   .num-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .num-col[_ngcontent-%COMP%] {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.entity-table[_ngcontent-%COMP%]   .created-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .created-col[_ngcontent-%COMP%] {\n  color: var(--mj-color-success-600);\n  font-weight: 600;\n}\n\n.entity-table[_ngcontent-%COMP%]   .updated-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .updated-col[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.entity-table[_ngcontent-%COMP%]   .error-col[_ngcontent-%COMP%], \n.detail-table[_ngcontent-%COMP%]   .error-col[_ngcontent-%COMP%] {\n  color: var(--mj-color-error-600);\n  font-weight: 600;\n}\n\n.error-row[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n}\n\n\n\n\n.error-log-block[_ngcontent-%COMP%] {\n  margin-top: 10px;\n}\n\n.error-log-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-color-error-600);\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.error-log-content[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 10px 12px;\n  background: var(--mj-text-primary);\n  color: var(--mj-bg-surface-sunken);\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n  border-radius: 8px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 200px;\n  overflow-y: auto;\n  line-height: 1.5;\n}\n\n.detail-error-log[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n  flex: 3;\n  min-width: 340px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.detail-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  gap: 12px;\n}\n\n.detail-header-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n}\n\n.detail-header-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detail-time[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.close-detail-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 16px;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.close-detail-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n\n\n.duration-bar-container[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.duration-bar-track[_ngcontent-%COMP%] {\n  height: 6px;\n  background: var(--mj-bg-surface-active);\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n.duration-bar-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  background: linear-gradient(90deg, var(--mj-brand-primary), var(--mj-color-accent-400));\n  border-radius: 3px;\n  transition: width 0.3s;\n}\n\n.duration-bar-labels[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 4px;\n  font-size: 10px;\n  color: var(--mj-text-disabled);\n}\n\n.duration-bar-value[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n\n\n.detail-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  padding: 0 16px;\n  gap: 2px;\n}\n\n.tab-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  padding: 10px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-disabled);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.15s, border-color 0.15s;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary);\n}\n\n.tab-btn.active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n\n\n.detail-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.detail-loading[_ngcontent-%COMP%], \n.detail-empty[_ngcontent-%COMP%] {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.detail-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n}\n\n.detail-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.detail-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  text-align: left;\n  padding: 8px 10px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-page);\n  font-size: 11px;\n}\n\n.detail-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 7px 10px;\n  border-bottom: 1px solid var(--mj-bg-page);\n}\n\n.mono-cell[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  color: var(--mj-text-muted);\n}\n\n.watermark-value[_ngcontent-%COMP%] {\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n}\n\n\n\n.chip[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.chip-green[_ngcontent-%COMP%] { background: var(--mj-color-success-100); color: var(--mj-color-success-600); }\n.chip-red[_ngcontent-%COMP%] { background: var(--mj-color-error-100); color: var(--mj-color-error-600); }\n.chip-amber[_ngcontent-%COMP%] { background: var(--mj-color-warning-100); color: var(--mj-color-warning-600); }\n.chip-gray[_ngcontent-%COMP%] { background: var(--mj-bg-surface-hover); color: var(--mj-text-muted); }\n\n\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n\n\n\n@media (max-width: 900px) {\n  .split-view[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .detail-panel[_ngcontent-%COMP%] {\n    min-width: 0;\n    max-height: 50vh;\n  }\n\n  .run-user[_ngcontent-%COMP%] {\n    display: none;\n  }\n}"] });
 };
 ActivityComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'IntegrationActivity')
@@ -954,9 +945,9 @@ ActivityComponent = __decorate([
 export { ActivityComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-integration-activity', template: "<div class=\"activity-container\">\n\n  <!-- Filter Bar -->\n  <div class=\"filter-bar\">\n    <div class=\"filter-group filter-pills\">\n      @for (status of StatusOptions; track status) {\n        <button class=\"pill-btn\"\n                [class.active]=\"StatusFilter === status\"\n                (click)=\"SetStatusFilter(status)\">\n          {{ status }}\n        </button>\n      }\n    </div>\n\n    <div class=\"filter-group\">\n      <select class=\"filter-select\"\n              [ngModel]=\"IntegrationFilter ?? ''\"\n              (ngModelChange)=\"SetIntegrationFilter($event || null)\">\n        <option value=\"\">All Integrations</option>\n        @for (opt of Integrations; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"filter-group filter-pills\">\n      @for (d of DateOptions; track d.Value) {\n        <button class=\"pill-btn\"\n                [class.active]=\"DateFilter === d.Value\"\n                (click)=\"SetDateFilter(d.Value)\">\n          {{ d.Label }}\n        </button>\n      }\n    </div>\n\n    <div class=\"filter-group\">\n      <input type=\"text\"\n             class=\"search-input\"\n             placeholder=\"Search integrations...\"\n             [(ngModel)]=\"SearchQuery\"\n             (input)=\"OnSearchChange()\" />\n    </div>\n\n    <button class=\"refresh-btn\" (click)=\"Refresh()\" title=\"Refresh\">\n      <i class=\"fa-solid fa-arrows-rotate\"></i>\n    </button>\n  </div>\n\n  <!-- Summary Strip -->\n  @if (!IsLoading && AllRuns.length > 0) {\n    <div class=\"summary-strip\">\n      <div class=\"summary-badge\">\n        <span class=\"badge-dot dot-blue\"></span>\n        <span class=\"badge-count\">{{ TotalRuns }}</span>\n        <span class=\"badge-label\">Total Runs</span>\n      </div>\n      <div class=\"summary-badge\">\n        <span class=\"badge-dot dot-green\"></span>\n        <span class=\"badge-count count-green\">{{ SuccessfulRuns }}</span>\n        <span class=\"badge-label\">Successful</span>\n      </div>\n      <div class=\"summary-badge\">\n        <span class=\"badge-dot dot-red\"></span>\n        <span class=\"badge-count count-red\">{{ FailedRuns }}</span>\n        <span class=\"badge-label\">Failed</span>\n      </div>\n      <div class=\"summary-badge\">\n        <span class=\"badge-dot dot-blue\"></span>\n        <span class=\"badge-count\">{{ TotalRecordsProcessed | number }}</span>\n        <span class=\"badge-label\">Records Processed</span>\n      </div>\n    </div>\n  }\n\n  <!-- Loading state -->\n  @if (IsLoading) {\n    <div class=\"loading-area\">\n      <mj-loading text=\"Loading activity...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (!IsLoading && FilteredRuns.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-inbox\"></i>\n      <p>No runs found for the selected filters.</p>\n    </div>\n  }\n\n  <!-- Split View: Run List + Detail Panel -->\n  @if (!IsLoading && FilteredRuns.length > 0) {\n    <div class=\"split-view\">\n\n      <!-- Left panel: Run list -->\n      <div class=\"run-list-panel\">\n        @for (run of FilteredRuns; track run.ID) {\n          <!-- Run row -->\n          <div class=\"run-row\"\n               [class.selected]=\"IsSelectedRun(run.ID)\"\n               (click)=\"SelectRun(run.ID)\">\n            <div class=\"run-row-main\">\n              <!-- Status indicator -->\n              <span [class]=\"GetStatusDotClass(run.Status)\"></span>\n              <i [class]=\"GetStatusIcon(run.Status)\"\n                 [class.icon-green]=\"run.Status === 'Success'\"\n                 [class.icon-red]=\"run.Status === 'Failed'\"\n                 [class.icon-amber]=\"run.Status === 'In Progress'\"\n                 [class.icon-gray]=\"run.Status === 'Pending'\"\n                 class=\"status-icon\"></i>\n\n              <!-- Integration info -->\n              <div class=\"run-info\">\n                <span class=\"run-integration\">{{ run.Integration }}</span>\n                <span class=\"run-company\">{{ run.Company }}</span>\n              </div>\n\n              <!-- Started time -->\n              <div class=\"run-meta\" [title]=\"FormatAbsoluteDate(run.StartedAt)\">\n                {{ GetRelativeTime(run.StartedAt) }}\n              </div>\n\n              <!-- Duration -->\n              <div class=\"run-meta run-duration\">\n                {{ FormatDuration(run.StartedAt, run.EndedAt) }}\n              </div>\n\n              <!-- Records -->\n              <div class=\"run-meta run-records\">\n                {{ run.TotalRecords | number }}\n              </div>\n\n              <!-- Errors -->\n              <div class=\"run-meta run-errors\" [class.has-errors]=\"run.ErrorLog\">\n                @if (run.ErrorLog) {\n                  <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                }\n              </div>\n\n              <!-- Triggered by -->\n              <div class=\"run-meta run-user\">\n                {{ run.RunByUser || 'Scheduled' }}\n              </div>\n\n              <!-- Expand chevron -->\n              <button class=\"expand-btn\"\n                      (click)=\"ToggleExpand(run.ID); $event.stopPropagation()\"\n                      title=\"Show entity breakdown\">\n                <i class=\"fa-solid fa-chevron-down\"\n                   [class.rotated]=\"IsExpanded(run.ID)\"></i>\n              </button>\n            </div>\n\n            <!-- Expanded section: entity breakdown -->\n            @if (IsExpanded(run.ID)) {\n              <div class=\"expanded-section\" (click)=\"$event.stopPropagation()\">\n                @if (IsLoadingExpandedDetails()) {\n                  <div class=\"expanded-loading\">\n                    <mj-loading text=\"Loading breakdown...\" size=\"small\"></mj-loading>\n                  </div>\n                } @else if (GetExpandedDetails().length === 0) {\n                  <div class=\"expanded-empty\">\n                    <i class=\"fa-solid fa-circle-info\"></i>\n                    No entity details for this run.\n                  </div>\n                } @else {\n                  <table class=\"entity-table\">\n                    <thead>\n                      <tr>\n                        <th>Entity</th>\n                        <th class=\"num-col\">Processed</th>\n                        <th class=\"num-col\">Created</th>\n                        <th class=\"num-col\">Updated</th>\n                        <th class=\"num-col\">Deleted</th>\n                        <th class=\"num-col\">Errored</th>\n                        <th class=\"num-col\">Skipped</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      @for (detail of GetExpandedDetails(); track detail.EntityID) {\n                        <tr [class.error-row]=\"detail.RecordsErrored > 0\">\n                          <td>{{ detail.Entity }}</td>\n                          <td class=\"num-col\">{{ detail.RecordsProcessed | number }}</td>\n                          <td class=\"num-col created-col\">{{ detail.RecordsCreated | number }}</td>\n                          <td class=\"num-col updated-col\">{{ detail.RecordsUpdated | number }}</td>\n                          <td class=\"num-col\">{{ detail.RecordsDeleted | number }}</td>\n                          <td class=\"num-col error-col\">{{ detail.RecordsErrored | number }}</td>\n                          <td class=\"num-col\">{{ detail.RecordsSkipped | number }}</td>\n                        </tr>\n                      }\n                    </tbody>\n                  </table>\n                }\n\n                <!-- Error log in expanded view -->\n                @if (run.ErrorLog) {\n                  <div class=\"error-log-block\">\n                    <div class=\"error-log-label\">\n                      <i class=\"fa-solid fa-triangle-exclamation\"></i> Error Log\n                    </div>\n                    <pre class=\"error-log-content\">{{ run.ErrorLog }}</pre>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Right panel: Detail -->\n      @if (SelectedRunID && GetSelectedRun()) {\n        <div class=\"detail-panel\">\n          <div class=\"detail-header\">\n            <div class=\"detail-header-info\">\n              <h3>{{ GetSelectedRun()!.Integration }}</h3>\n              <span [class]=\"StatusChipClass(GetSelectedRun()!.Status)\">\n                <i [class]=\"GetStatusIcon(GetSelectedRun()!.Status)\"></i>\n                {{ GetSelectedRun()!.Status }}\n              </span>\n              <span class=\"detail-time\">{{ FormatDate(GetSelectedRun()!.StartedAt) }}</span>\n            </div>\n            <button class=\"close-detail-btn\" (click)=\"SelectRun(SelectedRunID!)\" title=\"Close\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n\n          <!-- Duration bar -->\n          @if (GetSelectedRun()!.StartedAt && GetSelectedRun()!.EndedAt) {\n            <div class=\"duration-bar-container\">\n              <div class=\"duration-bar-track\">\n                <div class=\"duration-bar-fill\"\n                     [style.width.%]=\"GetDurationBarWidth(GetSelectedRun()!)\"></div>\n              </div>\n              <div class=\"duration-bar-labels\">\n                <span>{{ FormatDate(GetSelectedRun()!.StartedAt) }}</span>\n                <span class=\"duration-bar-value\">{{ GetDurationBarLabel(GetSelectedRun()!) }}</span>\n                <span>{{ FormatDate(GetSelectedRun()!.EndedAt) }}</span>\n              </div>\n            </div>\n          }\n\n          <!-- Tabs -->\n          <div class=\"detail-tabs\">\n            <button class=\"tab-btn\" [class.active]=\"ActiveDetailTab === 'entities'\"\n                    (click)=\"SetDetailTab('entities')\">\n              <i class=\"fa-solid fa-table\"></i> Entity Breakdown\n            </button>\n            <button class=\"tab-btn\" [class.active]=\"ActiveDetailTab === 'watermarks'\"\n                    (click)=\"SetDetailTab('watermarks')\">\n              <i class=\"fa-solid fa-droplet\"></i> Watermarks\n            </button>\n          </div>\n\n          <div class=\"detail-content\">\n            <!-- Entity breakdown tab -->\n            @if (ActiveDetailTab === 'entities') {\n              @if (IsLoadingDetail) {\n                <div class=\"detail-loading\">\n                  <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                </div>\n              } @else if (SelectedRunDetails.length === 0) {\n                <div class=\"detail-empty\">\n                  <i class=\"fa-solid fa-circle-info\"></i>\n                  <p>No entity detail records for this run.</p>\n                </div>\n              } @else {\n                <table class=\"detail-table\">\n                  <thead>\n                    <tr>\n                      <th>Entity</th>\n                      <th class=\"num-col\">Processed</th>\n                      <th class=\"num-col\">Created</th>\n                      <th class=\"num-col\">Updated</th>\n                      <th class=\"num-col\">Deleted</th>\n                      <th class=\"num-col\">Errors</th>\n                      <th class=\"num-col\">Skipped</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (detail of SelectedRunDetails; track detail.EntityID) {\n                      <tr [class.error-row]=\"detail.RecordsErrored > 0\">\n                        <td>{{ detail.Entity }}</td>\n                        <td class=\"num-col\">{{ detail.RecordsProcessed | number }}</td>\n                        <td class=\"num-col created-col\">{{ detail.RecordsCreated | number }}</td>\n                        <td class=\"num-col updated-col\">{{ detail.RecordsUpdated | number }}</td>\n                        <td class=\"num-col\">{{ detail.RecordsDeleted | number }}</td>\n                        <td class=\"num-col error-col\">{{ detail.RecordsErrored | number }}</td>\n                        <td class=\"num-col\">{{ detail.RecordsSkipped | number }}</td>\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n              }\n\n              <!-- Error log -->\n              @if (GetSelectedRun()?.ErrorLog) {\n                <div class=\"error-log-block detail-error-log\">\n                  <div class=\"error-log-label\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i> Error Log\n                  </div>\n                  <pre class=\"error-log-content\">{{ GetSelectedRun()!.ErrorLog }}</pre>\n                </div>\n              }\n            }\n\n            <!-- Watermarks tab -->\n            @if (ActiveDetailTab === 'watermarks') {\n              @if (IsLoadingWatermarks) {\n                <div class=\"detail-loading\">\n                  <mj-loading text=\"Loading watermarks...\" size=\"small\"></mj-loading>\n                </div>\n              } @else if (WatermarkData.length === 0) {\n                <div class=\"detail-empty\">\n                  <i class=\"fa-solid fa-droplet-slash\"></i>\n                  <p>No watermarks recorded for this integration.</p>\n                </div>\n              } @else {\n                <table class=\"detail-table\">\n                  <thead>\n                    <tr>\n                      <th>Entity Map</th>\n                      <th>Type</th>\n                      <th>Current Value</th>\n                      <th>Last Applied</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (wm of WatermarkData; track wm.ID) {\n                      <tr>\n                        <td>{{ wm.EntityMap }}</td>\n                        <td><span class=\"type-badge\">{{ wm.WatermarkType }}</span></td>\n                        <td class=\"mono-cell watermark-value\">{{ FormatWatermark(wm.WatermarkValue) }}</td>\n                        <td>{{ FormatDate(wm.LastSyncAt) }}</td>\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n              }\n            }\n          </div>\n        </div>\n      }\n\n    </div>\n  }\n\n</div>\n", styles: [":host {\n  display: block;\n  height: 100%;\n}\n\n.activity-container {\n  padding: 20px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  overflow: auto;\n}\n\n/* \u2500\u2500 Filter Bar \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\n.filter-bar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.filter-group {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.filter-pills {\n  gap: 0;\n}\n\n.pill-btn {\n  height: 32px;\n  padding: 0 14px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  white-space: nowrap;\n}\n\n.pill-btn:first-child {\n  border-radius: 9999px 0 0 9999px;\n}\n\n.pill-btn:last-child {\n  border-radius: 0 9999px 9999px 0;\n}\n\n.pill-btn:not(:first-child) {\n  margin-left: -1px;\n}\n\n.pill-btn:hover {\n  background: var(--mj-status-info-bg);\n  border-color: var(--mj-border-strong);\n  z-index: 1;\n}\n\n.pill-btn.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n  border-color: var(--mj-brand-primary);\n  z-index: 2;\n}\n\n.filter-select {\n  padding: 6px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  min-width: 180px;\n  height: 32px;\n}\n\n.filter-select:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}\n\n.search-input {\n  padding: 6px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  min-width: 180px;\n  height: 32px;\n}\n\n.search-input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.search-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}\n\n.refresh-btn {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  transition: background 0.15s, color 0.15s;\n}\n\n.refresh-btn:hover {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Summary Strip \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\n.summary-strip {\n  display: inline-flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.summary-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.badge-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.dot-blue { background: var(--mj-brand-primary); }\n.dot-green { background: var(--mj-color-success-600); }\n.dot-red { background: var(--mj-status-error); }\n.dot-amber { background: var(--mj-status-warning); }\n.dot-gray { background: var(--mj-text-disabled); }\n\n.badge-count {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n}\n\n.count-green { color: var(--mj-color-success-600); }\n.count-red { color: var(--mj-color-error-600); }\n\n.badge-label {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n/* \u2500\u2500 Loading / Empty \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\n.loading-area {\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n}\n\n.empty-state {\n  text-align: center;\n  padding: 48px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-state i {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n}\n\n/* \u2500\u2500 Split View \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\n.split-view {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* \u2500\u2500 Run List Panel (left 70%) \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\n.run-list-panel {\n  flex: 7;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.run-row {\n  border-bottom: 1px solid var(--mj-border-subtle);\n  cursor: pointer;\n  transition: background 0.1s;\n}\n\n.run-row:hover {\n  background: var(--mj-bg-page);\n}\n\n.run-row.selected {\n  background: var(--mj-status-info-bg);\n}\n\n.run-row-main {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n}\n\n/* Status indicator */\n.status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.status-icon {\n  font-size: 14px;\n  width: 16px;\n  text-align: center;\n  flex-shrink: 0;\n}\n\n.icon-green { color: var(--mj-color-success-600); }\n.icon-red { color: var(--mj-status-error); }\n.icon-amber { color: var(--mj-status-warning); }\n.icon-gray { color: var(--mj-text-disabled); }\n\n/* Run info */\n.run-info {\n  flex: 2;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.run-integration {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-company {\n  font-size: 11px;\n  color: var(--mj-text-disabled);\n}\n\n/* Meta columns */\n.run-meta {\n  flex-shrink: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  min-width: 60px;\n  text-align: right;\n}\n\n.run-duration {\n  font-variant-numeric: tabular-nums;\n  min-width: 56px;\n}\n\n.run-records {\n  font-variant-numeric: tabular-nums;\n  min-width: 48px;\n}\n\n.run-errors {\n  min-width: 24px;\n  text-align: center;\n}\n\n.run-errors.has-errors {\n  color: var(--mj-status-error);\n}\n\n.run-user {\n  min-width: 80px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.expand-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: background 0.15s, transform 0.2s;\n  flex-shrink: 0;\n}\n\n.expand-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.expand-btn i.rotated {\n  transform: rotate(180deg);\n}\n\n/* \u2500\u2500 Expanded Section \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\n.expanded-section {\n  padding: 8px 14px 14px 48px;\n  background: var(--mj-bg-page);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.expanded-loading,\n.expanded-empty {\n  padding: 16px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.expanded-empty i {\n  margin-right: 6px;\n}\n\n.entity-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.entity-table th {\n  text-align: left;\n  padding: 6px 8px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  font-size: 11px;\n  border-bottom: 1px solid var(--mj-border-default);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.entity-table td {\n  padding: 5px 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-table .num-col,\n.detail-table .num-col {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.entity-table .created-col,\n.detail-table .created-col {\n  color: var(--mj-color-success-600);\n  font-weight: 600;\n}\n\n.entity-table .updated-col,\n.detail-table .updated-col {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.entity-table .error-col,\n.detail-table .error-col {\n  color: var(--mj-color-error-600);\n  font-weight: 600;\n}\n\n.error-row {\n  background: var(--mj-status-error-bg);\n}\n\n/* \u2500\u2500 Error Log Block \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\n.error-log-block {\n  margin-top: 10px;\n}\n\n.error-log-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-color-error-600);\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.error-log-content {\n  margin: 0;\n  padding: 10px 12px;\n  background: var(--mj-text-primary);\n  color: var(--mj-bg-surface-sunken);\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n  border-radius: 8px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 200px;\n  overflow-y: auto;\n  line-height: 1.5;\n}\n\n.detail-error-log {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n/* \u2500\u2500 Detail Panel (right 30%) \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\n.detail-panel {\n  flex: 3;\n  min-width: 340px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.detail-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  gap: 12px;\n}\n\n.detail-header-info {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n}\n\n.detail-header-info h3 {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detail-time {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.close-detail-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 16px;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.close-detail-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n/* Duration bar */\n.duration-bar-container {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.duration-bar-track {\n  height: 6px;\n  background: var(--mj-bg-surface-active);\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n.duration-bar-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--mj-brand-primary), var(--mj-color-accent-400));\n  border-radius: 3px;\n  transition: width 0.3s;\n}\n\n.duration-bar-labels {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 4px;\n  font-size: 10px;\n  color: var(--mj-text-disabled);\n}\n\n.duration-bar-value {\n  font-weight: 700;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n/* Tabs */\n.detail-tabs {\n  display: flex;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  padding: 0 16px;\n  gap: 2px;\n}\n\n.tab-btn {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  padding: 10px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-disabled);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.15s, border-color 0.15s;\n}\n\n.tab-btn:hover {\n  color: var(--mj-brand-primary);\n}\n\n.tab-btn.active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n/* Detail content area */\n.detail-content {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.detail-loading,\n.detail-empty {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty i {\n  font-size: 24px;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.detail-empty p {\n  margin: 0;\n  font-size: 13px;\n}\n\n.detail-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.detail-table th {\n  text-align: left;\n  padding: 8px 10px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-page);\n  font-size: 11px;\n}\n\n.detail-table td {\n  padding: 7px 10px;\n  border-bottom: 1px solid var(--mj-bg-page);\n}\n\n.mono-cell {\n  font-variant-numeric: tabular-nums;\n  color: var(--mj-text-muted);\n}\n\n.watermark-value {\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n}\n\n/* Status chips */\n.chip {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.chip-green { background: var(--mj-color-success-100); color: var(--mj-color-success-600); }\n.chip-red { background: var(--mj-color-error-100); color: var(--mj-color-error-600); }\n.chip-amber { background: var(--mj-color-warning-100); color: var(--mj-color-warning-600); }\n.chip-gray { background: var(--mj-bg-surface-hover); color: var(--mj-text-muted); }\n\n/* Watermark type badge */\n.type-badge {\n  display: inline-flex;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\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\u2500 */\n\n@media (max-width: 900px) {\n  .split-view {\n    flex-direction: column;\n  }\n\n  .detail-panel {\n    min-width: 0;\n    max-height: 50vh;\n  }\n\n  .run-user {\n    display: none;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-integration-activity', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Integration Activity\"\n    Icon=\"fa-solid fa-clock-rotate-left\"\n    Subtitle=\"Sync run history and outcomes\">\n    @if (!IsLoading && AllRuns.length > 0) {\n      <div meta>\n        <mj-stat-badge [Count]=\"TotalRuns\" Label=\"total\"></mj-stat-badge>\n        <mj-stat-badge [Count]=\"SuccessfulRuns\" Label=\"succeeded\" Variant=\"success\"></mj-stat-badge>\n        <mj-stat-badge [Count]=\"FailedRuns\" Label=\"failed\" Variant=\"error\"></mj-stat-badge>\n        <mj-stat-badge [Count]=\"TotalRecordsProcessed | number\" Label=\"records\"></mj-stat-badge>\n      </div>\n    }\n    <div actions>\n      <mj-filter-popover\n        [ActiveCount]=\"ActiveFilterCount\"\n        [ShowClearAll]=\"ActiveFilterCount > 0\"\n        (ClearAllRequested)=\"ResetIntegrationFilter()\">\n        <mj-filter-panel\n          [Fields]=\"ActivityFilterFields\"\n          [Values]=\"ActivityFilterValues\"\n          (ValuesChange)=\"OnFilterValuesChange($event)\"\n          (Reset)=\"ResetIntegrationFilter()\">\n        </mj-filter-panel>\n      </mj-filter-popover>\n      <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"Refresh()\"></mj-refresh-button>\n    </div>\n    <div toolbar>\n      <mj-page-search\n        Placeholder=\"Search integrations...\"\n        [Value]=\"SearchQuery\"\n        (ValueChange)=\"OnSearchValueChange($event)\">\n      </mj-page-search>\n      @for (status of StatusOptions; track status) {\n        <mj-filter-chip\n          [Label]=\"status\"\n          [Active]=\"StatusFilter === status\"\n          (Clicked)=\"SetStatusFilter(status)\">\n        </mj-filter-chip>\n      }\n      <span class=\"toolbar-divider\" aria-hidden=\"true\"></span>\n      @for (d of DateOptions; track d.Value) {\n        <mj-filter-chip\n          [Label]=\"d.Label\"\n          [Active]=\"DateFilter === d.Value\"\n          (Clicked)=\"SetDateFilter(d.Value)\">\n        </mj-filter-chip>\n      }\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\">\n<div class=\"activity-container\">\n\n  <!-- Loading state -->\n  @if (IsLoading) {\n    <div class=\"loading-area\">\n      <mj-loading text=\"Loading activity...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (!IsLoading && FilteredRuns.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-inbox\"></i>\n      <p>No runs found for the selected filters.</p>\n    </div>\n  }\n\n  <!-- Split View: Run List + Detail Panel -->\n  @if (!IsLoading && FilteredRuns.length > 0) {\n    <div class=\"split-view\">\n\n      <!-- Left panel: Run list -->\n      <div class=\"run-list-panel\">\n        @for (run of FilteredRuns; track run.ID) {\n          <!-- Run row -->\n          <div class=\"run-row\"\n               [class.selected]=\"IsSelectedRun(run.ID)\"\n               (click)=\"SelectRun(run.ID)\">\n            <div class=\"run-row-main\">\n              <!-- Status indicator -->\n              <span [class]=\"GetStatusDotClass(run.Status)\"></span>\n              <i [class]=\"GetStatusIcon(run.Status)\"\n                 [class.icon-green]=\"run.Status === 'Success'\"\n                 [class.icon-red]=\"run.Status === 'Failed'\"\n                 [class.icon-amber]=\"run.Status === 'In Progress'\"\n                 [class.icon-gray]=\"run.Status === 'Pending'\"\n                 class=\"status-icon\"></i>\n\n              <!-- Integration info -->\n              <div class=\"run-info\">\n                <span class=\"run-integration\">{{ run.Integration }}</span>\n                <span class=\"run-company\">{{ run.Company }}</span>\n              </div>\n\n              <!-- Started time -->\n              <div class=\"run-meta\" [title]=\"FormatAbsoluteDate(run.StartedAt)\">\n                {{ GetRelativeTime(run.StartedAt) }}\n              </div>\n\n              <!-- Duration -->\n              <div class=\"run-meta run-duration\">\n                {{ FormatDuration(run.StartedAt, run.EndedAt) }}\n              </div>\n\n              <!-- Records -->\n              <div class=\"run-meta run-records\">\n                {{ run.TotalRecords | number }}\n              </div>\n\n              <!-- Errors -->\n              <div class=\"run-meta run-errors\" [class.has-errors]=\"run.ErrorLog\">\n                @if (run.ErrorLog) {\n                  <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                }\n              </div>\n\n              <!-- Triggered by -->\n              <div class=\"run-meta run-user\">\n                {{ run.RunByUser || 'Scheduled' }}\n              </div>\n\n              <!-- Expand chevron -->\n              <button class=\"expand-btn\"\n                      (click)=\"ToggleExpand(run.ID); $event.stopPropagation()\"\n                      title=\"Show entity breakdown\">\n                <i class=\"fa-solid fa-chevron-down\"\n                   [class.rotated]=\"IsExpanded(run.ID)\"></i>\n              </button>\n            </div>\n\n            <!-- Expanded section: entity breakdown -->\n            @if (IsExpanded(run.ID)) {\n              <div class=\"expanded-section\" (click)=\"$event.stopPropagation()\">\n                @if (IsLoadingExpandedDetails()) {\n                  <div class=\"expanded-loading\">\n                    <mj-loading text=\"Loading breakdown...\" size=\"small\"></mj-loading>\n                  </div>\n                } @else if (GetExpandedDetails().length === 0) {\n                  <div class=\"expanded-empty\">\n                    <i class=\"fa-solid fa-circle-info\"></i>\n                    No entity details for this run.\n                  </div>\n                } @else {\n                  <table class=\"entity-table\">\n                    <thead>\n                      <tr>\n                        <th>Entity</th>\n                        <th class=\"num-col\">Processed</th>\n                        <th class=\"num-col\">Created</th>\n                        <th class=\"num-col\">Updated</th>\n                        <th class=\"num-col\">Deleted</th>\n                        <th class=\"num-col\">Errored</th>\n                        <th class=\"num-col\">Skipped</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      @for (detail of GetExpandedDetails(); track detail.EntityID) {\n                        <tr [class.error-row]=\"detail.RecordsErrored > 0\">\n                          <td>{{ detail.Entity }}</td>\n                          <td class=\"num-col\">{{ detail.RecordsProcessed | number }}</td>\n                          <td class=\"num-col created-col\">{{ detail.RecordsCreated | number }}</td>\n                          <td class=\"num-col updated-col\">{{ detail.RecordsUpdated | number }}</td>\n                          <td class=\"num-col\">{{ detail.RecordsDeleted | number }}</td>\n                          <td class=\"num-col error-col\">{{ detail.RecordsErrored | number }}</td>\n                          <td class=\"num-col\">{{ detail.RecordsSkipped | number }}</td>\n                        </tr>\n                      }\n                    </tbody>\n                  </table>\n                }\n\n                <!-- Error log in expanded view -->\n                @if (run.ErrorLog) {\n                  <div class=\"error-log-block\">\n                    <div class=\"error-log-label\">\n                      <i class=\"fa-solid fa-triangle-exclamation\"></i> Error Log\n                    </div>\n                    <pre class=\"error-log-content\">{{ run.ErrorLog }}</pre>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Right panel: Detail -->\n      @if (SelectedRunID && GetSelectedRun()) {\n        <div class=\"detail-panel\">\n          <div class=\"detail-header\">\n            <div class=\"detail-header-info\">\n              <h3>{{ GetSelectedRun()!.Integration }}</h3>\n              <span [class]=\"StatusChipClass(GetSelectedRun()!.Status)\">\n                <i [class]=\"GetStatusIcon(GetSelectedRun()!.Status)\"></i>\n                {{ GetSelectedRun()!.Status }}\n              </span>\n              <span class=\"detail-time\">{{ FormatDate(GetSelectedRun()!.StartedAt) }}</span>\n            </div>\n            <button class=\"close-detail-btn\" (click)=\"SelectRun(SelectedRunID!)\" title=\"Close\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n\n          <!-- Duration bar -->\n          @if (GetSelectedRun()!.StartedAt && GetSelectedRun()!.EndedAt) {\n            <div class=\"duration-bar-container\">\n              <div class=\"duration-bar-track\">\n                <div class=\"duration-bar-fill\"\n                     [style.width.%]=\"GetDurationBarWidth(GetSelectedRun()!)\"></div>\n              </div>\n              <div class=\"duration-bar-labels\">\n                <span>{{ FormatDate(GetSelectedRun()!.StartedAt) }}</span>\n                <span class=\"duration-bar-value\">{{ GetDurationBarLabel(GetSelectedRun()!) }}</span>\n                <span>{{ FormatDate(GetSelectedRun()!.EndedAt) }}</span>\n              </div>\n            </div>\n          }\n\n          <!-- Tabs -->\n          <div class=\"detail-tabs\">\n            <button class=\"tab-btn\" [class.active]=\"ActiveDetailTab === 'entities'\"\n                    (click)=\"SetDetailTab('entities')\">\n              <i class=\"fa-solid fa-table\"></i> Entity Breakdown\n            </button>\n            <button class=\"tab-btn\" [class.active]=\"ActiveDetailTab === 'watermarks'\"\n                    (click)=\"SetDetailTab('watermarks')\">\n              <i class=\"fa-solid fa-droplet\"></i> Watermarks\n            </button>\n          </div>\n\n          <div class=\"detail-content\">\n            <!-- Entity breakdown tab -->\n            @if (ActiveDetailTab === 'entities') {\n              @if (IsLoadingDetail) {\n                <div class=\"detail-loading\">\n                  <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                </div>\n              } @else if (SelectedRunDetails.length === 0) {\n                <div class=\"detail-empty\">\n                  <i class=\"fa-solid fa-circle-info\"></i>\n                  <p>No entity detail records for this run.</p>\n                </div>\n              } @else {\n                <table class=\"detail-table\">\n                  <thead>\n                    <tr>\n                      <th>Entity</th>\n                      <th class=\"num-col\">Processed</th>\n                      <th class=\"num-col\">Created</th>\n                      <th class=\"num-col\">Updated</th>\n                      <th class=\"num-col\">Deleted</th>\n                      <th class=\"num-col\">Errors</th>\n                      <th class=\"num-col\">Skipped</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (detail of SelectedRunDetails; track detail.EntityID) {\n                      <tr [class.error-row]=\"detail.RecordsErrored > 0\">\n                        <td>{{ detail.Entity }}</td>\n                        <td class=\"num-col\">{{ detail.RecordsProcessed | number }}</td>\n                        <td class=\"num-col created-col\">{{ detail.RecordsCreated | number }}</td>\n                        <td class=\"num-col updated-col\">{{ detail.RecordsUpdated | number }}</td>\n                        <td class=\"num-col\">{{ detail.RecordsDeleted | number }}</td>\n                        <td class=\"num-col error-col\">{{ detail.RecordsErrored | number }}</td>\n                        <td class=\"num-col\">{{ detail.RecordsSkipped | number }}</td>\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n              }\n\n              <!-- Error log -->\n              @if (GetSelectedRun()?.ErrorLog) {\n                <div class=\"error-log-block detail-error-log\">\n                  <div class=\"error-log-label\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i> Error Log\n                  </div>\n                  <pre class=\"error-log-content\">{{ GetSelectedRun()!.ErrorLog }}</pre>\n                </div>\n              }\n            }\n\n            <!-- Watermarks tab -->\n            @if (ActiveDetailTab === 'watermarks') {\n              @if (IsLoadingWatermarks) {\n                <div class=\"detail-loading\">\n                  <mj-loading text=\"Loading watermarks...\" size=\"small\"></mj-loading>\n                </div>\n              } @else if (WatermarkData.length === 0) {\n                <div class=\"detail-empty\">\n                  <i class=\"fa-solid fa-droplet-slash\"></i>\n                  <p>No watermarks recorded for this integration.</p>\n                </div>\n              } @else {\n                <table class=\"detail-table\">\n                  <thead>\n                    <tr>\n                      <th>Entity Map</th>\n                      <th>Type</th>\n                      <th>Current Value</th>\n                      <th>Last Applied</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (wm of WatermarkData; track wm.ID) {\n                      <tr>\n                        <td>{{ wm.EntityMap }}</td>\n                        <td><span class=\"type-badge\">{{ wm.WatermarkType }}</span></td>\n                        <td class=\"mono-cell watermark-value\">{{ FormatWatermark(wm.WatermarkValue) }}</td>\n                        <td>{{ FormatDate(wm.LastSyncAt) }}</td>\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n              }\n            }\n          </div>\n        </div>\n      }\n\n    </div>\n  }\n\n</div>\n  </mj-page-body>\n</mj-page-layout>\n", styles: [":host {\n  display: block;\n  height: 100%;\n}\n\n.activity-container {\n  /* padding / scroll now owned by <mj-page-body>; flex sizing keeps the\n     inner split-view (flex: 1 + min-height: 0) able to fill remaining height. */\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  gap: 14px;\n}\n\n/* Slot passthrough now lives in <mj-page-header>'s SCSS; per-section\n   .integration-header-* rules deleted. Stat badge styling now lives in\n   <mj-stat-badge>; per-section .integration-stat-badge* rules deleted. */\n\n/* Vertical separator between distinct chip groups in the toolbar slot. */\n.toolbar-divider {\n  display: inline-block;\n  width: 1px;\n  height: 18px;\n  background: var(--mj-border-default);\n  margin: 0 4px;\n}\n\n/* \u2500\u2500 Loading / Empty \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\n.loading-area {\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n}\n\n.empty-state {\n  text-align: center;\n  padding: 48px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-state i {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n}\n\n/* \u2500\u2500 Split View \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\n.split-view {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* \u2500\u2500 Run List Panel (left 70%) \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\n.run-list-panel {\n  flex: 7;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.run-row {\n  border-bottom: 1px solid var(--mj-border-subtle);\n  cursor: pointer;\n  transition: background 0.1s;\n}\n\n.run-row:hover {\n  background: var(--mj-bg-page);\n}\n\n.run-row.selected {\n  background: var(--mj-status-info-bg);\n}\n\n.run-row-main {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n}\n\n/* Status indicator */\n.status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.status-icon {\n  font-size: 14px;\n  width: 16px;\n  text-align: center;\n  flex-shrink: 0;\n}\n\n.icon-green { color: var(--mj-color-success-600); }\n.icon-red { color: var(--mj-status-error); }\n.icon-amber { color: var(--mj-status-warning); }\n.icon-gray { color: var(--mj-text-disabled); }\n\n/* Run info */\n.run-info {\n  flex: 2;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.run-integration {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-company {\n  font-size: 11px;\n  color: var(--mj-text-disabled);\n}\n\n/* Meta columns */\n.run-meta {\n  flex-shrink: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  min-width: 60px;\n  text-align: right;\n}\n\n.run-duration {\n  font-variant-numeric: tabular-nums;\n  min-width: 56px;\n}\n\n.run-records {\n  font-variant-numeric: tabular-nums;\n  min-width: 48px;\n}\n\n.run-errors {\n  min-width: 24px;\n  text-align: center;\n}\n\n.run-errors.has-errors {\n  color: var(--mj-status-error);\n}\n\n.run-user {\n  min-width: 80px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.expand-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: background 0.15s, transform 0.2s;\n  flex-shrink: 0;\n}\n\n.expand-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.expand-btn i.rotated {\n  transform: rotate(180deg);\n}\n\n/* \u2500\u2500 Expanded Section \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\n.expanded-section {\n  padding: 8px 14px 14px 48px;\n  background: var(--mj-bg-page);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.expanded-loading,\n.expanded-empty {\n  padding: 16px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.expanded-empty i {\n  margin-right: 6px;\n}\n\n.entity-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.entity-table th {\n  text-align: left;\n  padding: 6px 8px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  font-size: 11px;\n  border-bottom: 1px solid var(--mj-border-default);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.entity-table td {\n  padding: 5px 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-table .num-col,\n.detail-table .num-col {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.entity-table .created-col,\n.detail-table .created-col {\n  color: var(--mj-color-success-600);\n  font-weight: 600;\n}\n\n.entity-table .updated-col,\n.detail-table .updated-col {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.entity-table .error-col,\n.detail-table .error-col {\n  color: var(--mj-color-error-600);\n  font-weight: 600;\n}\n\n.error-row {\n  background: var(--mj-status-error-bg);\n}\n\n/* \u2500\u2500 Error Log Block \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\n.error-log-block {\n  margin-top: 10px;\n}\n\n.error-log-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-color-error-600);\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.error-log-content {\n  margin: 0;\n  padding: 10px 12px;\n  background: var(--mj-text-primary);\n  color: var(--mj-bg-surface-sunken);\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n  border-radius: 8px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 200px;\n  overflow-y: auto;\n  line-height: 1.5;\n}\n\n.detail-error-log {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n/* \u2500\u2500 Detail Panel (right 30%) \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\n.detail-panel {\n  flex: 3;\n  min-width: 340px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.detail-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  gap: 12px;\n}\n\n.detail-header-info {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n}\n\n.detail-header-info h3 {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detail-time {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.close-detail-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 16px;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.close-detail-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n/* Duration bar */\n.duration-bar-container {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.duration-bar-track {\n  height: 6px;\n  background: var(--mj-bg-surface-active);\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n.duration-bar-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--mj-brand-primary), var(--mj-color-accent-400));\n  border-radius: 3px;\n  transition: width 0.3s;\n}\n\n.duration-bar-labels {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 4px;\n  font-size: 10px;\n  color: var(--mj-text-disabled);\n}\n\n.duration-bar-value {\n  font-weight: 700;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n/* Tabs */\n.detail-tabs {\n  display: flex;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  padding: 0 16px;\n  gap: 2px;\n}\n\n.tab-btn {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  padding: 10px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-disabled);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.15s, border-color 0.15s;\n}\n\n.tab-btn:hover {\n  color: var(--mj-brand-primary);\n}\n\n.tab-btn.active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n/* Detail content area */\n.detail-content {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.detail-loading,\n.detail-empty {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty i {\n  font-size: 24px;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.detail-empty p {\n  margin: 0;\n  font-size: 13px;\n}\n\n.detail-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.detail-table th {\n  text-align: left;\n  padding: 8px 10px;\n  color: var(--mj-text-disabled);\n  font-weight: 600;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-page);\n  font-size: 11px;\n}\n\n.detail-table td {\n  padding: 7px 10px;\n  border-bottom: 1px solid var(--mj-bg-page);\n}\n\n.mono-cell {\n  font-variant-numeric: tabular-nums;\n  color: var(--mj-text-muted);\n}\n\n.watermark-value {\n  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;\n  font-size: 11px;\n}\n\n/* Status chips */\n.chip {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.chip-green { background: var(--mj-color-success-100); color: var(--mj-color-success-600); }\n.chip-red { background: var(--mj-color-error-100); color: var(--mj-color-error-600); }\n.chip-amber { background: var(--mj-color-warning-100); color: var(--mj-color-warning-600); }\n.chip-gray { background: var(--mj-bg-surface-hover); color: var(--mj-text-muted); }\n\n/* Watermark type badge */\n.type-badge {\n  display: inline-flex;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\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\u2500 */\n\n@media (max-width: 900px) {\n  .split-view {\n    flex-direction: column;\n  }\n\n  .detail-panel {\n    min-width: 0;\n    max-height: 50vh;\n  }\n\n  .run-user {\n    display: none;\n  }\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActivityComponent, { className: "ActivityComponent", filePath: "src/Integration/components/activity/activity.component.ts", lineNumber: 38 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActivityComponent, { className: "ActivityComponent", filePath: "src/Integration/components/activity/activity.component.ts", lineNumber: 39 }); })();
 export function LoadActivityComponent() {
     // Tree-shaking prevention: importing this module causes
     // @RegisterClass decorators to fire, registering components.