@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/VersionHistory/components/labels-resource.component.js

@@ -13,537 +13,440 @@ import { RunView } from '@memberjunction/core';
 import { UserInfoEngine } from '@memberjunction/core-entities';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
 import * as i3 from "@memberjunction/ng-shared-generic";
 import * as i4 from "@memberjunction/ng-versions";
-function VersionHistoryLabelsResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 1);
+function VersionHistoryLabelsResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 12);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_For_53_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_For_53_Template_button_click_0_listener() { const stat_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnScopeFilterChange(stat_r4.Scope)); });
-    i0.ɵɵelement(1, "i");
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 42);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const stat_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r1.ScopeFilter === stat_r4.Scope);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(stat_r4.Icon);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(stat_r4.Scope);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(stat_r4.Count);
-} }
-function VersionHistoryLabelsResourceComponent_Conditional_2_For_55_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_For_55_Template_button_click_0_listener() { const stat_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnStatusFilterChange(stat_r6.Status)); });
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 42);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const stat_r6 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r1.StatusFilter === stat_r6.Status);
-    i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(stat_r6.Status));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(stat_r6.Status);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(stat_r6.Count);
-} }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_59_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 44);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_59_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSearchChange("")); });
-    i0.ɵɵelement(1, "i", 45);
-    i0.ɵɵelementEnd();
-} }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 52);
-    i0.ɵɵelement(1, "i", 56);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 41);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetChildLabels(label_r9.ID).length, " records ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetChildLabels(label_r2.ID).length, " records ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 57);
-    i0.ɵɵelement(1, "i", 66);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i", 51);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", label_r9.Entity ?? ctx_r1.ResolveEntityName(label_r9.EntityID), " ");
+    i0.ɵɵtextInterpolate1(" ", label_r2.Entity ?? ctx_r2.ResolveEntityName(label_r2.EntityID), " ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 58);
-    i0.ɵɵelement(1, "i", 67);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵelement(1, "i", 52);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "slice");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
+    const label_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(3, 1, label_r9.RecordID, 0, 12), "... ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(3, 1, label_r2.RecordID, 0, 12), "... ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 59);
-    i0.ɵɵelement(1, "i", 68);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵelement(1, "i", 53);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
+    const label_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", label_r9.ItemCount, " items ");
+    i0.ɵɵtextInterpolate1(" ", label_r2.ItemCount, " items ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 59);
-    i0.ɵɵelement(1, "i", 68);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵelement(1, "i", 53);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetItemCount(label_r9.ID), " items ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetItemCount(label_r2.ID), " items ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 60);
-    i0.ɵɵelement(1, "i", 69);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 45);
+    i0.ɵɵelement(1, "i", 54);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDuration(label_r9.CreationDurationMS), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatDuration(label_r2.CreationDurationMS), " ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 61);
-    i0.ɵɵelement(1, "i", 70);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 46);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
+    const label_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", label_r9.CreatedByUser, " ");
+    i0.ɵɵtextInterpolate1(" ", label_r2.CreatedByUser, " ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 64);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 49);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
+    const label_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(label_r9.Description);
+    i0.ɵɵtextInterpolate(label_r2.Description);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 74);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 59);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "slice");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const child_r10 = i0.ɵɵnextContext().$implicit;
+    const child_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind3(2, 1, child_r10.RecordID, 0, 12), "...");
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind3(2, 1, child_r4.RecordID, 0, 12), "...");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 75);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 60);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const child_r10 = i0.ɵɵnextContext().$implicit;
+    const child_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", child_r10.ItemCount, " items");
+    i0.ɵɵtextInterpolate1("", child_r4.ItemCount, " items");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
-    i0.ɵɵelement(1, "i", 72);
-    i0.ɵɵelementStart(2, "span", 73);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵelement(1, "i", 57);
+    i0.ɵɵelementStart(2, "span", 58);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_For_2_Conditional_4_Template, 3, 5, "span", 74);
-    i0.ɵɵconditionalCreate(5, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_For_2_Conditional_5_Template, 2, 1, "span", 75);
+    i0.ɵɵconditionalCreate(4, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_For_2_Conditional_4_Template, 3, 5, "span", 59);
+    i0.ɵɵconditionalCreate(5, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_For_2_Conditional_5_Template, 2, 1, "span", 60);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const child_r10 = ctx.$implicit;
+    const child_r4 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(child_r10.Name);
+    i0.ɵɵtextInterpolate(child_r4.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(child_r10.RecordID ? 4 : -1);
+    i0.ɵɵconditional(child_r4.RecordID ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(child_r10.ItemCount ? 5 : -1);
+    i0.ɵɵconditional(child_r4.ItemCount ? 5 : -1);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵrepeaterCreate(1, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_For_2_Template, 6, 3, "div", 71, i0.ɵɵrepeaterTrackByIdentity);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵrepeaterCreate(1, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_For_2_Template, 6, 3, "div", 56, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.GetChildLabels(label_r9.ID));
+    i0.ɵɵrepeater(ctx_r2.GetChildLabels(label_r2.ID));
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Template_div_click_0_listener() { const label_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnLabelClick(label_r9)); });
-    i0.ɵɵelementStart(1, "div", 48)(2, "div", 49);
-    i0.ɵɵelement(3, "i", 50);
-    i0.ɵɵelementStart(4, "h3", 51);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Template_div_click_0_listener() { const label_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnLabelClick(label_r2)); });
+    i0.ɵɵelementStart(1, "div", 33)(2, "div", 34);
+    i0.ɵɵelement(3, "i", 35);
+    i0.ɵɵelementStart(4, "h3", 36);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_6_Template, 3, 1, "span", 52);
-    i0.ɵɵelementStart(7, "span", 53);
+    i0.ɵɵconditionalCreate(6, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_6_Template, 3, 1, "span", 37);
+    i0.ɵɵelementStart(7, "span", 38);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 54)(10, "span", 55);
-    i0.ɵɵelement(11, "i", 56);
+    i0.ɵɵelementStart(9, "div", 39)(10, "span", 40);
+    i0.ɵɵelement(11, "i", 41);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_13_Template, 3, 1, "span", 57);
-    i0.ɵɵconditionalCreate(14, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_14_Template, 4, 5, "span", 58);
-    i0.ɵɵconditionalCreate(15, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_15_Template, 3, 1, "span", 59);
-    i0.ɵɵconditionalCreate(16, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_16_Template, 3, 1, "span", 59);
-    i0.ɵɵconditionalCreate(17, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_17_Template, 3, 1, "span", 60);
-    i0.ɵɵconditionalCreate(18, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_18_Template, 3, 1, "span", 61);
-    i0.ɵɵelementStart(19, "span", 62);
-    i0.ɵɵelement(20, "i", 63);
+    i0.ɵɵconditionalCreate(13, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_13_Template, 3, 1, "span", 42);
+    i0.ɵɵconditionalCreate(14, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_14_Template, 4, 5, "span", 43);
+    i0.ɵɵconditionalCreate(15, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_15_Template, 3, 1, "span", 44);
+    i0.ɵɵconditionalCreate(16, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_16_Template, 3, 1, "span", 44);
+    i0.ɵɵconditionalCreate(17, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_17_Template, 3, 1, "span", 45);
+    i0.ɵɵconditionalCreate(18, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_18_Template, 3, 1, "span", 46);
+    i0.ɵɵelementStart(19, "span", 47);
+    i0.ɵɵelement(20, "i", 48);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(22, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_22_Template, 2, 1, "p", 64);
-    i0.ɵɵconditionalCreate(23, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Conditional_23_Template, 3, 0, "div", 65);
+    i0.ɵɵconditionalCreate(22, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_22_Template, 2, 1, "p", 49);
+    i0.ɵɵconditionalCreate(23, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Conditional_23_Template, 3, 0, "div", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r9 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("group-parent", ctx_r1.IsGroupParent(label_r9));
+    const label_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("group-parent", ctx_r2.IsGroupParent(label_r2));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.GetScopeIcon(label_r9.Scope));
+    i0.ɵɵclassMap(ctx_r2.GetScopeIcon(label_r2.Scope));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(label_r9.Name);
+    i0.ɵɵtextInterpolate(label_r2.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsGroupParent(label_r9) ? 6 : -1);
+    i0.ɵɵconditional(ctx_r2.IsGroupParent(label_r2) ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(label_r9.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.GetStatusClass(label_r2.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", label_r9.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", label_r2.Status, " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", label_r9.Scope, " ");
+    i0.ɵɵtextInterpolate1(" ", label_r2.Scope, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(label_r9.Entity || label_r9.EntityID ? 13 : -1);
+    i0.ɵɵconditional(label_r2.Entity || label_r2.EntityID ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(label_r9.RecordID ? 14 : -1);
+    i0.ɵɵconditional(label_r2.RecordID ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(label_r9.ItemCount ? 15 : -1);
+    i0.ɵɵconditional(label_r2.ItemCount ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!label_r9.ItemCount ? 16 : -1);
+    i0.ɵɵconditional(!label_r2.ItemCount ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(label_r9.CreationDurationMS ? 17 : -1);
+    i0.ɵɵconditional(label_r2.CreationDurationMS ? 17 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(label_r9.CreatedByUser ? 18 : -1);
+    i0.ɵɵconditional(label_r2.CreatedByUser ? 18 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDate(label_r9.__mj_CreatedAt), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatDate(label_r2.__mj_CreatedAt), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(label_r9.Description ? 22 : -1);
+    i0.ɵɵconditional(label_r2.Description ? 22 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsGroupParent(label_r9) && ctx_r1.GetChildLabels(label_r9.ID).length > 0 ? 23 : -1);
+    i0.ɵɵconditional(ctx_r2.IsGroupParent(label_r2) && ctx_r2.GetChildLabels(label_r2.ID).length > 0 ? 23 : -1);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵrepeaterCreate(1, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_For_2_Template, 24, 18, "div", 46, i0.ɵɵrepeaterTrackByIdentity);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵrepeaterCreate(1, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_For_2_Template, 24, 18, "div", 31, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.FilteredLabels);
+    i0.ɵɵrepeater(ctx_r2.FilteredLabels);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_For_19_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 90);
-    i0.ɵɵelement(1, "i", 56);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_For_19_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 75);
+    i0.ɵɵelement(1, "i", 41);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r13 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetChildLabels(label_r13.ID).length, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetChildLabels(label_r7.ID).length, " ");
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_For_19_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_For_19_Template_div_click_0_listener() { const label_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnLabelClick(label_r13)); });
-    i0.ɵɵelementStart(1, "span", 77);
-    i0.ɵɵelement(2, "i", 87);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 88)(4, "span", 89);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_For_19_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_For_19_Template_div_click_0_listener() { const label_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnLabelClick(label_r7)); });
+    i0.ɵɵelementStart(1, "span", 62);
+    i0.ɵɵelement(2, "i", 72);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 73)(4, "span", 74);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_For_19_Conditional_6_Template, 3, 1, "span", 90);
+    i0.ɵɵconditionalCreate(6, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_For_19_Conditional_6_Template, 3, 1, "span", 75);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 80);
+    i0.ɵɵelementStart(7, "span", 65);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 91)(10, "span", 92);
+    i0.ɵɵelementStart(9, "span", 76)(10, "span", 77);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "span", 93);
+    i0.ɵɵelementStart(12, "span", 78);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 94);
+    i0.ɵɵelementStart(14, "span", 79);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 84);
-    i0.ɵɵelement(17, "i", 95);
+    i0.ɵɵelementStart(16, "span", 69);
+    i0.ɵɵelement(17, "i", 80);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const label_r13 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const label_r7 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.GetScopeIcon(label_r13.Scope));
+    i0.ɵɵclassMap(ctx_r2.GetScopeIcon(label_r7.Scope));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(label_r13.Name);
+    i0.ɵɵtextInterpolate(label_r7.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsGroupParent(label_r13) ? 6 : -1);
+    i0.ɵɵconditional(ctx_r2.IsGroupParent(label_r7) ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(label_r13.Entity ?? ctx_r1.ResolveEntityName(label_r13.EntityID));
+    i0.ɵɵtextInterpolate(label_r7.Entity ?? ctx_r2.ResolveEntityName(label_r7.EntityID));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(label_r13.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.GetStatusClass(label_r7.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(label_r13.Status);
+    i0.ɵɵtextInterpolate(label_r7.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(label_r13.ItemCount || ctx_r1.GetItemCount(label_r13.ID));
+    i0.ɵɵtextInterpolate(label_r7.ItemCount || ctx_r2.GetItemCount(label_r7.ID));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDate(label_r13.__mj_CreatedAt));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(label_r7.__mj_CreatedAt));
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 76);
-    i0.ɵɵelement(2, "span", 77);
-    i0.ɵɵelementStart(3, "span", 78);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("Name")); });
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 61);
+    i0.ɵɵelement(2, "span", 62);
+    i0.ɵɵelementStart(3, "span", 63);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnSortChange("Name")); });
     i0.ɵɵtext(4, " Name ");
-    i0.ɵɵelement(5, "i", 79);
+    i0.ɵɵelement(5, "i", 64);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 80);
+    i0.ɵɵelementStart(6, "span", 65);
     i0.ɵɵtext(7, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 81);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_Template_span_click_8_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("Status")); });
+    i0.ɵɵelementStart(8, "span", 66);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_Template_span_click_8_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnSortChange("Status")); });
     i0.ɵɵtext(9, " Status ");
-    i0.ɵɵelement(10, "i", 79);
+    i0.ɵɵelement(10, "i", 64);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 82);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_Template_span_click_11_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("Items")); });
+    i0.ɵɵelementStart(11, "span", 67);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_Template_span_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnSortChange("Items")); });
     i0.ɵɵtext(12, " Items ");
-    i0.ɵɵelement(13, "i", 79);
+    i0.ɵɵelement(13, "i", 64);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 83);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_Template_span_click_14_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("Date")); });
+    i0.ɵɵelementStart(14, "span", 68);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_Template_span_click_14_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnSortChange("Date")); });
     i0.ɵɵtext(15, " Created ");
-    i0.ɵɵelement(16, "i", 79);
+    i0.ɵɵelement(16, "i", 64);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(17, "span", 84);
+    i0.ɵɵelement(17, "span", 69);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(18, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_For_19_Template, 18, 9, "div", 85, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(18, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_For_19_Template, 18, 9, "div", 70, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r1.GetSortIcon("Name"));
+    i0.ɵɵclassMap(ctx_r2.GetSortIcon("Name"));
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r1.GetSortIcon("Status"));
+    i0.ɵɵclassMap(ctx_r2.GetSortIcon("Status"));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.GetSortIcon("Items"));
+    i0.ɵɵclassMap(ctx_r2.GetSortIcon("Items"));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.GetSortIcon("Date"));
+    i0.ɵɵclassMap(ctx_r2.GetSortIcon("Date"));
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.FilteredLabels);
+    i0.ɵɵrepeater(ctx_r2.FilteredLabels);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " Try adjusting your filters or search criteria. ");
     i0.ɵɵelementEnd();
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " No version labels have been created yet. ");
     i0.ɵɵelementEnd();
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 98);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenCreateDialog()); });
-    i0.ɵɵelement(1, "i", 15);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 83);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenCreateDialog()); });
+    i0.ɵɵelement(1, "i", 9);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Create Your First Label");
     i0.ɵɵelementEnd()();
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40);
-    i0.ɵɵelement(1, "i", 96);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "i", 81);
     i0.ɵɵelementStart(2, "h3");
     i0.ɵɵtext(3, "No labels found");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_4_Template, 2, 0, "p");
-    i0.ɵɵconditionalCreate(5, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_5_Template, 2, 0, "p");
-    i0.ɵɵconditionalCreate(6, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Conditional_6_Template, 4, 0, "button", 97);
+    i0.ɵɵconditionalCreate(4, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_4_Template, 2, 0, "p");
+    i0.ɵɵconditionalCreate(5, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_5_Template, 2, 0, "p");
+    i0.ɵɵconditionalCreate(6, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Conditional_6_Template, 4, 0, "button", 82);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.SearchText || ctx_r1.ScopeFilter || ctx_r1.StatusFilter ? 4 : -1);
+    i0.ɵɵconditional(ctx_r2.SearchText || ctx_r2.ScopeFilter || ctx_r2.StatusFilter ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.SearchText && !ctx_r1.ScopeFilter && !ctx_r1.StatusFilter ? 5 : -1);
+    i0.ɵɵconditional(!ctx_r2.SearchText && !ctx_r2.ScopeFilter && !ctx_r2.StatusFilter ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.SearchText && !ctx_r1.ScopeFilter && !ctx_r1.StatusFilter ? 6 : -1);
+    i0.ɵɵconditional(!ctx_r2.SearchText && !ctx_r2.ScopeFilter && !ctx_r2.StatusFilter ? 6 : -1);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 4)(1, "div", 5)(2, "h2", 6);
-    i0.ɵɵtext(3, "Version Labels");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 7);
-    i0.ɵɵtext(5, "Manage versioning snapshots across your system");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 8)(7, "div", 9)(8, "button", 10);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetViewMode("card")); });
-    i0.ɵɵelement(9, "i", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 12);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetViewMode("list")); });
-    i0.ɵɵelement(11, "i", 13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "button", 14);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenCreateDialog()); });
-    i0.ɵɵelement(13, "i", 15);
-    i0.ɵɵelementStart(14, "span");
-    i0.ɵɵtext(15, "Create Label");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "button", 16);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_2_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Refresh()); });
-    i0.ɵɵelement(17, "i", 17);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 18)(19, "div", 19)(20, "div", 20);
-    i0.ɵɵelement(21, "i", 21);
+function VersionHistoryLabelsResourceComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 16)(2, "div", 17);
+    i0.ɵɵelement(3, "i", 18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 22)(23, "div", 23);
-    i0.ɵɵtext(24);
+    i0.ɵɵelementStart(4, "div", 19)(5, "div", 20);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 24);
-    i0.ɵɵtext(26, "Total Labels");
+    i0.ɵɵelementStart(7, "div", 21);
+    i0.ɵɵtext(8, "Total Labels");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(27, "div", 19)(28, "div", 25);
-    i0.ɵɵelement(29, "i", 26);
+    i0.ɵɵelementStart(9, "div", 16)(10, "div", 22);
+    i0.ɵɵelement(11, "i", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "div", 22)(31, "div", 23);
-    i0.ɵɵtext(32);
+    i0.ɵɵelementStart(12, "div", 19)(13, "div", 20);
+    i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 24);
-    i0.ɵɵtext(34, "Active");
+    i0.ɵɵelementStart(15, "div", 21);
+    i0.ɵɵtext(16, "Active");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(35, "div", 19)(36, "div", 27);
-    i0.ɵɵelement(37, "i", 28);
+    i0.ɵɵelementStart(17, "div", 16)(18, "div", 24);
+    i0.ɵɵelement(19, "i", 25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "div", 22)(39, "div", 23);
-    i0.ɵɵtext(40);
+    i0.ɵɵelementStart(20, "div", 19)(21, "div", 20);
+    i0.ɵɵtext(22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "div", 24);
-    i0.ɵɵtext(42, "Archived");
+    i0.ɵɵelementStart(23, "div", 21);
+    i0.ɵɵtext(24, "Archived");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(43, "div", 19)(44, "div", 29);
-    i0.ɵɵelement(45, "i", 30);
+    i0.ɵɵelementStart(25, "div", 16)(26, "div", 26);
+    i0.ɵɵelement(27, "i", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "div", 22)(47, "div", 23);
-    i0.ɵɵtext(48);
+    i0.ɵɵelementStart(28, "div", 19)(29, "div", 20);
+    i0.ɵɵtext(30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "div", 24);
-    i0.ɵɵtext(50, "Restored");
+    i0.ɵɵelementStart(31, "div", 21);
+    i0.ɵɵtext(32, "Restored");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(51, "div", 31);
-    i0.ɵɵrepeaterCreate(52, VersionHistoryLabelsResourceComponent_Conditional_2_For_53_Template, 6, 6, "button", 32, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵrepeaterCreate(54, VersionHistoryLabelsResourceComponent_Conditional_2_For_55_Template, 5, 5, "button", 33, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "div", 34);
-    i0.ɵɵelement(57, "i", 35);
-    i0.ɵɵelementStart(58, "input", 36);
-    i0.ɵɵlistener("ngModelChange", function VersionHistoryLabelsResourceComponent_Conditional_2_Template_input_ngModelChange_58_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSearchChange($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(59, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_59_Template, 2, 0, "button", 37);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(60, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_60_Template, 3, 0, "div", 38);
-    i0.ɵɵconditionalCreate(61, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_61_Template, 20, 8, "div", 39);
-    i0.ɵɵconditionalCreate(62, VersionHistoryLabelsResourceComponent_Conditional_2_Conditional_62_Template, 7, 3, "div", 40);
+    i0.ɵɵconditionalCreate(33, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_33_Template, 3, 0, "div", 28);
+    i0.ɵɵconditionalCreate(34, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_34_Template, 20, 8, "div", 29);
+    i0.ɵɵconditionalCreate(35, VersionHistoryLabelsResourceComponent_Conditional_16_Conditional_35_Template, 7, 3, "div", 30);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(ctx_r2.TotalLabels));
     i0.ɵɵadvance(8);
-    i0.ɵɵclassProp("active", ctx_r1.ViewMode === "card");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.ViewMode === "list");
-    i0.ɵɵadvance(14);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatNumber(ctx_r1.TotalLabels));
-    i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatNumber(ctx_r1.ActiveLabels));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(ctx_r2.ActiveLabels));
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatNumber(ctx_r1.ArchivedLabels));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(ctx_r2.ArchivedLabels));
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatNumber(ctx_r1.RestoredLabels));
-    i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r1.ScopeStats);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.StatusStats);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r1.SearchText);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.SearchText ? 59 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.FilteredLabels.length > 0 && ctx_r1.ViewMode === "card" ? 60 : -1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(ctx_r2.RestoredLabels));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.FilteredLabels.length > 0 && ctx_r2.ViewMode === "card" ? 33 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.FilteredLabels.length > 0 && ctx_r1.ViewMode === "list" ? 61 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredLabels.length > 0 && ctx_r2.ViewMode === "list" ? 34 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.FilteredLabels.length === 0 && !ctx_r1.IsLoading ? 62 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredLabels.length === 0 && !ctx_r2.IsLoading ? 35 : -1);
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 99);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCreateWizardCancel()); });
-    i0.ɵɵelementStart(1, "div", 100);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_3_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r15); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 101)(3, "h3", 102);
-    i0.ɵɵelement(4, "i", 103);
+function VersionHistoryLabelsResourceComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnCreateWizardCancel()); });
+    i0.ɵɵelementStart(1, "div", 85);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_17_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r9); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 86)(3, "h3", 87);
+    i0.ɵɵelement(4, "i", 88);
     i0.ɵɵtext(5, " Create Version Label ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 104);
-    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_3_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCreateWizardCancel()); });
-    i0.ɵɵelement(7, "i", 45);
+    i0.ɵɵelementStart(6, "button", 89);
+    i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Conditional_17_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnCreateWizardCancel()); });
+    i0.ɵɵelement(7, "i", 90);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 105)(9, "mj-label-create", 106);
-    i0.ɵɵlistener("Created", function VersionHistoryLabelsResourceComponent_Conditional_3_Template_mj_label_create_Created_9_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnLabelCreated($event)); })("Cancel", function VersionHistoryLabelsResourceComponent_Conditional_3_Template_mj_label_create_Cancel_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCreateWizardCancel()); });
+    i0.ɵɵelementStart(8, "div", 91)(9, "mj-label-create", 92);
+    i0.ɵɵlistener("Created", function VersionHistoryLabelsResourceComponent_Conditional_17_Template_mj_label_create_Created_9_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnLabelCreated($event)); })("Cancel", function VersionHistoryLabelsResourceComponent_Conditional_17_Template_mj_label_create_Cancel_9_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnCreateWizardCancel()); });
     i0.ɵɵelementEnd()()()();
 } }
-function VersionHistoryLabelsResourceComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-label-detail-panel", 107);
-    i0.ɵɵlistener("Close", function VersionHistoryLabelsResourceComponent_Conditional_4_Template_mj_label_detail_panel_Close_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDetailPanelClose()); })("LabelUpdated", function VersionHistoryLabelsResourceComponent_Conditional_4_Template_mj_label_detail_panel_LabelUpdated_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnLabelUpdated()); })("EntityLinkClick", function VersionHistoryLabelsResourceComponent_Conditional_4_Template_mj_label_detail_panel_EntityLinkClick_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnEntityLinkClick($event)); });
+function VersionHistoryLabelsResourceComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-label-detail-panel", 93);
+    i0.ɵɵlistener("Close", function VersionHistoryLabelsResourceComponent_Conditional_18_Template_mj_label_detail_panel_Close_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnDetailPanelClose()); })("LabelUpdated", function VersionHistoryLabelsResourceComponent_Conditional_18_Template_mj_label_detail_panel_LabelUpdated_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnLabelUpdated()); })("EntityLinkClick", function VersionHistoryLabelsResourceComponent_Conditional_18_Template_mj_label_detail_panel_EntityLinkClick_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnEntityLinkClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Label", ctx_r1.SelectedLabel)("AllLabels", ctx_r1.Labels)("ItemCountMap", ctx_r1.ItemCountMap);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Label", ctx_r2.SelectedLabel)("AllLabels", ctx_r2.Labels)("ItemCountMap", ctx_r2.ItemCountMap);
 } }
 let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceComponent extends BaseResourceComponent {
     static { VersionHistoryLabelsResourceComponent_1 = this; }
@@ -579,6 +482,64 @@ let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceCo
     ShowCreateWizard = false;
     metadata = this.ProviderToUse;
     destroy$ = new Subject();
+    viewOptions = [
+        { key: 'card', icon: 'fa-solid fa-grip', title: 'Card view' },
+        { key: 'list', icon: 'fa-solid fa-list', title: 'List view' }
+    ];
+    get FilterFields() {
+        const scopeOptions = [
+            { text: 'All Scopes', value: '' },
+            ...this.ScopeStats.map(s => ({ text: `${s.Scope} (${s.Count})`, value: s.Scope }))
+        ];
+        const statusOptions = [
+            { text: 'All Statuses', value: '' },
+            ...this.StatusStats.map(s => ({ text: `${s.Status} (${s.Count})`, value: s.Status }))
+        ];
+        return [
+            {
+                key: 'scopeFilter',
+                type: 'dropdown',
+                label: 'Scope',
+                icon: 'fa-solid fa-layer-group',
+                placeholder: 'All Scopes',
+                options: scopeOptions
+            },
+            {
+                key: 'statusFilter',
+                type: 'dropdown',
+                label: 'Status',
+                icon: 'fa-solid fa-circle-info',
+                placeholder: 'All Statuses',
+                options: statusOptions
+            }
+        ];
+    }
+    get FilterValues() {
+        return { scopeFilter: this.ScopeFilter, statusFilter: this.StatusFilter };
+    }
+    get ActiveFilterCount() {
+        let n = 0;
+        if (this.ScopeFilter)
+            n++;
+        if (this.StatusFilter)
+            n++;
+        return n;
+    }
+    onFilterValuesChange(v) {
+        const next = (v ?? {});
+        if ((next.scopeFilter ?? '') !== this.ScopeFilter) {
+            this.OnScopeFilterChange(next.scopeFilter ?? '');
+        }
+        if ((next.statusFilter ?? '') !== this.StatusFilter) {
+            this.OnStatusFilterChange(next.statusFilter ?? '');
+        }
+    }
+    resetFilters() {
+        if (this.ScopeFilter)
+            this.OnScopeFilterChange('');
+        if (this.StatusFilter)
+            this.OnStatusFilterChange('');
+    }
     constructor(cdr) {
         super();
         this.cdr = cdr;
@@ -937,23 +898,58 @@ let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceCo
         return this.Labels.filter(l => UUIDsEqual(l.ParentID, parentId));
     }
     static ɵfac = function VersionHistoryLabelsResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VersionHistoryLabelsResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VersionHistoryLabelsResourceComponent, selectors: [["mj-version-history-labels-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "labels-container"], ["text", "Loading version labels..."], [1, "create-wizard-overlay"], [3, "Label", "AllLabels", "ItemCountMap"], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "page-subtitle"], [1, "header-actions"], [1, "view-toggle"], ["title", "Card view", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "List view", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-list"], [1, "btn-primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "kpi-row"], [1, "kpi-card"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, transparent)", "color", "var(--mj-brand-primary)"], [1, "fa-solid", "fa-tags"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-success) 10%, transparent)", "color", "var(--mj-status-success)"], [1, "fa-solid", "fa-circle-check"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-text-muted) 10%, transparent)", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-box-archive"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-warning) 10%, transparent)", "color", "var(--mj-status-warning)"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "scope-chips"], [1, "scope-chip", 3, "active"], [1, "scope-chip", 3, "active", "ngClass"], [1, "search-bar"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search labels by name, description, or entity...", 1, "search-input", 3, "ngModelChange", "ngModel"], [1, "btn-clear"], [1, "labels-list"], [1, "labels-table"], [1, "empty-state"], [1, "scope-chip", 3, "click"], [1, "chip-count"], [1, "scope-chip", 3, "click", "ngClass"], [1, "btn-clear", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "label-card", "clickable", 3, "group-parent"], [1, "label-card", "clickable", 3, "click"], [1, "label-header"], [1, "label-title-row"], [1, "label-scope-icon"], [1, "label-name"], [1, "group-badge"], [1, "label-status", 3, "ngClass"], [1, "label-meta"], ["title", "Scope", 1, "meta-item"], [1, "fa-solid", "fa-layer-group"], ["title", "Entity", 1, "meta-item"], ["title", "Record ID", 1, "meta-item"], ["title", "Items captured", 1, "meta-item"], ["title", "Creation time", 1, "meta-item"], ["title", "Created by", 1, "meta-item"], ["title", "Created", 1, "meta-item"], [1, "fa-regular", "fa-clock"], [1, "label-description"], [1, "child-labels"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-fingerprint"], [1, "fa-solid", "fa-camera"], [1, "fa-solid", "fa-stopwatch"], [1, "fa-solid", "fa-user"], [1, "child-label"], [1, "fa-solid", "fa-tag", "child-icon"], [1, "child-name"], [1, "child-record"], [1, "child-items"], [1, "list-header-row"], [1, "list-col-icon"], [1, "list-col-name", "sortable-header", 3, "click"], [1, "sort-icon"], [1, "list-col-entity"], [1, "list-col-status", "sortable-header", 3, "click"], [1, "list-col-items", "sortable-header", 3, "click"], [1, "list-col-date", "sortable-header", 3, "click"], [1, "list-col-arrow"], [1, "list-row", "clickable"], [1, "list-row", "clickable", 3, "click"], [1, "list-scope-icon"], [1, "list-col-name"], [1, "list-label-name"], [1, "list-group-badge"], [1, "list-col-status"], [1, "label-status", "small", 3, "ngClass"], [1, "list-col-items"], [1, "list-col-date"], [1, "fa-solid", "fa-chevron-right", "list-arrow"], [1, "fa-solid", "fa-tags", "empty-icon"], [1, "btn-primary", "empty-cta"], [1, "btn-primary", "empty-cta", 3, "click"], [1, "create-wizard-overlay", 3, "click"], [1, "create-wizard-container", 3, "click"], [1, "create-wizard-header"], [1, "create-wizard-title"], [1, "fa-solid", "fa-tag"], ["title", "Close", 1, "create-wizard-close", 3, "click"], [1, "create-wizard-body"], [3, "Created", "Cancel"], [3, "Close", "LabelUpdated", "EntityLinkClick", "Label", "AllLabels", "ItemCountMap"]], template: function VersionHistoryLabelsResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, VersionHistoryLabelsResourceComponent_Conditional_1_Template, 1, 0, "mj-loading", 1);
-            i0.ɵɵconditionalCreate(2, VersionHistoryLabelsResourceComponent_Conditional_2_Template, 63, 13);
-            i0.ɵɵconditionalCreate(3, VersionHistoryLabelsResourceComponent_Conditional_3_Template, 10, 0, "div", 2);
-            i0.ɵɵconditionalCreate(4, VersionHistoryLabelsResourceComponent_Conditional_4_Template, 1, 3, "mj-label-detail-panel", 3);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VersionHistoryLabelsResourceComponent, selectors: [["mj-version-history-labels-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 14, consts: [["Title", "Version Labels", "Icon", "fa-solid fa-tags", "Subtitle", "Manage versioning snapshots across your system"], ["meta", ""], ["Label", "labels", 3, "Count", "Total"], ["actions", ""], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], [3, "KeyChange", "Options", "ActiveKey"], [3, "Clicked", "Loading"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["toolbar", ""], ["Placeholder", "Search labels by name, description, or entity...", 3, "ValueChange", "Value"], ["text", "Loading version labels..."], [1, "create-wizard-overlay"], [3, "Label", "AllLabels", "ItemCountMap"], [1, "kpi-row"], [1, "kpi-card"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, transparent)", "color", "var(--mj-brand-primary)"], [1, "fa-solid", "fa-tags"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-success) 10%, transparent)", "color", "var(--mj-status-success)"], [1, "fa-solid", "fa-circle-check"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-text-muted) 10%, transparent)", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-box-archive"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-warning) 10%, transparent)", "color", "var(--mj-status-warning)"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "labels-list"], [1, "labels-table"], [1, "empty-state"], [1, "label-card", "clickable", 3, "group-parent"], [1, "label-card", "clickable", 3, "click"], [1, "label-header"], [1, "label-title-row"], [1, "label-scope-icon"], [1, "label-name"], [1, "group-badge"], [1, "label-status", 3, "ngClass"], [1, "label-meta"], ["title", "Scope", 1, "meta-item"], [1, "fa-solid", "fa-layer-group"], ["title", "Entity", 1, "meta-item"], ["title", "Record ID", 1, "meta-item"], ["title", "Items captured", 1, "meta-item"], ["title", "Creation time", 1, "meta-item"], ["title", "Created by", 1, "meta-item"], ["title", "Created", 1, "meta-item"], [1, "fa-regular", "fa-clock"], [1, "label-description"], [1, "child-labels"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-fingerprint"], [1, "fa-solid", "fa-camera"], [1, "fa-solid", "fa-stopwatch"], [1, "fa-solid", "fa-user"], [1, "child-label"], [1, "fa-solid", "fa-tag", "child-icon"], [1, "child-name"], [1, "child-record"], [1, "child-items"], [1, "list-header-row"], [1, "list-col-icon"], [1, "list-col-name", "sortable-header", 3, "click"], [1, "sort-icon"], [1, "list-col-entity"], [1, "list-col-status", "sortable-header", 3, "click"], [1, "list-col-items", "sortable-header", 3, "click"], [1, "list-col-date", "sortable-header", 3, "click"], [1, "list-col-arrow"], [1, "list-row", "clickable"], [1, "list-row", "clickable", 3, "click"], [1, "list-scope-icon"], [1, "list-col-name"], [1, "list-label-name"], [1, "list-group-badge"], [1, "list-col-status"], [1, "label-status", "small", 3, "ngClass"], [1, "list-col-items"], [1, "list-col-date"], [1, "fa-solid", "fa-chevron-right", "list-arrow"], [1, "fa-solid", "fa-tags", "empty-icon"], [1, "btn-primary", "empty-cta"], [1, "btn-primary", "empty-cta", 3, "click"], [1, "create-wizard-overlay", 3, "click"], [1, "create-wizard-container", 3, "click"], [1, "create-wizard-header"], [1, "create-wizard-title"], [1, "fa-solid", "fa-tag"], ["title", "Close", 1, "create-wizard-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "create-wizard-body"], [3, "Created", "Cancel"], [3, "Close", "LabelUpdated", "EntityLinkClick", "Label", "AllLabels", "ItemCountMap"]], template: function VersionHistoryLabelsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1);
+            i0.ɵɵelement(3, "mj-stat-badge", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3)(5, "mj-filter-popover", 4);
+            i0.ɵɵlistener("ClearAllRequested", function VersionHistoryLabelsResourceComponent_Template_mj_filter_popover_ClearAllRequested_5_listener() { return ctx.resetFilters(); });
+            i0.ɵɵelementStart(6, "mj-filter-panel", 5);
+            i0.ɵɵlistener("ValuesChange", function VersionHistoryLabelsResourceComponent_Template_mj_filter_panel_ValuesChange_6_listener($event) { return ctx.onFilterValuesChange($event); })("Reset", function VersionHistoryLabelsResourceComponent_Template_mj_filter_panel_Reset_6_listener() { return ctx.resetFilters(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "mj-view-toggle", 6);
+            i0.ɵɵlistener("KeyChange", function VersionHistoryLabelsResourceComponent_Template_mj_view_toggle_KeyChange_7_listener($event) { return ctx.SetViewMode($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "mj-refresh-button", 7);
+            i0.ɵɵlistener("Clicked", function VersionHistoryLabelsResourceComponent_Template_mj_refresh_button_Clicked_8_listener() { return ctx.Refresh(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 8);
+            i0.ɵɵlistener("click", function VersionHistoryLabelsResourceComponent_Template_button_click_9_listener() { return ctx.OpenCreateDialog(); });
+            i0.ɵɵelement(10, "i", 9);
+            i0.ɵɵtext(11, " Create Label ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 10)(13, "mj-page-search", 11);
+            i0.ɵɵlistener("ValueChange", function VersionHistoryLabelsResourceComponent_Template_mj_page_search_ValueChange_13_listener($event) { return ctx.OnSearchChange($event); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(14, "mj-page-body");
+            i0.ɵɵconditionalCreate(15, VersionHistoryLabelsResourceComponent_Conditional_15_Template, 1, 0, "mj-loading", 12);
+            i0.ɵɵconditionalCreate(16, VersionHistoryLabelsResourceComponent_Conditional_16_Template, 36, 7);
+            i0.ɵɵconditionalCreate(17, VersionHistoryLabelsResourceComponent_Conditional_17_Template, 10, 0, "div", 13);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(18, VersionHistoryLabelsResourceComponent_Conditional_18_Template, 1, 3, "mj-label-detail-panel", 14);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Count", ctx.FilteredLabels.length)("Total", ctx.Labels.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ActiveCount", ctx.ActiveFilterCount)("ShowClearAll", ctx.ActiveFilterCount > 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Fields", ctx.FilterFields)("Values", ctx.FilterValues);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Options", ctx.viewOptions)("ActiveKey", ctx.ViewMode);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 1 : -1);
+            i0.ɵɵproperty("Loading", ctx.IsLoading);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("Value", ctx.SearchText);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsLoading ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.IsLoading ? 2 : -1);
+            i0.ɵɵconditional(!ctx.IsLoading ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowCreateWizard ? 3 : -1);
+            i0.ɵɵconditional(ctx.ShowCreateWizard ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowDetailPanel && ctx.SelectedLabel ? 4 : -1);
-        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoadingComponent, i4.MjLabelCreateComponent, i4.MjLabelDetailComponent, i1.SlicePipe], styles: [".labels-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n\n\n.page-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 24px;\n}\n\n.header-left[_ngcontent-%COMP%] { flex: 1; }\n\n.page-title[_ngcontent-%COMP%] {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.scope-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.scope-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.scope-chip[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-chip.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.scope-chip.active[_ngcontent-%COMP%]   .chip-count[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n    color: var(--mj-text-inverse);\n}\n\n.chip-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n\n\n.search-bar[_ngcontent-%COMP%] {\n    position: relative;\n    margin-bottom: 20px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 40px 10px 40px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 10px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n\n.search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.btn-clear[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border-radius: 4px;\n}\n\n.btn-clear[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.labels-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card[_ngcontent-%COMP%] {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description[_ngcontent-%COMP%] {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n\n\n.child-labels[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta[_ngcontent-%COMP%] {\n    margin-top: 20px;\n}\n\n\n\n\n\n\n\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.step-connector[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n}\n\n\n\n.dialog-step[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.dialog-search[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.dialog-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n\n\n.entity-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.entity-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty[_ngcontent-%COMP%] {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n\n\n.records-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.record-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected[_ngcontent-%COMP%]   .record-checkbox[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n\n\n.details-summary[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n\n\n.creating-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.creating-icon[_ngcontent-%COMP%] {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n\n\n.progress-container[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n\n\n.done-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    transition: all 0.15s ease;\n    font-size: 14px;\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.toggle-btn[_ngcontent-%COMP%]    + .toggle-btn[_ngcontent-%COMP%] {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.label-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n\n\n.labels-table[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n\n\n.sortable-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n\n@media (max-width: 768px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row[_ngcontent-%COMP%], \n   .list-row[_ngcontent-%COMP%] {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity[_ngcontent-%COMP%], \n   .list-col-date[_ngcontent-%COMP%] {\n        display: none;\n    }\n}\n\n\n\n\n\n\n\n\n.create-wizard-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n.create-wizard-container[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body[_ngcontent-%COMP%] {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}"], changeDetection: 0 });
+            i0.ɵɵconditional(ctx.ShowDetailPanel && ctx.SelectedLabel ? 18 : -1);
+        } }, dependencies: [i1.NgClass, i2.MJButtonDirective, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJPageSearchComponent, i2.MJFilterPopoverComponent, i2.MJFilterPanelComponent, i2.MJViewToggleComponent, i2.MJStatBadgeComponent, i2.MJRefreshButtonComponent, i3.LoadingComponent, i4.MjLabelCreateComponent, i4.MjLabelDetailComponent, i1.SlicePipe], styles: ["\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.labels-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card[_ngcontent-%COMP%] {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description[_ngcontent-%COMP%] {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n\n\n.child-labels[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta[_ngcontent-%COMP%] {\n    margin-top: 20px;\n}\n\n\n\n\n\n\n\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.step-connector[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n}\n\n\n\n.dialog-step[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.dialog-search[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.dialog-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n\n\n.entity-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.entity-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty[_ngcontent-%COMP%] {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n\n\n.records-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.record-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected[_ngcontent-%COMP%]   .record-checkbox[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n\n\n.details-summary[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n\n\n.creating-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.creating-icon[_ngcontent-%COMP%] {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n\n\n.progress-container[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n\n\n.done-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.label-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n\n\n.labels-table[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n\n\n.sortable-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n\n@media (max-width: 768px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row[_ngcontent-%COMP%], \n   .list-row[_ngcontent-%COMP%] {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity[_ngcontent-%COMP%], \n   .list-col-date[_ngcontent-%COMP%] {\n        display: none;\n    }\n}\n\n\n\n\n\n\n\n\n.create-wizard-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n.create-wizard-container[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body[_ngcontent-%COMP%] {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}"], changeDetection: 0 });
 };
 VersionHistoryLabelsResourceComponent = VersionHistoryLabelsResourceComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'VersionHistoryLabelsResource')
@@ -961,7 +957,7 @@ VersionHistoryLabelsResourceComponent = VersionHistoryLabelsResourceComponent_1
 export { VersionHistoryLabelsResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VersionHistoryLabelsResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-version-history-labels-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"labels-container\">\n  @if (IsLoading) {\n    <mj-loading text=\"Loading version labels...\"></mj-loading>\n  }\n\n  @if (!IsLoading) {\n    <!-- Header -->\n    <div class=\"page-header\">\n      <div class=\"header-left\">\n        <h2 class=\"page-title\">Version Labels</h2>\n        <p class=\"page-subtitle\">Manage versioning snapshots across your system</p>\n      </div>\n      <div class=\"header-actions\">\n        <div class=\"view-toggle\">\n          <button class=\"toggle-btn\" [class.active]=\"ViewMode === 'card'\" (click)=\"SetViewMode('card')\" title=\"Card view\">\n            <i class=\"fa-solid fa-grip\"></i>\n          </button>\n          <button class=\"toggle-btn\" [class.active]=\"ViewMode === 'list'\" (click)=\"SetViewMode('list')\" title=\"List view\">\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n        <button class=\"btn-primary\" (click)=\"OpenCreateDialog()\">\n          <i class=\"fa-solid fa-plus\"></i>\n          <span>Create Label</span>\n        </button>\n        <button class=\"btn-icon\" (click)=\"Refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <!-- KPI Cards -->\n    <div class=\"kpi-row\">\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent); color: var(--mj-brand-primary);\">\n          <i class=\"fa-solid fa-tags\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(TotalLabels)}}</div>\n          <div class=\"kpi-label\">Total Labels</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-success) 10%, transparent); color: var(--mj-status-success);\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(ActiveLabels)}}</div>\n          <div class=\"kpi-label\">Active</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent); color: var(--mj-text-muted);\">\n          <i class=\"fa-solid fa-box-archive\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(ArchivedLabels)}}</div>\n          <div class=\"kpi-label\">Archived</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); color: var(--mj-status-warning);\">\n          <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(RestoredLabels)}}</div>\n          <div class=\"kpi-label\">Restored</div>\n        </div>\n      </div>\n    </div>\n    <!-- Scope breakdown -->\n    <div class=\"scope-chips\">\n      @for (stat of ScopeStats; track stat) {\n        <button class=\"scope-chip\"\n          [class.active]=\"ScopeFilter === stat.Scope\"\n          (click)=\"OnScopeFilterChange(stat.Scope)\">\n          <i [class]=\"stat.Icon\"></i>\n          <span>{{stat.Scope}}</span>\n          <span class=\"chip-count\">{{stat.Count}}</span>\n        </button>\n      }\n      @for (stat of StatusStats; track stat) {\n        <button class=\"scope-chip\"\n          [class.active]=\"StatusFilter === stat.Status\"\n          [ngClass]=\"GetStatusClass(stat.Status)\"\n          (click)=\"OnStatusFilterChange(stat.Status)\">\n          <span>{{stat.Status}}</span>\n          <span class=\"chip-count\">{{stat.Count}}</span>\n        </button>\n      }\n    </div>\n    <!-- Search -->\n    <div class=\"search-bar\">\n      <i class=\"fa-solid fa-search search-icon\"></i>\n      <input type=\"text\"\n        class=\"search-input\"\n        placeholder=\"Search labels by name, description, or entity...\"\n        [ngModel]=\"SearchText\"\n        (ngModelChange)=\"OnSearchChange($event)\" />\n      @if (SearchText) {\n        <button class=\"btn-clear\" (click)=\"OnSearchChange('')\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      }\n    </div>\n    <!-- Labels Card View -->\n    @if (FilteredLabels.length > 0 && ViewMode === 'card') {\n      <div class=\"labels-list\">\n        @for (label of FilteredLabels; track label) {\n          <div class=\"label-card clickable\"\n            [class.group-parent]=\"IsGroupParent(label)\"\n            (click)=\"OnLabelClick(label)\">\n            <div class=\"label-header\">\n              <div class=\"label-title-row\">\n                <i [class]=\"GetScopeIcon(label.Scope)\" class=\"label-scope-icon\"></i>\n                <h3 class=\"label-name\">{{label.Name}}</h3>\n                @if (IsGroupParent(label)) {\n                  <span class=\"group-badge\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                    {{GetChildLabels(label.ID).length}} records\n                  </span>\n                }\n                <span class=\"label-status\" [ngClass]=\"GetStatusClass(label.Status)\">\n                  {{label.Status}}\n                </span>\n              </div>\n              <div class=\"label-meta\">\n                <span class=\"meta-item\" title=\"Scope\">\n                  <i class=\"fa-solid fa-layer-group\"></i> {{label.Scope}}\n                </span>\n                @if (label.Entity || label.EntityID) {\n                  <span class=\"meta-item\" title=\"Entity\">\n                    <i class=\"fa-solid fa-table\"></i> {{label.Entity ?? ResolveEntityName(label.EntityID)}}\n                  </span>\n                }\n                @if (label.RecordID) {\n                  <span class=\"meta-item\" title=\"Record ID\">\n                    <i class=\"fa-solid fa-fingerprint\"></i> {{label.RecordID | slice:0:12}}...\n                  </span>\n                }\n                @if (label.ItemCount) {\n                  <span class=\"meta-item\" title=\"Items captured\">\n                    <i class=\"fa-solid fa-camera\"></i> {{label.ItemCount}} items\n                  </span>\n                }\n                @if (!label.ItemCount) {\n                  <span class=\"meta-item\" title=\"Items captured\">\n                    <i class=\"fa-solid fa-camera\"></i> {{GetItemCount(label.ID)}} items\n                  </span>\n                }\n                @if (label.CreationDurationMS) {\n                  <span class=\"meta-item\" title=\"Creation time\">\n                    <i class=\"fa-solid fa-stopwatch\"></i> {{FormatDuration(label.CreationDurationMS)}}\n                  </span>\n                }\n                @if (label.CreatedByUser) {\n                  <span class=\"meta-item\" title=\"Created by\">\n                    <i class=\"fa-solid fa-user\"></i> {{label.CreatedByUser}}\n                  </span>\n                }\n                <span class=\"meta-item\" title=\"Created\">\n                  <i class=\"fa-regular fa-clock\"></i> {{FormatDate(label.__mj_CreatedAt)}}\n                </span>\n              </div>\n            </div>\n            @if (label.Description) {\n              <p class=\"label-description\">{{label.Description}}</p>\n            }\n            <!-- Child labels for group parents -->\n            @if (IsGroupParent(label) && GetChildLabels(label.ID).length > 0) {\n              <div class=\"child-labels\">\n                @for (child of GetChildLabels(label.ID); track child) {\n                  <div class=\"child-label\">\n                    <i class=\"fa-solid fa-tag child-icon\"></i>\n                    <span class=\"child-name\">{{child.Name}}</span>\n                    @if (child.RecordID) {\n                      <span class=\"child-record\">{{child.RecordID | slice:0:12}}...</span>\n                    }\n                    @if (child.ItemCount) {\n                      <span class=\"child-items\">{{child.ItemCount}} items</span>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    <!-- Labels List View -->\n    @if (FilteredLabels.length > 0 && ViewMode === 'list') {\n      <div class=\"labels-table\">\n        <div class=\"list-header-row\">\n          <span class=\"list-col-icon\"></span>\n          <span class=\"list-col-name sortable-header\" (click)=\"OnSortChange('Name')\">\n            Name <i [class]=\"GetSortIcon('Name')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-entity\">Entity</span>\n          <span class=\"list-col-status sortable-header\" (click)=\"OnSortChange('Status')\">\n            Status <i [class]=\"GetSortIcon('Status')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-items sortable-header\" (click)=\"OnSortChange('Items')\">\n            Items <i [class]=\"GetSortIcon('Items')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-date sortable-header\" (click)=\"OnSortChange('Date')\">\n            Created <i [class]=\"GetSortIcon('Date')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-arrow\"></span>\n        </div>\n        @for (label of FilteredLabels; track label) {\n          <div class=\"list-row clickable\"\n            (click)=\"OnLabelClick(label)\">\n            <span class=\"list-col-icon\">\n              <i [class]=\"GetScopeIcon(label.Scope)\" class=\"list-scope-icon\"></i>\n            </span>\n            <span class=\"list-col-name\">\n              <span class=\"list-label-name\">{{label.Name}}</span>\n              @if (IsGroupParent(label)) {\n                <span class=\"list-group-badge\">\n                  <i class=\"fa-solid fa-layer-group\"></i> {{GetChildLabels(label.ID).length}}\n                </span>\n              }\n            </span>\n            <span class=\"list-col-entity\">{{label.Entity ?? ResolveEntityName(label.EntityID)}}</span>\n            <span class=\"list-col-status\">\n              <span class=\"label-status small\" [ngClass]=\"GetStatusClass(label.Status)\">{{label.Status}}</span>\n            </span>\n            <span class=\"list-col-items\">{{label.ItemCount || GetItemCount(label.ID)}}</span>\n            <span class=\"list-col-date\">{{FormatDate(label.__mj_CreatedAt)}}</span>\n            <span class=\"list-col-arrow\">\n              <i class=\"fa-solid fa-chevron-right list-arrow\"></i>\n            </span>\n          </div>\n        }\n      </div>\n    }\n    <!-- Empty state -->\n    @if (FilteredLabels.length === 0 && !IsLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-tags empty-icon\"></i>\n        <h3>No labels found</h3>\n        @if (SearchText || ScopeFilter || StatusFilter) {\n          <p>\n            Try adjusting your filters or search criteria.\n          </p>\n        }\n        @if (!SearchText && !ScopeFilter && !StatusFilter) {\n          <p>\n            No version labels have been created yet.\n          </p>\n        }\n        @if (!SearchText && !ScopeFilter && !StatusFilter) {\n          <button class=\"btn-primary empty-cta\"\n            (click)=\"OpenCreateDialog()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>Create Your First Label</span>\n          </button>\n        }\n      </div>\n    }\n  }\n\n  <!-- Create Label Wizard -->\n  @if (ShowCreateWizard) {\n    <div class=\"create-wizard-overlay\" (click)=\"OnCreateWizardCancel()\">\n      <div class=\"create-wizard-container\" (click)=\"$event.stopPropagation()\">\n        <div class=\"create-wizard-header\">\n          <h3 class=\"create-wizard-title\">\n            <i class=\"fa-solid fa-tag\"></i>\n            Create Version Label\n          </h3>\n          <button class=\"create-wizard-close\" (click)=\"OnCreateWizardCancel()\" title=\"Close\">\n            <i class=\"fa-solid fa-xmark\"></i>\n          </button>\n        </div>\n        <div class=\"create-wizard-body\">\n          <mj-label-create\n            (Created)=\"OnLabelCreated($event)\"\n            (Cancel)=\"OnCreateWizardCancel()\">\n          </mj-label-create>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Detail panel -->\n  @if (ShowDetailPanel && SelectedLabel) {\n    <mj-label-detail-panel\n      [Label]=\"SelectedLabel\"\n      [AllLabels]=\"Labels\"\n      [ItemCountMap]=\"ItemCountMap\"\n      (Close)=\"OnDetailPanelClose()\"\n      (LabelUpdated)=\"OnLabelUpdated()\"\n      (EntityLinkClick)=\"OnEntityLinkClick($event)\">\n    </mj-label-detail-panel>\n  }\n</div>\n", styles: [".labels-container {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n/* Header */\n.page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 24px;\n}\n\n.header-left { flex: 1; }\n\n.page-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.btn-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-primary:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* KPI Row */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n/* Scope Chips */\n.scope-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.scope-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.scope-chip:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-chip.active {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.scope-chip.active .chip-count {\n    background: color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n    color: var(--mj-text-inverse);\n}\n\n.chip-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n/* Search Bar */\n.search-bar {\n    position: relative;\n    margin-bottom: 20px;\n}\n\n.search-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.search-input {\n    width: 100%;\n    padding: 10px 40px 10px 40px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 10px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n\n.search-input:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.btn-clear {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border-radius: 4px;\n}\n\n.btn-clear:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n/* Labels List */\n.labels-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item i {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n/* Child labels */\n.child-labels {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state p {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta {\n    margin-top: 20px;\n}\n\n/* ==================================================================== */\n/* Create Label Dialog */\n/* ==================================================================== */\n\n/* Step Indicator */\n.step-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active .step-number {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed .step-number {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active .step-label {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed .step-label {\n    color: var(--mj-status-success);\n}\n\n.step-connector {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active {\n    background: var(--mj-status-success);\n}\n\n/* Dialog Step Content */\n.dialog-step {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* Dialog Search */\n.dialog-search {\n    position: relative;\n}\n\n.dialog-search-icon {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n/* Entity List */\n.entity-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option:last-child {\n    border-bottom: none;\n}\n\n.entity-option:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n/* Records */\n.records-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option:last-child {\n    border-bottom: none;\n}\n\n.record-option:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected .record-checkbox {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n/* Details step */\n.details-summary {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item i {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n/* Creating state */\n.creating-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation {\n    margin-bottom: 16px;\n}\n\n.creating-icon {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n/* Progress bar */\n.progress-container {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat i {\n    font-size: 11px;\n}\n\n/* Done state */\n.done-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text {\n    color: var(--mj-status-error);\n}\n\n/* View Toggle */\n.view-toggle {\n    display: flex;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    transition: all 0.15s ease;\n    font-size: 14px;\n}\n\n.toggle-btn:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.toggle-btn + .toggle-btn {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n/* Clickable cards/rows */\n.clickable {\n    cursor: pointer;\n}\n\n.label-card.clickable:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n/* Labels Table (List View) */\n.labels-table {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row:last-child {\n    border-bottom: none;\n}\n\n.list-row:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row:hover .list-arrow {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n/* Sortable headers */\n.sortable-header {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header:hover .sort-icon {\n    opacity: 0.8;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .kpi-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row,\n    .list-row {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity,\n    .list-col-date {\n        display: none;\n    }\n}\n\n/* ================================================================= */\n/* CREATE WIZARD OVERLAY */\n/* ================================================================= */\n\n.create-wizard-overlay {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: fadeIn 0.15s ease;\n}\n\n.create-wizard-container {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title i {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-version-history-labels-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Version Labels\"\n    Icon=\"fa-solid fa-tags\"\n    Subtitle=\"Manage versioning snapshots across your system\">\n    <div meta>\n      <mj-stat-badge\n        [Count]=\"FilteredLabels.length\"\n        [Total]=\"Labels.length\"\n        Label=\"labels\">\n      </mj-stat-badge>\n    </div>\n    <div actions>\n      <mj-filter-popover\n        [ActiveCount]=\"ActiveFilterCount\"\n        [ShowClearAll]=\"ActiveFilterCount > 0\"\n        (ClearAllRequested)=\"resetFilters()\">\n        <mj-filter-panel\n          [Fields]=\"FilterFields\"\n          [Values]=\"FilterValues\"\n          (ValuesChange)=\"onFilterValuesChange($event)\"\n          (Reset)=\"resetFilters()\">\n        </mj-filter-panel>\n      </mj-filter-popover>\n      <mj-view-toggle\n        [Options]=\"viewOptions\"\n        [ActiveKey]=\"ViewMode\"\n        (KeyChange)=\"SetViewMode($any($event))\">\n      </mj-view-toggle>\n      <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"Refresh()\"></mj-refresh-button>\n      <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenCreateDialog()\">\n        <i class=\"fa-solid fa-plus\"></i> Create Label\n      </button>\n    </div>\n    <div toolbar>\n      <mj-page-search\n        Placeholder=\"Search labels by name, description, or entity...\"\n        [Value]=\"SearchText\"\n        (ValueChange)=\"OnSearchChange($event)\">\n      </mj-page-search>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body>\n  @if (IsLoading) {\n    <mj-loading text=\"Loading version labels...\"></mj-loading>\n  }\n\n  @if (!IsLoading) {\n    <!-- KPI Cards -->\n    <div class=\"kpi-row\">\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent); color: var(--mj-brand-primary);\">\n          <i class=\"fa-solid fa-tags\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(TotalLabels)}}</div>\n          <div class=\"kpi-label\">Total Labels</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-success) 10%, transparent); color: var(--mj-status-success);\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(ActiveLabels)}}</div>\n          <div class=\"kpi-label\">Active</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent); color: var(--mj-text-muted);\">\n          <i class=\"fa-solid fa-box-archive\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(ArchivedLabels)}}</div>\n          <div class=\"kpi-label\">Archived</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); color: var(--mj-status-warning);\">\n          <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(RestoredLabels)}}</div>\n          <div class=\"kpi-label\">Restored</div>\n        </div>\n      </div>\n    </div>\n    <!-- Labels Card View -->\n    @if (FilteredLabels.length > 0 && ViewMode === 'card') {\n      <div class=\"labels-list\">\n        @for (label of FilteredLabels; track label) {\n          <div class=\"label-card clickable\"\n            [class.group-parent]=\"IsGroupParent(label)\"\n            (click)=\"OnLabelClick(label)\">\n            <div class=\"label-header\">\n              <div class=\"label-title-row\">\n                <i [class]=\"GetScopeIcon(label.Scope)\" class=\"label-scope-icon\"></i>\n                <h3 class=\"label-name\">{{label.Name}}</h3>\n                @if (IsGroupParent(label)) {\n                  <span class=\"group-badge\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                    {{GetChildLabels(label.ID).length}} records\n                  </span>\n                }\n                <span class=\"label-status\" [ngClass]=\"GetStatusClass(label.Status)\">\n                  {{label.Status}}\n                </span>\n              </div>\n              <div class=\"label-meta\">\n                <span class=\"meta-item\" title=\"Scope\">\n                  <i class=\"fa-solid fa-layer-group\"></i> {{label.Scope}}\n                </span>\n                @if (label.Entity || label.EntityID) {\n                  <span class=\"meta-item\" title=\"Entity\">\n                    <i class=\"fa-solid fa-table\"></i> {{label.Entity ?? ResolveEntityName(label.EntityID)}}\n                  </span>\n                }\n                @if (label.RecordID) {\n                  <span class=\"meta-item\" title=\"Record ID\">\n                    <i class=\"fa-solid fa-fingerprint\"></i> {{label.RecordID | slice:0:12}}...\n                  </span>\n                }\n                @if (label.ItemCount) {\n                  <span class=\"meta-item\" title=\"Items captured\">\n                    <i class=\"fa-solid fa-camera\"></i> {{label.ItemCount}} items\n                  </span>\n                }\n                @if (!label.ItemCount) {\n                  <span class=\"meta-item\" title=\"Items captured\">\n                    <i class=\"fa-solid fa-camera\"></i> {{GetItemCount(label.ID)}} items\n                  </span>\n                }\n                @if (label.CreationDurationMS) {\n                  <span class=\"meta-item\" title=\"Creation time\">\n                    <i class=\"fa-solid fa-stopwatch\"></i> {{FormatDuration(label.CreationDurationMS)}}\n                  </span>\n                }\n                @if (label.CreatedByUser) {\n                  <span class=\"meta-item\" title=\"Created by\">\n                    <i class=\"fa-solid fa-user\"></i> {{label.CreatedByUser}}\n                  </span>\n                }\n                <span class=\"meta-item\" title=\"Created\">\n                  <i class=\"fa-regular fa-clock\"></i> {{FormatDate(label.__mj_CreatedAt)}}\n                </span>\n              </div>\n            </div>\n            @if (label.Description) {\n              <p class=\"label-description\">{{label.Description}}</p>\n            }\n            <!-- Child labels for group parents -->\n            @if (IsGroupParent(label) && GetChildLabels(label.ID).length > 0) {\n              <div class=\"child-labels\">\n                @for (child of GetChildLabels(label.ID); track child) {\n                  <div class=\"child-label\">\n                    <i class=\"fa-solid fa-tag child-icon\"></i>\n                    <span class=\"child-name\">{{child.Name}}</span>\n                    @if (child.RecordID) {\n                      <span class=\"child-record\">{{child.RecordID | slice:0:12}}...</span>\n                    }\n                    @if (child.ItemCount) {\n                      <span class=\"child-items\">{{child.ItemCount}} items</span>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    <!-- Labels List View -->\n    @if (FilteredLabels.length > 0 && ViewMode === 'list') {\n      <div class=\"labels-table\">\n        <div class=\"list-header-row\">\n          <span class=\"list-col-icon\"></span>\n          <span class=\"list-col-name sortable-header\" (click)=\"OnSortChange('Name')\">\n            Name <i [class]=\"GetSortIcon('Name')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-entity\">Entity</span>\n          <span class=\"list-col-status sortable-header\" (click)=\"OnSortChange('Status')\">\n            Status <i [class]=\"GetSortIcon('Status')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-items sortable-header\" (click)=\"OnSortChange('Items')\">\n            Items <i [class]=\"GetSortIcon('Items')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-date sortable-header\" (click)=\"OnSortChange('Date')\">\n            Created <i [class]=\"GetSortIcon('Date')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-arrow\"></span>\n        </div>\n        @for (label of FilteredLabels; track label) {\n          <div class=\"list-row clickable\"\n            (click)=\"OnLabelClick(label)\">\n            <span class=\"list-col-icon\">\n              <i [class]=\"GetScopeIcon(label.Scope)\" class=\"list-scope-icon\"></i>\n            </span>\n            <span class=\"list-col-name\">\n              <span class=\"list-label-name\">{{label.Name}}</span>\n              @if (IsGroupParent(label)) {\n                <span class=\"list-group-badge\">\n                  <i class=\"fa-solid fa-layer-group\"></i> {{GetChildLabels(label.ID).length}}\n                </span>\n              }\n            </span>\n            <span class=\"list-col-entity\">{{label.Entity ?? ResolveEntityName(label.EntityID)}}</span>\n            <span class=\"list-col-status\">\n              <span class=\"label-status small\" [ngClass]=\"GetStatusClass(label.Status)\">{{label.Status}}</span>\n            </span>\n            <span class=\"list-col-items\">{{label.ItemCount || GetItemCount(label.ID)}}</span>\n            <span class=\"list-col-date\">{{FormatDate(label.__mj_CreatedAt)}}</span>\n            <span class=\"list-col-arrow\">\n              <i class=\"fa-solid fa-chevron-right list-arrow\"></i>\n            </span>\n          </div>\n        }\n      </div>\n    }\n    <!-- Empty state -->\n    @if (FilteredLabels.length === 0 && !IsLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-tags empty-icon\"></i>\n        <h3>No labels found</h3>\n        @if (SearchText || ScopeFilter || StatusFilter) {\n          <p>\n            Try adjusting your filters or search criteria.\n          </p>\n        }\n        @if (!SearchText && !ScopeFilter && !StatusFilter) {\n          <p>\n            No version labels have been created yet.\n          </p>\n        }\n        @if (!SearchText && !ScopeFilter && !StatusFilter) {\n          <button class=\"btn-primary empty-cta\"\n            (click)=\"OpenCreateDialog()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>Create Your First Label</span>\n          </button>\n        }\n      </div>\n    }\n  }\n\n  <!-- Create Label Wizard -->\n  @if (ShowCreateWizard) {\n    <div class=\"create-wizard-overlay\" (click)=\"OnCreateWizardCancel()\">\n      <div class=\"create-wizard-container\" (click)=\"$event.stopPropagation()\">\n        <div class=\"create-wizard-header\">\n          <h3 class=\"create-wizard-title\">\n            <i class=\"fa-solid fa-tag\"></i>\n            Create Version Label\n          </h3>\n          <button class=\"create-wizard-close\" (click)=\"OnCreateWizardCancel()\" title=\"Close\">\n            <i class=\"fa-solid fa-xmark\"></i>\n          </button>\n        </div>\n        <div class=\"create-wizard-body\">\n          <mj-label-create\n            (Created)=\"OnLabelCreated($event)\"\n            (Cancel)=\"OnCreateWizardCancel()\">\n          </mj-label-create>\n        </div>\n      </div>\n    </div>\n  }\n\n  </mj-page-body>\n\n  <!-- Detail panel -->\n  @if (ShowDetailPanel && SelectedLabel) {\n    <mj-label-detail-panel\n      [Label]=\"SelectedLabel\"\n      [AllLabels]=\"Labels\"\n      [ItemCountMap]=\"ItemCountMap\"\n      (Close)=\"OnDetailPanelClose()\"\n      (LabelUpdated)=\"OnLabelUpdated()\"\n      (EntityLinkClick)=\"OnEntityLinkClick($event)\">\n    </mj-label-detail-panel>\n  }\n</mj-page-layout>\n", styles: ["/* KPI Row */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n/* Labels List */\n.labels-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item i {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n/* Child labels */\n.child-labels {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state p {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta {\n    margin-top: 20px;\n}\n\n/* ==================================================================== */\n/* Create Label Dialog */\n/* ==================================================================== */\n\n/* Step Indicator */\n.step-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active .step-number {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed .step-number {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active .step-label {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed .step-label {\n    color: var(--mj-status-success);\n}\n\n.step-connector {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active {\n    background: var(--mj-status-success);\n}\n\n/* Dialog Step Content */\n.dialog-step {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* Dialog Search */\n.dialog-search {\n    position: relative;\n}\n\n.dialog-search-icon {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n/* Entity List */\n.entity-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option:last-child {\n    border-bottom: none;\n}\n\n.entity-option:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n/* Records */\n.records-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option:last-child {\n    border-bottom: none;\n}\n\n.record-option:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected .record-checkbox {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n/* Details step */\n.details-summary {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item i {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n/* Creating state */\n.creating-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation {\n    margin-bottom: 16px;\n}\n\n.creating-icon {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n/* Progress bar */\n.progress-container {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat i {\n    font-size: 11px;\n}\n\n/* Done state */\n.done-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text {\n    color: var(--mj-status-error);\n}\n\n/* Clickable cards/rows */\n.clickable {\n    cursor: pointer;\n}\n\n.label-card.clickable:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n/* Labels Table (List View) */\n.labels-table {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row:last-child {\n    border-bottom: none;\n}\n\n.list-row:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row:hover .list-arrow {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n/* Sortable headers */\n.sortable-header {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header:hover .sort-icon {\n    opacity: 0.8;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .kpi-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row,\n    .list-row {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity,\n    .list-col-date {\n        display: none;\n    }\n}\n\n/* ================================================================= */\n/* CREATE WIZARD OVERLAY */\n/* ================================================================= */\n\n.create-wizard-overlay {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: fadeIn 0.15s ease;\n}\n\n.create-wizard-container {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title i {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VersionHistoryLabelsResourceComponent, { className: "VersionHistoryLabelsResourceComponent", filePath: "src/VersionHistory/components/labels-resource.component.ts", lineNumber: 40 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VersionHistoryLabelsResourceComponent, { className: "VersionHistoryLabelsResourceComponent", filePath: "src/VersionHistory/components/labels-resource.component.ts", lineNumber: 41 }); })();
 //# sourceMappingURL=labels-resource.component.js.map