npm - @memberjunction/ng-dashboards - Versions diffs - 5.37.0 → 5.38.0 - Mend

@memberjunction/ng-dashboards 5.37.0 → 5.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/dist/AI/components/autotagging/autotagging-pipeline-resource.component.js CHANGED Viewed

@@ -2434,13 +2434,13 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Cond
     i0.ɵɵrepeater(ctx_r1.FileTypeOptions);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 387);
+    i0.ɵɵelementStart(0, "span", 389);
     i0.ɵɵtext(1, "*");
     i0.ɵɵelementEnd();
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_4_Template(rf, ctx) { if (rf & 1) {
     const _r79 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 392);
+    i0.ɵɵelementStart(0, "input", 394);
     i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_4_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r79); const field_r80 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.FormSourceSpecificConfig[field_r80.Key], $event) || (ctx_r1.FormSourceSpecificConfig[field_r80.Key] = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2451,7 +2451,7 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_5_Template(rf, ctx) { if (rf & 1) {
     const _r81 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 393);
+    i0.ɵɵelementStart(0, "input", 395);
     i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_5_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r81); const field_r80 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.FormSourceSpecificConfig[field_r80.Key], $event) || (ctx_r1.FormSourceSpecificConfig[field_r80.Key] = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2462,7 +2462,7 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_6_Template(rf, ctx) { if (rf & 1) {
     const _r82 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 394);
+    i0.ɵɵelementStart(0, "input", 396);
     i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_6_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r82); const field_r80 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.FormSourceSpecificConfig[field_r80.Key], $event) || (ctx_r1.FormSourceSpecificConfig[field_r80.Key] = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2585,9 +2585,9 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 279)(1, "label", 280);
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Conditional_3_Template, 2, 0, "span", 387);
+    i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Conditional_3_Template, 2, 0, "span", 389);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_4_Template, 1, 2, "input", 388)(5, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_5_Template, 1, 2, "input", 389)(6, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_6_Template, 1, 3, "input", 390)(7, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_7_Template, 5, 1, "select", 391)(8, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_8_Template, 3, 1, "select", 391)(9, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_9_Template, 5, 1, "select", 391)(10, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_10_Template, 5, 2, "select", 391);
+    i0.ɵɵconditionalCreate(4, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_4_Template, 1, 2, "input", 390)(5, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_5_Template, 1, 2, "input", 391)(6, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_6_Template, 1, 3, "input", 392)(7, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_7_Template, 5, 1, "select", 393)(8, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_8_Template, 3, 1, "select", 393)(9, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_9_Template, 5, 1, "select", 393)(10, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Case_10_Template, 5, 2, "select", 393);
     i0.ɵɵconditionalCreate(11, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_14_Conditional_0_Conditional_0_Conditional_11_Template, 2, 1, "span", 385);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2626,14 +2626,66 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_For_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(opt_r91.Name);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    const _r92 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 279)(1, "label", 280);
+    i0.ɵɵtext(2, "Crawl depth");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 397);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_37_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.FormMaxDepth, $event) || (ctx_r1.FormMaxDepth = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 385);
+    i0.ɵɵtext(5, " Recursion ceiling for in-domain links. ");
+    i0.ɵɵelementStart(6, "code");
+    i0.ɵɵtext(7, "0");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, " = just the start URL. ");
+    i0.ɵɵelementStart(9, "code");
+    i0.ɵɵtext(10, "2");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(11, " (default) = root + sections + content pages. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 279)(13, "label", 280)(14, "input", 129);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_37_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.FormCrawlSitesInLowerLevelDomain, $event) || (ctx_r1.FormCrawlSitesInLowerLevelDomain = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(15, " Crawl sites in lower-level domain ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span", 385);
+    i0.ɵɵtext(17, "When on (default), the depth-aware recursive crawler runs. Turn off to crawl only the seed page.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 279)(19, "label", 280)(20, "input", 129);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_37_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.FormCrawlOtherSitesInTopLevelDomain, $event) || (ctx_r1.FormCrawlOtherSitesInTopLevelDomain = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(21, " Crawl other sites in top-level domain ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "span", 385);
+    i0.ɵɵtext(23, "When on, also adds sibling-path URLs found on the seed page. Off by default to avoid accidental fan-out.");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.FormMaxDepth);
+    i0.ɵɵadvance(11);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.FormCrawlSitesInLowerLevelDomain);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.FormCrawlOtherSitesInTopLevelDomain);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_40_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 16);
     i0.ɵɵtext(1, " Saving... ");
 } }
-function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_41_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 75);
     i0.ɵɵtext(1, " Save ");
 } }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    const _r93 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 388)(1, "a", 398);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_44_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r93); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenAdvancedSourceSettings()); });
+    i0.ɵɵelement(2, "i", 399);
+    i0.ɵɵtext(3, " Open advanced settings \u2014 taxonomy mode, all budgets, URL pattern, & more ");
+    i0.ɵɵelementEnd()();
+} }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r74 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 279)(1, "label", 280);
@@ -2676,14 +2728,25 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Temp
     i0.ɵɵelementStart(29, "span", 385);
     i0.ɵɵtext(30, "Overrides Content Type default");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 283)(32, "button", 386);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r74); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveSource()); });
-    i0.ɵɵconditionalCreate(33, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_33_Template, 2, 0)(34, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_34_Template, 2, 0);
+    i0.ɵɵelementStart(31, "div", 279)(32, "label", 280);
+    i0.ɵɵtext(33, "Max items per run");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r74); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseForm()); });
-    i0.ɵɵtext(36, "Cancel");
+    i0.ɵɵelementStart(34, "input", 386);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template_input_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r74); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormMaxItemsPerRun, $event) || (ctx_r1.FormMaxItemsPerRun = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "span", 385);
+    i0.ɵɵtext(36, " Caps the number of content items handed to the LLM. Skipped (unchanged) items don't count. Paused work resumes on the next run. ");
     i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(37, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_37_Template, 24, 3);
+    i0.ɵɵelementStart(38, "div", 283)(39, "button", 387);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r74); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveSource()); });
+    i0.ɵɵconditionalCreate(40, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_40_Template, 2, 0)(41, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_41_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "button", 284);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r74); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseForm()); });
+    i0.ɵɵtext(43, "Cancel");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(44, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Conditional_44_Template, 4, 0, "div", 388);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
@@ -2702,20 +2765,26 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Temp
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.FormSourceVectorIndexID);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.VectorIndexOptions);
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.FormMaxItemsPerRun);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.IsWebsiteSourceTypeSelected ? 37 : -1);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r1.FormSaving);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.FormSaving ? 33 : 34);
+    i0.ɵɵconditional(ctx_r1.FormSaving ? 40 : 41);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.FormMode === "edit-source" && ctx_r1.EditingSourceID ? 44 : -1);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_For_32_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 383);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const opt_r93 = ctx.$implicit;
-    i0.ɵɵproperty("value", opt_r93.ID);
+    const opt_r95 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r95.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(opt_r93.Name);
+    i0.ɵɵtextInterpolate(opt_r95.Name);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 16);
@@ -2726,59 +2795,59 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Cond
     i0.ɵɵtext(1, " Save ");
 } }
 function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r92 = i0.ɵɵgetCurrentView();
+    const _r94 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 279)(1, "label", 280);
     i0.ɵɵtext(2, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 395);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeName, $event) || (ctx_r1.FormTypeName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "input", 400);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeName, $event) || (ctx_r1.FormTypeName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(4, "div", 279)(5, "label", 280);
     i0.ɵɵtext(6, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "textarea", 396);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeDescription, $event) || (ctx_r1.FormTypeDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(7, "textarea", 401);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeDescription, $event) || (ctx_r1.FormTypeDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div", 279)(9, "label", 280);
     i0.ɵɵtext(10, "AI Model (for tagging)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "mj-tree-dropdown", 397);
-    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_mj_tree_dropdown_ValueChange_11_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.FormTypeAIModelID = ctx_r1.FromCompositeKey($event)); });
+    i0.ɵɵelementStart(11, "mj-tree-dropdown", 402);
+    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_mj_tree_dropdown_ValueChange_11_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.FormTypeAIModelID = ctx_r1.FromCompositeKey($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 398)(13, "div", 399)(14, "label", 280);
+    i0.ɵɵelementStart(12, "div", 403)(13, "div", 404)(14, "label", 280);
     i0.ɵɵtext(15, "Min Tags");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "input", 400);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeMinTags, $event) || (ctx_r1.FormTypeMinTags = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(16, "input", 405);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeMinTags, $event) || (ctx_r1.FormTypeMinTags = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 399)(18, "label", 280);
+    i0.ɵɵelementStart(17, "div", 404)(18, "label", 280);
     i0.ɵɵtext(19, "Max Tags");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "input", 401);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeMaxTags, $event) || (ctx_r1.FormTypeMaxTags = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(20, "input", 406);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeMaxTags, $event) || (ctx_r1.FormTypeMaxTags = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(21, "div", 279)(22, "label", 280);
     i0.ɵɵtext(23, "Embedding Model");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(24, "mj-tree-dropdown", 384);
-    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_mj_tree_dropdown_ValueChange_24_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.FormTypeEmbeddingModelID = ctx_r1.FromCompositeKey($event)); });
+    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_mj_tree_dropdown_ValueChange_24_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.FormTypeEmbeddingModelID = ctx_r1.FromCompositeKey($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(25, "div", 279)(26, "label", 280);
     i0.ɵɵtext(27, "Vector Index");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(28, "select", 381);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_select_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeVectorIndexID, $event) || (ctx_r1.FormTypeVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_select_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.FormTypeVectorIndexID, $event) || (ctx_r1.FormTypeVectorIndexID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementStart(29, "option", 382);
     i0.ɵɵtext(30, "Use system default");
     i0.ɵɵelementEnd();
     i0.ɵɵrepeaterCreate(31, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_For_32_Template, 2, 2, "option", 383, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 283)(34, "button", 386);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveContentType()); });
+    i0.ɵɵelementStart(33, "div", 283)(34, "button", 387);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveContentType()); });
     i0.ɵɵconditionalCreate(35, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Conditional_35_Template, 2, 0)(36, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Conditional_36_Template, 2, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(37, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r92); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseForm()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseForm()); });
     i0.ɵɵtext(38, "Cancel");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -2817,7 +2886,7 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Template(rf, ctx) {
     i0.ɵɵelement(9, "i", 102);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(10, "div", 379);
-    i0.ɵɵconditionalCreate(11, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template, 37, 10);
+    i0.ɵɵconditionalCreate(11, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_11_Template, 45, 13);
     i0.ɵɵconditionalCreate(12, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_12_Template, 39, 15);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -2830,8 +2899,8 @@ function AutotaggingPipelineResourceComponent_Conditional_22_Template(rf, ctx) {
     i0.ɵɵconditional(ctx_r1.FormMode === "add-type" || ctx_r1.FormMode === "edit-type" ? 12 : -1);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 420);
-    i0.ɵɵelement(1, "i", 421);
+    i0.ɵɵelementStart(0, "span", 425);
+    i0.ɵɵelement(1, "i", 426);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2840,10 +2909,10 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Cond
     i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedFeedItem.FileTypeName);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 419);
+    i0.ɵɵelementStart(0, "span", 424);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Conditional_2_Template, 3, 1, "span", 420);
+    i0.ɵɵconditionalCreate(2, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Conditional_2_Template, 3, 1, "span", 425);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
@@ -2852,12 +2921,12 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Temp
     i0.ɵɵconditional(ctx_r1.SelectedFeedItem.FileTypeName ? 2 : -1);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 409)(1, "div", 410);
+    i0.ɵɵelementStart(0, "div", 414)(1, "div", 415);
     i0.ɵɵtext(2, "URL");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "a", 422);
+    i0.ɵɵelementStart(3, "a", 427);
     i0.ɵɵtext(4);
-    i0.ɵɵelement(5, "i", 423);
+    i0.ɵɵelement(5, "i", 428);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -2867,10 +2936,10 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_16_Temp
     i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedFeedItem.URL, " ");
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 409)(1, "div", 410);
+    i0.ɵɵelementStart(0, "div", 414)(1, "div", 415);
     i0.ɵɵtext(2, "Content Preview");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 424);
+    i0.ɵɵelementStart(3, "div", 429);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -2879,26 +2948,26 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_17_Temp
     i0.ɵɵtextInterpolate(ctx_r1.SelectedFeedItem.TextContent);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 427);
+    i0.ɵɵelementStart(0, "span", 432);
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "span", 428);
+    i0.ɵɵelementStart(2, "span", 433);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const wt_r95 = ctx.$implicit;
+    const wt_r97 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("font-size", ctx_r1.TagFontSize(wt_r95.Weight));
+    i0.ɵɵstyleProp("font-size", ctx_r1.TagFontSize(wt_r97.Weight));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", wt_r95.Tag, " ");
+    i0.ɵɵtextInterpolate1(" ", wt_r97.Tag, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatWeight(wt_r95.Weight));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatWeight(wt_r97.Weight));
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 409)(1, "div", 410);
+    i0.ɵɵelementStart(0, "div", 414)(1, "div", 415);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 425);
-    i0.ɵɵrepeaterCreate(4, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_For_5_Template, 4, 4, "span", 426, _forTrack3);
+    i0.ɵɵelementStart(3, "div", 430);
+    i0.ɵɵrepeaterCreate(4, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_For_5_Template, 4, 4, "span", 431, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -2908,10 +2977,10 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_Temp
     i0.ɵɵrepeater(ctx_r1.SelectedFeedItem.Tags);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 412)(1, "span", 413);
+    i0.ɵɵelementStart(0, "div", 417)(1, "span", 418);
     i0.ɵɵtext(2, "Checksum");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 429);
+    i0.ɵɵelementStart(3, "span", 434);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -2920,53 +2989,53 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Conditional_23_Temp
     i0.ɵɵtextInterpolate(ctx_r1.SelectedFeedItem.Checksum);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r94 = i0.ɵɵgetCurrentView();
+    const _r96 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 375);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseItemDetail()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r96); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseItemDetail()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 402)(2, "div", 377)(3, "h3");
-    i0.ɵɵelement(4, "i", 403);
+    i0.ɵɵelementStart(1, "div", 407)(2, "div", 377)(3, "h3");
+    i0.ɵɵelement(4, "i", 408);
     i0.ɵɵtext(5, " Content Item");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 404);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseItemDetail()); });
+    i0.ɵɵelementStart(6, "button", 409);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r96); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseItemDetail()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 379)(9, "div", 405)(10, "h4", 406);
+    i0.ɵɵelementStart(8, "div", 379)(9, "div", 410)(10, "h4", 411);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 407)(13, "span", 408);
+    i0.ɵɵelementStart(12, "div", 412)(13, "span", 413);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(15, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_15_Template, 3, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(16, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_16_Template, 6, 2, "div", 409);
-    i0.ɵɵconditionalCreate(17, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_17_Template, 5, 1, "div", 409);
-    i0.ɵɵconditionalCreate(18, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_Template, 6, 1, "div", 409);
-    i0.ɵɵelementStart(19, "div", 409)(20, "div", 410);
+    i0.ɵɵconditionalCreate(16, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_16_Template, 6, 2, "div", 414);
+    i0.ɵɵconditionalCreate(17, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_17_Template, 5, 1, "div", 414);
+    i0.ɵɵconditionalCreate(18, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_18_Template, 6, 1, "div", 414);
+    i0.ɵɵelementStart(19, "div", 414)(20, "div", 415);
     i0.ɵɵtext(21, "Metadata");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 411);
-    i0.ɵɵconditionalCreate(23, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_23_Template, 5, 1, "div", 412);
-    i0.ɵɵelementStart(24, "div", 412)(25, "span", 413);
+    i0.ɵɵelementStart(22, "div", 416);
+    i0.ɵɵconditionalCreate(23, AutotaggingPipelineResourceComponent_Conditional_23_Conditional_23_Template, 5, 1, "div", 417);
+    i0.ɵɵelementStart(24, "div", 417)(25, "span", 418);
     i0.ɵɵtext(26, "Created");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "span", 414);
+    i0.ɵɵelementStart(27, "span", 419);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 412)(30, "span", 413);
+    i0.ɵɵelementStart(29, "div", 417)(30, "span", 418);
     i0.ɵɵtext(31, "Updated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "span", 414);
+    i0.ɵɵelementStart(32, "span", 419);
     i0.ɵɵtext(33);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(34, "div", 415)(35, "button", 93);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r94); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenRecordFromItem(ctx_r1.SelectedFeedItem)); });
-    i0.ɵɵelement(36, "i", 416);
+    i0.ɵɵelementStart(34, "div", 420)(35, "button", 93);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r96); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenRecordFromItem(ctx_r1.SelectedFeedItem)); });
+    i0.ɵɵelement(36, "i", 421);
     i0.ɵɵtext(37, " Open Record ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "button", 417);
-    i0.ɵɵelement(39, "i", 418);
+    i0.ɵɵelementStart(38, "button", 422);
+    i0.ɵɵelement(39, "i", 423);
     i0.ɵɵtext(40, " See Similar Items ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -2992,14 +3061,14 @@ function AutotaggingPipelineResourceComponent_Conditional_23_Template(rf, ctx) {
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "mj-loading", 431);
+    i0.ɵɵelement(1, "mj-loading", 436);
     i0.ɵɵelementEnd();
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 412)(1, "span", 413);
+    i0.ɵɵelementStart(0, "div", 417)(1, "span", 418);
     i0.ɵɵtext(2, "URL");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "a", 448);
+    i0.ɵɵelementStart(3, "a", 453);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -3010,16 +3079,16 @@ function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Cond
     i0.ɵɵtextInterpolate(ctx_r1.SelectedSource.URL);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 412)(1, "span", 413);
+    i0.ɵɵelementStart(0, "div", 417)(1, "span", 418);
     i0.ɵɵtext(2, "Content Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 414);
+    i0.ɵɵelementStart(3, "span", 419);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 412)(6, "span", 413);
+    i0.ɵɵelementStart(5, "div", 417)(6, "span", 418);
     i0.ɵɵtext(7, "File Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 414);
+    i0.ɵɵelementStart(8, "span", 419);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -3034,13 +3103,13 @@ function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const opt_r98 = ctx.$implicit;
-    i0.ɵɵproperty("value", opt_r98);
+    const opt_r100 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r100);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(opt_r98);
+    i0.ɵɵtextInterpolate(opt_r100);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_69_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 444)(1, "p");
+    i0.ɵɵelementStart(0, "div", 449)(1, "p");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -3049,57 +3118,57 @@ function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Cond
     i0.ɵɵtextInterpolate(ctx_r1.SourceDetailStatusFilter === "All" ? "No content items yet." : "No items match this filter.");
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_71_Template(rf, ctx) { if (rf & 1) {
-    const _r99 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 449);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_71_Template_div_click_0_listener() { const ci_r100 = i0.ɵɵrestoreView(_r99).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenContentItemDetail(ci_r100)); });
+    const _r101 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 454);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_71_Template_div_click_0_listener() { const ci_r102 = i0.ɵɵrestoreView(_r101).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenContentItemDetail(ci_r102)); });
     i0.ɵɵelement(1, "div", 105);
-    i0.ɵɵelementStart(2, "span", 450);
+    i0.ɵɵelementStart(2, "span", 455);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 451);
+    i0.ɵɵelementStart(4, "span", 456);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 451);
+    i0.ɵɵelementStart(6, "span", 456);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 452);
+    i0.ɵɵelementStart(8, "span", 457);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 453);
+    i0.ɵɵelementStart(10, "span", 458);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ci_r100 = ctx.$implicit;
+    const ci_r102 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ci_r100.StatusDot);
+    i0.ɵɵclassMap(ci_r102.StatusDot);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ci_r100.Name);
+    i0.ɵɵtextInterpolate(ci_r102.Name);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(ci_r100.EmbeddingStatus));
+    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(ci_r102.EmbeddingStatus));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("E:", ci_r100.EmbeddingStatus);
+    i0.ɵɵtextInterpolate1("E:", ci_r102.EmbeddingStatus);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(ci_r100.TaggingStatus));
+    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(ci_r102.TaggingStatus));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("T:", ci_r100.TaggingStatus);
+    i0.ɵɵtextInterpolate1("T:", ci_r102.TaggingStatus);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ci_r100.TagCount, " tags");
+    i0.ɵɵtextInterpolate1("", ci_r102.TagCount, " tags");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ci_r100.UpdatedAt);
+    i0.ɵɵtextInterpolate(ci_r102.UpdatedAt);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template(rf, ctx) { if (rf & 1) {
-    const _r101 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 446)(1, "button", 454);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r101); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SourceDetailPrevPage()); });
+    const _r103 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 451)(1, "button", 459);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SourceDetailPrevPage()); });
     i0.ɵɵelement(2, "i", 112);
     i0.ɵɵtext(3, " Prev ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 455);
+    i0.ɵɵelementStart(4, "span", 460);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 454);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r101); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SourceDetailNextPage()); });
+    i0.ɵɵelementStart(6, "button", 459);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SourceDetailNextPage()); });
     i0.ɵɵtext(7, " Next ");
     i0.ɵɵelement(8, "i", 114);
     i0.ɵɵelementEnd()();
@@ -3113,37 +3182,37 @@ function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Cond
     i0.ɵɵproperty("disabled", ctx_r1.SourceDetailPage >= ctx_r1.SourceDetailTotalPages - 1);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_73_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 457)(1, "span", 99);
+    i0.ɵɵelementStart(0, "div", 462)(1, "span", 99);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 458);
+    i0.ɵɵelementStart(3, "span", 463);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 459);
+    i0.ɵɵelementStart(5, "span", 464);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 460);
+    i0.ɵɵelementStart(7, "span", 465);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const run_r102 = ctx.$implicit;
+    const run_r104 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(run_r102.StatusClass);
+    i0.ɵɵclassMap(run_r104.StatusClass);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(run_r102.Status);
+    i0.ɵɵtextInterpolate(run_r104.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(run_r102.StartedDisplay);
+    i0.ɵɵtextInterpolate(run_r104.StartedDisplay);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(run_r102.Duration);
+    i0.ɵɵtextInterpolate(run_r104.Duration);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", run_r102.Items, " items");
+    i0.ɵɵtextInterpolate1("", run_r104.Items, " items");
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_73_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 409)(1, "div", 410);
+    i0.ɵɵelementStart(0, "div", 414)(1, "div", 415);
     i0.ɵɵtext(2, "Recent Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 456);
-    i0.ɵɵrepeaterCreate(4, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_73_For_5_Template, 9, 6, "div", 457, _forTrack2);
+    i0.ɵɵelementStart(3, "div", 461);
+    i0.ɵɵrepeaterCreate(4, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_73_For_5_Template, 9, 6, "div", 462, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -3151,103 +3220,103 @@ function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Cond
     i0.ɵɵrepeater(ctx_r1.SelectedSource.RunHistory);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r97 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 432)(1, "div", 152);
+    const _r99 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 437)(1, "div", 152);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div")(4, "h4", 406);
+    i0.ɵɵelementStart(3, "div")(4, "h4", 411);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 407)(7, "span", 419);
+    i0.ɵɵelementStart(6, "div", 412)(7, "span", 424);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 433);
+    i0.ɵɵelementStart(9, "span", 438);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(11, "div", 409)(12, "div", 410);
+    i0.ɵɵelementStart(11, "div", 414)(12, "div", 415);
     i0.ɵɵtext(13, "Configuration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 411);
-    i0.ɵɵconditionalCreate(15, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_15_Template, 5, 2, "div", 412);
+    i0.ɵɵelementStart(14, "div", 416);
+    i0.ɵɵconditionalCreate(15, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_15_Template, 5, 2, "div", 417);
     i0.ɵɵconditionalCreate(16, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_16_Template, 10, 2);
-    i0.ɵɵelementStart(17, "div", 412)(18, "span", 413);
+    i0.ɵɵelementStart(17, "div", 417)(18, "span", 418);
     i0.ɵɵtext(19, "Embedding Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "span", 414);
+    i0.ɵɵelementStart(20, "span", 419);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 412)(23, "span", 413);
+    i0.ɵɵelementStart(22, "div", 417)(23, "span", 418);
     i0.ɵɵtext(24, "Vector Index");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "span", 414);
+    i0.ɵɵelementStart(25, "span", 419);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(27, "div", 409)(28, "div", 410);
+    i0.ɵɵelementStart(27, "div", 414)(28, "div", 415);
     i0.ɵɵtext(29, "Statistics");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "div", 434)(31, "div", 435)(32, "div", 436);
+    i0.ɵɵelementStart(30, "div", 439)(31, "div", 440)(32, "div", 441);
     i0.ɵɵtext(33);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "div", 437);
+    i0.ɵɵelementStart(34, "div", 442);
     i0.ɵɵtext(35, "Items");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 435)(37, "div", 436);
+    i0.ɵɵelementStart(36, "div", 440)(37, "div", 441);
     i0.ɵɵtext(38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "div", 437);
+    i0.ɵɵelementStart(39, "div", 442);
     i0.ɵɵtext(40, "Tags");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(41, "div", 435)(42, "div", 436);
+    i0.ɵɵelementStart(41, "div", 440)(42, "div", 441);
     i0.ɵɵtext(43);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "div", 437);
+    i0.ɵɵelementStart(44, "div", 442);
     i0.ɵɵtext(45, "Avg Tags");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(46, "div", 435)(47, "div", 436);
+    i0.ɵɵelementStart(46, "div", 440)(47, "div", 441);
     i0.ɵɵtext(48);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "div", 437);
+    i0.ɵɵelementStart(49, "div", 442);
     i0.ɵɵtext(50, "Last Run");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(51, "div", 435)(52, "div", 436);
+    i0.ɵɵelementStart(51, "div", 440)(52, "div", 441);
     i0.ɵɵtext(53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "div", 437);
+    i0.ɵɵelementStart(54, "div", 442);
     i0.ɵɵtext(55, "Errors");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(56, "div", 409)(57, "div", 438)(58, "div", 410);
+    i0.ɵɵelementStart(56, "div", 414)(57, "div", 443)(58, "div", 415);
     i0.ɵɵtext(59);
     i0.ɵɵpipe(60, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(61, "div", 439)(62, "select", 440);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_select_ngModelChange_62_listener($event) { i0.ɵɵrestoreView(_r97); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SourceDetailStatusFilter, $event) || (ctx_r1.SourceDetailStatusFilter = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_select_ngModelChange_62_listener() { i0.ɵɵrestoreView(_r97); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSourceDetailStatusFilterChange()); });
+    i0.ɵɵelementStart(61, "div", 444)(62, "select", 445);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_select_ngModelChange_62_listener($event) { i0.ɵɵrestoreView(_r99); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SourceDetailStatusFilter, $event) || (ctx_r1.SourceDetailStatusFilter = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_select_ngModelChange_62_listener() { i0.ɵɵrestoreView(_r99); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSourceDetailStatusFilterChange()); });
     i0.ɵɵrepeaterCreate(63, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_64_Template, 2, 2, "option", 383, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(65, "button", 441);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_65_listener() { i0.ɵɵrestoreView(_r97); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RetryFailedItems()); });
-    i0.ɵɵelement(66, "i", 442);
+    i0.ɵɵelementStart(65, "button", 446);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_65_listener() { i0.ɵɵrestoreView(_r99); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RetryFailedItems()); });
+    i0.ɵɵelement(66, "i", 447);
     i0.ɵɵtext(67, " Retry Failed ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(68, "div", 443);
-    i0.ɵɵconditionalCreate(69, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_69_Template, 3, 1, "div", 444);
-    i0.ɵɵrepeaterCreate(70, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_71_Template, 12, 11, "div", 445, _forTrack2);
+    i0.ɵɵelementStart(68, "div", 448);
+    i0.ɵɵconditionalCreate(69, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_69_Template, 3, 1, "div", 449);
+    i0.ɵɵrepeaterCreate(70, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_For_71_Template, 12, 11, "div", 450, _forTrack2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(72, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template, 9, 4, "div", 446);
+    i0.ɵɵconditionalCreate(72, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_72_Template, 9, 4, "div", 451);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(73, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_73_Template, 6, 0, "div", 409);
-    i0.ɵɵelementStart(74, "div", 415)(75, "button", 93);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_75_listener() { i0.ɵɵrestoreView(_r97); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenEditSourceFromDetail()); });
+    i0.ɵɵconditionalCreate(73, AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Conditional_73_Template, 6, 0, "div", 414);
+    i0.ɵɵelementStart(74, "div", 420)(75, "button", 93);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_75_listener() { i0.ɵɵrestoreView(_r99); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenEditSourceFromDetail()); });
     i0.ɵɵelement(76, "i", 164);
     i0.ɵɵtext(77, " Edit ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(78, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_78_listener() { i0.ɵɵrestoreView(_r97); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RunSourceFromDetail()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_78_listener() { i0.ɵɵrestoreView(_r99); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RunSourceFromDetail()); });
     i0.ɵɵelement(79, "i", 17);
     i0.ɵɵtext(80, " Run Now ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(81, "button", 447);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_81_listener() { i0.ɵɵrestoreView(_r97); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.DeleteSourceFromDetail()); });
+    i0.ɵɵelementStart(81, "button", 452);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Template_button_click_81_listener() { i0.ɵɵrestoreView(_r99); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.DeleteSourceFromDetail()); });
     i0.ɵɵelement(82, "i", 167);
     i0.ɵɵtext(83, " Delete ");
     i0.ɵɵelementEnd()();
@@ -3299,16 +3368,16 @@ function AutotaggingPipelineResourceComponent_Conditional_24_Conditional_10_Temp
     i0.ɵɵconditional(ctx_r1.SelectedSource.RunHistory.length > 0 ? 73 : -1);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    const _r96 = i0.ɵɵgetCurrentView();
+    const _r98 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 375);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r96); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSourceDetail()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r98); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSourceDetail()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 402)(2, "div", 377)(3, "h3");
+    i0.ɵɵelementStart(1, "div", 407)(2, "div", 377)(3, "h3");
     i0.ɵɵelement(4, "i", 55);
     i0.ɵɵtext(5, " Source Detail");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 430);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r96); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSourceDetail()); });
+    i0.ɵɵelementStart(6, "button", 435);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_24_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r98); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSourceDetail()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div", 379);
@@ -3331,54 +3400,54 @@ function AutotaggingPipelineResourceComponent_Conditional_25_Conditional_34_Temp
     i0.ɵɵtext(1, " Create Schedule ");
 } }
 function AutotaggingPipelineResourceComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r103 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 461);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseScheduleDialog()); });
-    i0.ɵɵelementStart(1, "div", 462);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r103); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "h3");
+    const _r105 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 466);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseScheduleDialog()); });
+    i0.ɵɵelementStart(1, "div", 467);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r105); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "h3");
     i0.ɵɵelement(4, "i", 169);
     i0.ɵɵtext(5, " Schedule Pipeline");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 352);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseScheduleDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseScheduleDialog()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 464)(9, "div", 465)(10, "label");
+    i0.ɵɵelementStart(8, "div", 469)(9, "div", 470)(10, "label");
     i0.ɵɵtext(11, "Source");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 466);
+    i0.ɵɵelementStart(12, "div", 471);
     i0.ɵɵelement(13, "i");
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 465)(16, "label");
+    i0.ɵɵelementStart(15, "div", 470)(16, "label");
     i0.ɵɵtext(17, "Action");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 467);
+    i0.ɵɵelementStart(18, "div", 472);
     i0.ɵɵtext(19, "Autotag and Vectorize Content");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 465)(21, "label", 468);
+    i0.ɵɵelementStart(20, "div", 470)(21, "label", 473);
     i0.ɵɵtext(22, "Cron Expression");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "input", 469);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_25_Template_input_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleCron, $event) || (ctx_r1.ScheduleCron = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(23, "input", 474);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_25_Template_input_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleCron, $event) || (ctx_r1.ScheduleCron = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 470);
+    i0.ɵɵelementStart(24, "div", 475);
     i0.ɵɵelement(25, "i", 374);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 471)(28, "label", 472);
+    i0.ɵɵelementStart(27, "div", 476)(28, "label", 477);
     i0.ɵɵtext(29, "Enabled");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "input", 473);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_25_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleEnabled, $event) || (ctx_r1.ScheduleEnabled = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(30, "input", 478);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_25_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleEnabled, $event) || (ctx_r1.ScheduleEnabled = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(31, "div", 474)(32, "button", 386);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveSchedule()); });
+    i0.ɵɵelementStart(31, "div", 479)(32, "button", 387);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveSchedule()); });
     i0.ɵɵconditionalCreate(33, AutotaggingPipelineResourceComponent_Conditional_25_Conditional_33_Template, 2, 0)(34, AutotaggingPipelineResourceComponent_Conditional_25_Conditional_34_Template, 2, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(35, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r103); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseScheduleDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_25_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseScheduleDialog()); });
     i0.ɵɵtext(36, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -3399,29 +3468,29 @@ function AutotaggingPipelineResourceComponent_Conditional_25_Template(rf, ctx) {
     i0.ɵɵconditional(ctx_r1.ScheduleSaving ? 33 : 34);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r104 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 461);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r104); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogCancel()); });
-    i0.ɵɵelementStart(1, "div", 462);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r104); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "h3");
-    i0.ɵɵelement(4, "i", 475);
+    const _r106 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 466);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogCancel()); });
+    i0.ɵɵelementStart(1, "div", 467);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r106); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "h3");
+    i0.ɵɵelement(4, "i", 480);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 352);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r104); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogCancel()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogCancel()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 464)(9, "p", 476);
+    i0.ɵɵelementStart(8, "div", 469)(9, "p", 481);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 474)(12, "button", 89);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r104); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogAccept()); });
+    i0.ɵɵelementStart(11, "div", 479)(12, "button", 89);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogAccept()); });
     i0.ɵɵelement(13, "i", 75);
     i0.ɵɵtext(14, " Confirm ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(15, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r104); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogCancel()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_26_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmDialogCancel()); });
     i0.ɵɵtext(16, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -3432,35 +3501,35 @@ function AutotaggingPipelineResourceComponent_Conditional_26_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(ctx_r1.ConfirmDialogMessage);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    const _r105 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 461);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSplitDialog()); });
-    i0.ɵɵelementStart(1, "div", 462);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r105); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "h3");
+    const _r107 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 466);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSplitDialog()); });
+    i0.ɵɵelementStart(1, "div", 467);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r107); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "h3");
     i0.ɵɵelement(4, "i", 288);
     i0.ɵɵtext(5, " Split Tag");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 352);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSplitDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSplitDialog()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 464)(9, "div", 465)(10, "label");
+    i0.ɵɵelementStart(8, "div", 469)(9, "div", 470)(10, "label");
     i0.ɵɵtext(11, "New tag names (comma-separated)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "input", 477);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_27_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SplitChildNames, $event) || (ctx_r1.SplitChildNames = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(12, "input", 482);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_27_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SplitChildNames, $event) || (ctx_r1.SplitChildNames = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "p", 476);
+    i0.ɵɵelementStart(13, "p", 481);
     i0.ɵɵtext(14, "New tags will be created as siblings of the original tag under the same parent.");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 474)(16, "button", 386);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteSplit()); });
+    i0.ɵɵelementStart(15, "div", 479)(16, "button", 387);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteSplit()); });
     i0.ɵɵelement(17, "i", 288);
     i0.ɵɵtext(18, " Create Tags ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(19, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r105); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSplitDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_27_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseSplitDialog()); });
     i0.ɵɵtext(20, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -3471,42 +3540,42 @@ function AutotaggingPipelineResourceComponent_Conditional_27_Template(rf, ctx) {
     i0.ɵɵproperty("disabled", !ctx_r1.SplitChildNames.trim());
 } }
 function AutotaggingPipelineResourceComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    const _r106 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 461);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseCreateTagDialog()); });
-    i0.ɵɵelementStart(1, "div", 462);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r106); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "h3");
+    const _r108 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 466);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseCreateTagDialog()); });
+    i0.ɵɵelementStart(1, "div", 467);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r108); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "h3");
     i0.ɵɵelement(4, "i", 25);
     i0.ɵɵtext(5, " Create Tag");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 352);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseCreateTagDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseCreateTagDialog()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 464)(9, "div", 478);
+    i0.ɵɵelementStart(8, "div", 469)(9, "div", 483);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 465)(12, "label");
+    i0.ɵɵelementStart(11, "div", 470)(12, "label");
     i0.ɵɵtext(13, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "input", 479);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_28_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.CreateTagName, $event) || (ctx_r1.CreateTagName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("keydown.enter", function AutotaggingPipelineResourceComponent_Conditional_28_Template_input_keydown_enter_14_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveNewTag()); });
+    i0.ɵɵelementStart(14, "input", 484);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_28_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.CreateTagName, $event) || (ctx_r1.CreateTagName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keydown.enter", function AutotaggingPipelineResourceComponent_Conditional_28_Template_input_keydown_enter_14_listener() { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveNewTag()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 465)(16, "label");
+    i0.ɵɵelementStart(15, "div", 470)(16, "label");
     i0.ɵɵtext(17, "Description (optional)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "textarea", 480);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_28_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.CreateTagDescription, $event) || (ctx_r1.CreateTagDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(18, "textarea", 485);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_28_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.CreateTagDescription, $event) || (ctx_r1.CreateTagDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(19, "div", 474)(20, "button", 386);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveNewTag()); });
+    i0.ɵɵelementStart(19, "div", 479)(20, "button", 387);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveNewTag()); });
     i0.ɵɵelement(21, "i", 75);
     i0.ɵɵtext(22, " Create ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(23, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r106); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseCreateTagDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_28_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r108); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseCreateTagDialog()); });
     i0.ɵɵtext(24, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -3521,46 +3590,46 @@ function AutotaggingPipelineResourceComponent_Conditional_28_Template(rf, ctx) {
     i0.ɵɵproperty("disabled", !ctx_r1.CreateTagName.trim());
 } }
 function AutotaggingPipelineResourceComponent_Conditional_29_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 482);
+    i0.ɵɵelementStart(0, "option", 487);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const opt_r108 = ctx.$implicit;
-    i0.ɵɵproperty("ngValue", opt_r108.ID);
+    const opt_r110 = ctx.$implicit;
+    i0.ɵɵproperty("ngValue", opt_r110.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", "\u00A0\u00A0".repeat(opt_r108.Depth), "", opt_r108.Name);
+    i0.ɵɵtextInterpolate2("", "\u00A0\u00A0".repeat(opt_r110.Depth), "", opt_r110.Name);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    const _r107 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 461);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMoveDialog()); });
-    i0.ɵɵelementStart(1, "div", 462);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r107); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "h3");
+    const _r109 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 466);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMoveDialog()); });
+    i0.ɵɵelementStart(1, "div", 467);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r109); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "h3");
     i0.ɵɵelement(4, "i", 286);
     i0.ɵɵtext(5, " Move Tag");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 352);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMoveDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMoveDialog()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 464)(9, "div", 465)(10, "label");
+    i0.ɵɵelementStart(8, "div", 469)(9, "div", 470)(10, "label");
     i0.ɵɵtext(11, "New parent tag");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "select", 481);
-    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_29_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.MoveNewParentID, $event) || (ctx_r1.MoveNewParentID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(13, "option", 482);
+    i0.ɵɵelementStart(12, "select", 486);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_29_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.MoveNewParentID, $event) || (ctx_r1.MoveNewParentID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(13, "option", 487);
     i0.ɵɵtext(14, "(Root level \u2014 no parent)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(15, AutotaggingPipelineResourceComponent_Conditional_29_For_16_Template, 2, 3, "option", 482, _forTrack2);
+    i0.ɵɵrepeaterCreate(15, AutotaggingPipelineResourceComponent_Conditional_29_For_16_Template, 2, 3, "option", 487, _forTrack2);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(17, "div", 474)(18, "button", 93);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMove()); });
+    i0.ɵɵelementStart(17, "div", 479)(18, "button", 93);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMove()); });
     i0.ɵɵelement(19, "i", 75);
     i0.ɵɵtext(20, " Move ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r107); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMoveDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_29_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMoveDialog()); });
     i0.ɵɵtext(22, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -3581,34 +3650,34 @@ function AutotaggingPipelineResourceComponent_Conditional_30_Conditional_18_Temp
     i0.ɵɵtext(1, " Merge ");
 } }
 function AutotaggingPipelineResourceComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    const _r109 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 461);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeIntoDialog()); });
-    i0.ɵɵelementStart(1, "div", 462);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r109); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "h3");
+    const _r111 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 466);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r111); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeIntoDialog()); });
+    i0.ɵɵelementStart(1, "div", 467);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r111); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "h3");
     i0.ɵɵelement(4, "i", 287);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 352);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeIntoDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r111); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeIntoDialog()); });
     i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 464)(9, "p", 483);
+    i0.ɵɵelementStart(8, "div", 469)(9, "p", 488);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 465)(12, "label");
+    i0.ɵɵelementStart(11, "div", 470)(12, "label");
     i0.ɵɵtext(13, "Merge into");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-combobox", 484);
-    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_30_Template_mj_combobox_ValueChange_14_listener($event) { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnMergeTargetSelected($event)); });
+    i0.ɵɵelementStart(14, "mj-combobox", 489);
+    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_30_Template_mj_combobox_ValueChange_14_listener($event) { i0.ɵɵrestoreView(_r111); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnMergeTargetSelected($event)); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "div", 474)(16, "button", 386);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMergeInto()); });
+    i0.ɵɵelementStart(15, "div", 479)(16, "button", 387);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r111); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMergeInto()); });
     i0.ɵɵconditionalCreate(17, AutotaggingPipelineResourceComponent_Conditional_30_Conditional_17_Template, 2, 0)(18, AutotaggingPipelineResourceComponent_Conditional_30_Conditional_18_Template, 2, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(19, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r109); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeIntoDialog()); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_30_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r111); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeIntoDialog()); });
     i0.ɵɵtext(20, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -3625,36 +3694,36 @@ function AutotaggingPipelineResourceComponent_Conditional_30_Template(rf, ctx) {
     i0.ɵɵconditional(ctx_r1.IsMerging ? 17 : 18);
 } }
 function AutotaggingPipelineResourceComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    const _r110 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 485);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r110); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ShowNoContentTypeWarning = false); });
-    i0.ɵɵelementStart(1, "div", 486);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r110); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 463)(3, "span");
-    i0.ɵɵelement(4, "i", 487);
+    const _r112 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 490);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r112); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ShowNoContentTypeWarning = false); });
+    i0.ɵɵelementStart(1, "div", 491);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r112); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 468)(3, "span");
+    i0.ɵɵelement(4, "i", 492);
     i0.ɵɵtext(5, " Content Type Required");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 488);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r110); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ShowNoContentTypeWarning = false); });
-    i0.ɵɵelement(7, "i", 489);
+    i0.ɵɵelementStart(6, "button", 493);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r112); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ShowNoContentTypeWarning = false); });
+    i0.ɵɵelement(7, "i", 494);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 490)(9, "p", 491);
+    i0.ɵɵelementStart(8, "div", 495)(9, "p", 496);
     i0.ɵɵtext(10, " No content types have been configured yet. At least one content type is required before you can create a content source. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 492);
+    i0.ɵɵelementStart(11, "p", 497);
     i0.ɵɵtext(12, " Go to the ");
     i0.ɵɵelementStart(13, "strong");
     i0.ɵɵtext(14, "Content Types");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(15, " tab to create one. ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 474)(17, "button", 493);
-    i0.ɵɵlistener("mousedown", function AutotaggingPipelineResourceComponent_Conditional_31_Template_button_mousedown_17_listener() { i0.ɵɵrestoreView(_r110); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ShowNoContentTypeWarning = false; ctx_r1.CloseForm(); return i0.ɵɵresetView(ctx_r1.SwitchTab("types")); });
-    i0.ɵɵelement(18, "i", 494);
+    i0.ɵɵelementStart(16, "div", 479)(17, "button", 498);
+    i0.ɵɵlistener("mousedown", function AutotaggingPipelineResourceComponent_Conditional_31_Template_button_mousedown_17_listener() { i0.ɵɵrestoreView(_r112); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ShowNoContentTypeWarning = false; ctx_r1.CloseForm(); return i0.ɵɵresetView(ctx_r1.SwitchTab("types")); });
+    i0.ɵɵelement(18, "i", 499);
     i0.ɵɵtext(19, " Go to Content Types ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(20, "button", 284);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r110); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ShowNoContentTypeWarning = false); });
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_31_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r112); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ShowNoContentTypeWarning = false); });
     i0.ɵɵtext(21, "Close");
     i0.ɵɵelementEnd()()()();
 } }
@@ -3892,6 +3961,27 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     // Embedding model + vector index form fields (Content Source overrides)
     FormSourceEmbeddingModelID = '';
     FormSourceVectorIndexID = '';
+    // Slide-in is the QUICK-EDIT surface for content sources. We only expose the
+    // most-useful subset of the new knobs here; the full surface (other budgets,
+    // URL pattern, root URL, taxonomy mode, thresholds, …) lives on the entity
+    // form opened via the "Open Advanced settings →" link below.
+    //
+    // Decisions:
+    //   - MaxItemsPerRun: the single most-asked-for cap → always shown
+    //   - MaxDepth + the two crawl toggles: Website-only, the symptom that
+    //     started this whole work
+    //   - Everything else: too niche for the quick-edit surface
+    FormMaxItemsPerRun = null;
+    FormMaxDepth = null;
+    FormCrawlSitesInLowerLevelDomain = true;
+    FormCrawlOtherSitesInTopLevelDomain = false;
+    /** True when the form's selected source type is Website — gates the crawler knobs. */
+    get IsWebsiteSourceTypeSelected() {
+        if (!this.FormSourceTypeID)
+            return false;
+        const t = this.SourceTypeOptions.find(o => UUIDsEqual(o.ID, this.FormSourceTypeID));
+        return t != null && t.Name?.trim().toLowerCase() === 'website';
+    }
     // ── Schedule dialog ──
     /** Whether the schedule creation dialog is visible */
     ShowScheduleDialog = false;
@@ -5056,18 +5146,43 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         this.FormSourceEmbeddingModelID = card.EmbeddingModelID ?? '';
         this.FormSourceVectorIndexID = card.VectorIndexID ?? '';
         this.EditingSourceID = card.ID;
-        // Populate FormSourceSpecificConfig from existing Configuration JSON
+        // Populate quick-edit knobs + FormSourceSpecificConfig from Configuration JSON.
+        // Reset to defaults first so a previously-edited source's values don't leak in.
         this.FormSourceSpecificConfig = {};
+        this.FormMaxItemsPerRun = null;
+        this.FormMaxDepth = null;
+        this.FormCrawlSitesInLowerLevelDomain = true;
+        this.FormCrawlOtherSitesInTopLevelDomain = false;
         const rawSource = this.contentSourcesRaw.find(s => UUIDsEqual(s['ID'], card.ID));
         if (rawSource) {
             const configStr = rawSource['Configuration'];
             if (configStr) {
                 try {
                     const parsed = JSON.parse(configStr);
-                    const specific = parsed?.SourceSpecificConfiguration;
+                    const specific = parsed?.['SourceSpecificConfiguration'];
                     if (specific) {
                         this.FormSourceSpecificConfig = { ...specific };
                     }
+                    // Run-budget knob — pulled directly off the typed Configuration.
+                    const items = parsed?.['MaxItemsPerRun'];
+                    if (typeof items === 'number' && Number.isFinite(items)) {
+                        this.FormMaxItemsPerRun = items;
+                    }
+                    // Website sub-object — only populates the inputs when present
+                    // (matches the autotagger's "unset = default" semantics).
+                    const website = parsed?.['Website'];
+                    if (website) {
+                        const depth = website['MaxDepth'];
+                        if (typeof depth === 'number' && Number.isFinite(depth)) {
+                            this.FormMaxDepth = depth;
+                        }
+                        if (typeof website['CrawlSitesInLowerLevelDomain'] === 'boolean') {
+                            this.FormCrawlSitesInLowerLevelDomain = website['CrawlSitesInLowerLevelDomain'];
+                        }
+                        if (typeof website['CrawlOtherSitesInTopLevelDomain'] === 'boolean') {
+                            this.FormCrawlOtherSitesInTopLevelDomain = website['CrawlOtherSitesInTopLevelDomain'];
+                        }
+                    }
                 }
                 catch {
                     // Configuration not valid JSON, ignore
@@ -5077,6 +5192,19 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         this.FormMode = 'edit-source';
         this.cdr.detectChanges();
     }
+    /**
+     * Open the full entity form for the source currently being edited in the
+     * slide-in. Quick-edit covers the most-used knobs; the entity form (with
+     * the dynamically-mounted BaseFormPanel slots) exposes everything else
+     * — taxonomy mode, thresholds, all five run-budget caps, URL pattern,
+     * root URL, etc.
+     */
+    async OpenAdvancedSourceSettings() {
+        if (!this.EditingSourceID)
+            return;
+        this.CloseForm();
+        await this.navigationService.OpenEntityRecord('MJ: Content Sources', CompositeKey.FromID(this.EditingSourceID));
+    }
     async SaveSource() {
         if (this.FormSaving)
             return;
@@ -5160,6 +5288,31 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             // Store the full SourceSpecificConfiguration in the Configuration JSON
             const currentConfig = entity.ConfigurationObject ?? {};
             currentConfig.SourceSpecificConfiguration = { ...this.FormSourceSpecificConfig };
+            // Persist the quick-edit knobs that don't have their own DB columns
+            // (the rest live on the typed Configuration JSON sub-objects). The
+            // advanced settings flow on the entity form can override more fields
+            // — we only touch the keys the slide-in exposes so we don't clobber
+            // unrelated values an operator set there earlier.
+            if (this.FormMaxItemsPerRun != null && Number.isFinite(this.FormMaxItemsPerRun)) {
+                currentConfig.MaxItemsPerRun = this.FormMaxItemsPerRun;
+            }
+            else {
+                // Empty input = "unlimited" — strip the key so the autotagger
+                // sees no cap (rather than 0 = "process zero items").
+                delete currentConfig.MaxItemsPerRun;
+            }
+            if (this.IsWebsiteSourceTypeSelected) {
+                const website = { ...(currentConfig.Website ?? {}) };
+                if (this.FormMaxDepth != null && Number.isFinite(this.FormMaxDepth)) {
+                    website.MaxDepth = this.FormMaxDepth;
+                }
+                else {
+                    delete website.MaxDepth;
+                }
+                website.CrawlSitesInLowerLevelDomain = this.FormCrawlSitesInLowerLevelDomain;
+                website.CrawlOtherSitesInTopLevelDomain = this.FormCrawlOtherSitesInTopLevelDomain;
+                currentConfig.Website = website;
+            }
             entity.ConfigurationObject = currentConfig;
             entity.EmbeddingModelID = this.FormSourceEmbeddingModelID || null;
             entity.VectorIndexID = this.FormSourceVectorIndexID || null;
@@ -5993,6 +6146,11 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         this.FormSourceVectorIndexID = '';
         this.EditingSourceID = '';
         this.FormSourceSpecificConfig = {};
+        // Quick-edit knobs — defaults match the autotagger's runtime defaults.
+        this.FormMaxItemsPerRun = null;
+        this.FormMaxDepth = null;
+        this.FormCrawlSitesInLowerLevelDomain = true;
+        this.FormCrawlOtherSitesInTopLevelDomain = false;
     }
     resetTypeForm() {
         this.FormTypeName = '';
@@ -7885,7 +8043,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         this.cdr.detectChanges();
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵAutotaggingPipelineResourceComponent_BaseFactory; return function AutotaggingPipelineResourceComponent_Factory(__ngFactoryType__) { return (ɵAutotaggingPipelineResourceComponent_BaseFactory || (ɵAutotaggingPipelineResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AutotaggingPipelineResourceComponent)))(__ngFactoryType__ || AutotaggingPipelineResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutotaggingPipelineResourceComponent, selectors: [["app-autotagging-pipeline-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 32, vars: 24, consts: [["Title", "Classify", "Icon", "fa-solid fa-tags", "Subtitle", "Content classification, taxonomy, and autotagging pipeline"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [3, "Flex", "Padding"], [1, "at-dashboard"], [3, "ItemClicked", "Sections", "ActiveId"], [3, "Title", "Subtitle"], ["toolbar", ""], ["mjButton", "", "variant", "secondary", "size", "sm"], ["mjButton", "", "variant", "primary", "size", "sm"], [3, "ActiveCount", "ShowClearAll"], [3, "Padding", "Flex"], [1, "at-main-area"], [1, "at-loading-overlay"], [1, "at-schedule-overlay"], [1, "at-schedule-dialog-overlay", 2, "z-index", "10001"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 3, "ngModel"], [3, "Tabs", "ActiveKey"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 3, "ngModelChange", "input", "ngModel"], [3, "TabChange", "Tabs", "ActiveKey"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], ["text", "Loading autotagging data..."], [1, "at-page-body"], [1, "at-kpi-strip"], [1, "at-kpi-card"], [1, "at-pipeline-layout"], [1, "at-pipeline-center"], [1, "at-pipeline-stages"], [1, "at-progress-section"], [1, "at-card", 2, "margin-bottom", "12px"], [1, "at-card", "at-feed-card"], [1, "at-card-header"], [1, "at-card-title"], [1, "fa-solid", "fa-bolt"], [1, "at-feed-header-actions"], [1, "at-feed-sort-btn", 3, "click", "title"], [1, "fa-solid"], [1, "at-feed-count"], [1, "at-feed-search-bar"], [1, "fa-solid", "fa-search", "at-feed-search-icon"], ["type", "text", "placeholder", "Search items, sources, or tags...", 1, "mj-input", "at-feed-search-input", 3, "ngModelChange", "input", "ngModel"], [1, "at-feed-search-clear"], [1, "at-card-body", "at-feed-scroll-body"], [1, "at-empty-state"], [1, "at-feed-item", "at-feed-item-clickable"], [1, "at-feed-pagination"], [1, "at-pipeline-right"], [1, "at-card"], [1, "fa-solid", "fa-database"], [1, "at-card-body"], [1, "at-source-mini"], [1, "at-card", "at-tag-cloud-card"], [1, "at-card-title", 2, "margin-bottom", "10px"], [1, "fa-solid", "fa-chart-bar"], [1, "at-tag-cloud"], [1, "at-tag-pill", 3, "class", "opacity", "title"], [1, "at-card", "at-config-card"], [1, "at-card-header", 2, "cursor", "pointer", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "fa-solid", 2, "font-size", "0.7rem", "color", "var(--mj-text-muted)"], [1, "at-card-body", "at-config-body"], [1, "at-kpi-value"], [1, "at-kpi-label"], [1, "at-kpi-trend", 3, "up"], [1, "at-kpi-trend"], [1, "fa-solid", "fa-arrow-up"], [1, "at-pipeline-stage"], [1, "at-pipeline-stage-icon"], [1, "fa-solid", "fa-check"], [3, "class"], [1, "at-pipeline-stage-name"], [1, "at-stage-connector", 3, "connector-complete"], [1, "at-stage-connector"], [1, "at-progress-header"], [1, "at-progress-stage-label"], [1, "at-progress-pct"], [1, "at-progress-bar"], [1, "at-progress-fill"], [1, "at-progress-current"], [1, "at-pipeline-controls"], [1, "at-action-btn", "at-secondary-btn", 3, "disabled"], [1, "at-action-btn", "at-primary-btn"], [1, "at-action-btn", "at-danger-btn", 3, "click"], [1, "fa-solid", "fa-stop"], [1, "at-action-btn", "at-secondary-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-pause"], [1, "at-action-btn", "at-primary-btn", 3, "click"], [1, "fa-solid", "fa-list-check"], [1, "at-action-btn", "at-secondary-btn", 2, "font-size", "11px", "padding", "3px 8px", 3, "click"], [1, "at-card-body", 2, "max-height", "200px", "overflow-y", "auto"], [1, "at-run-table"], [1, "at-run-source-name"], [1, "at-run-status-badge"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "0.55rem"], [1, "at-feed-search-clear", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-inbox"], [1, "at-feed-item", "at-feed-item-clickable", 3, "click"], [1, "at-feed-status-dot"], [1, "at-feed-item-content"], [1, "at-feed-item-name"], [1, "at-feed-item-source-label"], [1, "at-feed-item-tags"], [1, "at-feed-tag"], [1, "at-feed-item-time"], [1, "fa-solid", "fa-chevron-left"], [1, "at-feed-pagination-label"], [1, "fa-solid", "fa-chevron-right"], [1, "at-source-mini-icon"], [1, "at-source-mini-info"], [1, "at-source-mini-name"], [1, "at-source-mini-meta"], [1, "at-source-mini-status"], [1, "at-tag-pill", 3, "title"], [1, "at-config-row"], [1, "at-config-label"], [1, "at-config-control"], ["type", "number", "min", "10", "max", "1000", "step", "10", 1, "at-config-input", 3, "ngModelChange", "ngModel"], ["type", "range", "min", "0", "max", "5000", "step", "100", 1, "at-config-slider", 3, "ngModelChange", "ngModel"], [1, "at-config-value"], ["type", "range", "min", "5", "max", "50", "step", "5", 1, "at-config-slider", 3, "ngModelChange", "ngModel"], [1, "at-config-toggle"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "at-toggle-track"], [1, "at-toggle-thumb"], [1, "at-config-divider"], [1, "at-config-section-label"], ["type", "number", "min", "1", "max", "500", 1, "at-config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1000", "max", "5000000", "step", "10000", 1, "at-config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", "max", "1000", 1, "at-config-input", 3, "ngModelChange", "ngModel"], [1, "at-sources-grid"], [1, "at-source-card-full", "at-source-card-clickable"], [1, "at-add-source-card", 3, "click"], [1, "fa-solid", "fa-plus-circle"], [2, "font-size", "0.85rem", "font-weight", "600"], [2, "font-size", "0.72rem"], [1, "at-dedup-section"], [1, "at-dedup-header"], [1, "at-dedup-title"], [1, "fa-solid", "fa-clone"], [1, "at-dedup-subtitle"], [1, "at-dedup-list"], [1, "at-dedup-empty"], [1, "at-source-card-full", "at-source-card-clickable", 3, "click"], [1, "at-source-card-header"], [1, "at-source-card-icon"], [1, "at-source-card-title"], [1, "at-source-card-type"], [1, "at-source-card-status"], [1, "at-source-card-url"], [1, "at-source-card-stats"], [1, "at-source-stat"], [1, "at-source-stat-value"], [1, "at-source-stat-label"], ["title", "Click to remove schedule", 1, "at-schedule-indicator"], [1, "at-source-card-actions"], [1, "at-source-action-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "at-source-action-btn", "at-source-schedule-btn"], [1, "at-source-action-btn", "at-source-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], ["title", "Click to remove schedule", 1, "at-schedule-indicator", 3, "click"], [1, "fa-regular", "fa-clock"], [1, "at-source-action-btn", "at-source-schedule-btn", 3, "click"], [1, "at-dedup-card"], [1, "at-dedup-pair"], [1, "at-dedup-item"], [1, "at-dedup-item-name"], [1, "at-dedup-item-source"], [1, "at-dedup-vs"], [1, "fa-solid", "fa-arrows-left-right"], [1, "at-dedup-meta"], [1, "at-dedup-score"], [1, "at-dedup-method"], [1, "at-dedup-actions"], [1, "at-action-btn", "at-primary-btn", "at-dedup-confirm", 3, "click"], [1, "at-action-btn", "at-secondary-btn", "at-dedup-dismiss", 3, "click"], [1, "fa-solid", "fa-check-circle"], [1, "at-ct-grid"], [1, "at-ct-card"], [1, "at-add-type-card", 3, "click"], [1, "at-ct-card-header"], [1, "at-ct-card-name"], [1, "at-ct-card-model"], [1, "at-ct-field"], [1, "at-ct-field-label"], [1, "at-ct-field-value"], [1, "at-ct-tag-range"], [1, "fa-solid", "fa-tags"], [1, "at-ct-tag-range-bar"], [1, "at-ct-tag-range-fill"], [1, "at-ct-range-suffix"], [1, "at-source-card-actions", 2, "margin-top", "10px"], [1, "at-tag-lib-layout"], [1, "at-tag-lib-main"], [1, "at-card-body", 2, "max-height", "500px", "overflow-y", "auto"], [1, "at-tag-table"], [1, "at-tag-row-clickable", 3, "at-tag-row-selected"], [1, "at-card", 2, "margin-top", "12px"], [1, "at-tag-lib-sidebar"], [1, "at-card-title", 2, "margin-bottom", "12px"], [1, "fa-solid", "fa-cloud"], ["Layout", "spiral", "ColorMode", "weight-gradient", 3, "Items", "MaxFontSize", "MinFontSize", "MaxItems", "Interactive", "Animate"], [1, "at-tag-cloud-empty"], [1, "at-card", 2, "padding", "16px", "margin-top", "12px"], [1, "fa-solid", "fa-chart-pie"], [1, "at-tags-by-source"], [1, "at-tag-source-row"], [1, "at-tag-row-clickable", 3, "click"], [1, "at-tag-name-cell"], [1, "at-weight-indicator"], [1, "at-weight-bar"], [1, "at-weight-bar-fill"], [1, "at-weight-value"], [1, "at-tag-bar"], [1, "at-tag-bar-fill"], [1, "fa-solid", "fa-tag"], ["aria-label", "Close", 1, "at-slide-close", 2, "background", "none", "border", "none", "cursor", "pointer", "color", "var(--mj-text-muted)", 3, "click"], [1, "at-card-body", 2, "max-height", "300px", "overflow-y", "auto"], [1, "at-tag-row-clickable"], [1, "at-tax-split-view"], [1, "at-tax-tree-panel", 2, "position", "relative"], [1, "at-tax-tree-toolbar"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 2, "flex", "1", 3, "ngModelChange", "input", "ngModel"], ["title", "Add root tag", 1, "at-tax-toolbar-btn", 3, "click"], ["title", "Toggle multi-select for drag reparenting", 1, "at-tax-toolbar-btn", 3, "click"], [1, "fa-solid", "fa-check-double"], [1, "at-tax-tree-body", 3, "dragover", "drop"], [1, "at-tax-tree-node", 3, "at-tax-node-selected", "at-tax-node-drag-over", "at-tax-node-multi-selected", "padding-left"], [1, "at-tax-tree-saving-overlay"], [1, "at-tax-details-panel"], [1, "at-empty-state", 2, "height", "100%"], [1, "at-tax-health-bar"], [1, "at-tax-health-label"], [1, "at-tax-health-stat"], [1, "at-tax-dot", "at-tax-dot-total"], [1, "at-tax-health-value"], [1, "at-tax-health-text"], [1, "at-tax-dot", "at-tax-dot-healthy"], [1, "at-tax-health-value", "at-tax-val-success"], [1, "at-tax-dot", "at-tax-dot-attention"], [1, "at-tax-health-value", "at-tax-val-warning"], [1, "at-tax-dot", "at-tax-dot-orphaned"], [1, "at-tax-health-value", "at-tax-val-error"], [1, "at-tax-dot", "at-tax-dot-duplicates"], [1, "at-tax-health-value", "at-tax-val-info"], [1, "fa-solid", "fa-sitemap"], [1, "at-tax-tree-node", 3, "dragstart", "dragover", "dragleave", "drop", "click"], ["type", "checkbox", 1, "at-tax-tree-checkbox", 3, "checked"], [1, "at-tax-tree-arrow", 3, "click"], [1, "at-tax-health-dot"], [1, "at-tax-tree-label"], [1, "at-tax-tree-count"], ["title", "Add child tag", 1, "at-tax-tree-add-child", 3, "click"], ["type", "checkbox", 1, "at-tax-tree-checkbox", 3, "click", "checked"], ["text", "Moving tags...", "size", "small"], [1, "at-tax-details-header"], [1, "at-tax-breadcrumb"], [1, "at-tax-bc-current"], [1, "at-tax-edit-form"], [1, "at-tax-stats-row"], [1, "at-tax-stat-item"], [1, "at-tax-stat-value"], [1, "at-tax-stat-label"], [1, "at-tax-stat-value", "at-tax-stat-date"], [1, "at-tax-action-toolbar"], [1, "at-tax-detail-section"], [1, "at-tax-bc-link", 3, "click"], [1, "at-tax-bc-sep"], [1, "at-tax-details-title"], ["title", "Edit name", 1, "at-tax-edit-icon", 3, "click"], [1, "at-tax-details-desc"], [1, "at-form-group"], [1, "at-form-label"], ["type", "text", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["rows", "3", 1, "at-form-textarea", 3, "ngModelChange", "ngModel"], [1, "at-form-actions"], [1, "at-action-btn", "at-secondary-btn", 3, "click"], [1, "at-tax-action-btn", 3, "click"], [1, "fa-solid", "fa-arrows-up-down"], [1, "fa-solid", "fa-compress"], [1, "fa-solid", "fa-code-branch"], [1, "at-tax-action-btn", "at-tax-action-danger", 3, "click"], [1, "at-tax-section-title"], [1, "at-tax-child-chips"], [1, "at-tax-child-chip"], [1, "at-tax-child-chip", 3, "click"], [1, "at-tax-chip-count"], [1, "at-tax-recent-list"], [1, "at-tax-recent-item"], [1, "at-tax-recent-icon"], [1, "at-tax-recent-name"], [1, "at-tax-recent-weight"], [1, "at-tax-recent-date"], [1, "fa-solid", "fa-hand-pointer"], [1, "at-tax-dup-stats-bar"], [1, "at-tax-dup-stat"], [1, "at-tax-dup-stat", "at-tax-dup-high"], [1, "at-tax-dup-stat", "at-tax-dup-moderate"], [1, "at-tax-dup-list"], [1, "at-tax-dup-card", 3, "at-tax-dup-high", "at-tax-dup-moderate"], [1, "at-tax-dup-card"], [1, "at-tax-dup-tag"], [1, "at-tax-dup-similarity"], [1, "at-tax-sim-percent", "high"], [1, "at-tax-dup-actions"], [1, "at-tax-dup-btn", "at-tax-dup-btn-primary", 3, "click", "disabled"], [1, "at-tax-dup-btn", 3, "click"], [1, "at-tax-dup-arrow"], [1, "at-tax-sim-bar-bg"], [1, "at-tax-sim-bar-fill"], [1, "at-tax-sim-percent"], [1, "at-tax-orphan-toolbar"], [1, "at-tax-orphan-count"], [1, "at-tax-orphan-desc"], [1, "at-tax-orphan-bulk"], [1, "at-tax-bulk-btn", 3, "click"], [1, "fa-solid", "fa-square-check"], [1, "fa-regular", "fa-square"], [1, "at-tax-bulk-btn", "at-tax-bulk-danger", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "at-tax-orphan-grid"], [1, "at-tax-orphan-card"], [1, "at-tax-orphan-header"], [1, "at-tax-orphan-name"], ["type", "checkbox", 1, "at-tax-orphan-checkbox", 3, "change", "click", "checked"], [1, "at-tax-orphan-stats"], [1, "at-tax-orphan-dates"], [1, "at-tax-orphan-actions"], [1, "at-tax-orphan-btn", "at-tax-orphan-delete", 3, "click"], [1, "at-tax-orphan-btn"], [1, "at-tax-treemap-kpi-strip"], [1, "at-tax-treemap-kpi"], [1, "at-tax-treemap-container"], [1, "at-tax-drillin-overlay"], [1, "at-tax-treemap-kpi-value"], [1, "at-tax-treemap-kpi-label"], [1, "fa-solid", "fa-chart-tree-map"], [1, "at-tax-treemap-cell", "at-tax-treemap-cell-clickable", 3, "class", "grid-row"], [1, "at-tax-treemap-cell", "at-tax-treemap-cell-clickable", 3, "click"], [1, "at-tax-cell-name"], [1, "at-tax-cell-count"], [1, "at-tax-drillin-overlay", 3, "click"], [1, "at-tax-drillin-panel", 3, "click"], [1, "at-tax-drillin-header"], ["aria-label", "Close", 1, "at-schedule-dialog-close", 3, "click"], [1, "at-tax-drillin-body"], [1, "at-tax-drillin-footer"], [1, "at-tax-audit-filters"], [1, "at-tax-audit-filter-label"], [1, "at-tax-audit-checkbox-group"], [1, "at-tax-audit-checkbox"], ["type", "checkbox", 3, "change", "checked"], [1, "at-tax-audit-timeline"], [1, "at-tax-audit-event"], [1, "fa-solid", "fa-scroll"], [1, "at-tax-audit-event-icon"], [1, "at-tax-audit-event-body"], [1, "at-tax-audit-event-desc"], [1, "at-tax-tag-ref"], [1, "at-tax-audit-event-meta"], [1, "at-card-body", 2, "max-height", "600px", "overflow-y", "auto"], [1, "at-run-row-clickable", 3, "at-run-row-selected"], [1, "at-run-row-clickable", 3, "click"], [1, "at-run-duration"], [1, "fa-solid", "fa-magnifying-glass-chart"], ["text", "Loading run details...", "size", "small"], [1, "fa-solid", "fa-info-circle"], [1, "at-slide-overlay", 3, "click"], [1, "at-slide-panel"], [1, "at-slide-header"], ["aria-label", "Close form", 1, "at-slide-close", 3, "click"], [1, "at-slide-body"], ["type", "text", "placeholder", "Source name", 1, "at-form-input", 3, "ngModelChange", "ngModel"], [1, "at-form-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], ["SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Use system default", 3, "ValueChange", "BranchConfig", "LeafConfig", "Clearable", "Value"], [1, "at-form-hint"], [1, "at-action-btn", "at-primary-btn", 3, "click", "disabled"], [1, "at-required"], ["type", "url", 1, "at-form-input", 3, "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModel", "placeholder", "value"], [1, "at-form-select", 3, "ngModel"], ["type", "url", 1, "at-form-input", 3, "ngModelChange", "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModelChange", "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModelChange", "ngModel", "placeholder", "value"], ["type", "text", "placeholder", "Content type name", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["rows", "3", "placeholder", "Description...", 1, "at-form-textarea", 3, "ngModelChange", "ngModel"], ["SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Select AI model...", 3, "ValueChange", "BranchConfig", "LeafConfig", "Clearable", "Value"], [1, "at-form-row"], [1, "at-form-group", 2, "flex", "1"], ["type", "number", "min", "0", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", 1, "at-form-input", 3, "ngModelChange", "ngModel"], [1, "at-slide-panel", "at-detail-panel"], [1, "fa-solid", "fa-file-lines"], ["aria-label", "Close item detail", 1, "at-slide-close", 3, "click"], [1, "at-detail-item-header"], [1, "at-detail-item-name"], [1, "at-detail-badges"], [1, "at-detail-badge", "at-detail-badge-source"], [1, "at-detail-section"], [1, "at-detail-section-label"], [1, "at-detail-meta-grid"], [1, "at-detail-meta-row"], [1, "at-detail-meta-key"], [1, "at-detail-meta-value"], [1, "at-detail-actions"], [1, "fa-solid", "fa-external-link-alt"], ["disabled", "", 1, "at-action-btn", "at-secondary-btn"], [1, "fa-solid", "fa-magnifying-glass"], [1, "at-detail-badge", "at-detail-badge-type"], [1, "at-detail-badge", "at-detail-badge-file"], [1, "fa-solid", "fa-file"], ["target", "_blank", 1, "at-detail-link", 3, "href"], [1, "fa-solid", "fa-external-link-alt", 2, "font-size", "0.65rem", "margin-left", "4px"], [1, "at-detail-text-preview"], [1, "at-detail-tags"], [1, "at-tag-pill", "at-tag-weighted", 3, "font-size"], [1, "at-tag-pill", "at-tag-weighted"], [1, "at-tag-weight"], [1, "at-detail-meta-value", "at-detail-meta-mono"], ["aria-label", "Close source detail", 1, "at-slide-close", 3, "click"], ["text", "Loading source details..."], [1, "at-detail-source-header"], [1, "at-detail-badge"], [1, "at-detail-stats-strip"], [1, "at-detail-stat"], [1, "at-detail-stat-value"], [1, "at-detail-stat-label"], [1, "at-detail-section-header-row"], [1, "at-detail-section-controls"], [1, "at-detail-filter-select", 3, "ngModelChange", "ngModel"], ["title", "Re-queue failed items for processing", 1, "at-action-btn", "at-retry-btn", 3, "click"], [1, "fa-solid", "fa-rotate-right"], [1, "at-detail-content-list"], [1, "at-empty-state", 2, "padding", "16px"], [1, "at-detail-content-item"], [1, "at-detail-pagination"], [1, "at-action-btn", "at-secondary-btn", "at-source-delete-btn", 3, "click"], ["target", "_blank", 1, "at-detail-link", "at-detail-meta-value", 3, "href"], [1, "at-detail-content-item", 3, "click"], [1, "at-detail-content-item-name"], [1, "at-status-badge"], [1, "at-detail-content-item-tags"], [1, "at-detail-content-item-time"], [1, "at-page-btn", 3, "click", "disabled"], [1, "at-page-info"], [1, "at-detail-run-history"], [1, "at-detail-run-row"], [1, "at-detail-run-time"], [1, "at-detail-run-duration"], [1, "at-detail-run-items"], [1, "at-schedule-overlay", 3, "click"], [1, "at-schedule-dialog", 3, "click"], [1, "at-schedule-dialog-header"], [1, "at-schedule-dialog-body"], [1, "at-schedule-field"], [1, "at-schedule-source-name"], [1, "at-schedule-action-name"], ["for", "schedule-cron"], ["id", "schedule-cron", "type", "text", "placeholder", "0 2 * * *", 1, "mj-input", "at-schedule-cron-input", 3, "ngModelChange", "ngModel"], [1, "at-schedule-cron-preview"], [1, "at-schedule-field", "at-schedule-toggle-row"], ["for", "schedule-enabled"], ["id", "schedule-enabled", "type", "checkbox", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "at-schedule-dialog-footer"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "at-confirm-message"], ["type", "text", "placeholder", "Tag A, Tag B, Tag C", 1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [1, "at-tax-create-context"], ["type", "text", "placeholder", "Tag name", 1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "keydown.enter", "ngModel"], ["rows", "3", "placeholder", "Brief description of this tag", 1, "mj-textarea", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [3, "ngValue"], [2, "font-size", "0.85rem", "color", "var(--mj-text-secondary)", "margin", "0 0 12px"], ["TextField", "Label", "ValueField", "ID", "Placeholder", "Search and select a tag...", 3, "ValueChange", "Data", "Filterable", "ValuePrimitive"], [1, "at-schedule-dialog-overlay", 2, "z-index", "10001", 3, "click"], [1, "at-schedule-dialog", 2, "max-width", "440px", "z-index", "10002", 3, "click"], [1, "fa-solid", "fa-triangle-exclamation", 2, "color", "var(--mj-status-warning)", "margin-right", "8px"], ["aria-label", "Close warning", 1, "at-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "at-schedule-dialog-body", 2, "text-align", "center", "padding", "24px"], [2, "color", "var(--mj-text-secondary)", "margin-bottom", "16px"], [2, "color", "var(--mj-text-muted)", "font-size", "13px"], [1, "at-action-btn", "at-primary-btn", 3, "mousedown"], [1, "fa-solid", "fa-arrow-right"]], template: function AutotaggingPipelineResourceComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutotaggingPipelineResourceComponent, selectors: [["app-autotagging-pipeline-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 32, vars: 24, consts: [["Title", "Classify", "Icon", "fa-solid fa-tags", "Subtitle", "Content classification, taxonomy, and autotagging pipeline"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [3, "Flex", "Padding"], [1, "at-dashboard"], [3, "ItemClicked", "Sections", "ActiveId"], [3, "Title", "Subtitle"], ["toolbar", ""], ["mjButton", "", "variant", "secondary", "size", "sm"], ["mjButton", "", "variant", "primary", "size", "sm"], [3, "ActiveCount", "ShowClearAll"], [3, "Padding", "Flex"], [1, "at-main-area"], [1, "at-loading-overlay"], [1, "at-schedule-overlay"], [1, "at-schedule-dialog-overlay", 2, "z-index", "10001"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 3, "ngModel"], [3, "Tabs", "ActiveKey"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 3, "ngModelChange", "input", "ngModel"], [3, "TabChange", "Tabs", "ActiveKey"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], ["text", "Loading autotagging data..."], [1, "at-page-body"], [1, "at-kpi-strip"], [1, "at-kpi-card"], [1, "at-pipeline-layout"], [1, "at-pipeline-center"], [1, "at-pipeline-stages"], [1, "at-progress-section"], [1, "at-card", 2, "margin-bottom", "12px"], [1, "at-card", "at-feed-card"], [1, "at-card-header"], [1, "at-card-title"], [1, "fa-solid", "fa-bolt"], [1, "at-feed-header-actions"], [1, "at-feed-sort-btn", 3, "click", "title"], [1, "fa-solid"], [1, "at-feed-count"], [1, "at-feed-search-bar"], [1, "fa-solid", "fa-search", "at-feed-search-icon"], ["type", "text", "placeholder", "Search items, sources, or tags...", 1, "mj-input", "at-feed-search-input", 3, "ngModelChange", "input", "ngModel"], [1, "at-feed-search-clear"], [1, "at-card-body", "at-feed-scroll-body"], [1, "at-empty-state"], [1, "at-feed-item", "at-feed-item-clickable"], [1, "at-feed-pagination"], [1, "at-pipeline-right"], [1, "at-card"], [1, "fa-solid", "fa-database"], [1, "at-card-body"], [1, "at-source-mini"], [1, "at-card", "at-tag-cloud-card"], [1, "at-card-title", 2, "margin-bottom", "10px"], [1, "fa-solid", "fa-chart-bar"], [1, "at-tag-cloud"], [1, "at-tag-pill", 3, "class", "opacity", "title"], [1, "at-card", "at-config-card"], [1, "at-card-header", 2, "cursor", "pointer", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "fa-solid", 2, "font-size", "0.7rem", "color", "var(--mj-text-muted)"], [1, "at-card-body", "at-config-body"], [1, "at-kpi-value"], [1, "at-kpi-label"], [1, "at-kpi-trend", 3, "up"], [1, "at-kpi-trend"], [1, "fa-solid", "fa-arrow-up"], [1, "at-pipeline-stage"], [1, "at-pipeline-stage-icon"], [1, "fa-solid", "fa-check"], [3, "class"], [1, "at-pipeline-stage-name"], [1, "at-stage-connector", 3, "connector-complete"], [1, "at-stage-connector"], [1, "at-progress-header"], [1, "at-progress-stage-label"], [1, "at-progress-pct"], [1, "at-progress-bar"], [1, "at-progress-fill"], [1, "at-progress-current"], [1, "at-pipeline-controls"], [1, "at-action-btn", "at-secondary-btn", 3, "disabled"], [1, "at-action-btn", "at-primary-btn"], [1, "at-action-btn", "at-danger-btn", 3, "click"], [1, "fa-solid", "fa-stop"], [1, "at-action-btn", "at-secondary-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-pause"], [1, "at-action-btn", "at-primary-btn", 3, "click"], [1, "fa-solid", "fa-list-check"], [1, "at-action-btn", "at-secondary-btn", 2, "font-size", "11px", "padding", "3px 8px", 3, "click"], [1, "at-card-body", 2, "max-height", "200px", "overflow-y", "auto"], [1, "at-run-table"], [1, "at-run-source-name"], [1, "at-run-status-badge"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "0.55rem"], [1, "at-feed-search-clear", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-inbox"], [1, "at-feed-item", "at-feed-item-clickable", 3, "click"], [1, "at-feed-status-dot"], [1, "at-feed-item-content"], [1, "at-feed-item-name"], [1, "at-feed-item-source-label"], [1, "at-feed-item-tags"], [1, "at-feed-tag"], [1, "at-feed-item-time"], [1, "fa-solid", "fa-chevron-left"], [1, "at-feed-pagination-label"], [1, "fa-solid", "fa-chevron-right"], [1, "at-source-mini-icon"], [1, "at-source-mini-info"], [1, "at-source-mini-name"], [1, "at-source-mini-meta"], [1, "at-source-mini-status"], [1, "at-tag-pill", 3, "title"], [1, "at-config-row"], [1, "at-config-label"], [1, "at-config-control"], ["type", "number", "min", "10", "max", "1000", "step", "10", 1, "at-config-input", 3, "ngModelChange", "ngModel"], ["type", "range", "min", "0", "max", "5000", "step", "100", 1, "at-config-slider", 3, "ngModelChange", "ngModel"], [1, "at-config-value"], ["type", "range", "min", "5", "max", "50", "step", "5", 1, "at-config-slider", 3, "ngModelChange", "ngModel"], [1, "at-config-toggle"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "at-toggle-track"], [1, "at-toggle-thumb"], [1, "at-config-divider"], [1, "at-config-section-label"], ["type", "number", "min", "1", "max", "500", 1, "at-config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1000", "max", "5000000", "step", "10000", 1, "at-config-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", "max", "1000", 1, "at-config-input", 3, "ngModelChange", "ngModel"], [1, "at-sources-grid"], [1, "at-source-card-full", "at-source-card-clickable"], [1, "at-add-source-card", 3, "click"], [1, "fa-solid", "fa-plus-circle"], [2, "font-size", "0.85rem", "font-weight", "600"], [2, "font-size", "0.72rem"], [1, "at-dedup-section"], [1, "at-dedup-header"], [1, "at-dedup-title"], [1, "fa-solid", "fa-clone"], [1, "at-dedup-subtitle"], [1, "at-dedup-list"], [1, "at-dedup-empty"], [1, "at-source-card-full", "at-source-card-clickable", 3, "click"], [1, "at-source-card-header"], [1, "at-source-card-icon"], [1, "at-source-card-title"], [1, "at-source-card-type"], [1, "at-source-card-status"], [1, "at-source-card-url"], [1, "at-source-card-stats"], [1, "at-source-stat"], [1, "at-source-stat-value"], [1, "at-source-stat-label"], ["title", "Click to remove schedule", 1, "at-schedule-indicator"], [1, "at-source-card-actions"], [1, "at-source-action-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "at-source-action-btn", "at-source-schedule-btn"], [1, "at-source-action-btn", "at-source-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], ["title", "Click to remove schedule", 1, "at-schedule-indicator", 3, "click"], [1, "fa-regular", "fa-clock"], [1, "at-source-action-btn", "at-source-schedule-btn", 3, "click"], [1, "at-dedup-card"], [1, "at-dedup-pair"], [1, "at-dedup-item"], [1, "at-dedup-item-name"], [1, "at-dedup-item-source"], [1, "at-dedup-vs"], [1, "fa-solid", "fa-arrows-left-right"], [1, "at-dedup-meta"], [1, "at-dedup-score"], [1, "at-dedup-method"], [1, "at-dedup-actions"], [1, "at-action-btn", "at-primary-btn", "at-dedup-confirm", 3, "click"], [1, "at-action-btn", "at-secondary-btn", "at-dedup-dismiss", 3, "click"], [1, "fa-solid", "fa-check-circle"], [1, "at-ct-grid"], [1, "at-ct-card"], [1, "at-add-type-card", 3, "click"], [1, "at-ct-card-header"], [1, "at-ct-card-name"], [1, "at-ct-card-model"], [1, "at-ct-field"], [1, "at-ct-field-label"], [1, "at-ct-field-value"], [1, "at-ct-tag-range"], [1, "fa-solid", "fa-tags"], [1, "at-ct-tag-range-bar"], [1, "at-ct-tag-range-fill"], [1, "at-ct-range-suffix"], [1, "at-source-card-actions", 2, "margin-top", "10px"], [1, "at-tag-lib-layout"], [1, "at-tag-lib-main"], [1, "at-card-body", 2, "max-height", "500px", "overflow-y", "auto"], [1, "at-tag-table"], [1, "at-tag-row-clickable", 3, "at-tag-row-selected"], [1, "at-card", 2, "margin-top", "12px"], [1, "at-tag-lib-sidebar"], [1, "at-card-title", 2, "margin-bottom", "12px"], [1, "fa-solid", "fa-cloud"], ["Layout", "spiral", "ColorMode", "weight-gradient", 3, "Items", "MaxFontSize", "MinFontSize", "MaxItems", "Interactive", "Animate"], [1, "at-tag-cloud-empty"], [1, "at-card", 2, "padding", "16px", "margin-top", "12px"], [1, "fa-solid", "fa-chart-pie"], [1, "at-tags-by-source"], [1, "at-tag-source-row"], [1, "at-tag-row-clickable", 3, "click"], [1, "at-tag-name-cell"], [1, "at-weight-indicator"], [1, "at-weight-bar"], [1, "at-weight-bar-fill"], [1, "at-weight-value"], [1, "at-tag-bar"], [1, "at-tag-bar-fill"], [1, "fa-solid", "fa-tag"], ["aria-label", "Close", 1, "at-slide-close", 2, "background", "none", "border", "none", "cursor", "pointer", "color", "var(--mj-text-muted)", 3, "click"], [1, "at-card-body", 2, "max-height", "300px", "overflow-y", "auto"], [1, "at-tag-row-clickable"], [1, "at-tax-split-view"], [1, "at-tax-tree-panel", 2, "position", "relative"], [1, "at-tax-tree-toolbar"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 2, "flex", "1", 3, "ngModelChange", "input", "ngModel"], ["title", "Add root tag", 1, "at-tax-toolbar-btn", 3, "click"], ["title", "Toggle multi-select for drag reparenting", 1, "at-tax-toolbar-btn", 3, "click"], [1, "fa-solid", "fa-check-double"], [1, "at-tax-tree-body", 3, "dragover", "drop"], [1, "at-tax-tree-node", 3, "at-tax-node-selected", "at-tax-node-drag-over", "at-tax-node-multi-selected", "padding-left"], [1, "at-tax-tree-saving-overlay"], [1, "at-tax-details-panel"], [1, "at-empty-state", 2, "height", "100%"], [1, "at-tax-health-bar"], [1, "at-tax-health-label"], [1, "at-tax-health-stat"], [1, "at-tax-dot", "at-tax-dot-total"], [1, "at-tax-health-value"], [1, "at-tax-health-text"], [1, "at-tax-dot", "at-tax-dot-healthy"], [1, "at-tax-health-value", "at-tax-val-success"], [1, "at-tax-dot", "at-tax-dot-attention"], [1, "at-tax-health-value", "at-tax-val-warning"], [1, "at-tax-dot", "at-tax-dot-orphaned"], [1, "at-tax-health-value", "at-tax-val-error"], [1, "at-tax-dot", "at-tax-dot-duplicates"], [1, "at-tax-health-value", "at-tax-val-info"], [1, "fa-solid", "fa-sitemap"], [1, "at-tax-tree-node", 3, "dragstart", "dragover", "dragleave", "drop", "click"], ["type", "checkbox", 1, "at-tax-tree-checkbox", 3, "checked"], [1, "at-tax-tree-arrow", 3, "click"], [1, "at-tax-health-dot"], [1, "at-tax-tree-label"], [1, "at-tax-tree-count"], ["title", "Add child tag", 1, "at-tax-tree-add-child", 3, "click"], ["type", "checkbox", 1, "at-tax-tree-checkbox", 3, "click", "checked"], ["text", "Moving tags...", "size", "small"], [1, "at-tax-details-header"], [1, "at-tax-breadcrumb"], [1, "at-tax-bc-current"], [1, "at-tax-edit-form"], [1, "at-tax-stats-row"], [1, "at-tax-stat-item"], [1, "at-tax-stat-value"], [1, "at-tax-stat-label"], [1, "at-tax-stat-value", "at-tax-stat-date"], [1, "at-tax-action-toolbar"], [1, "at-tax-detail-section"], [1, "at-tax-bc-link", 3, "click"], [1, "at-tax-bc-sep"], [1, "at-tax-details-title"], ["title", "Edit name", 1, "at-tax-edit-icon", 3, "click"], [1, "at-tax-details-desc"], [1, "at-form-group"], [1, "at-form-label"], ["type", "text", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["rows", "3", 1, "at-form-textarea", 3, "ngModelChange", "ngModel"], [1, "at-form-actions"], [1, "at-action-btn", "at-secondary-btn", 3, "click"], [1, "at-tax-action-btn", 3, "click"], [1, "fa-solid", "fa-arrows-up-down"], [1, "fa-solid", "fa-compress"], [1, "fa-solid", "fa-code-branch"], [1, "at-tax-action-btn", "at-tax-action-danger", 3, "click"], [1, "at-tax-section-title"], [1, "at-tax-child-chips"], [1, "at-tax-child-chip"], [1, "at-tax-child-chip", 3, "click"], [1, "at-tax-chip-count"], [1, "at-tax-recent-list"], [1, "at-tax-recent-item"], [1, "at-tax-recent-icon"], [1, "at-tax-recent-name"], [1, "at-tax-recent-weight"], [1, "at-tax-recent-date"], [1, "fa-solid", "fa-hand-pointer"], [1, "at-tax-dup-stats-bar"], [1, "at-tax-dup-stat"], [1, "at-tax-dup-stat", "at-tax-dup-high"], [1, "at-tax-dup-stat", "at-tax-dup-moderate"], [1, "at-tax-dup-list"], [1, "at-tax-dup-card", 3, "at-tax-dup-high", "at-tax-dup-moderate"], [1, "at-tax-dup-card"], [1, "at-tax-dup-tag"], [1, "at-tax-dup-similarity"], [1, "at-tax-sim-percent", "high"], [1, "at-tax-dup-actions"], [1, "at-tax-dup-btn", "at-tax-dup-btn-primary", 3, "click", "disabled"], [1, "at-tax-dup-btn", 3, "click"], [1, "at-tax-dup-arrow"], [1, "at-tax-sim-bar-bg"], [1, "at-tax-sim-bar-fill"], [1, "at-tax-sim-percent"], [1, "at-tax-orphan-toolbar"], [1, "at-tax-orphan-count"], [1, "at-tax-orphan-desc"], [1, "at-tax-orphan-bulk"], [1, "at-tax-bulk-btn", 3, "click"], [1, "fa-solid", "fa-square-check"], [1, "fa-regular", "fa-square"], [1, "at-tax-bulk-btn", "at-tax-bulk-danger", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "at-tax-orphan-grid"], [1, "at-tax-orphan-card"], [1, "at-tax-orphan-header"], [1, "at-tax-orphan-name"], ["type", "checkbox", 1, "at-tax-orphan-checkbox", 3, "change", "click", "checked"], [1, "at-tax-orphan-stats"], [1, "at-tax-orphan-dates"], [1, "at-tax-orphan-actions"], [1, "at-tax-orphan-btn", "at-tax-orphan-delete", 3, "click"], [1, "at-tax-orphan-btn"], [1, "at-tax-treemap-kpi-strip"], [1, "at-tax-treemap-kpi"], [1, "at-tax-treemap-container"], [1, "at-tax-drillin-overlay"], [1, "at-tax-treemap-kpi-value"], [1, "at-tax-treemap-kpi-label"], [1, "fa-solid", "fa-chart-tree-map"], [1, "at-tax-treemap-cell", "at-tax-treemap-cell-clickable", 3, "class", "grid-row"], [1, "at-tax-treemap-cell", "at-tax-treemap-cell-clickable", 3, "click"], [1, "at-tax-cell-name"], [1, "at-tax-cell-count"], [1, "at-tax-drillin-overlay", 3, "click"], [1, "at-tax-drillin-panel", 3, "click"], [1, "at-tax-drillin-header"], ["aria-label", "Close", 1, "at-schedule-dialog-close", 3, "click"], [1, "at-tax-drillin-body"], [1, "at-tax-drillin-footer"], [1, "at-tax-audit-filters"], [1, "at-tax-audit-filter-label"], [1, "at-tax-audit-checkbox-group"], [1, "at-tax-audit-checkbox"], ["type", "checkbox", 3, "change", "checked"], [1, "at-tax-audit-timeline"], [1, "at-tax-audit-event"], [1, "fa-solid", "fa-scroll"], [1, "at-tax-audit-event-icon"], [1, "at-tax-audit-event-body"], [1, "at-tax-audit-event-desc"], [1, "at-tax-tag-ref"], [1, "at-tax-audit-event-meta"], [1, "at-card-body", 2, "max-height", "600px", "overflow-y", "auto"], [1, "at-run-row-clickable", 3, "at-run-row-selected"], [1, "at-run-row-clickable", 3, "click"], [1, "at-run-duration"], [1, "fa-solid", "fa-magnifying-glass-chart"], ["text", "Loading run details...", "size", "small"], [1, "fa-solid", "fa-info-circle"], [1, "at-slide-overlay", 3, "click"], [1, "at-slide-panel"], [1, "at-slide-header"], ["aria-label", "Close form", 1, "at-slide-close", 3, "click"], [1, "at-slide-body"], ["type", "text", "placeholder", "Source name", 1, "at-form-input", 3, "ngModelChange", "ngModel"], [1, "at-form-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], ["SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Use system default", 3, "ValueChange", "BranchConfig", "LeafConfig", "Clearable", "Value"], [1, "at-form-hint"], ["type", "number", "min", "0", "placeholder", "unlimited", 1, "at-form-input", 3, "ngModelChange", "ngModel"], [1, "at-action-btn", "at-primary-btn", 3, "click", "disabled"], [1, "at-form-advanced-link"], [1, "at-required"], ["type", "url", 1, "at-form-input", 3, "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModel", "placeholder", "value"], [1, "at-form-select", 3, "ngModel"], ["type", "url", 1, "at-form-input", 3, "ngModelChange", "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModelChange", "ngModel", "placeholder"], ["type", "text", 1, "at-form-input", 3, "ngModelChange", "ngModel", "placeholder", "value"], ["type", "number", "min", "0", "max", "10", "step", "1", "placeholder", "2 (default)", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["href", "javascript:void(0)", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], ["type", "text", "placeholder", "Content type name", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["rows", "3", "placeholder", "Description...", 1, "at-form-textarea", 3, "ngModelChange", "ngModel"], ["SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Select AI model...", 3, "ValueChange", "BranchConfig", "LeafConfig", "Clearable", "Value"], [1, "at-form-row"], [1, "at-form-group", 2, "flex", "1"], ["type", "number", "min", "0", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", 1, "at-form-input", 3, "ngModelChange", "ngModel"], [1, "at-slide-panel", "at-detail-panel"], [1, "fa-solid", "fa-file-lines"], ["aria-label", "Close item detail", 1, "at-slide-close", 3, "click"], [1, "at-detail-item-header"], [1, "at-detail-item-name"], [1, "at-detail-badges"], [1, "at-detail-badge", "at-detail-badge-source"], [1, "at-detail-section"], [1, "at-detail-section-label"], [1, "at-detail-meta-grid"], [1, "at-detail-meta-row"], [1, "at-detail-meta-key"], [1, "at-detail-meta-value"], [1, "at-detail-actions"], [1, "fa-solid", "fa-external-link-alt"], ["disabled", "", 1, "at-action-btn", "at-secondary-btn"], [1, "fa-solid", "fa-magnifying-glass"], [1, "at-detail-badge", "at-detail-badge-type"], [1, "at-detail-badge", "at-detail-badge-file"], [1, "fa-solid", "fa-file"], ["target", "_blank", 1, "at-detail-link", 3, "href"], [1, "fa-solid", "fa-external-link-alt", 2, "font-size", "0.65rem", "margin-left", "4px"], [1, "at-detail-text-preview"], [1, "at-detail-tags"], [1, "at-tag-pill", "at-tag-weighted", 3, "font-size"], [1, "at-tag-pill", "at-tag-weighted"], [1, "at-tag-weight"], [1, "at-detail-meta-value", "at-detail-meta-mono"], ["aria-label", "Close source detail", 1, "at-slide-close", 3, "click"], ["text", "Loading source details..."], [1, "at-detail-source-header"], [1, "at-detail-badge"], [1, "at-detail-stats-strip"], [1, "at-detail-stat"], [1, "at-detail-stat-value"], [1, "at-detail-stat-label"], [1, "at-detail-section-header-row"], [1, "at-detail-section-controls"], [1, "at-detail-filter-select", 3, "ngModelChange", "ngModel"], ["title", "Re-queue failed items for processing", 1, "at-action-btn", "at-retry-btn", 3, "click"], [1, "fa-solid", "fa-rotate-right"], [1, "at-detail-content-list"], [1, "at-empty-state", 2, "padding", "16px"], [1, "at-detail-content-item"], [1, "at-detail-pagination"], [1, "at-action-btn", "at-secondary-btn", "at-source-delete-btn", 3, "click"], ["target", "_blank", 1, "at-detail-link", "at-detail-meta-value", 3, "href"], [1, "at-detail-content-item", 3, "click"], [1, "at-detail-content-item-name"], [1, "at-status-badge"], [1, "at-detail-content-item-tags"], [1, "at-detail-content-item-time"], [1, "at-page-btn", 3, "click", "disabled"], [1, "at-page-info"], [1, "at-detail-run-history"], [1, "at-detail-run-row"], [1, "at-detail-run-time"], [1, "at-detail-run-duration"], [1, "at-detail-run-items"], [1, "at-schedule-overlay", 3, "click"], [1, "at-schedule-dialog", 3, "click"], [1, "at-schedule-dialog-header"], [1, "at-schedule-dialog-body"], [1, "at-schedule-field"], [1, "at-schedule-source-name"], [1, "at-schedule-action-name"], ["for", "schedule-cron"], ["id", "schedule-cron", "type", "text", "placeholder", "0 2 * * *", 1, "mj-input", "at-schedule-cron-input", 3, "ngModelChange", "ngModel"], [1, "at-schedule-cron-preview"], [1, "at-schedule-field", "at-schedule-toggle-row"], ["for", "schedule-enabled"], ["id", "schedule-enabled", "type", "checkbox", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "at-schedule-dialog-footer"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "at-confirm-message"], ["type", "text", "placeholder", "Tag A, Tag B, Tag C", 1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [1, "at-tax-create-context"], ["type", "text", "placeholder", "Tag name", 1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "keydown.enter", "ngModel"], ["rows", "3", "placeholder", "Brief description of this tag", 1, "mj-textarea", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [3, "ngValue"], [2, "font-size", "0.85rem", "color", "var(--mj-text-secondary)", "margin", "0 0 12px"], ["TextField", "Label", "ValueField", "ID", "Placeholder", "Search and select a tag...", 3, "ValueChange", "Data", "Filterable", "ValuePrimitive"], [1, "at-schedule-dialog-overlay", 2, "z-index", "10001", 3, "click"], [1, "at-schedule-dialog", 2, "max-width", "440px", "z-index", "10002", 3, "click"], [1, "fa-solid", "fa-triangle-exclamation", 2, "color", "var(--mj-status-warning)", "margin-right", "8px"], ["aria-label", "Close warning", 1, "at-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "at-schedule-dialog-body", 2, "text-align", "center", "padding", "24px"], [2, "color", "var(--mj-text-secondary)", "margin-bottom", "16px"], [2, "color", "var(--mj-text-muted)", "font-size", "13px"], [1, "at-action-btn", "at-primary-btn", 3, "mousedown"], [1, "fa-solid", "fa-arrow-right"]], template: function AutotaggingPipelineResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1)(3, "button", 2);
             i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Template_button_click_3_listener() { return ctx.RunPipeline(); });
             i0.ɵɵconditionalCreate(4, AutotaggingPipelineResourceComponent_Conditional_4_Template, 2, 0)(5, AutotaggingPipelineResourceComponent_Conditional_5_Template, 2, 0);
@@ -7955,7 +8113,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             i0.ɵɵconditional(ctx.ShowMergeIntoDialog ? 30 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.ShowNoContentTypeWarning ? 31 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.RangeValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent, i3.TreeDropdownComponent, i4.MJButtonDirective, i4.MJComboboxComponent, i4.MJPageHeaderComponent, i4.MJPageLayoutComponent, i4.MJPageBodyComponent, i4.MJPageHeaderInteriorComponent, i4.MJPageBodyInteriorComponent, i4.MJLeftNavComponent, i4.MJLeftNavContentComponent, i4.MJFilterPopoverComponent, i4.MJFilterPanelComponent, i4.MJTabNavComponent, i5.MJWordCloudComponent, i6.DecimalPipe], styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Slide-in Form Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TAXONOMY GOVERNANCE TAB\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n"], encapsulation: 2 });
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.RangeValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent, i3.TreeDropdownComponent, i4.MJButtonDirective, i4.MJComboboxComponent, i4.MJPageHeaderComponent, i4.MJPageLayoutComponent, i4.MJPageBodyComponent, i4.MJPageHeaderInteriorComponent, i4.MJPageBodyInteriorComponent, i4.MJLeftNavComponent, i4.MJLeftNavContentComponent, i4.MJFilterPopoverComponent, i4.MJFilterPanelComponent, i4.MJTabNavComponent, i5.MJWordCloudComponent, i6.DecimalPipe], styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Slide-in Form Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \"Open advanced settings \u2192\" link below the Save/Cancel row in the slide-in.\n   Subtle by design \u2014 power users will notice; new users won't be distracted. */\n.at-form-advanced-link {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed var(--mj-border-subtle);\n    font-size: 12px;\n    text-align: center;\n}\n.at-form-advanced-link a {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n}\n.at-form-advanced-link a:hover { text-decoration: underline; }\n.at-form-advanced-link i { margin-right: 6px; }\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TAXONOMY GOVERNANCE TAB\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n"], encapsulation: 2 });
 };
 AutotaggingPipelineResourceComponent = AutotaggingPipelineResourceComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'AutotaggingPipelineResource')
@@ -7963,7 +8121,7 @@ AutotaggingPipelineResourceComponent = AutotaggingPipelineResourceComponent_1 =
 export { AutotaggingPipelineResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutotaggingPipelineResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-autotagging-pipeline-resource', encapsulation: ViewEncapsulation.None, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Classify\"\n    Icon=\"fa-solid fa-tags\"\n    Subtitle=\"Content classification, taxonomy, and autotagging pipeline\">\n    <div actions>\n      <button mjButton variant=\"primary\" size=\"sm\" (click)=\"RunPipeline()\" [disabled]=\"IsRunning\">\n        @if (IsRunning) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Running\u2026\n        } @else {\n          <i class=\"fa-solid fa-play\"></i> Run Pipeline\n        }\n      </button>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n  <!-- Content Classification Dashboard -->\n  <div class=\"at-dashboard\">\n\n    <mj-left-nav\n      [Sections]=\"navSections\"\n      [ActiveId]=\"ActiveTab\"\n      (ItemClicked)=\"onNavItemClicked($event)\">\n    </mj-left-nav>\n\n    <mj-left-nav-content>\n\n    <mj-page-header-interior\n        [Title]=\"currentTabTitle\"\n        [Subtitle]=\"currentTabSubtitle\">\n      @if (ActiveTab === 'tags' || ActiveTab === 'taxonomy') {\n        <div toolbar>\n          @switch (ActiveTab) {\n            @case ('tags') {\n              <input type=\"text\" class=\"at-search-input\" placeholder=\"Search tags...\"\n                     [(ngModel)]=\"TagSearchQuery\" (input)=\"FilterTags()\">\n            }\n            @case ('taxonomy') {\n              <mj-tab-nav\n                  [Tabs]=\"taxSubTabsConfig\"\n                  [ActiveKey]=\"TaxSubTab\"\n                  (TabChange)=\"onTaxSubTabChange($event)\">\n              </mj-tab-nav>\n            }\n          }\n        </div>\n      }\n      <div actions>\n        @switch (ActiveTab) {\n          @case ('pipeline') {\n            <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"LoadPipelineData()\">\n              <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n            </button>\n          }\n          @case ('sources') {\n            <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenAddSourceForm()\">\n              <i class=\"fa-solid fa-plus\"></i> Add Source\n            </button>\n          }\n          @case ('types') {\n            <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenAddTypeForm()\">\n              <i class=\"fa-solid fa-plus\"></i> Add Type\n            </button>\n          }\n          @case ('taxonomy') {\n            <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"RefreshTaxonomyData()\">\n              <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n            </button>\n          }\n          @case ('history') {\n            <mj-filter-popover\n                [ActiveCount]=\"historyActiveFilterCount\"\n                [ShowClearAll]=\"historyActiveFilterCount > 0\"\n                (ClearAllRequested)=\"onHistoryFilterReset()\">\n              <mj-filter-panel\n                  [Fields]=\"historyFilterFields\"\n                  [Values]=\"historyFilterValues\"\n                  (ValuesChange)=\"onHistoryFilterChange($event)\"\n                  (Reset)=\"onHistoryFilterReset()\">\n              </mj-filter-panel>\n            </mj-filter-popover>\n          }\n        }\n      </div>\n    </mj-page-header-interior>\n\n    <mj-page-body-interior [Padding]=\"false\" [Flex]=\"true\">\n    <div class=\"at-main-area\">\n\n        @if (IsLoading) {\n            <div class=\"at-loading-overlay\">\n                <mj-loading text=\"Loading autotagging data...\"></mj-loading>\n            </div>\n        }\n\n        @if (!IsLoading) {\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 1: PIPELINE MONITOR -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'pipeline') {\n                <div class=\"at-page-body\">\n                    <!-- KPIs -->\n                    <div class=\"at-kpi-strip\">\n                        @for (kpi of KPIMetrics; track kpi.Label) {\n                            <div class=\"at-kpi-card\">\n                                <div class=\"at-kpi-value\" [class.at-kpi-error-value]=\"kpi.Label === 'Errors' && kpi.Value > 0\">{{ kpi.Value | number }}</div>\n                                <div class=\"at-kpi-label\">{{ kpi.Label }}</div>\n                                @if (kpi.Trend) {\n                                    <div class=\"at-kpi-trend\" [class.up]=\"kpi.TrendUp\">\n                                        @if (kpi.TrendUp) { <i class=\"fa-solid fa-arrow-up\"></i> }\n                                        {{ kpi.Trend }}\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"at-pipeline-layout\">\n                        <div class=\"at-pipeline-center\">\n                            <!-- Pipeline stages visualization (only during active run) -->\n                            @if (PipelineStages.length > 0 && (IsRunning || IsPaused)) {\n                                <div class=\"at-pipeline-stages\">\n                                    @for (stage of PipelineStages; track stage.Name; let last = $last) {\n                                        <div class=\"at-pipeline-stage\"\n                                             [class.stage-idle]=\"stage.Status === 'idle'\"\n                                             [class.stage-active]=\"stage.Status === 'active'\"\n                                             [class.stage-complete]=\"stage.Status === 'complete'\">\n                                            <div class=\"at-pipeline-stage-icon\">\n                                                @if (stage.Status === 'active') {\n                                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                                } @else if (stage.Status === 'complete') {\n                                                    <i class=\"fa-solid fa-check\"></i>\n                                                } @else {\n                                                    <i [class]=\"stage.Icon\"></i>\n                                                }\n                                            </div>\n                                            <div class=\"at-pipeline-stage-name\">{{ stage.Name }}</div>\n                                        </div>\n                                        @if (!last) {\n                                            <div class=\"at-stage-connector\"\n                                                 [class.connector-complete]=\"stage.Status === 'complete'\">\n                                            </div>\n                                        }\n                                    }\n                                </div>\n                            }\n\n                            <!-- Progress bar (visible during run or paused) -->\n                            @if (IsRunning || IsPaused) {\n                                <div class=\"at-progress-section\">\n                                    <div class=\"at-progress-header\">\n                                        <span class=\"at-progress-stage-label\">{{ RunStage }}</span>\n                                        <span class=\"at-progress-pct\">{{ RunProgress | number:'1.0-0' }}%</span>\n                                    </div>\n                                    <div class=\"at-progress-bar\"><div class=\"at-progress-fill\" [style.width.%]=\"RunProgress\" [class.at-progress-fill-paused]=\"IsPaused\"></div></div>\n                                    @if (RunCurrentItem) {\n                                        <div class=\"at-progress-current\">{{ RunCurrentItem }}</div>\n                                    }\n                                    <div class=\"at-pipeline-controls\">\n                                        @if (IsRunning && !IsPaused) {\n                                            <button class=\"at-action-btn at-secondary-btn\" (click)=\"PausePipeline()\" [disabled]=\"!CurrentProcessRunID\">\n                                                <i class=\"fa-solid fa-pause\"></i> Pause\n                                            </button>\n                                        }\n                                        @if (IsPaused) {\n                                            <button class=\"at-action-btn at-primary-btn\" (click)=\"ResumePipeline()\">\n                                                <i class=\"fa-solid fa-play\"></i> Resume\n                                            </button>\n                                        }\n                                        <button class=\"at-action-btn at-danger-btn\" (click)=\"CancelPipeline()\">\n                                            <i class=\"fa-solid fa-stop\"></i> Cancel\n                                        </button>\n                                    </div>\n                                </div>\n                            }\n\n                            <!-- D2: Live Per-Source Progress (visible during run) -->\n                            @if (IsRunning && LiveRunDetailRows.length > 0) {\n                                <div class=\"at-card\" style=\"margin-bottom: 12px;\">\n                                    <div class=\"at-card-header\">\n                                        <span class=\"at-card-title\"><i class=\"fa-solid fa-list-check\"></i> Per-Source Progress</span>\n                                        <button class=\"at-action-btn at-secondary-btn\" style=\"font-size: 11px; padding: 3px 8px;\" (click)=\"LoadLiveRunDetails()\">\n                                            <i class=\"fa-solid fa-arrows-rotate\"></i>\n                                        </button>\n                                    </div>\n                                    <div class=\"at-card-body\" style=\"max-height: 200px; overflow-y: auto;\">\n                                        <table class=\"at-run-table\">\n                                            <thead>\n                                                <tr>\n                                                    <th>Source</th>\n                                                    <th>Status</th>\n                                                    <th>Items</th>\n                                                    <th>Tagged</th>\n                                                    <th>Vectorized</th>\n                                                    <th>Errors</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for (row of LiveRunDetailRows; track row.SourceName) {\n                                                    <tr>\n                                                        <td class=\"at-run-source-name\">{{ row.SourceName }}</td>\n                                                        <td>\n                                                            <span class=\"at-run-status-badge\" [class]=\"row.StatusClass\">\n                                                                @if (row.StatusClass === 'running') {\n                                                                    <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 0.55rem\"></i>\n                                                                }\n                                                                {{ row.Status }}\n                                                            </span>\n                                                        </td>\n                                                        <td>{{ row.ItemsProcessed }}</td>\n                                                        <td>{{ row.ItemsTagged }}</td>\n                                                        <td>{{ row.ItemsVectorized }}</td>\n                                                        <td [class.run-error-text]=\"row.ErrorCount > 0\">{{ row.ErrorCount }}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            }\n\n                            <!-- Recent Processing Feed -->\n                            <div class=\"at-card at-feed-card\">\n                                <div class=\"at-card-header\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-bolt\"></i> Recent Processing</span>\n                                    <div class=\"at-feed-header-actions\">\n                                        <button class=\"at-feed-sort-btn\" (click)=\"ToggleFeedSort()\"\n                                                [title]=\"FeedSortOrder === 'newest' ? 'Showing newest first' : 'Showing oldest first'\">\n                                            <i class=\"fa-solid\" [class.fa-arrow-down-short-wide]=\"FeedSortOrder === 'newest'\"\n                                               [class.fa-arrow-up-short-wide]=\"FeedSortOrder === 'oldest'\"></i>\n                                            {{ FeedSortOrder === 'newest' ? 'Newest' : 'Oldest' }}\n                                        </button>\n                                        <span class=\"at-feed-count\">{{ FilteredFeedItems.length }} items</span>\n                                    </div>\n                                </div>\n                                <!-- Feed search bar -->\n                                <div class=\"at-feed-search-bar\">\n                                    <i class=\"fa-solid fa-search at-feed-search-icon\"></i>\n                                    <input type=\"text\"\n                                           class=\"mj-input at-feed-search-input\"\n                                           placeholder=\"Search items, sources, or tags...\"\n                                           [(ngModel)]=\"FeedSearchQuery\"\n                                           (input)=\"OnFeedSearchChange()\">\n                                    @if (FeedSearchQuery) {\n                                        <button class=\"at-feed-search-clear\" (click)=\"FeedSearchQuery = ''; OnFeedSearchChange()\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                    }\n                                </div>\n                                <div class=\"at-card-body at-feed-scroll-body\">\n                                    @if (FilteredFeedItems.length === 0) {\n                                        <div class=\"at-empty-state\">\n                                            <i class=\"fa-solid fa-inbox\"></i>\n                                            @if (FeedSearchQuery) {\n                                                <p>No items match \"{{ FeedSearchQuery }}\"</p>\n                                            } @else {\n                                                <p>No processed items yet.</p>\n                                            }\n                                        </div>\n                                    }\n                                    @for (item of PaginatedFeedItems; track item.Name + item.SourceName + item.TimeAgo) {\n                                        <div class=\"at-feed-item at-feed-item-clickable\" (click)=\"OpenFeedItemDetail(GetFeedItemOriginalIndex(item))\">\n                                            <div class=\"at-feed-status-dot\" [class]=\"item.Status\"></div>\n                                            <div class=\"at-feed-item-content\">\n                                                <span class=\"at-feed-item-name\">{{ item.Name }}</span>\n                                                <span class=\"at-feed-item-source-label\">{{ item.SourceName }}</span>\n                                            </div>\n                                            <div class=\"at-feed-item-tags\">\n                                                @for (tag of item.Tags; track tag) {\n                                                    <span class=\"at-feed-tag\">{{ tag }}</span>\n                                                }\n                                            </div>\n                                            <span class=\"at-feed-item-time\">{{ item.TimeAgo }}</span>\n                                        </div>\n                                    }\n                                </div>\n                                <!-- Feed pagination -->\n                                @if (FeedTotalPages > 1) {\n                                    <div class=\"at-feed-pagination\">\n                                        <button class=\"at-action-btn at-secondary-btn\" [disabled]=\"FeedPage === 0\" (click)=\"FeedPrevPage()\">\n                                            <i class=\"fa-solid fa-chevron-left\"></i>\n                                        </button>\n                                        <span class=\"at-feed-pagination-label\">Page {{ FeedPage + 1 }} of {{ FeedTotalPages }}</span>\n                                        <button class=\"at-action-btn at-secondary-btn\" [disabled]=\"FeedPage >= FeedTotalPages - 1\" (click)=\"FeedNextPage()\">\n                                            <i class=\"fa-solid fa-chevron-right\"></i>\n                                        </button>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Right sidebar -->\n                        <div class=\"at-pipeline-right\">\n                            <!-- Sources Quick List -->\n                            <div class=\"at-card\">\n                                <div class=\"at-card-header\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-database\"></i> Sources</span>\n                                </div>\n                                <div class=\"at-card-body\">\n                                    @for (source of SourceMinis; track source.ID) {\n                                        <div class=\"at-source-mini\">\n                                            <div class=\"at-source-mini-icon\"><i [class]=\"source.Icon\"></i></div>\n                                            <div class=\"at-source-mini-info\">\n                                                <div class=\"at-source-mini-name\">{{ source.Name }}</div>\n                                                <div class=\"at-source-mini-meta\">{{ source.Meta }}</div>\n                                            </div>\n                                            <div class=\"at-source-mini-status\" [class]=\"source.StatusClass\"></div>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                            <!-- Trending Tags -->\n                            <div class=\"at-card at-tag-cloud-card\">\n                                <div class=\"at-card-title\" style=\"margin-bottom: 10px;\"><i class=\"fa-solid fa-chart-bar\"></i> Trending Tags</div>\n                                <div class=\"at-tag-cloud\">\n                                    @for (tag of TrendingTags; track tag.Tag) {\n                                        <span class=\"at-tag-pill\" [class]=\"tag.SizeClass\"\n                                              [style.opacity]=\"0.4 + tag.AvgWeight * 0.6\"\n                                              [title]=\"'Weight: ' + tag.AvgWeight.toFixed(2)\">{{ tag.Tag }}</span>\n                                    }\n                                </div>\n                            </div>\n\n                            <!-- Pipeline Settings Widget -->\n                            <div class=\"at-card at-config-card\">\n                                <div class=\"at-card-header\" (click)=\"TogglePipelineConfig()\" style=\"cursor:pointer\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-sliders\"></i> Pipeline Settings</span>\n                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!ShowPipelineConfig\" [class.fa-chevron-up]=\"ShowPipelineConfig\" style=\"font-size:0.7rem; color:var(--mj-text-muted)\"></i>\n                                </div>\n                                @if (ShowPipelineConfig) {\n                                    <div class=\"at-card-body at-config-body\">\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Batch Size</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"10\" max=\"1000\" step=\"10\"\n                                                       [(ngModel)]=\"PipelineConfig.Pipeline!.BatchSize\">\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Throttle (ms)</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"range\" class=\"at-config-slider\" min=\"0\" max=\"5000\" step=\"100\"\n                                                       [(ngModel)]=\"PipelineConfig.Pipeline!.DelayBetweenBatchesMs\">\n                                                <span class=\"at-config-value\">{{ PipelineConfig.Pipeline!.DelayBetweenBatchesMs }}ms</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Error Tolerance</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"range\" class=\"at-config-slider\" min=\"5\" max=\"50\" step=\"5\"\n                                                       [(ngModel)]=\"PipelineConfig.Pipeline!.ErrorThresholdPercent\">\n                                                <span class=\"at-config-value\">{{ PipelineConfig.Pipeline!.ErrorThresholdPercent }}%</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Auto-resume</label>\n                                            <div class=\"at-config-control\">\n                                                <label class=\"at-config-toggle\">\n                                                    <input type=\"checkbox\" [(ngModel)]=\"PipelineConfig.Pipeline!.ResumeFromLastBatch\">\n                                                    <span class=\"at-toggle-track\"><span class=\"at-toggle-thumb\"></span></span>\n                                                </label>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-divider\"></div>\n                                        <div class=\"at-config-section-label\">LLM Rate Limits</div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Requests/min</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"1\" max=\"500\"\n                                                       [(ngModel)]=\"PipelineConfig.RateLimits!.LLM!.RequestsPerMinute\">\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Tokens/min</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"1000\" max=\"5000000\" step=\"10000\"\n                                                       [(ngModel)]=\"PipelineConfig.RateLimits!.LLM!.TokensPerMinute\">\n                                                <span class=\"at-config-value\">{{ FormatTokenCount(PipelineConfig.RateLimits!.LLM!.TokensPerMinute ?? 0) }}</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-section-label\">Embedding Rate Limits</div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Requests/min</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"1\" max=\"1000\"\n                                                       [(ngModel)]=\"PipelineConfig.RateLimits!.Embedding!.RequestsPerMinute\">\n                                            </div>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 2: SOURCES -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'sources') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-sources-grid\">\n                        @for (card of SourceCards; track card.ID) {\n                            <div class=\"at-source-card-full at-source-card-clickable\" (click)=\"OpenSourceDetail(card)\">\n                                <div class=\"at-source-card-header\">\n                                    <div class=\"at-source-card-icon\"><i [class]=\"card.Icon\"></i></div>\n                                    <div>\n                                        <div class=\"at-source-card-title\">{{ card.Name }}</div>\n                                        <div class=\"at-source-card-type\">{{ card.SourceTypeName }}@if (card.RequiresFileType) { \u00B7 {{ card.FileTypeName }}}</div>\n                                    </div>\n                                    <div class=\"at-source-card-status\" [class]=\"card.StatusClass\">\n                                        <div class=\"at-source-mini-status\" [class]=\"card.StatusClass\"></div>\n                                        {{ card.StatusLabel }}\n                                    </div>\n                                </div>\n                                @if (card.URL) {\n                                    <div class=\"at-source-card-url\">{{ card.URL }}</div>\n                                }\n                                <div class=\"at-source-card-stats\">\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ formatNumber(card.ItemCount) }}</div>\n                                        <div class=\"at-source-stat-label\">Items</div>\n                                    </div>\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ formatNumber(card.TagCount) }}</div>\n                                        <div class=\"at-source-stat-label\">Tags</div>\n                                    </div>\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ card.AvgTags }}</div>\n                                        <div class=\"at-source-stat-label\">Avg Tags</div>\n                                    </div>\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ card.LastRunAgo }}</div>\n                                        <div class=\"at-source-stat-label\">Last Run</div>\n                                    </div>\n                                </div>\n                                <!-- Schedule indicator -->\n                                @if (card.ScheduledActionID) {\n                                    <div class=\"at-schedule-indicator\" (click)=\"RemoveSchedule(card); $event.stopPropagation()\" title=\"Click to remove schedule\">\n                                        <i class=\"fa-regular fa-clock\"></i>\n                                        <span>{{ GetScheduleLabel(card) }}</span>\n                                    </div>\n                                }\n                                <div class=\"at-source-card-actions\">\n                                    <button class=\"at-source-action-btn\" (click)=\"OpenEditSourceForm(card); $event.stopPropagation()\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n                                    <button class=\"at-source-action-btn\" (click)=\"RunPipelineForSource(card.ID); $event.stopPropagation()\"><i class=\"fa-solid fa-play\"></i> Run</button>\n                                    @if (!card.ScheduledActionID) {\n                                        <button class=\"at-source-action-btn at-source-schedule-btn\" (click)=\"OpenScheduleDialog(card); $event.stopPropagation()\"><i class=\"fa-regular fa-clock\"></i> Schedule</button>\n                                    }\n                                    <button class=\"at-source-action-btn at-source-delete-btn\" (click)=\"DeleteSource(card); $event.stopPropagation()\"><i class=\"fa-solid fa-trash\"></i> Delete</button>\n                                </div>\n                            </div>\n                        }\n\n                        <!-- Add Source Card -->\n                        <div class=\"at-add-source-card\" (click)=\"OpenAddSourceForm()\">\n                            <i class=\"fa-solid fa-plus-circle\"></i>\n                            <span style=\"font-size: 0.85rem; font-weight: 600;\">Add Content Source</span>\n                            <span style=\"font-size: 0.72rem;\">Web, RSS, Email, Files, API</span>\n                        </div>\n                    </div>\n\n                    <!-- Content Item Duplicates Section -->\n                    <div class=\"at-dedup-section\">\n                        <div class=\"at-dedup-header\">\n                            <div>\n                                <h3 class=\"at-dedup-title\">\n                                    <i class=\"fa-solid fa-clone\"></i>\n                                    Content Duplicates\n                                </h3>\n                                <span class=\"at-dedup-subtitle\">Review detected duplicate content items across sources</span>\n                            </div>\n                            <button class=\"at-action-btn at-secondary-btn\" (click)=\"LoadContentDuplicates()\" [disabled]=\"IsLoadingDuplicates\">\n                                @if (IsLoadingDuplicates) {\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                                } @else {\n                                    <i class=\"fa-solid fa-arrows-rotate\"></i> Load Duplicates\n                                }\n                            </button>\n                        </div>\n\n                        @if (ContentDuplicates.length > 0) {\n                            <div class=\"at-dedup-list\">\n                                @for (dup of ContentDuplicates; track dup.ID) {\n                                    <div class=\"at-dedup-card\">\n                                        <div class=\"at-dedup-pair\">\n                                            <div class=\"at-dedup-item\">\n                                                <span class=\"at-dedup-item-name\">{{ dup.ItemAName }}</span>\n                                                <span class=\"at-dedup-item-source\">{{ dup.ItemASource }}</span>\n                                            </div>\n                                            <div class=\"at-dedup-vs\">\n                                                <i class=\"fa-solid fa-arrows-left-right\"></i>\n                                            </div>\n                                            <div class=\"at-dedup-item\">\n                                                <span class=\"at-dedup-item-name\">{{ dup.ItemBName }}</span>\n                                                <span class=\"at-dedup-item-source\">{{ dup.ItemBSource }}</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-dedup-meta\">\n                                            <span class=\"at-dedup-score\">{{ (dup.SimilarityScore * 100).toFixed(0) }}% match</span>\n                                            <span class=\"at-dedup-method\">{{ dup.DetectionMethod }}</span>\n                                        </div>\n                                        <div class=\"at-dedup-actions\">\n                                            <button class=\"at-action-btn at-primary-btn at-dedup-confirm\" (click)=\"ConfirmContentDuplicate(dup)\">\n                                                <i class=\"fa-solid fa-check\"></i> Confirm\n                                            </button>\n                                            <button class=\"at-action-btn at-secondary-btn at-dedup-dismiss\" (click)=\"DismissContentDuplicate(dup)\">\n                                                <i class=\"fa-solid fa-times\"></i> Dismiss\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        } @else if (!IsLoadingDuplicates) {\n                            <div class=\"at-dedup-empty\">\n                                <i class=\"fa-solid fa-check-circle\"></i>\n                                <p>No pending duplicates. Click \"Load Duplicates\" to check.</p>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 3: CONTENT TYPES -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'types') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-ct-grid\">\n                        @for (card of ContentTypeCards; track card.ID) {\n                            <div class=\"at-ct-card\">\n                                <div class=\"at-ct-card-header\">\n                                    <span class=\"at-ct-card-name\">{{ card.Name }}</span>\n                                    <span class=\"at-ct-card-model\">{{ card.AIModelName }}</span>\n                                </div>\n                                <div class=\"at-ct-field\">\n                                    <span class=\"at-ct-field-label\">Description</span>\n                                    <span class=\"at-ct-field-value\">{{ card.Description || '\\u2014' }}</span>\n                                </div>\n                                <div class=\"at-ct-field\">\n                                    <span class=\"at-ct-field-label\">Sources Using</span>\n                                    <span class=\"at-ct-field-value\">{{ card.SourcesUsing }}</span>\n                                </div>\n                                <div class=\"at-ct-field\">\n                                    <span class=\"at-ct-field-label\">Items Tagged</span>\n                                    <span class=\"at-ct-field-value\">{{ formatNumber(card.ItemsTagged) }}</span>\n                                </div>\n                                <div class=\"at-ct-tag-range\">\n                                    <i class=\"fa-solid fa-tags\"></i>\n                                    <span>{{ card.MinTags }}</span>\n                                    <div class=\"at-ct-tag-range-bar\">\n                                        <div class=\"at-ct-tag-range-fill\" [style.left.%]=\"card.RangeLeftPct\" [style.right.%]=\"card.RangeRightPct\"></div>\n                                    </div>\n                                    <span>{{ card.MaxTags }}</span>\n                                    <span class=\"at-ct-range-suffix\">tags/item</span>\n                                </div>\n                                <div class=\"at-source-card-actions\" style=\"margin-top: 10px;\">\n                                    <button class=\"at-source-action-btn\" (click)=\"OpenEditTypeForm(card)\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n                                </div>\n                            </div>\n                        }\n                        <!-- Add Content Type Card -->\n                        <div class=\"at-add-type-card\" (click)=\"OpenAddTypeForm()\">\n                            <i class=\"fa-solid fa-plus-circle\"></i>\n                            <span style=\"font-size: 0.85rem; font-weight: 600;\">Add Content Type</span>\n                            <span style=\"font-size: 0.72rem;\">Configure tagging rules</span>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 4: TAG LIBRARY -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'tags') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-tag-lib-layout\">\n                        <div class=\"at-tag-lib-main\">\n                            <div class=\"at-card\">\n                                <div class=\"at-card-body\" style=\"max-height: 500px; overflow-y: auto;\">\n                                    <table class=\"at-tag-table\">\n                                        <thead>\n                                            <tr>\n                                                <th>Tag</th>\n                                                <th>Count</th>\n                                                <th>Avg Weight</th>\n                                                <th>Distribution</th>\n                                                <th>Top Source</th>\n                                                <th>First Seen</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (row of FilteredTagRows; track row.Tag) {\n                                                <tr class=\"at-tag-row-clickable\" (click)=\"DrillDownTag(row.Tag)\"\n                                                    [class.at-tag-row-selected]=\"SelectedDrillDownTag === row.Tag\">\n                                                    <td class=\"at-tag-name-cell\">{{ row.Tag }}</td>\n                                                    <td>{{ row.UsageCount }}</td>\n                                                    <td>\n                                                        <div class=\"at-weight-indicator\">\n                                                            <div class=\"at-weight-bar\">\n                                                                <div class=\"at-weight-bar-fill\" [style.width.%]=\"row.AvgWeight * 100\"\n                                                                     [class.at-weight-high]=\"row.AvgWeight >= 0.7\"\n                                                                     [class.at-weight-medium]=\"row.AvgWeight >= 0.4 && row.AvgWeight < 0.7\"\n                                                                     [class.at-weight-low]=\"row.AvgWeight < 0.4\"></div>\n                                                            </div>\n                                                            <span class=\"at-weight-value\">{{ row.AvgWeight.toFixed(2) }}</span>\n                                                        </div>\n                                                    </td>\n                                                    <td>\n                                                        <div class=\"at-tag-bar\">\n                                                            <div class=\"at-tag-bar-fill\" [style.width.%]=\"row.BarWidthPct\"></div>\n                                                        </div>\n                                                    </td>\n                                                    <td>{{ row.TopSource }}</td>\n                                                    <td>{{ row.FirstSeen }}</td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n\n                            <!-- Tag drill-down: content items matching selected tag -->\n                            @if (SelectedDrillDownTag) {\n                                <div class=\"at-card\" style=\"margin-top: 12px;\">\n                                    <div class=\"at-card-header\">\n                                        <span class=\"at-card-title\">\n                                            <i class=\"fa-solid fa-tag\"></i>\n                                            Content items tagged \"{{ SelectedDrillDownTag }}\"\n                                            ({{ TagDrillDownItems.length }})\n                                        </span>\n                                        <button class=\"at-slide-close\" (click)=\"CloseDrillDownTag()\" style=\"background:none;border:none;cursor:pointer;color:var(--mj-text-muted)\" aria-label=\"Close\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                    </div>\n                                    <div class=\"at-card-body\" style=\"max-height: 300px; overflow-y: auto;\">\n                                        @if (TagDrillDownItems.length === 0) {\n                                            <div class=\"at-empty-state\"><p>No content items found for this tag.</p></div>\n                                        } @else {\n                                            <table class=\"at-tag-table\">\n                                                <thead>\n                                                    <tr>\n                                                        <th>Name</th>\n                                                        <th>Source</th>\n                                                        <th>Weight</th>\n                                                        <th>Updated</th>\n                                                    </tr>\n                                                </thead>\n                                                <tbody>\n                                                    @for (di of TagDrillDownItems; track di.ID) {\n                                                        <tr class=\"at-tag-row-clickable\" (click)=\"OpenItemDetailByID(di.ID)\">\n                                                            <td>{{ di.Name }}</td>\n                                                            <td>{{ di.SourceName }}</td>\n                                                            <td>{{ FormatWeight(di.Weight) }}</td>\n                                                            <td>{{ di.UpdatedAt }}</td>\n                                                        </tr>\n                                                    }\n                                                </tbody>\n                                            </table>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                        <div class=\"at-tag-lib-sidebar\">\n                            <div class=\"at-card at-tag-cloud-card\">\n                                <div class=\"at-card-title\" style=\"margin-bottom: 12px;\"><i class=\"fa-solid fa-cloud\"></i> Tag Cloud</div>\n                                @if (TagCloudWordItems.length > 0) {\n                                    <mj-word-cloud\n                                        [Items]=\"TagCloudWordItems\"\n                                        [MaxFontSize]=\"40\"\n                                        [MinFontSize]=\"12\"\n                                        [MaxItems]=\"20\"\n                                        Layout=\"spiral\"\n                                        ColorMode=\"weight-gradient\"\n                                        [Interactive]=\"true\"\n                                        [Animate]=\"true\">\n                                    </mj-word-cloud>\n                                } @else {\n                                    <div class=\"at-tag-cloud-empty\">No tags yet</div>\n                                }\n                            </div>\n                            <div class=\"at-card\" style=\"padding: 16px; margin-top: 12px;\">\n                                <div class=\"at-card-title\" style=\"margin-bottom: 10px;\"><i class=\"fa-solid fa-chart-pie\"></i> By Source</div>\n                                <div class=\"at-tags-by-source\">\n                                    @for (s of TagsBySource; track s.SourceName) {\n                                        <div class=\"at-tag-source-row\">\n                                            <span>{{ s.SourceName }}</span>\n                                            <strong>{{ s.Count }}</strong>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 6: TAXONOMY GOVERNANCE -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'taxonomy') {\n\n                <div class=\"at-page-body\">\n\n                    <!-- \u2550\u2550 SUB-TAB 1: TREE VIEW \u2550\u2550 -->\n                    @if (TaxSubTab === 'tree') {\n                        <div class=\"at-tax-split-view\">\n                            <!-- Tree panel -->\n                            <div class=\"at-tax-tree-panel\" style=\"position: relative;\">\n                                <div class=\"at-tax-tree-toolbar\">\n                                    <input type=\"text\" class=\"at-search-input\" style=\"flex: 1;\" placeholder=\"Search tags...\"\n                                           [(ngModel)]=\"TaxTreeSearch\" (input)=\"FilterTaxTree()\">\n                                    <button class=\"at-tax-toolbar-btn\" title=\"Add root tag\" (click)=\"OpenCreateRootTag()\">\n                                        <i class=\"fa-solid fa-plus\"></i>\n                                    </button>\n                                    <button class=\"at-tax-toolbar-btn\" [class.active]=\"TaxMultiSelectMode\"\n                                            title=\"Toggle multi-select for drag reparenting\" (click)=\"ToggleMultiSelectMode()\">\n                                        <i class=\"fa-solid fa-check-double\"></i>\n                                    </button>\n                                </div>\n                                <div class=\"at-tax-tree-body\"\n                                     (dragover)=\"$event.preventDefault()\"\n                                     (drop)=\"OnDropToRoot($event)\">\n                                    @if (TaxFilteredNodes.length === 0) {\n                                        <div class=\"at-empty-state\">\n                                            <i class=\"fa-solid fa-sitemap\"></i>\n                                            <p>No tags found</p>\n                                        </div>\n                                    }\n                                    @for (node of TaxFilteredNodes; track node.ID) {\n                                        <div class=\"at-tax-tree-node\"\n                                             [class.at-tax-node-selected]=\"node.IsSelected\"\n                                             [class.at-tax-node-drag-over]=\"TaxDragOverNodeID === node.ID\"\n                                             [class.at-tax-node-multi-selected]=\"IsNodeMultiSelected(node.ID)\"\n                                             [style.padding-left.px]=\"16 + node.Depth * 20\"\n                                             [attr.draggable]=\"true\"\n                                             (dragstart)=\"OnTreeNodeDragStart($event, node)\"\n                                             (dragover)=\"OnTreeNodeDragOver($event, node)\"\n                                             (dragleave)=\"OnTreeNodeDragLeave()\"\n                                             (drop)=\"OnTreeNodeDrop($event, node); $event.stopPropagation()\"\n                                             (click)=\"SelectTaxNode(node)\">\n                                            @if (TaxMultiSelectMode) {\n                                                <input type=\"checkbox\" class=\"at-tax-tree-checkbox\"\n                                                       [checked]=\"IsNodeMultiSelected(node.ID)\"\n                                                       (click)=\"ToggleNodeSelection(node, $event)\">\n                                            }\n                                            <span class=\"at-tax-tree-arrow\"\n                                                  [class.at-tax-arrow-expanded]=\"node.IsExpanded && node.Children.length > 0\"\n                                                  [class.at-tax-arrow-collapsed]=\"!node.IsExpanded && node.Children.length > 0\"\n                                                  [class.at-tax-arrow-leaf]=\"node.Children.length === 0\"\n                                                  (click)=\"ToggleTaxNode(node); $event.stopPropagation()\"></span>\n                                            <span class=\"at-tax-health-dot\" [class]=\"node.HealthColor\"></span>\n                                            <span class=\"at-tax-tree-label\" [class.at-tax-tree-label-selected]=\"node.IsSelected\">{{ node.Name }}</span>\n                                            <span class=\"at-tax-tree-count\">({{ node.ItemCount }})</span>\n                                            <span class=\"at-tax-tree-add-child\" title=\"Add child tag\"\n                                                  (click)=\"OpenCreateChildTagFor(node); $event.stopPropagation()\">\n                                                <i class=\"fa-solid fa-plus\"></i>\n                                            </span>\n                                        </div>\n                                    }\n                                </div>\n                                @if (TaxTreeSaving) {\n                                    <div class=\"at-tax-tree-saving-overlay\">\n                                        <mj-loading text=\"Moving tags...\" size=\"small\"></mj-loading>\n                                    </div>\n                                }\n                            </div>\n\n                            <!-- Details panel -->\n                            <div class=\"at-tax-details-panel\">\n                                @if (TaxSelectedNode) {\n                                    <div class=\"at-tax-details-header\">\n                                        <!-- Breadcrumb -->\n                                        <div class=\"at-tax-breadcrumb\">\n                                            @for (bc of GetTaxBreadcrumb(TaxSelectedNode); track bc.ID) {\n                                                <span class=\"at-tax-bc-link\" (click)=\"NavigateToBreadcrumb(bc.ID)\">{{ bc.Name }}</span>\n                                                <span class=\"at-tax-bc-sep\">&rsaquo;</span>\n                                            }\n                                            <span class=\"at-tax-bc-current\">{{ TaxSelectedNode.Name }}</span>\n                                        </div>\n\n                                        @if (!TaxIsEditing) {\n                                            <div class=\"at-tax-details-title\">\n                                                {{ TaxSelectedNode.DisplayName }}\n                                                <span class=\"at-tax-edit-icon\" (click)=\"StartEditTag()\" title=\"Edit name\">\n                                                    <i class=\"fa-solid fa-pen\"></i>\n                                                </span>\n                                            </div>\n                                            @if (TaxSelectedNode.Description) {\n                                                <div class=\"at-tax-details-desc\">{{ TaxSelectedNode.Description }}</div>\n                                            }\n                                        } @else {\n                                            <div class=\"at-tax-edit-form\">\n                                                <div class=\"at-form-group\">\n                                                    <label class=\"at-form-label\">Name</label>\n                                                    <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"TaxEditName\">\n                                                </div>\n                                                <div class=\"at-form-group\">\n                                                    <label class=\"at-form-label\">Description</label>\n                                                    <textarea class=\"at-form-textarea\" rows=\"3\" [(ngModel)]=\"TaxEditDescription\"></textarea>\n                                                </div>\n                                                <div class=\"at-form-actions\">\n                                                    <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveEditTag()\">Save</button>\n                                                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CancelEditTag()\">Cancel</button>\n                                                </div>\n                                            </div>\n                                        }\n                                    </div>\n\n                                    <!-- Stats row -->\n                                    <div class=\"at-tax-stats-row\">\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.ItemCount }}</div>\n                                            <div class=\"at-tax-stat-label\">Items Tagged</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.AvgWeight.toFixed(2) }}</div>\n                                            <div class=\"at-tax-stat-label\">Avg Weight</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.Children.length }}</div>\n                                            <div class=\"at-tax-stat-label\">Children</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.Depth }}</div>\n                                            <div class=\"at-tax-stat-label\">Depth</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value at-tax-stat-date\">{{ TaxSelectedNode.FirstSeen }}</div>\n                                            <div class=\"at-tax-stat-label\">First Seen</div>\n                                        </div>\n                                    </div>\n\n                                    <!-- Action toolbar -->\n                                    @if (!TaxIsEditing) {\n                                        <div class=\"at-tax-action-toolbar\">\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenCreateChildTag()\"><i class=\"fa-solid fa-plus\"></i> Add Child</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"StartEditTag()\"><i class=\"fa-solid fa-pen\"></i> Rename</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenMoveDialog(TaxSelectedNode)\"><i class=\"fa-solid fa-arrows-up-down\"></i> Move</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenMergeIntoDialog(TaxSelectedNode)\"><i class=\"fa-solid fa-compress\"></i> Merge Into...</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenSplitDialog(TaxSelectedNode)\"><i class=\"fa-solid fa-code-branch\"></i> Split</button>\n                                            <button class=\"at-tax-action-btn at-tax-action-danger\" (click)=\"DeleteTag(TaxSelectedNode)\"><i class=\"fa-solid fa-trash\"></i> Delete</button>\n                                        </div>\n                                    }\n\n                                    <!-- Child tags -->\n                                    @if (TaxSelectedNode.Children.length > 0) {\n                                        <div class=\"at-tax-detail-section\">\n                                            <div class=\"at-tax-section-title\">Child Tags</div>\n                                            <div class=\"at-tax-child-chips\">\n                                                @for (child of TaxSelectedNode.Children; track child.ID) {\n                                                    <span class=\"at-tax-child-chip\" (click)=\"SelectTaxNode(child)\">\n                                                        {{ child.Name }}\n                                                        <span class=\"at-tax-chip-count\">{{ child.ItemCount }}</span>\n                                                    </span>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n\n                                    <!-- Recently tagged items -->\n                                    @if (TaxRecentItems.length > 0) {\n                                        <div class=\"at-tax-detail-section\">\n                                            <div class=\"at-tax-section-title\">Recently Tagged Items</div>\n                                            <div class=\"at-tax-recent-list\">\n                                                @for (item of TaxRecentItems; track $index) {\n                                                    <div class=\"at-tax-recent-item\">\n                                                        <div class=\"at-tax-recent-icon\"><i [class]=\"item.Icon\"></i></div>\n                                                        <div class=\"at-tax-recent-name\">{{ item.Name }}</div>\n                                                        <div class=\"at-tax-recent-weight\">{{ item.Weight.toFixed(2) }}</div>\n                                                        <div class=\"at-tax-recent-date\">{{ item.Date }}</div>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                } @else {\n                                    <div class=\"at-empty-state\" style=\"height: 100%;\">\n                                        <i class=\"fa-solid fa-hand-pointer\"></i>\n                                        <p>Select a tag from the tree to view details</p>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Health bar -->\n                        <div class=\"at-tax-health-bar\">\n                            <span class=\"at-tax-health-label\">Taxonomy Health</span>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-total\"></span>\n                                <span class=\"at-tax-health-value\">{{ TaxHealth.Total }}</span>\n                                <span class=\"at-tax-health-text\">Total</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-healthy\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-success\">{{ TaxHealth.Healthy }}</span>\n                                <span class=\"at-tax-health-text\">Healthy</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-attention\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-warning\">{{ TaxHealth.NeedAttention }}</span>\n                                <span class=\"at-tax-health-text\">Need Attention</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-orphaned\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-error\">{{ TaxHealth.Orphaned }}</span>\n                                <span class=\"at-tax-health-text\">Orphaned</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-duplicates\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-info\">{{ TaxHealth.Duplicates }}</span>\n                                <span class=\"at-tax-health-text\">Duplicate Candidates</span>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 2: DUPLICATES \u2550\u2550 -->\n                    @if (TaxSubTab === 'duplicates') {\n                        <div class=\"at-tax-dup-stats-bar\">\n                            <div class=\"at-tax-dup-stat\"><strong>{{ TaxDuplicates.length }}</strong> candidates found</div>\n                            <div class=\"at-tax-dup-stat at-tax-dup-high\"><strong>{{ TaxHighConfidenceDupeCount }}</strong> high confidence (&gt;85%)</div>\n                            <div class=\"at-tax-dup-stat at-tax-dup-moderate\"><strong>{{ TaxModerateDupeCount }}</strong> moderate (70-85%)</div>\n                        </div>\n\n                        @if (TaxDuplicates.length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-check-circle\"></i>\n                                <p>No duplicate tags detected</p>\n                            </div>\n                        }\n\n                        <div class=\"at-tax-dup-list\">\n                            @for (pair of TaxDuplicates; track $index) {\n                                <div class=\"at-tax-dup-card\" [class.at-tax-dup-high]=\"pair.SeverityClass === 'high'\" [class.at-tax-dup-moderate]=\"pair.SeverityClass === 'moderate'\">\n                                    @if (pair.IsExactDuplicate) {\n                                        <!-- Exact-name duplicates: show single tag name with count -->\n                                        <div class=\"at-tax-dup-tag\">{{ pair.TagA }}</div>\n                                        <div class=\"at-tax-dup-similarity\">\n                                            <span class=\"at-tax-sim-percent high\">\n                                                <i class=\"fa-solid fa-clone\"></i>&nbsp;{{ pair.ExactDuplicateCount }} identical records\n                                            </span>\n                                        </div>\n                                        <div class=\"at-tax-dup-actions\">\n                                            <button class=\"at-tax-dup-btn at-tax-dup-btn-primary\" (click)=\"MergeTags(pair.TagAID, pair.TagBID, pair.TagA, pair.TagB)\" [disabled]=\"IsMerging\">@if (IsMerging) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging... } @else { Merge }</button>\n                                            <button class=\"at-tax-dup-btn\" (click)=\"DismissDuplicate(pair)\">Dismiss</button>\n                                        </div>\n                                    } @else {\n                                        <!-- Similar (non-exact) pairs: show both tags with similarity -->\n                                        <div class=\"at-tax-dup-tag\">{{ pair.TagA }}</div>\n                                        <div class=\"at-tax-dup-arrow\"><i class=\"fa-solid fa-arrows-left-right\"></i></div>\n                                        <div class=\"at-tax-dup-similarity\">\n                                            <div class=\"at-tax-sim-bar-bg\">\n                                                <div class=\"at-tax-sim-bar-fill\" [class]=\"pair.SeverityClass\" [style.width.%]=\"pair.Similarity\"></div>\n                                            </div>\n                                            <span class=\"at-tax-sim-percent\" [class]=\"pair.SeverityClass\">{{ pair.Similarity }}%</span>\n                                        </div>\n                                        <div class=\"at-tax-dup-arrow\"><i class=\"fa-solid fa-arrows-left-right\"></i></div>\n                                        <div class=\"at-tax-dup-tag\">{{ pair.TagB }}</div>\n                                        <div class=\"at-tax-dup-actions\">\n                                            <button class=\"at-tax-dup-btn at-tax-dup-btn-primary\" (click)=\"MergeTags(pair.TagAID, pair.TagBID, pair.TagA, pair.TagB)\" [disabled]=\"IsMerging\">@if (IsMerging) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging... } @else { Merge }</button>\n                                            <button class=\"at-tax-dup-btn\" (click)=\"MakeChildTag(pair.TagAID, pair.TagBID)\">Make Child</button>\n                                            <button class=\"at-tax-dup-btn\" (click)=\"DismissDuplicate(pair)\">Dismiss</button>\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 3: ORPHANS \u2550\u2550 -->\n                    @if (TaxSubTab === 'orphans') {\n                        <div class=\"at-tax-orphan-toolbar\">\n                            <span class=\"at-tax-orphan-count\">{{ TaxOrphans.length }} orphaned tags</span>\n                            <span class=\"at-tax-orphan-desc\">&mdash; no parent, no children, low usage</span>\n                            <div class=\"at-tax-orphan-bulk\">\n                                <button class=\"at-tax-bulk-btn\" (click)=\"ToggleAllOrphans()\">\n                                    @if (TaxAllOrphansSelected) { <i class=\"fa-solid fa-square-check\"></i> } @else { <i class=\"fa-regular fa-square\"></i> }\n                                    Select All\n                                </button>\n                                <button class=\"at-tax-bulk-btn at-tax-bulk-danger\" (click)=\"BulkDeleteOrphans()\">\n                                    <i class=\"fa-solid fa-trash\"></i> Bulk Delete\n                                </button>\n                                <button class=\"at-tax-bulk-btn at-tax-bulk-danger\" (click)=\"DeleteAllOrphans()\">\n                                    <i class=\"fa-solid fa-trash-can\"></i> Delete All ({{ TaxOrphans.length }})\n                                </button>\n                            </div>\n                        </div>\n\n                        @if (TaxOrphans.length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-check-circle\"></i>\n                                <p>No orphaned tags</p>\n                            </div>\n                        }\n\n                        <div class=\"at-tax-orphan-grid\">\n                            @for (orphan of TaxOrphans; track orphan.ID) {\n                                <div class=\"at-tax-orphan-card\">\n                                    <div class=\"at-tax-orphan-header\">\n                                        <span class=\"at-tax-orphan-name\">{{ orphan.Name }}</span>\n                                        <input type=\"checkbox\" class=\"at-tax-orphan-checkbox\" [checked]=\"orphan.IsSelected\"\n                                               (change)=\"ToggleOrphanSelection(orphan)\" (click)=\"$event.stopPropagation()\">\n                                    </div>\n                                    <div class=\"at-tax-orphan-stats\">\n                                        <span>Usage: <strong>{{ orphan.UsageCount }}</strong></span>\n                                        <span>Avg Weight: <strong>{{ orphan.AvgWeight.toFixed(2) }}</strong></span>\n                                    </div>\n                                    <div class=\"at-tax-orphan-dates\">\n                                        <span>First: {{ orphan.FirstSeen }}</span>\n                                        <span>Last: {{ orphan.LastSeen }}</span>\n                                    </div>\n                                    <div class=\"at-tax-orphan-actions\">\n                                        <button class=\"at-tax-orphan-btn at-tax-orphan-delete\" (click)=\"DeleteOrphan(orphan)\">Delete</button>\n                                        <button class=\"at-tax-orphan-btn\">Ignore</button>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 4: TREEMAP \u2550\u2550 -->\n                    @if (TaxSubTab === 'treemap') {\n                        <div class=\"at-tax-treemap-kpi-strip\">\n                            @for (kpi of TaxTreemapKPIs; track kpi.Label) {\n                                <div class=\"at-tax-treemap-kpi\">\n                                    <div class=\"at-tax-treemap-kpi-value\">{{ kpi.Value }}</div>\n                                    <div class=\"at-tax-treemap-kpi-label\">{{ kpi.Label }}</div>\n                                </div>\n                            }\n                        </div>\n\n                        @if (TaxTreemapCells.length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-chart-tree-map\"></i>\n                                <p>No taxonomy data to visualize</p>\n                            </div>\n                        } @else {\n                            <div class=\"at-tax-treemap-container\">\n                                @for (cell of TaxTreemapCells; track $index) {\n                                    <div class=\"at-tax-treemap-cell at-tax-treemap-cell-clickable\" [class]=\"cell.ColorClass\"\n                                         [style.grid-row]=\"cell.RowSpan > 1 ? 'span ' + cell.RowSpan : ''\"\n                                         (click)=\"OpenTreemapDrillIn(cell)\">\n                                        <span class=\"at-tax-cell-name\">{{ cell.Name }}</span>\n                                        <span class=\"at-tax-cell-count\">{{ cell.ItemCount }} items</span>\n                                    </div>\n                                }\n                            </div>\n                        }\n\n                        <!-- Treemap Drill-In Panel -->\n                        @if (ShowTreemapDrillIn && TreemapDrillInNode) {\n                            <div class=\"at-tax-drillin-overlay\" (click)=\"CloseTreemapDrillIn()\">\n                                <div class=\"at-tax-drillin-panel\" (click)=\"$event.stopPropagation()\">\n                                    <div class=\"at-tax-drillin-header\">\n                                        <h3><i class=\"fa-solid fa-tag\"></i> {{ TreemapDrillInNode.Name }}</h3>\n                                        <button class=\"at-schedule-dialog-close\" (click)=\"CloseTreemapDrillIn()\" aria-label=\"Close\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                    </div>\n                                    <div class=\"at-tax-drillin-body\">\n                                        <div class=\"at-tax-stats-row\">\n                                            <div class=\"at-tax-stat-item\">\n                                                <div class=\"at-tax-stat-value\">{{ TreemapDrillInNode.ItemCount }}</div>\n                                                <div class=\"at-tax-stat-label\">Items Tagged</div>\n                                            </div>\n                                            <div class=\"at-tax-stat-item\">\n                                                <div class=\"at-tax-stat-value\">{{ TreemapDrillInNode.AvgWeight.toFixed(2) }}</div>\n                                                <div class=\"at-tax-stat-label\">Avg Weight</div>\n                                            </div>\n                                            <div class=\"at-tax-stat-item\">\n                                                <div class=\"at-tax-stat-value\">{{ TreemapDrillInNode.Children.length }}</div>\n                                                <div class=\"at-tax-stat-label\">Children</div>\n                                            </div>\n                                        </div>\n\n                                        @if (TreemapDrillInNode.Children.length > 0) {\n                                            <div class=\"at-tax-detail-section\">\n                                                <div class=\"at-tax-section-title\">Child Tags</div>\n                                                <div class=\"at-tax-child-chips\">\n                                                    @for (child of TreemapDrillInNode.Children; track child.ID) {\n                                                        <span class=\"at-tax-child-chip\">{{ child.Name }} <span class=\"at-tax-chip-count\">{{ child.ItemCount }}</span></span>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n\n                                        @if (TaxRecentItems.length > 0) {\n                                            <div class=\"at-tax-detail-section\">\n                                                <div class=\"at-tax-section-title\">Recently Tagged Items</div>\n                                                <div class=\"at-tax-recent-list\">\n                                                    @for (item of TaxRecentItems; track $index) {\n                                                        <div class=\"at-tax-recent-item\">\n                                                            <div class=\"at-tax-recent-icon\"><i [class]=\"item.Icon\"></i></div>\n                                                            <div class=\"at-tax-recent-name\">{{ item.Name }}</div>\n                                                            <div class=\"at-tax-recent-weight\">{{ item.Weight.toFixed(2) }}</div>\n                                                            <div class=\"at-tax-recent-date\">{{ item.Date }}</div>\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n                                    </div>\n                                    <div class=\"at-tax-drillin-footer\">\n                                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"DrillInToTreeView(TreemapDrillInNode)\">\n                                            <i class=\"fa-solid fa-sitemap\"></i> View in Tree\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 5: AUDIT LOG \u2550\u2550 -->\n                    @if (TaxSubTab === 'audit') {\n                        <div class=\"at-tax-audit-filters\">\n                            <span class=\"at-tax-audit-filter-label\">Filter</span>\n                            <div class=\"at-tax-audit-checkbox-group\">\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('created')\" (change)=\"ToggleTaxAuditFilter('created')\"> Created\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('merged')\" (change)=\"ToggleTaxAuditFilter('merged')\"> Merged\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('moved')\" (change)=\"ToggleTaxAuditFilter('moved')\"> Moved\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('deleted')\" (change)=\"ToggleTaxAuditFilter('deleted')\"> Deleted\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('renamed')\" (change)=\"ToggleTaxAuditFilter('renamed')\"> Renamed\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('deprecated')\" (change)=\"ToggleTaxAuditFilter('deprecated')\"> Deprecated\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('split')\" (change)=\"ToggleTaxAuditFilter('split')\"> Split\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('reactivated')\" (change)=\"ToggleTaxAuditFilter('reactivated')\"> Reactivated\n                                </label>\n                            </div>\n                        </div>\n\n                        @if (GetFilteredAuditEvents().length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-scroll\"></i>\n                                <p>No audit events match the current filters</p>\n                            </div>\n                        }\n\n                        <div class=\"at-tax-audit-timeline\">\n                            @for (event of GetFilteredAuditEvents(); track $index) {\n                                <div class=\"at-tax-audit-event\">\n                                    <div class=\"at-tax-audit-event-icon\" [class]=\"event.Type\">\n                                        <i [class]=\"GetTaxAuditIcon(event.Type)\"></i>\n                                    </div>\n                                    <div class=\"at-tax-audit-event-body\">\n                                        <div class=\"at-tax-audit-event-desc\">\n                                            {{ event.Description }} <span class=\"at-tax-tag-ref\">{{ event.TagRef }}</span>\n                                        </div>\n                                        <div class=\"at-tax-audit-event-meta\">\n                                            <span>{{ event.User }}</span>\n                                            <span>{{ event.Timestamp }}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 7: RUN HISTORY -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'history') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-card\">\n                        <div class=\"at-card-body\" style=\"max-height: 600px; overflow-y: auto;\">\n                            <table class=\"at-run-table\">\n                                <thead>\n                                    <tr>\n                                        <th>Status</th>\n                                        <th>Source</th>\n                                        <th>Started</th>\n                                        <th>Duration</th>\n                                        <th>Items</th>\n                                        <th>Tags</th>\n                                        <th>Errors</th>\n                                    </tr>\n                                </thead>\n                                <tbody>\n                                    @for (row of FilteredRunRows; track row.ID) {\n                                        <tr class=\"at-run-row-clickable\"\n                                            [class.at-run-row-selected]=\"SelectedRunID === row.ID\"\n                                            (click)=\"OpenRunDetail(row.ID)\">\n                                            <td>\n                                                <span class=\"at-run-status-badge\" [class]=\"row.StatusClass\">\n                                                    @if (row.StatusClass === 'running') {\n                                                        <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 0.55rem\"></i>\n                                                    }\n                                                    {{ row.Status }}\n                                                </span>\n                                            </td>\n                                            <td class=\"at-run-source-name\">{{ row.SourceName }}</td>\n                                            <td>{{ row.StartedDisplay }}</td>\n                                            <td class=\"at-run-duration\">{{ row.Duration }}</td>\n                                            <td>{{ row.Items }}</td>\n                                            <td>{{ row.Tags }}</td>\n                                            <td [class]=\"row.ErrorClass\">{{ row.Errors }}</td>\n                                        </tr>\n                                    }\n                                </tbody>\n                            </table>\n                        </div>\n                    </div>\n\n                    <!-- D3/D8: Run Detail Slide-In Panel -->\n                    @if (SelectedRunID) {\n                        <div class=\"at-card\" style=\"margin-top: 12px;\">\n                            <div class=\"at-card-header\">\n                                <span class=\"at-card-title\">\n                                    <i class=\"fa-solid fa-magnifying-glass-chart\"></i>\n                                    Run Detail: {{ SelectedRunID.slice(0, 14) }}...\n                                </span>\n                                <button class=\"at-action-btn at-secondary-btn\" style=\"font-size: 11px; padding: 3px 8px;\" (click)=\"CloseRunDetail()\">\n                                    <i class=\"fa-solid fa-times\"></i> Close\n                                </button>\n                            </div>\n                            <div class=\"at-card-body\">\n                                @if (IsLoadingRunDetail) {\n                                    <mj-loading text=\"Loading run details...\" size=\"small\"></mj-loading>\n                                } @else if (RunDetailRows.length > 0) {\n                                    <table class=\"at-run-table\">\n                                        <thead>\n                                            <tr>\n                                                <th>Source</th>\n                                                <th>Source Type</th>\n                                                <th>Status</th>\n                                                <th>Items</th>\n                                                <th>Tagged</th>\n                                                <th>Vectorized</th>\n                                                <th>Errors</th>\n                                                <th>Tokens</th>\n                                                <th>Cost</th>\n                                                <th>Duration</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (detail of RunDetailRows; track detail.SourceName) {\n                                                <tr>\n                                                    <td class=\"at-run-source-name\">{{ detail.SourceName }}</td>\n                                                    <td>{{ detail.SourceType }}</td>\n                                                    <td>\n                                                        <span class=\"at-run-status-badge\" [class]=\"detail.StatusClass\">{{ detail.Status }}</span>\n                                                    </td>\n                                                    <td>{{ detail.ItemsProcessed }}</td>\n                                                    <td>{{ detail.ItemsTagged }}</td>\n                                                    <td>{{ detail.ItemsVectorized }}</td>\n                                                    <td [class.run-error-text]=\"detail.ErrorCount > 0\">{{ detail.ErrorCount }}</td>\n                                                    <td>{{ FormatTokenCount(detail.TotalTokens) }}</td>\n                                                    <td>{{ detail.TotalCost > 0 ? '$' + detail.TotalCost.toFixed(4) : '$0.00' }}</td>\n                                                    <td class=\"at-run-duration\">{{ detail.Duration }}</td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                } @else {\n                                    <div class=\"at-empty-state\">\n                                        <i class=\"fa-solid fa-info-circle\"></i>\n                                        <p>No per-source detail records found for this run.</p>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n        }\n    </div>\n    </mj-page-body-interior>\n    </mj-left-nav-content>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM OVERLAY \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (FormMode !== 'none') {\n        <div class=\"at-slide-overlay\" (click)=\"CloseForm()\"></div>\n        <div class=\"at-slide-panel\">\n            <div class=\"at-slide-header\">\n                <h3>\n                    @if (FormMode === 'add-source') { Add Content Source }\n                    @else if (FormMode === 'edit-source') { Edit Content Source }\n                    @else if (FormMode === 'add-type') { Add Content Type }\n                    @else if (FormMode === 'edit-type') { Edit Content Type }\n                </h3>\n                <button class=\"at-slide-close\" aria-label=\"Close form\" (click)=\"CloseForm()\"><i class=\"fa-solid fa-times\"></i></button>\n            </div>\n            <div class=\"at-slide-body\">\n\n                <!-- Source form -->\n                @if (FormMode === 'add-source' || FormMode === 'edit-source') {\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Name</label>\n                        <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceName\" placeholder=\"Source name\">\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Source Type</label>\n                        <select class=\"at-form-select\" [(ngModel)]=\"FormSourceTypeID\">\n                            <option value=\"\">Select source type...</option>\n                            @for (opt of SourceTypeOptions; track opt.ID) {\n                                <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <!-- Content Type + File Type: hidden for Entity source type -->\n                    @if (SelectedSourceTypeRequiresContentType) {\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">Content Type</label>\n                            <select class=\"at-form-select\" [(ngModel)]=\"FormContentTypeID\">\n                                <option value=\"\">Select content type...</option>\n                                @for (opt of ContentTypeOptions; track opt.ID) {\n                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">File Type</label>\n                            <select class=\"at-form-select\" [(ngModel)]=\"FormFileTypeID\">\n                                <option value=\"\">Select file type...</option>\n                                @for (opt of FileTypeOptions; track opt.ID) {\n                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                    }\n\n                    <!-- Dynamic source-type-specific fields from ConfigurationObject.RequiredFields -->\n                    @for (field of SelectedSourceTypeFields; track field.Key) {\n                        @if (!field.DependsOnField || FormSourceSpecificConfig[field.DependsOnField]) {\n                            @if (!field.ShowOnlyIfMultiple || GetDependentOptions(field).length > 1) {\n                                <div class=\"at-form-group\">\n                                    <label class=\"at-form-label\">{{ field.Label }} @if (field.Required) { <span class=\"at-required\">*</span> }</label>\n                                    @switch (field.Type) {\n                                        @case ('url') {\n                                            <input type=\"url\" class=\"at-form-input\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                   [placeholder]=\"field.Description || 'https://...'\">\n                                        }\n                                        @case ('path') {\n                                            <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                   [placeholder]=\"field.Description || '/path/to/...'\">\n                                        }\n                                        @case ('text') {\n                                            <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                   [placeholder]=\"field.Description || ''\" [value]=\"field.DefaultValue || ''\">\n                                        }\n                                        @case ('entity-picker') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                    (ngModelChange)=\"OnSourceFieldChanged(field.Key)\">\n                                                <option value=\"\">Select entity...</option>\n                                                @for (opt of EntitiesWithDocuments; track opt.ID) {\n                                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                                }\n                                            </select>\n                                        }\n                                        @case ('entity-doc-picker') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\">\n                                                @for (opt of GetDependentOptions(field); track opt.ID) {\n                                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                                }\n                                            </select>\n                                        }\n                                        @case ('storage-provider-picker') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\">\n                                                <option value=\"\">Select provider...</option>\n                                                @for (opt of StorageProviderOptions; track opt) {\n                                                    <option [value]=\"opt\">{{ opt }}</option>\n                                                }\n                                            </select>\n                                        }\n                                        @case ('dropdown') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\">\n                                                <option value=\"\">Select...</option>\n                                                @for (opt of field.Options || []; track opt.Value) {\n                                                    <option [value]=\"opt.Value\">{{ opt.Label }}</option>\n                                                }\n                                            </select>\n                                        }\n                                    }\n                                    @if (field.Description) {\n                                        <span class=\"at-form-hint\">{{ field.Description }}</span>\n                                    }\n                                </div>\n                            }\n                        }\n                    }\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Embedding Model Override</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"EmbeddingVendorBranch\"\n                            [LeafConfig]=\"EmbeddingModelsLeaf\"\n                            SelectionMode=\"single\"\n                            SelectableTypes=\"leaf\"\n                            Placeholder=\"Use system default\"\n                            [Clearable]=\"true\"\n                            [Value]=\"ToCompositeKey(FormSourceEmbeddingModelID)\"\n                            (ValueChange)=\"FormSourceEmbeddingModelID = FromCompositeKey($event)\">\n                        </mj-tree-dropdown>\n                        <span class=\"at-form-hint\">Overrides Content Type default</span>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Vector Index Override</label>\n                        <select class=\"at-form-select\" [(ngModel)]=\"FormSourceVectorIndexID\">\n                            <option value=\"\">Use system default</option>\n                            @for (opt of VectorIndexOptions; track opt.ID) {\n                                <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                            }\n                        </select>\n                        <span class=\"at-form-hint\">Overrides Content Type default</span>\n                    </div>\n                    <div class=\"at-form-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveSource()\" [disabled]=\"FormSaving\">\n                            @if (FormSaving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving... }\n                            @else { <i class=\"fa-solid fa-check\"></i> Save }\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseForm()\">Cancel</button>\n                    </div>\n                }\n\n                <!-- Content Type form -->\n                @if (FormMode === 'add-type' || FormMode === 'edit-type') {\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Name</label>\n                        <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormTypeName\" placeholder=\"Content type name\">\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Description</label>\n                        <textarea class=\"at-form-textarea\" [(ngModel)]=\"FormTypeDescription\" rows=\"3\" placeholder=\"Description...\"></textarea>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">AI Model (for tagging)</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"AIModelVendorBranch\"\n                            [LeafConfig]=\"AllModelsLeaf\"\n                            SelectionMode=\"single\"\n                            SelectableTypes=\"leaf\"\n                            Placeholder=\"Select AI model...\"\n                            [Clearable]=\"true\"\n                            [Value]=\"ToCompositeKey(FormTypeAIModelID)\"\n                            (ValueChange)=\"FormTypeAIModelID = FromCompositeKey($event)\">\n                        </mj-tree-dropdown>\n                    </div>\n                    <div class=\"at-form-row\">\n                        <div class=\"at-form-group\" style=\"flex: 1;\">\n                            <label class=\"at-form-label\">Min Tags</label>\n                            <input type=\"number\" class=\"at-form-input\" [(ngModel)]=\"FormTypeMinTags\" min=\"0\">\n                        </div>\n                        <div class=\"at-form-group\" style=\"flex: 1;\">\n                            <label class=\"at-form-label\">Max Tags</label>\n                            <input type=\"number\" class=\"at-form-input\" [(ngModel)]=\"FormTypeMaxTags\" min=\"1\">\n                        </div>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Embedding Model</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"EmbeddingVendorBranch\"\n                            [LeafConfig]=\"EmbeddingModelsLeaf\"\n                            SelectionMode=\"single\"\n                            SelectableTypes=\"leaf\"\n                            Placeholder=\"Use system default\"\n                            [Clearable]=\"true\"\n                            [Value]=\"ToCompositeKey(FormTypeEmbeddingModelID)\"\n                            (ValueChange)=\"FormTypeEmbeddingModelID = FromCompositeKey($event)\">\n                        </mj-tree-dropdown>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Vector Index</label>\n                        <select class=\"at-form-select\" [(ngModel)]=\"FormTypeVectorIndexID\">\n                            <option value=\"\">Use system default</option>\n                            @for (opt of VectorIndexOptions; track opt.ID) {\n                                <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"at-form-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveContentType()\" [disabled]=\"FormSaving\">\n                            @if (FormSaving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving... }\n                            @else { <i class=\"fa-solid fa-check\"></i> Save }\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseForm()\">Cancel</button>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 ITEM DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowItemDetail && SelectedFeedItem) {\n        <div class=\"at-slide-overlay\" (click)=\"CloseItemDetail()\"></div>\n        <div class=\"at-slide-panel at-detail-panel\">\n            <div class=\"at-slide-header\">\n                <h3><i class=\"fa-solid fa-file-lines\"></i> Content Item</h3>\n                <button class=\"at-slide-close\" aria-label=\"Close item detail\" (click)=\"CloseItemDetail()\"><i class=\"fa-solid fa-times\"></i></button>\n            </div>\n            <div class=\"at-slide-body\">\n                <!-- Header -->\n                <div class=\"at-detail-item-header\">\n                    <h4 class=\"at-detail-item-name\">{{ SelectedFeedItem.Name }}</h4>\n                    <div class=\"at-detail-badges\">\n                        <span class=\"at-detail-badge at-detail-badge-source\">{{ SelectedFeedItem.SourceName }}</span>\n                        @if (SelectedFeedItem.RequiresContentType) {\n                            <span class=\"at-detail-badge at-detail-badge-type\">{{ SelectedFeedItem.ContentTypeName }}</span>\n                            @if (SelectedFeedItem.FileTypeName) {\n                                <span class=\"at-detail-badge at-detail-badge-file\"><i class=\"fa-solid fa-file\"></i> {{ SelectedFeedItem.FileTypeName }}</span>\n                            }\n                        }\n                    </div>\n                </div>\n\n                <!-- URL -->\n                @if (SelectedFeedItem.URL) {\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">URL</div>\n                        <a [href]=\"SelectedFeedItem.URL\" target=\"_blank\" class=\"at-detail-link\">\n                            {{ SelectedFeedItem.URL }}\n                            <i class=\"fa-solid fa-external-link-alt\" style=\"font-size: 0.65rem; margin-left: 4px;\"></i>\n                        </a>\n                    </div>\n                }\n\n                <!-- Text Preview -->\n                @if (SelectedFeedItem.TextContent) {\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Content Preview</div>\n                        <div class=\"at-detail-text-preview\">{{ SelectedFeedItem.TextContent }}</div>\n                    </div>\n                }\n\n                <!-- Tags (weighted) -->\n                @if (SelectedFeedItem.Tags.length > 0) {\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Tags ({{ SelectedFeedItem.Tags.length }})</div>\n                        <div class=\"at-detail-tags\">\n                            @for (wt of SelectedFeedItem.Tags; track wt.Tag) {\n                                <span class=\"at-tag-pill at-tag-weighted\" [style.font-size]=\"TagFontSize(wt.Weight)\">\n                                    {{ wt.Tag }}\n                                    <span class=\"at-tag-weight\">{{ FormatWeight(wt.Weight) }}</span>\n                                </span>\n                            }\n                        </div>\n                    </div>\n                }\n\n                <!-- Metadata -->\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">Metadata</div>\n                    <div class=\"at-detail-meta-grid\">\n                        @if (SelectedFeedItem.Checksum) {\n                            <div class=\"at-detail-meta-row\">\n                                <span class=\"at-detail-meta-key\">Checksum</span>\n                                <span class=\"at-detail-meta-value at-detail-meta-mono\">{{ SelectedFeedItem.Checksum }}</span>\n                            </div>\n                        }\n                        <div class=\"at-detail-meta-row\">\n                            <span class=\"at-detail-meta-key\">Created</span>\n                            <span class=\"at-detail-meta-value\">{{ SelectedFeedItem.CreatedAt }}</span>\n                        </div>\n                        <div class=\"at-detail-meta-row\">\n                            <span class=\"at-detail-meta-key\">Updated</span>\n                            <span class=\"at-detail-meta-value\">{{ SelectedFeedItem.UpdatedAt }}</span>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Actions -->\n                <div class=\"at-detail-actions\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenRecordFromItem(SelectedFeedItem)\">\n                        <i class=\"fa-solid fa-external-link-alt\"></i> Open Record\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" disabled>\n                        <i class=\"fa-solid fa-magnifying-glass\"></i> See Similar Items\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SOURCE DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowSourceDetail) {\n        <div class=\"at-slide-overlay\" (click)=\"CloseSourceDetail()\"></div>\n        <div class=\"at-slide-panel at-detail-panel\">\n            <div class=\"at-slide-header\">\n                <h3><i class=\"fa-solid fa-database\"></i> Source Detail</h3>\n                <button class=\"at-slide-close\" aria-label=\"Close source detail\" (click)=\"CloseSourceDetail()\"><i class=\"fa-solid fa-times\"></i></button>\n            </div>\n            <div class=\"at-slide-body\">\n                @if (SourceDetailLoading) {\n                    <div class=\"at-loading-overlay\">\n                        <mj-loading text=\"Loading source details...\"></mj-loading>\n                    </div>\n                }\n                @if (!SourceDetailLoading && SelectedSource) {\n                    <!-- Source Header -->\n                    <div class=\"at-detail-source-header\">\n                        <div class=\"at-source-card-icon\"><i [class]=\"SelectedSource.Icon\"></i></div>\n                        <div>\n                            <h4 class=\"at-detail-item-name\">{{ SelectedSource.Name }}</h4>\n                            <div class=\"at-detail-badges\">\n                                <span class=\"at-detail-badge at-detail-badge-type\">{{ SelectedSource.SourceTypeName }}</span>\n                                <span class=\"at-detail-badge\" [class]=\"'at-detail-badge-status-' + SelectedSource.StatusClass\">\n                                    {{ SelectedSource.StatusLabel }}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Configuration -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Configuration</div>\n                        <div class=\"at-detail-meta-grid\">\n                            @if (SelectedSource.URL) {\n                                <div class=\"at-detail-meta-row\">\n                                    <span class=\"at-detail-meta-key\">URL</span>\n                                    <a [href]=\"SelectedSource.URL\" target=\"_blank\" class=\"at-detail-link at-detail-meta-value\">{{ SelectedSource.URL }}</a>\n                                </div>\n                            }\n                            @if (SelectedSource.RequiresFileType) {\n                                <div class=\"at-detail-meta-row\">\n                                    <span class=\"at-detail-meta-key\">Content Type</span>\n                                    <span class=\"at-detail-meta-value\">{{ SelectedSource.ContentTypeName }}</span>\n                                </div>\n                                <div class=\"at-detail-meta-row\">\n                                    <span class=\"at-detail-meta-key\">File Type</span>\n                                    <span class=\"at-detail-meta-value\">{{ SelectedSource.FileTypeName }}</span>\n                                </div>\n                            }\n                            <div class=\"at-detail-meta-row\">\n                                <span class=\"at-detail-meta-key\">Embedding Model</span>\n                                <span class=\"at-detail-meta-value\">{{ SelectedSource.EmbeddingModelName }}</span>\n                            </div>\n                            <div class=\"at-detail-meta-row\">\n                                <span class=\"at-detail-meta-key\">Vector Index</span>\n                                <span class=\"at-detail-meta-value\">{{ SelectedSource.VectorIndexName }}</span>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Stats -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Statistics</div>\n                        <div class=\"at-detail-stats-strip\">\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ formatNumber(SelectedSource.ItemCount) }}</div>\n                                <div class=\"at-detail-stat-label\">Items</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ formatNumber(SelectedSource.TagCount) }}</div>\n                                <div class=\"at-detail-stat-label\">Tags</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ SelectedSource.AvgTags }}</div>\n                                <div class=\"at-detail-stat-label\">Avg Tags</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ SelectedSource.LastRunAgo }}</div>\n                                <div class=\"at-detail-stat-label\">Last Run</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\" [class.at-kpi-error-value]=\"SelectedSource.ErrorCount > 0\">{{ SelectedSource.ErrorCount }}</div>\n                                <div class=\"at-detail-stat-label\">Errors</div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Content Library (D4 status badges, D7 pagination) -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-header-row\">\n                            <div class=\"at-detail-section-label\">Content Library ({{ FilteredSourceDetailTotal }} of {{ SelectedSource.ItemCount | number }})</div>\n                            <div class=\"at-detail-section-controls\">\n                                <select class=\"at-detail-filter-select\" [(ngModel)]=\"SourceDetailStatusFilter\" (ngModelChange)=\"OnSourceDetailStatusFilterChange()\">\n                                    @for (opt of SourceDetailStatusOptions; track opt) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                                <button class=\"at-action-btn at-retry-btn\" (click)=\"RetryFailedItems()\" title=\"Re-queue failed items for processing\">\n                                    <i class=\"fa-solid fa-rotate-right\"></i> Retry Failed\n                                </button>\n                            </div>\n                        </div>\n                        <div class=\"at-detail-content-list\">\n                            @if (FilteredSourceDetailItems.length === 0) {\n                                <div class=\"at-empty-state\" style=\"padding: 16px;\">\n                                    <p>{{ SourceDetailStatusFilter === 'All' ? 'No content items yet.' : 'No items match this filter.' }}</p>\n                                </div>\n                            }\n                            @for (ci of FilteredSourceDetailItems; track ci.ID) {\n                                <div class=\"at-detail-content-item\" (click)=\"OpenContentItemDetail(ci)\">\n                                    <div class=\"at-feed-status-dot\" [class]=\"ci.StatusDot\"></div>\n                                    <span class=\"at-detail-content-item-name\">{{ ci.Name }}</span>\n                                    <span class=\"at-status-badge\" [class]=\"GetStatusBadgeClass(ci.EmbeddingStatus)\">E:{{ ci.EmbeddingStatus }}</span>\n                                    <span class=\"at-status-badge\" [class]=\"GetStatusBadgeClass(ci.TaggingStatus)\">T:{{ ci.TaggingStatus }}</span>\n                                    <span class=\"at-detail-content-item-tags\">{{ ci.TagCount }} tags</span>\n                                    <span class=\"at-detail-content-item-time\">{{ ci.UpdatedAt }}</span>\n                                </div>\n                            }\n                        </div>\n                        <!-- Pagination -->\n                        @if (SourceDetailTotalPages > 1) {\n                            <div class=\"at-detail-pagination\">\n                                <button class=\"at-page-btn\" [disabled]=\"SourceDetailPage === 0\" (click)=\"SourceDetailPrevPage()\">\n                                    <i class=\"fa-solid fa-chevron-left\"></i> Prev\n                                </button>\n                                <span class=\"at-page-info\">Page {{ SourceDetailPage + 1 }} of {{ SourceDetailTotalPages }}</span>\n                                <button class=\"at-page-btn\" [disabled]=\"SourceDetailPage >= SourceDetailTotalPages - 1\" (click)=\"SourceDetailNextPage()\">\n                                    Next <i class=\"fa-solid fa-chevron-right\"></i>\n                                </button>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Run History -->\n                    @if (SelectedSource.RunHistory.length > 0) {\n                        <div class=\"at-detail-section\">\n                            <div class=\"at-detail-section-label\">Recent Runs</div>\n                            <div class=\"at-detail-run-history\">\n                                @for (run of SelectedSource.RunHistory; track run.ID) {\n                                    <div class=\"at-detail-run-row\">\n                                        <span class=\"at-run-status-badge\" [class]=\"run.StatusClass\">{{ run.Status }}</span>\n                                        <span class=\"at-detail-run-time\">{{ run.StartedDisplay }}</span>\n                                        <span class=\"at-detail-run-duration\">{{ run.Duration }}</span>\n                                        <span class=\"at-detail-run-items\">{{ run.Items }} items</span>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Actions -->\n                    <div class=\"at-detail-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenEditSourceFromDetail()\">\n                            <i class=\"fa-solid fa-pen\"></i> Edit\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"RunSourceFromDetail()\">\n                            <i class=\"fa-solid fa-play\"></i> Run Now\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn at-source-delete-btn\" (click)=\"DeleteSourceFromDetail()\">\n                            <i class=\"fa-solid fa-trash\"></i> Delete\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SCHEDULE DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowScheduleDialog && SchedulingSourceCard) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseScheduleDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-regular fa-clock\"></i> Schedule Pipeline</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseScheduleDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-schedule-field\">\n                        <label>Source</label>\n                        <div class=\"at-schedule-source-name\">\n                            <i [class]=\"SchedulingSourceCard.Icon\"></i>\n                            {{ SchedulingSourceCard.Name }}\n                        </div>\n                    </div>\n                    <div class=\"at-schedule-field\">\n                        <label>Action</label>\n                        <div class=\"at-schedule-action-name\">Autotag and Vectorize Content</div>\n                    </div>\n                    <div class=\"at-schedule-field\">\n                        <label for=\"schedule-cron\">Cron Expression</label>\n                        <input id=\"schedule-cron\"\n                               type=\"text\"\n                               class=\"mj-input at-schedule-cron-input\"\n                               [(ngModel)]=\"ScheduleCron\"\n                               placeholder=\"0 2 * * *\" />\n                        <div class=\"at-schedule-cron-preview\">\n                            <i class=\"fa-solid fa-info-circle\"></i>\n                            {{ GetCronPreview(ScheduleCron) }}\n                        </div>\n                    </div>\n                    <div class=\"at-schedule-field at-schedule-toggle-row\">\n                        <label for=\"schedule-enabled\">Enabled</label>\n                        <input id=\"schedule-enabled\"\n                               type=\"checkbox\"\n                               class=\"mj-checkbox\"\n                               [(ngModel)]=\"ScheduleEnabled\" />\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveSchedule()\" [disabled]=\"ScheduleSaving\">\n                        @if (ScheduleSaving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n                        } @else {\n                            <i class=\"fa-solid fa-check\"></i> Create Schedule\n                        }\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseScheduleDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 CONFIRMATION DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowConfirmDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"ConfirmDialogCancel()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ ConfirmDialogTitle }}</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"ConfirmDialogCancel()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <p class=\"at-confirm-message\">{{ ConfirmDialogMessage }}</p>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-danger-btn\" (click)=\"ConfirmDialogAccept()\">\n                        <i class=\"fa-solid fa-check\"></i> Confirm\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"ConfirmDialogCancel()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SPLIT DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowSplitDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseSplitDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-code-branch\"></i> Split Tag</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseSplitDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-schedule-field\">\n                        <label>New tag names (comma-separated)</label>\n                        <input type=\"text\" class=\"mj-input\" style=\"width: 100%;\"\n                               [(ngModel)]=\"SplitChildNames\"\n                               placeholder=\"Tag A, Tag B, Tag C\" />\n                    </div>\n                    <p class=\"at-confirm-message\">New tags will be created as siblings of the original tag under the same parent.</p>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"ExecuteSplit()\" [disabled]=\"!SplitChildNames.trim()\">\n                        <i class=\"fa-solid fa-code-branch\"></i> Create Tags\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseSplitDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 MOVE DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowCreateTagDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseCreateTagDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-plus\"></i> Create Tag</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseCreateTagDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-tax-create-context\">{{ CreateTagParentLabel }}</div>\n                    <div class=\"at-schedule-field\">\n                        <label>Name</label>\n                        <input type=\"text\" class=\"mj-input\" style=\"width: 100%;\" [(ngModel)]=\"CreateTagName\"\n                               placeholder=\"Tag name\" (keydown.enter)=\"SaveNewTag()\">\n                    </div>\n                    <div class=\"at-schedule-field\">\n                        <label>Description (optional)</label>\n                        <textarea class=\"mj-textarea\" rows=\"3\" style=\"width: 100%;\" [(ngModel)]=\"CreateTagDescription\"\n                                  placeholder=\"Brief description of this tag\"></textarea>\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveNewTag()\" [disabled]=\"!CreateTagName.trim()\">\n                        <i class=\"fa-solid fa-check\"></i> Create\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseCreateTagDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    @if (ShowMoveDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseMoveDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-arrows-up-down\"></i> Move Tag</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseMoveDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-schedule-field\">\n                        <label>New parent tag</label>\n                        <select class=\"mj-input\" style=\"width: 100%;\" [(ngModel)]=\"MoveNewParentID\">\n                            <option [ngValue]=\"null\">(Root level &mdash; no parent)</option>\n                            @for (opt of GetMoveTargetOptions(); track opt.ID) {\n                                <option [ngValue]=\"opt.ID\">{{ '\\u00A0\\u00A0'.repeat(opt.Depth) }}{{ opt.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"ExecuteMove()\">\n                        <i class=\"fa-solid fa-check\"></i> Move\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseMoveDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    @if (ShowMergeIntoDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseMergeIntoDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-compress\"></i> Merge \"{{ MergeSourceTag?.Name }}\" Into...</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseMergeIntoDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <p style=\"font-size: 0.85rem; color: var(--mj-text-secondary); margin: 0 0 12px;\">\n                        All tagged items will be moved to the target tag, then \"{{ MergeSourceTag?.Name }}\" will be deleted.\n                    </p>\n                    <div class=\"at-schedule-field\">\n                        <label>Merge into</label>\n                        <mj-combobox\n                            [Data]=\"MergeTargetData\"\n                            TextField=\"Label\"\n                            ValueField=\"ID\"\n                            [Filterable]=\"true\"\n                            [ValuePrimitive]=\"true\"\n                            Placeholder=\"Search and select a tag...\"\n                            (ValueChange)=\"OnMergeTargetSelected($event)\">\n                        </mj-combobox>\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"ExecuteMergeInto()\" [disabled]=\"!MergeTargetID || IsMerging\">\n                        @if (IsMerging) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging... } @else { <i class=\"fa-solid fa-compress\"></i> Merge }\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseMergeIntoDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- No Content Types Warning Dialog (z-index above slide-in panel) -->\n    @if (ShowNoContentTypeWarning) {\n        <div class=\"at-schedule-dialog-overlay\" style=\"z-index: 10001;\" (click)=\"ShowNoContentTypeWarning = false\">\n            <div class=\"at-schedule-dialog\" style=\"max-width: 440px; z-index: 10002;\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <span><i class=\"fa-solid fa-triangle-exclamation\" style=\"color: var(--mj-status-warning); margin-right: 8px;\"></i> Content Type Required</span>\n                    <button class=\"at-close-btn\" aria-label=\"Close warning\" (click)=\"ShowNoContentTypeWarning = false\"><i class=\"fa-solid fa-xmark\"></i></button>\n                </div>\n                <div class=\"at-schedule-dialog-body\" style=\"text-align: center; padding: 24px;\">\n                    <p style=\"color: var(--mj-text-secondary); margin-bottom: 16px;\">\n                        No content types have been configured yet. At least one content type is required before you can create a content source.\n                    </p>\n                    <p style=\"color: var(--mj-text-muted); font-size: 13px;\">\n                        Go to the <strong>Content Types</strong> tab to create one.\n                    </p>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (mousedown)=\"ShowNoContentTypeWarning = false; CloseForm(); SwitchTab('types')\">\n                        <i class=\"fa-solid fa-arrow-right\"></i> Go to Content Types\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"ShowNoContentTypeWarning = false\">Close</button>\n                </div>\n            </div>\n        </div>\n    }\n  </div>\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Slide-in Form Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TAXONOMY GOVERNANCE TAB\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-autotagging-pipeline-resource', encapsulation: ViewEncapsulation.None, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Classify\"\n    Icon=\"fa-solid fa-tags\"\n    Subtitle=\"Content classification, taxonomy, and autotagging pipeline\">\n    <div actions>\n      <button mjButton variant=\"primary\" size=\"sm\" (click)=\"RunPipeline()\" [disabled]=\"IsRunning\">\n        @if (IsRunning) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Running\u2026\n        } @else {\n          <i class=\"fa-solid fa-play\"></i> Run Pipeline\n        }\n      </button>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n  <!-- Content Classification Dashboard -->\n  <div class=\"at-dashboard\">\n\n    <mj-left-nav\n      [Sections]=\"navSections\"\n      [ActiveId]=\"ActiveTab\"\n      (ItemClicked)=\"onNavItemClicked($event)\">\n    </mj-left-nav>\n\n    <mj-left-nav-content>\n\n    <mj-page-header-interior\n        [Title]=\"currentTabTitle\"\n        [Subtitle]=\"currentTabSubtitle\">\n      @if (ActiveTab === 'tags' || ActiveTab === 'taxonomy') {\n        <div toolbar>\n          @switch (ActiveTab) {\n            @case ('tags') {\n              <input type=\"text\" class=\"at-search-input\" placeholder=\"Search tags...\"\n                     [(ngModel)]=\"TagSearchQuery\" (input)=\"FilterTags()\">\n            }\n            @case ('taxonomy') {\n              <mj-tab-nav\n                  [Tabs]=\"taxSubTabsConfig\"\n                  [ActiveKey]=\"TaxSubTab\"\n                  (TabChange)=\"onTaxSubTabChange($event)\">\n              </mj-tab-nav>\n            }\n          }\n        </div>\n      }\n      <div actions>\n        @switch (ActiveTab) {\n          @case ('pipeline') {\n            <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"LoadPipelineData()\">\n              <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n            </button>\n          }\n          @case ('sources') {\n            <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenAddSourceForm()\">\n              <i class=\"fa-solid fa-plus\"></i> Add Source\n            </button>\n          }\n          @case ('types') {\n            <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenAddTypeForm()\">\n              <i class=\"fa-solid fa-plus\"></i> Add Type\n            </button>\n          }\n          @case ('taxonomy') {\n            <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"RefreshTaxonomyData()\">\n              <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n            </button>\n          }\n          @case ('history') {\n            <mj-filter-popover\n                [ActiveCount]=\"historyActiveFilterCount\"\n                [ShowClearAll]=\"historyActiveFilterCount > 0\"\n                (ClearAllRequested)=\"onHistoryFilterReset()\">\n              <mj-filter-panel\n                  [Fields]=\"historyFilterFields\"\n                  [Values]=\"historyFilterValues\"\n                  (ValuesChange)=\"onHistoryFilterChange($event)\"\n                  (Reset)=\"onHistoryFilterReset()\">\n              </mj-filter-panel>\n            </mj-filter-popover>\n          }\n        }\n      </div>\n    </mj-page-header-interior>\n\n    <mj-page-body-interior [Padding]=\"false\" [Flex]=\"true\">\n    <div class=\"at-main-area\">\n\n        @if (IsLoading) {\n            <div class=\"at-loading-overlay\">\n                <mj-loading text=\"Loading autotagging data...\"></mj-loading>\n            </div>\n        }\n\n        @if (!IsLoading) {\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 1: PIPELINE MONITOR -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'pipeline') {\n                <div class=\"at-page-body\">\n                    <!-- KPIs -->\n                    <div class=\"at-kpi-strip\">\n                        @for (kpi of KPIMetrics; track kpi.Label) {\n                            <div class=\"at-kpi-card\">\n                                <div class=\"at-kpi-value\" [class.at-kpi-error-value]=\"kpi.Label === 'Errors' && kpi.Value > 0\">{{ kpi.Value | number }}</div>\n                                <div class=\"at-kpi-label\">{{ kpi.Label }}</div>\n                                @if (kpi.Trend) {\n                                    <div class=\"at-kpi-trend\" [class.up]=\"kpi.TrendUp\">\n                                        @if (kpi.TrendUp) { <i class=\"fa-solid fa-arrow-up\"></i> }\n                                        {{ kpi.Trend }}\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"at-pipeline-layout\">\n                        <div class=\"at-pipeline-center\">\n                            <!-- Pipeline stages visualization (only during active run) -->\n                            @if (PipelineStages.length > 0 && (IsRunning || IsPaused)) {\n                                <div class=\"at-pipeline-stages\">\n                                    @for (stage of PipelineStages; track stage.Name; let last = $last) {\n                                        <div class=\"at-pipeline-stage\"\n                                             [class.stage-idle]=\"stage.Status === 'idle'\"\n                                             [class.stage-active]=\"stage.Status === 'active'\"\n                                             [class.stage-complete]=\"stage.Status === 'complete'\">\n                                            <div class=\"at-pipeline-stage-icon\">\n                                                @if (stage.Status === 'active') {\n                                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                                } @else if (stage.Status === 'complete') {\n                                                    <i class=\"fa-solid fa-check\"></i>\n                                                } @else {\n                                                    <i [class]=\"stage.Icon\"></i>\n                                                }\n                                            </div>\n                                            <div class=\"at-pipeline-stage-name\">{{ stage.Name }}</div>\n                                        </div>\n                                        @if (!last) {\n                                            <div class=\"at-stage-connector\"\n                                                 [class.connector-complete]=\"stage.Status === 'complete'\">\n                                            </div>\n                                        }\n                                    }\n                                </div>\n                            }\n\n                            <!-- Progress bar (visible during run or paused) -->\n                            @if (IsRunning || IsPaused) {\n                                <div class=\"at-progress-section\">\n                                    <div class=\"at-progress-header\">\n                                        <span class=\"at-progress-stage-label\">{{ RunStage }}</span>\n                                        <span class=\"at-progress-pct\">{{ RunProgress | number:'1.0-0' }}%</span>\n                                    </div>\n                                    <div class=\"at-progress-bar\"><div class=\"at-progress-fill\" [style.width.%]=\"RunProgress\" [class.at-progress-fill-paused]=\"IsPaused\"></div></div>\n                                    @if (RunCurrentItem) {\n                                        <div class=\"at-progress-current\">{{ RunCurrentItem }}</div>\n                                    }\n                                    <div class=\"at-pipeline-controls\">\n                                        @if (IsRunning && !IsPaused) {\n                                            <button class=\"at-action-btn at-secondary-btn\" (click)=\"PausePipeline()\" [disabled]=\"!CurrentProcessRunID\">\n                                                <i class=\"fa-solid fa-pause\"></i> Pause\n                                            </button>\n                                        }\n                                        @if (IsPaused) {\n                                            <button class=\"at-action-btn at-primary-btn\" (click)=\"ResumePipeline()\">\n                                                <i class=\"fa-solid fa-play\"></i> Resume\n                                            </button>\n                                        }\n                                        <button class=\"at-action-btn at-danger-btn\" (click)=\"CancelPipeline()\">\n                                            <i class=\"fa-solid fa-stop\"></i> Cancel\n                                        </button>\n                                    </div>\n                                </div>\n                            }\n\n                            <!-- D2: Live Per-Source Progress (visible during run) -->\n                            @if (IsRunning && LiveRunDetailRows.length > 0) {\n                                <div class=\"at-card\" style=\"margin-bottom: 12px;\">\n                                    <div class=\"at-card-header\">\n                                        <span class=\"at-card-title\"><i class=\"fa-solid fa-list-check\"></i> Per-Source Progress</span>\n                                        <button class=\"at-action-btn at-secondary-btn\" style=\"font-size: 11px; padding: 3px 8px;\" (click)=\"LoadLiveRunDetails()\">\n                                            <i class=\"fa-solid fa-arrows-rotate\"></i>\n                                        </button>\n                                    </div>\n                                    <div class=\"at-card-body\" style=\"max-height: 200px; overflow-y: auto;\">\n                                        <table class=\"at-run-table\">\n                                            <thead>\n                                                <tr>\n                                                    <th>Source</th>\n                                                    <th>Status</th>\n                                                    <th>Items</th>\n                                                    <th>Tagged</th>\n                                                    <th>Vectorized</th>\n                                                    <th>Errors</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for (row of LiveRunDetailRows; track row.SourceName) {\n                                                    <tr>\n                                                        <td class=\"at-run-source-name\">{{ row.SourceName }}</td>\n                                                        <td>\n                                                            <span class=\"at-run-status-badge\" [class]=\"row.StatusClass\">\n                                                                @if (row.StatusClass === 'running') {\n                                                                    <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 0.55rem\"></i>\n                                                                }\n                                                                {{ row.Status }}\n                                                            </span>\n                                                        </td>\n                                                        <td>{{ row.ItemsProcessed }}</td>\n                                                        <td>{{ row.ItemsTagged }}</td>\n                                                        <td>{{ row.ItemsVectorized }}</td>\n                                                        <td [class.run-error-text]=\"row.ErrorCount > 0\">{{ row.ErrorCount }}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            }\n\n                            <!-- Recent Processing Feed -->\n                            <div class=\"at-card at-feed-card\">\n                                <div class=\"at-card-header\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-bolt\"></i> Recent Processing</span>\n                                    <div class=\"at-feed-header-actions\">\n                                        <button class=\"at-feed-sort-btn\" (click)=\"ToggleFeedSort()\"\n                                                [title]=\"FeedSortOrder === 'newest' ? 'Showing newest first' : 'Showing oldest first'\">\n                                            <i class=\"fa-solid\" [class.fa-arrow-down-short-wide]=\"FeedSortOrder === 'newest'\"\n                                               [class.fa-arrow-up-short-wide]=\"FeedSortOrder === 'oldest'\"></i>\n                                            {{ FeedSortOrder === 'newest' ? 'Newest' : 'Oldest' }}\n                                        </button>\n                                        <span class=\"at-feed-count\">{{ FilteredFeedItems.length }} items</span>\n                                    </div>\n                                </div>\n                                <!-- Feed search bar -->\n                                <div class=\"at-feed-search-bar\">\n                                    <i class=\"fa-solid fa-search at-feed-search-icon\"></i>\n                                    <input type=\"text\"\n                                           class=\"mj-input at-feed-search-input\"\n                                           placeholder=\"Search items, sources, or tags...\"\n                                           [(ngModel)]=\"FeedSearchQuery\"\n                                           (input)=\"OnFeedSearchChange()\">\n                                    @if (FeedSearchQuery) {\n                                        <button class=\"at-feed-search-clear\" (click)=\"FeedSearchQuery = ''; OnFeedSearchChange()\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                    }\n                                </div>\n                                <div class=\"at-card-body at-feed-scroll-body\">\n                                    @if (FilteredFeedItems.length === 0) {\n                                        <div class=\"at-empty-state\">\n                                            <i class=\"fa-solid fa-inbox\"></i>\n                                            @if (FeedSearchQuery) {\n                                                <p>No items match \"{{ FeedSearchQuery }}\"</p>\n                                            } @else {\n                                                <p>No processed items yet.</p>\n                                            }\n                                        </div>\n                                    }\n                                    @for (item of PaginatedFeedItems; track item.Name + item.SourceName + item.TimeAgo) {\n                                        <div class=\"at-feed-item at-feed-item-clickable\" (click)=\"OpenFeedItemDetail(GetFeedItemOriginalIndex(item))\">\n                                            <div class=\"at-feed-status-dot\" [class]=\"item.Status\"></div>\n                                            <div class=\"at-feed-item-content\">\n                                                <span class=\"at-feed-item-name\">{{ item.Name }}</span>\n                                                <span class=\"at-feed-item-source-label\">{{ item.SourceName }}</span>\n                                            </div>\n                                            <div class=\"at-feed-item-tags\">\n                                                @for (tag of item.Tags; track tag) {\n                                                    <span class=\"at-feed-tag\">{{ tag }}</span>\n                                                }\n                                            </div>\n                                            <span class=\"at-feed-item-time\">{{ item.TimeAgo }}</span>\n                                        </div>\n                                    }\n                                </div>\n                                <!-- Feed pagination -->\n                                @if (FeedTotalPages > 1) {\n                                    <div class=\"at-feed-pagination\">\n                                        <button class=\"at-action-btn at-secondary-btn\" [disabled]=\"FeedPage === 0\" (click)=\"FeedPrevPage()\">\n                                            <i class=\"fa-solid fa-chevron-left\"></i>\n                                        </button>\n                                        <span class=\"at-feed-pagination-label\">Page {{ FeedPage + 1 }} of {{ FeedTotalPages }}</span>\n                                        <button class=\"at-action-btn at-secondary-btn\" [disabled]=\"FeedPage >= FeedTotalPages - 1\" (click)=\"FeedNextPage()\">\n                                            <i class=\"fa-solid fa-chevron-right\"></i>\n                                        </button>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Right sidebar -->\n                        <div class=\"at-pipeline-right\">\n                            <!-- Sources Quick List -->\n                            <div class=\"at-card\">\n                                <div class=\"at-card-header\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-database\"></i> Sources</span>\n                                </div>\n                                <div class=\"at-card-body\">\n                                    @for (source of SourceMinis; track source.ID) {\n                                        <div class=\"at-source-mini\">\n                                            <div class=\"at-source-mini-icon\"><i [class]=\"source.Icon\"></i></div>\n                                            <div class=\"at-source-mini-info\">\n                                                <div class=\"at-source-mini-name\">{{ source.Name }}</div>\n                                                <div class=\"at-source-mini-meta\">{{ source.Meta }}</div>\n                                            </div>\n                                            <div class=\"at-source-mini-status\" [class]=\"source.StatusClass\"></div>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                            <!-- Trending Tags -->\n                            <div class=\"at-card at-tag-cloud-card\">\n                                <div class=\"at-card-title\" style=\"margin-bottom: 10px;\"><i class=\"fa-solid fa-chart-bar\"></i> Trending Tags</div>\n                                <div class=\"at-tag-cloud\">\n                                    @for (tag of TrendingTags; track tag.Tag) {\n                                        <span class=\"at-tag-pill\" [class]=\"tag.SizeClass\"\n                                              [style.opacity]=\"0.4 + tag.AvgWeight * 0.6\"\n                                              [title]=\"'Weight: ' + tag.AvgWeight.toFixed(2)\">{{ tag.Tag }}</span>\n                                    }\n                                </div>\n                            </div>\n\n                            <!-- Pipeline Settings Widget -->\n                            <div class=\"at-card at-config-card\">\n                                <div class=\"at-card-header\" (click)=\"TogglePipelineConfig()\" style=\"cursor:pointer\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-sliders\"></i> Pipeline Settings</span>\n                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!ShowPipelineConfig\" [class.fa-chevron-up]=\"ShowPipelineConfig\" style=\"font-size:0.7rem; color:var(--mj-text-muted)\"></i>\n                                </div>\n                                @if (ShowPipelineConfig) {\n                                    <div class=\"at-card-body at-config-body\">\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Batch Size</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"10\" max=\"1000\" step=\"10\"\n                                                       [(ngModel)]=\"PipelineConfig.Pipeline!.BatchSize\">\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Throttle (ms)</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"range\" class=\"at-config-slider\" min=\"0\" max=\"5000\" step=\"100\"\n                                                       [(ngModel)]=\"PipelineConfig.Pipeline!.DelayBetweenBatchesMs\">\n                                                <span class=\"at-config-value\">{{ PipelineConfig.Pipeline!.DelayBetweenBatchesMs }}ms</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Error Tolerance</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"range\" class=\"at-config-slider\" min=\"5\" max=\"50\" step=\"5\"\n                                                       [(ngModel)]=\"PipelineConfig.Pipeline!.ErrorThresholdPercent\">\n                                                <span class=\"at-config-value\">{{ PipelineConfig.Pipeline!.ErrorThresholdPercent }}%</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Auto-resume</label>\n                                            <div class=\"at-config-control\">\n                                                <label class=\"at-config-toggle\">\n                                                    <input type=\"checkbox\" [(ngModel)]=\"PipelineConfig.Pipeline!.ResumeFromLastBatch\">\n                                                    <span class=\"at-toggle-track\"><span class=\"at-toggle-thumb\"></span></span>\n                                                </label>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-divider\"></div>\n                                        <div class=\"at-config-section-label\">LLM Rate Limits</div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Requests/min</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"1\" max=\"500\"\n                                                       [(ngModel)]=\"PipelineConfig.RateLimits!.LLM!.RequestsPerMinute\">\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Tokens/min</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"1000\" max=\"5000000\" step=\"10000\"\n                                                       [(ngModel)]=\"PipelineConfig.RateLimits!.LLM!.TokensPerMinute\">\n                                                <span class=\"at-config-value\">{{ FormatTokenCount(PipelineConfig.RateLimits!.LLM!.TokensPerMinute ?? 0) }}</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-config-section-label\">Embedding Rate Limits</div>\n                                        <div class=\"at-config-row\">\n                                            <label class=\"at-config-label\">Requests/min</label>\n                                            <div class=\"at-config-control\">\n                                                <input type=\"number\" class=\"at-config-input\" min=\"1\" max=\"1000\"\n                                                       [(ngModel)]=\"PipelineConfig.RateLimits!.Embedding!.RequestsPerMinute\">\n                                            </div>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 2: SOURCES -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'sources') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-sources-grid\">\n                        @for (card of SourceCards; track card.ID) {\n                            <div class=\"at-source-card-full at-source-card-clickable\" (click)=\"OpenSourceDetail(card)\">\n                                <div class=\"at-source-card-header\">\n                                    <div class=\"at-source-card-icon\"><i [class]=\"card.Icon\"></i></div>\n                                    <div>\n                                        <div class=\"at-source-card-title\">{{ card.Name }}</div>\n                                        <div class=\"at-source-card-type\">{{ card.SourceTypeName }}@if (card.RequiresFileType) { \u00B7 {{ card.FileTypeName }}}</div>\n                                    </div>\n                                    <div class=\"at-source-card-status\" [class]=\"card.StatusClass\">\n                                        <div class=\"at-source-mini-status\" [class]=\"card.StatusClass\"></div>\n                                        {{ card.StatusLabel }}\n                                    </div>\n                                </div>\n                                @if (card.URL) {\n                                    <div class=\"at-source-card-url\">{{ card.URL }}</div>\n                                }\n                                <div class=\"at-source-card-stats\">\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ formatNumber(card.ItemCount) }}</div>\n                                        <div class=\"at-source-stat-label\">Items</div>\n                                    </div>\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ formatNumber(card.TagCount) }}</div>\n                                        <div class=\"at-source-stat-label\">Tags</div>\n                                    </div>\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ card.AvgTags }}</div>\n                                        <div class=\"at-source-stat-label\">Avg Tags</div>\n                                    </div>\n                                    <div class=\"at-source-stat\">\n                                        <div class=\"at-source-stat-value\">{{ card.LastRunAgo }}</div>\n                                        <div class=\"at-source-stat-label\">Last Run</div>\n                                    </div>\n                                </div>\n                                <!-- Schedule indicator -->\n                                @if (card.ScheduledActionID) {\n                                    <div class=\"at-schedule-indicator\" (click)=\"RemoveSchedule(card); $event.stopPropagation()\" title=\"Click to remove schedule\">\n                                        <i class=\"fa-regular fa-clock\"></i>\n                                        <span>{{ GetScheduleLabel(card) }}</span>\n                                    </div>\n                                }\n                                <div class=\"at-source-card-actions\">\n                                    <button class=\"at-source-action-btn\" (click)=\"OpenEditSourceForm(card); $event.stopPropagation()\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n                                    <button class=\"at-source-action-btn\" (click)=\"RunPipelineForSource(card.ID); $event.stopPropagation()\"><i class=\"fa-solid fa-play\"></i> Run</button>\n                                    @if (!card.ScheduledActionID) {\n                                        <button class=\"at-source-action-btn at-source-schedule-btn\" (click)=\"OpenScheduleDialog(card); $event.stopPropagation()\"><i class=\"fa-regular fa-clock\"></i> Schedule</button>\n                                    }\n                                    <button class=\"at-source-action-btn at-source-delete-btn\" (click)=\"DeleteSource(card); $event.stopPropagation()\"><i class=\"fa-solid fa-trash\"></i> Delete</button>\n                                </div>\n                            </div>\n                        }\n\n                        <!-- Add Source Card -->\n                        <div class=\"at-add-source-card\" (click)=\"OpenAddSourceForm()\">\n                            <i class=\"fa-solid fa-plus-circle\"></i>\n                            <span style=\"font-size: 0.85rem; font-weight: 600;\">Add Content Source</span>\n                            <span style=\"font-size: 0.72rem;\">Web, RSS, Email, Files, API</span>\n                        </div>\n                    </div>\n\n                    <!-- Content Item Duplicates Section -->\n                    <div class=\"at-dedup-section\">\n                        <div class=\"at-dedup-header\">\n                            <div>\n                                <h3 class=\"at-dedup-title\">\n                                    <i class=\"fa-solid fa-clone\"></i>\n                                    Content Duplicates\n                                </h3>\n                                <span class=\"at-dedup-subtitle\">Review detected duplicate content items across sources</span>\n                            </div>\n                            <button class=\"at-action-btn at-secondary-btn\" (click)=\"LoadContentDuplicates()\" [disabled]=\"IsLoadingDuplicates\">\n                                @if (IsLoadingDuplicates) {\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                                } @else {\n                                    <i class=\"fa-solid fa-arrows-rotate\"></i> Load Duplicates\n                                }\n                            </button>\n                        </div>\n\n                        @if (ContentDuplicates.length > 0) {\n                            <div class=\"at-dedup-list\">\n                                @for (dup of ContentDuplicates; track dup.ID) {\n                                    <div class=\"at-dedup-card\">\n                                        <div class=\"at-dedup-pair\">\n                                            <div class=\"at-dedup-item\">\n                                                <span class=\"at-dedup-item-name\">{{ dup.ItemAName }}</span>\n                                                <span class=\"at-dedup-item-source\">{{ dup.ItemASource }}</span>\n                                            </div>\n                                            <div class=\"at-dedup-vs\">\n                                                <i class=\"fa-solid fa-arrows-left-right\"></i>\n                                            </div>\n                                            <div class=\"at-dedup-item\">\n                                                <span class=\"at-dedup-item-name\">{{ dup.ItemBName }}</span>\n                                                <span class=\"at-dedup-item-source\">{{ dup.ItemBSource }}</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"at-dedup-meta\">\n                                            <span class=\"at-dedup-score\">{{ (dup.SimilarityScore * 100).toFixed(0) }}% match</span>\n                                            <span class=\"at-dedup-method\">{{ dup.DetectionMethod }}</span>\n                                        </div>\n                                        <div class=\"at-dedup-actions\">\n                                            <button class=\"at-action-btn at-primary-btn at-dedup-confirm\" (click)=\"ConfirmContentDuplicate(dup)\">\n                                                <i class=\"fa-solid fa-check\"></i> Confirm\n                                            </button>\n                                            <button class=\"at-action-btn at-secondary-btn at-dedup-dismiss\" (click)=\"DismissContentDuplicate(dup)\">\n                                                <i class=\"fa-solid fa-times\"></i> Dismiss\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        } @else if (!IsLoadingDuplicates) {\n                            <div class=\"at-dedup-empty\">\n                                <i class=\"fa-solid fa-check-circle\"></i>\n                                <p>No pending duplicates. Click \"Load Duplicates\" to check.</p>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 3: CONTENT TYPES -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'types') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-ct-grid\">\n                        @for (card of ContentTypeCards; track card.ID) {\n                            <div class=\"at-ct-card\">\n                                <div class=\"at-ct-card-header\">\n                                    <span class=\"at-ct-card-name\">{{ card.Name }}</span>\n                                    <span class=\"at-ct-card-model\">{{ card.AIModelName }}</span>\n                                </div>\n                                <div class=\"at-ct-field\">\n                                    <span class=\"at-ct-field-label\">Description</span>\n                                    <span class=\"at-ct-field-value\">{{ card.Description || '\\u2014' }}</span>\n                                </div>\n                                <div class=\"at-ct-field\">\n                                    <span class=\"at-ct-field-label\">Sources Using</span>\n                                    <span class=\"at-ct-field-value\">{{ card.SourcesUsing }}</span>\n                                </div>\n                                <div class=\"at-ct-field\">\n                                    <span class=\"at-ct-field-label\">Items Tagged</span>\n                                    <span class=\"at-ct-field-value\">{{ formatNumber(card.ItemsTagged) }}</span>\n                                </div>\n                                <div class=\"at-ct-tag-range\">\n                                    <i class=\"fa-solid fa-tags\"></i>\n                                    <span>{{ card.MinTags }}</span>\n                                    <div class=\"at-ct-tag-range-bar\">\n                                        <div class=\"at-ct-tag-range-fill\" [style.left.%]=\"card.RangeLeftPct\" [style.right.%]=\"card.RangeRightPct\"></div>\n                                    </div>\n                                    <span>{{ card.MaxTags }}</span>\n                                    <span class=\"at-ct-range-suffix\">tags/item</span>\n                                </div>\n                                <div class=\"at-source-card-actions\" style=\"margin-top: 10px;\">\n                                    <button class=\"at-source-action-btn\" (click)=\"OpenEditTypeForm(card)\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n                                </div>\n                            </div>\n                        }\n                        <!-- Add Content Type Card -->\n                        <div class=\"at-add-type-card\" (click)=\"OpenAddTypeForm()\">\n                            <i class=\"fa-solid fa-plus-circle\"></i>\n                            <span style=\"font-size: 0.85rem; font-weight: 600;\">Add Content Type</span>\n                            <span style=\"font-size: 0.72rem;\">Configure tagging rules</span>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 4: TAG LIBRARY -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'tags') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-tag-lib-layout\">\n                        <div class=\"at-tag-lib-main\">\n                            <div class=\"at-card\">\n                                <div class=\"at-card-body\" style=\"max-height: 500px; overflow-y: auto;\">\n                                    <table class=\"at-tag-table\">\n                                        <thead>\n                                            <tr>\n                                                <th>Tag</th>\n                                                <th>Count</th>\n                                                <th>Avg Weight</th>\n                                                <th>Distribution</th>\n                                                <th>Top Source</th>\n                                                <th>First Seen</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (row of FilteredTagRows; track row.Tag) {\n                                                <tr class=\"at-tag-row-clickable\" (click)=\"DrillDownTag(row.Tag)\"\n                                                    [class.at-tag-row-selected]=\"SelectedDrillDownTag === row.Tag\">\n                                                    <td class=\"at-tag-name-cell\">{{ row.Tag }}</td>\n                                                    <td>{{ row.UsageCount }}</td>\n                                                    <td>\n                                                        <div class=\"at-weight-indicator\">\n                                                            <div class=\"at-weight-bar\">\n                                                                <div class=\"at-weight-bar-fill\" [style.width.%]=\"row.AvgWeight * 100\"\n                                                                     [class.at-weight-high]=\"row.AvgWeight >= 0.7\"\n                                                                     [class.at-weight-medium]=\"row.AvgWeight >= 0.4 && row.AvgWeight < 0.7\"\n                                                                     [class.at-weight-low]=\"row.AvgWeight < 0.4\"></div>\n                                                            </div>\n                                                            <span class=\"at-weight-value\">{{ row.AvgWeight.toFixed(2) }}</span>\n                                                        </div>\n                                                    </td>\n                                                    <td>\n                                                        <div class=\"at-tag-bar\">\n                                                            <div class=\"at-tag-bar-fill\" [style.width.%]=\"row.BarWidthPct\"></div>\n                                                        </div>\n                                                    </td>\n                                                    <td>{{ row.TopSource }}</td>\n                                                    <td>{{ row.FirstSeen }}</td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n\n                            <!-- Tag drill-down: content items matching selected tag -->\n                            @if (SelectedDrillDownTag) {\n                                <div class=\"at-card\" style=\"margin-top: 12px;\">\n                                    <div class=\"at-card-header\">\n                                        <span class=\"at-card-title\">\n                                            <i class=\"fa-solid fa-tag\"></i>\n                                            Content items tagged \"{{ SelectedDrillDownTag }}\"\n                                            ({{ TagDrillDownItems.length }})\n                                        </span>\n                                        <button class=\"at-slide-close\" (click)=\"CloseDrillDownTag()\" style=\"background:none;border:none;cursor:pointer;color:var(--mj-text-muted)\" aria-label=\"Close\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                    </div>\n                                    <div class=\"at-card-body\" style=\"max-height: 300px; overflow-y: auto;\">\n                                        @if (TagDrillDownItems.length === 0) {\n                                            <div class=\"at-empty-state\"><p>No content items found for this tag.</p></div>\n                                        } @else {\n                                            <table class=\"at-tag-table\">\n                                                <thead>\n                                                    <tr>\n                                                        <th>Name</th>\n                                                        <th>Source</th>\n                                                        <th>Weight</th>\n                                                        <th>Updated</th>\n                                                    </tr>\n                                                </thead>\n                                                <tbody>\n                                                    @for (di of TagDrillDownItems; track di.ID) {\n                                                        <tr class=\"at-tag-row-clickable\" (click)=\"OpenItemDetailByID(di.ID)\">\n                                                            <td>{{ di.Name }}</td>\n                                                            <td>{{ di.SourceName }}</td>\n                                                            <td>{{ FormatWeight(di.Weight) }}</td>\n                                                            <td>{{ di.UpdatedAt }}</td>\n                                                        </tr>\n                                                    }\n                                                </tbody>\n                                            </table>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                        <div class=\"at-tag-lib-sidebar\">\n                            <div class=\"at-card at-tag-cloud-card\">\n                                <div class=\"at-card-title\" style=\"margin-bottom: 12px;\"><i class=\"fa-solid fa-cloud\"></i> Tag Cloud</div>\n                                @if (TagCloudWordItems.length > 0) {\n                                    <mj-word-cloud\n                                        [Items]=\"TagCloudWordItems\"\n                                        [MaxFontSize]=\"40\"\n                                        [MinFontSize]=\"12\"\n                                        [MaxItems]=\"20\"\n                                        Layout=\"spiral\"\n                                        ColorMode=\"weight-gradient\"\n                                        [Interactive]=\"true\"\n                                        [Animate]=\"true\">\n                                    </mj-word-cloud>\n                                } @else {\n                                    <div class=\"at-tag-cloud-empty\">No tags yet</div>\n                                }\n                            </div>\n                            <div class=\"at-card\" style=\"padding: 16px; margin-top: 12px;\">\n                                <div class=\"at-card-title\" style=\"margin-bottom: 10px;\"><i class=\"fa-solid fa-chart-pie\"></i> By Source</div>\n                                <div class=\"at-tags-by-source\">\n                                    @for (s of TagsBySource; track s.SourceName) {\n                                        <div class=\"at-tag-source-row\">\n                                            <span>{{ s.SourceName }}</span>\n                                            <strong>{{ s.Count }}</strong>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 6: TAXONOMY GOVERNANCE -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'taxonomy') {\n\n                <div class=\"at-page-body\">\n\n                    <!-- \u2550\u2550 SUB-TAB 1: TREE VIEW \u2550\u2550 -->\n                    @if (TaxSubTab === 'tree') {\n                        <div class=\"at-tax-split-view\">\n                            <!-- Tree panel -->\n                            <div class=\"at-tax-tree-panel\" style=\"position: relative;\">\n                                <div class=\"at-tax-tree-toolbar\">\n                                    <input type=\"text\" class=\"at-search-input\" style=\"flex: 1;\" placeholder=\"Search tags...\"\n                                           [(ngModel)]=\"TaxTreeSearch\" (input)=\"FilterTaxTree()\">\n                                    <button class=\"at-tax-toolbar-btn\" title=\"Add root tag\" (click)=\"OpenCreateRootTag()\">\n                                        <i class=\"fa-solid fa-plus\"></i>\n                                    </button>\n                                    <button class=\"at-tax-toolbar-btn\" [class.active]=\"TaxMultiSelectMode\"\n                                            title=\"Toggle multi-select for drag reparenting\" (click)=\"ToggleMultiSelectMode()\">\n                                        <i class=\"fa-solid fa-check-double\"></i>\n                                    </button>\n                                </div>\n                                <div class=\"at-tax-tree-body\"\n                                     (dragover)=\"$event.preventDefault()\"\n                                     (drop)=\"OnDropToRoot($event)\">\n                                    @if (TaxFilteredNodes.length === 0) {\n                                        <div class=\"at-empty-state\">\n                                            <i class=\"fa-solid fa-sitemap\"></i>\n                                            <p>No tags found</p>\n                                        </div>\n                                    }\n                                    @for (node of TaxFilteredNodes; track node.ID) {\n                                        <div class=\"at-tax-tree-node\"\n                                             [class.at-tax-node-selected]=\"node.IsSelected\"\n                                             [class.at-tax-node-drag-over]=\"TaxDragOverNodeID === node.ID\"\n                                             [class.at-tax-node-multi-selected]=\"IsNodeMultiSelected(node.ID)\"\n                                             [style.padding-left.px]=\"16 + node.Depth * 20\"\n                                             [attr.draggable]=\"true\"\n                                             (dragstart)=\"OnTreeNodeDragStart($event, node)\"\n                                             (dragover)=\"OnTreeNodeDragOver($event, node)\"\n                                             (dragleave)=\"OnTreeNodeDragLeave()\"\n                                             (drop)=\"OnTreeNodeDrop($event, node); $event.stopPropagation()\"\n                                             (click)=\"SelectTaxNode(node)\">\n                                            @if (TaxMultiSelectMode) {\n                                                <input type=\"checkbox\" class=\"at-tax-tree-checkbox\"\n                                                       [checked]=\"IsNodeMultiSelected(node.ID)\"\n                                                       (click)=\"ToggleNodeSelection(node, $event)\">\n                                            }\n                                            <span class=\"at-tax-tree-arrow\"\n                                                  [class.at-tax-arrow-expanded]=\"node.IsExpanded && node.Children.length > 0\"\n                                                  [class.at-tax-arrow-collapsed]=\"!node.IsExpanded && node.Children.length > 0\"\n                                                  [class.at-tax-arrow-leaf]=\"node.Children.length === 0\"\n                                                  (click)=\"ToggleTaxNode(node); $event.stopPropagation()\"></span>\n                                            <span class=\"at-tax-health-dot\" [class]=\"node.HealthColor\"></span>\n                                            <span class=\"at-tax-tree-label\" [class.at-tax-tree-label-selected]=\"node.IsSelected\">{{ node.Name }}</span>\n                                            <span class=\"at-tax-tree-count\">({{ node.ItemCount }})</span>\n                                            <span class=\"at-tax-tree-add-child\" title=\"Add child tag\"\n                                                  (click)=\"OpenCreateChildTagFor(node); $event.stopPropagation()\">\n                                                <i class=\"fa-solid fa-plus\"></i>\n                                            </span>\n                                        </div>\n                                    }\n                                </div>\n                                @if (TaxTreeSaving) {\n                                    <div class=\"at-tax-tree-saving-overlay\">\n                                        <mj-loading text=\"Moving tags...\" size=\"small\"></mj-loading>\n                                    </div>\n                                }\n                            </div>\n\n                            <!-- Details panel -->\n                            <div class=\"at-tax-details-panel\">\n                                @if (TaxSelectedNode) {\n                                    <div class=\"at-tax-details-header\">\n                                        <!-- Breadcrumb -->\n                                        <div class=\"at-tax-breadcrumb\">\n                                            @for (bc of GetTaxBreadcrumb(TaxSelectedNode); track bc.ID) {\n                                                <span class=\"at-tax-bc-link\" (click)=\"NavigateToBreadcrumb(bc.ID)\">{{ bc.Name }}</span>\n                                                <span class=\"at-tax-bc-sep\">&rsaquo;</span>\n                                            }\n                                            <span class=\"at-tax-bc-current\">{{ TaxSelectedNode.Name }}</span>\n                                        </div>\n\n                                        @if (!TaxIsEditing) {\n                                            <div class=\"at-tax-details-title\">\n                                                {{ TaxSelectedNode.DisplayName }}\n                                                <span class=\"at-tax-edit-icon\" (click)=\"StartEditTag()\" title=\"Edit name\">\n                                                    <i class=\"fa-solid fa-pen\"></i>\n                                                </span>\n                                            </div>\n                                            @if (TaxSelectedNode.Description) {\n                                                <div class=\"at-tax-details-desc\">{{ TaxSelectedNode.Description }}</div>\n                                            }\n                                        } @else {\n                                            <div class=\"at-tax-edit-form\">\n                                                <div class=\"at-form-group\">\n                                                    <label class=\"at-form-label\">Name</label>\n                                                    <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"TaxEditName\">\n                                                </div>\n                                                <div class=\"at-form-group\">\n                                                    <label class=\"at-form-label\">Description</label>\n                                                    <textarea class=\"at-form-textarea\" rows=\"3\" [(ngModel)]=\"TaxEditDescription\"></textarea>\n                                                </div>\n                                                <div class=\"at-form-actions\">\n                                                    <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveEditTag()\">Save</button>\n                                                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CancelEditTag()\">Cancel</button>\n                                                </div>\n                                            </div>\n                                        }\n                                    </div>\n\n                                    <!-- Stats row -->\n                                    <div class=\"at-tax-stats-row\">\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.ItemCount }}</div>\n                                            <div class=\"at-tax-stat-label\">Items Tagged</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.AvgWeight.toFixed(2) }}</div>\n                                            <div class=\"at-tax-stat-label\">Avg Weight</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.Children.length }}</div>\n                                            <div class=\"at-tax-stat-label\">Children</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value\">{{ TaxSelectedNode.Depth }}</div>\n                                            <div class=\"at-tax-stat-label\">Depth</div>\n                                        </div>\n                                        <div class=\"at-tax-stat-item\">\n                                            <div class=\"at-tax-stat-value at-tax-stat-date\">{{ TaxSelectedNode.FirstSeen }}</div>\n                                            <div class=\"at-tax-stat-label\">First Seen</div>\n                                        </div>\n                                    </div>\n\n                                    <!-- Action toolbar -->\n                                    @if (!TaxIsEditing) {\n                                        <div class=\"at-tax-action-toolbar\">\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenCreateChildTag()\"><i class=\"fa-solid fa-plus\"></i> Add Child</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"StartEditTag()\"><i class=\"fa-solid fa-pen\"></i> Rename</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenMoveDialog(TaxSelectedNode)\"><i class=\"fa-solid fa-arrows-up-down\"></i> Move</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenMergeIntoDialog(TaxSelectedNode)\"><i class=\"fa-solid fa-compress\"></i> Merge Into...</button>\n                                            <button class=\"at-tax-action-btn\" (click)=\"OpenSplitDialog(TaxSelectedNode)\"><i class=\"fa-solid fa-code-branch\"></i> Split</button>\n                                            <button class=\"at-tax-action-btn at-tax-action-danger\" (click)=\"DeleteTag(TaxSelectedNode)\"><i class=\"fa-solid fa-trash\"></i> Delete</button>\n                                        </div>\n                                    }\n\n                                    <!-- Child tags -->\n                                    @if (TaxSelectedNode.Children.length > 0) {\n                                        <div class=\"at-tax-detail-section\">\n                                            <div class=\"at-tax-section-title\">Child Tags</div>\n                                            <div class=\"at-tax-child-chips\">\n                                                @for (child of TaxSelectedNode.Children; track child.ID) {\n                                                    <span class=\"at-tax-child-chip\" (click)=\"SelectTaxNode(child)\">\n                                                        {{ child.Name }}\n                                                        <span class=\"at-tax-chip-count\">{{ child.ItemCount }}</span>\n                                                    </span>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n\n                                    <!-- Recently tagged items -->\n                                    @if (TaxRecentItems.length > 0) {\n                                        <div class=\"at-tax-detail-section\">\n                                            <div class=\"at-tax-section-title\">Recently Tagged Items</div>\n                                            <div class=\"at-tax-recent-list\">\n                                                @for (item of TaxRecentItems; track $index) {\n                                                    <div class=\"at-tax-recent-item\">\n                                                        <div class=\"at-tax-recent-icon\"><i [class]=\"item.Icon\"></i></div>\n                                                        <div class=\"at-tax-recent-name\">{{ item.Name }}</div>\n                                                        <div class=\"at-tax-recent-weight\">{{ item.Weight.toFixed(2) }}</div>\n                                                        <div class=\"at-tax-recent-date\">{{ item.Date }}</div>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                } @else {\n                                    <div class=\"at-empty-state\" style=\"height: 100%;\">\n                                        <i class=\"fa-solid fa-hand-pointer\"></i>\n                                        <p>Select a tag from the tree to view details</p>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Health bar -->\n                        <div class=\"at-tax-health-bar\">\n                            <span class=\"at-tax-health-label\">Taxonomy Health</span>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-total\"></span>\n                                <span class=\"at-tax-health-value\">{{ TaxHealth.Total }}</span>\n                                <span class=\"at-tax-health-text\">Total</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-healthy\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-success\">{{ TaxHealth.Healthy }}</span>\n                                <span class=\"at-tax-health-text\">Healthy</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-attention\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-warning\">{{ TaxHealth.NeedAttention }}</span>\n                                <span class=\"at-tax-health-text\">Need Attention</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-orphaned\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-error\">{{ TaxHealth.Orphaned }}</span>\n                                <span class=\"at-tax-health-text\">Orphaned</span>\n                            </div>\n                            <div class=\"at-tax-health-stat\">\n                                <span class=\"at-tax-dot at-tax-dot-duplicates\"></span>\n                                <span class=\"at-tax-health-value at-tax-val-info\">{{ TaxHealth.Duplicates }}</span>\n                                <span class=\"at-tax-health-text\">Duplicate Candidates</span>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 2: DUPLICATES \u2550\u2550 -->\n                    @if (TaxSubTab === 'duplicates') {\n                        <div class=\"at-tax-dup-stats-bar\">\n                            <div class=\"at-tax-dup-stat\"><strong>{{ TaxDuplicates.length }}</strong> candidates found</div>\n                            <div class=\"at-tax-dup-stat at-tax-dup-high\"><strong>{{ TaxHighConfidenceDupeCount }}</strong> high confidence (&gt;85%)</div>\n                            <div class=\"at-tax-dup-stat at-tax-dup-moderate\"><strong>{{ TaxModerateDupeCount }}</strong> moderate (70-85%)</div>\n                        </div>\n\n                        @if (TaxDuplicates.length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-check-circle\"></i>\n                                <p>No duplicate tags detected</p>\n                            </div>\n                        }\n\n                        <div class=\"at-tax-dup-list\">\n                            @for (pair of TaxDuplicates; track $index) {\n                                <div class=\"at-tax-dup-card\" [class.at-tax-dup-high]=\"pair.SeverityClass === 'high'\" [class.at-tax-dup-moderate]=\"pair.SeverityClass === 'moderate'\">\n                                    @if (pair.IsExactDuplicate) {\n                                        <!-- Exact-name duplicates: show single tag name with count -->\n                                        <div class=\"at-tax-dup-tag\">{{ pair.TagA }}</div>\n                                        <div class=\"at-tax-dup-similarity\">\n                                            <span class=\"at-tax-sim-percent high\">\n                                                <i class=\"fa-solid fa-clone\"></i>&nbsp;{{ pair.ExactDuplicateCount }} identical records\n                                            </span>\n                                        </div>\n                                        <div class=\"at-tax-dup-actions\">\n                                            <button class=\"at-tax-dup-btn at-tax-dup-btn-primary\" (click)=\"MergeTags(pair.TagAID, pair.TagBID, pair.TagA, pair.TagB)\" [disabled]=\"IsMerging\">@if (IsMerging) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging... } @else { Merge }</button>\n                                            <button class=\"at-tax-dup-btn\" (click)=\"DismissDuplicate(pair)\">Dismiss</button>\n                                        </div>\n                                    } @else {\n                                        <!-- Similar (non-exact) pairs: show both tags with similarity -->\n                                        <div class=\"at-tax-dup-tag\">{{ pair.TagA }}</div>\n                                        <div class=\"at-tax-dup-arrow\"><i class=\"fa-solid fa-arrows-left-right\"></i></div>\n                                        <div class=\"at-tax-dup-similarity\">\n                                            <div class=\"at-tax-sim-bar-bg\">\n                                                <div class=\"at-tax-sim-bar-fill\" [class]=\"pair.SeverityClass\" [style.width.%]=\"pair.Similarity\"></div>\n                                            </div>\n                                            <span class=\"at-tax-sim-percent\" [class]=\"pair.SeverityClass\">{{ pair.Similarity }}%</span>\n                                        </div>\n                                        <div class=\"at-tax-dup-arrow\"><i class=\"fa-solid fa-arrows-left-right\"></i></div>\n                                        <div class=\"at-tax-dup-tag\">{{ pair.TagB }}</div>\n                                        <div class=\"at-tax-dup-actions\">\n                                            <button class=\"at-tax-dup-btn at-tax-dup-btn-primary\" (click)=\"MergeTags(pair.TagAID, pair.TagBID, pair.TagA, pair.TagB)\" [disabled]=\"IsMerging\">@if (IsMerging) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging... } @else { Merge }</button>\n                                            <button class=\"at-tax-dup-btn\" (click)=\"MakeChildTag(pair.TagAID, pair.TagBID)\">Make Child</button>\n                                            <button class=\"at-tax-dup-btn\" (click)=\"DismissDuplicate(pair)\">Dismiss</button>\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 3: ORPHANS \u2550\u2550 -->\n                    @if (TaxSubTab === 'orphans') {\n                        <div class=\"at-tax-orphan-toolbar\">\n                            <span class=\"at-tax-orphan-count\">{{ TaxOrphans.length }} orphaned tags</span>\n                            <span class=\"at-tax-orphan-desc\">&mdash; no parent, no children, low usage</span>\n                            <div class=\"at-tax-orphan-bulk\">\n                                <button class=\"at-tax-bulk-btn\" (click)=\"ToggleAllOrphans()\">\n                                    @if (TaxAllOrphansSelected) { <i class=\"fa-solid fa-square-check\"></i> } @else { <i class=\"fa-regular fa-square\"></i> }\n                                    Select All\n                                </button>\n                                <button class=\"at-tax-bulk-btn at-tax-bulk-danger\" (click)=\"BulkDeleteOrphans()\">\n                                    <i class=\"fa-solid fa-trash\"></i> Bulk Delete\n                                </button>\n                                <button class=\"at-tax-bulk-btn at-tax-bulk-danger\" (click)=\"DeleteAllOrphans()\">\n                                    <i class=\"fa-solid fa-trash-can\"></i> Delete All ({{ TaxOrphans.length }})\n                                </button>\n                            </div>\n                        </div>\n\n                        @if (TaxOrphans.length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-check-circle\"></i>\n                                <p>No orphaned tags</p>\n                            </div>\n                        }\n\n                        <div class=\"at-tax-orphan-grid\">\n                            @for (orphan of TaxOrphans; track orphan.ID) {\n                                <div class=\"at-tax-orphan-card\">\n                                    <div class=\"at-tax-orphan-header\">\n                                        <span class=\"at-tax-orphan-name\">{{ orphan.Name }}</span>\n                                        <input type=\"checkbox\" class=\"at-tax-orphan-checkbox\" [checked]=\"orphan.IsSelected\"\n                                               (change)=\"ToggleOrphanSelection(orphan)\" (click)=\"$event.stopPropagation()\">\n                                    </div>\n                                    <div class=\"at-tax-orphan-stats\">\n                                        <span>Usage: <strong>{{ orphan.UsageCount }}</strong></span>\n                                        <span>Avg Weight: <strong>{{ orphan.AvgWeight.toFixed(2) }}</strong></span>\n                                    </div>\n                                    <div class=\"at-tax-orphan-dates\">\n                                        <span>First: {{ orphan.FirstSeen }}</span>\n                                        <span>Last: {{ orphan.LastSeen }}</span>\n                                    </div>\n                                    <div class=\"at-tax-orphan-actions\">\n                                        <button class=\"at-tax-orphan-btn at-tax-orphan-delete\" (click)=\"DeleteOrphan(orphan)\">Delete</button>\n                                        <button class=\"at-tax-orphan-btn\">Ignore</button>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 4: TREEMAP \u2550\u2550 -->\n                    @if (TaxSubTab === 'treemap') {\n                        <div class=\"at-tax-treemap-kpi-strip\">\n                            @for (kpi of TaxTreemapKPIs; track kpi.Label) {\n                                <div class=\"at-tax-treemap-kpi\">\n                                    <div class=\"at-tax-treemap-kpi-value\">{{ kpi.Value }}</div>\n                                    <div class=\"at-tax-treemap-kpi-label\">{{ kpi.Label }}</div>\n                                </div>\n                            }\n                        </div>\n\n                        @if (TaxTreemapCells.length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-chart-tree-map\"></i>\n                                <p>No taxonomy data to visualize</p>\n                            </div>\n                        } @else {\n                            <div class=\"at-tax-treemap-container\">\n                                @for (cell of TaxTreemapCells; track $index) {\n                                    <div class=\"at-tax-treemap-cell at-tax-treemap-cell-clickable\" [class]=\"cell.ColorClass\"\n                                         [style.grid-row]=\"cell.RowSpan > 1 ? 'span ' + cell.RowSpan : ''\"\n                                         (click)=\"OpenTreemapDrillIn(cell)\">\n                                        <span class=\"at-tax-cell-name\">{{ cell.Name }}</span>\n                                        <span class=\"at-tax-cell-count\">{{ cell.ItemCount }} items</span>\n                                    </div>\n                                }\n                            </div>\n                        }\n\n                        <!-- Treemap Drill-In Panel -->\n                        @if (ShowTreemapDrillIn && TreemapDrillInNode) {\n                            <div class=\"at-tax-drillin-overlay\" (click)=\"CloseTreemapDrillIn()\">\n                                <div class=\"at-tax-drillin-panel\" (click)=\"$event.stopPropagation()\">\n                                    <div class=\"at-tax-drillin-header\">\n                                        <h3><i class=\"fa-solid fa-tag\"></i> {{ TreemapDrillInNode.Name }}</h3>\n                                        <button class=\"at-schedule-dialog-close\" (click)=\"CloseTreemapDrillIn()\" aria-label=\"Close\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                    </div>\n                                    <div class=\"at-tax-drillin-body\">\n                                        <div class=\"at-tax-stats-row\">\n                                            <div class=\"at-tax-stat-item\">\n                                                <div class=\"at-tax-stat-value\">{{ TreemapDrillInNode.ItemCount }}</div>\n                                                <div class=\"at-tax-stat-label\">Items Tagged</div>\n                                            </div>\n                                            <div class=\"at-tax-stat-item\">\n                                                <div class=\"at-tax-stat-value\">{{ TreemapDrillInNode.AvgWeight.toFixed(2) }}</div>\n                                                <div class=\"at-tax-stat-label\">Avg Weight</div>\n                                            </div>\n                                            <div class=\"at-tax-stat-item\">\n                                                <div class=\"at-tax-stat-value\">{{ TreemapDrillInNode.Children.length }}</div>\n                                                <div class=\"at-tax-stat-label\">Children</div>\n                                            </div>\n                                        </div>\n\n                                        @if (TreemapDrillInNode.Children.length > 0) {\n                                            <div class=\"at-tax-detail-section\">\n                                                <div class=\"at-tax-section-title\">Child Tags</div>\n                                                <div class=\"at-tax-child-chips\">\n                                                    @for (child of TreemapDrillInNode.Children; track child.ID) {\n                                                        <span class=\"at-tax-child-chip\">{{ child.Name }} <span class=\"at-tax-chip-count\">{{ child.ItemCount }}</span></span>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n\n                                        @if (TaxRecentItems.length > 0) {\n                                            <div class=\"at-tax-detail-section\">\n                                                <div class=\"at-tax-section-title\">Recently Tagged Items</div>\n                                                <div class=\"at-tax-recent-list\">\n                                                    @for (item of TaxRecentItems; track $index) {\n                                                        <div class=\"at-tax-recent-item\">\n                                                            <div class=\"at-tax-recent-icon\"><i [class]=\"item.Icon\"></i></div>\n                                                            <div class=\"at-tax-recent-name\">{{ item.Name }}</div>\n                                                            <div class=\"at-tax-recent-weight\">{{ item.Weight.toFixed(2) }}</div>\n                                                            <div class=\"at-tax-recent-date\">{{ item.Date }}</div>\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n                                    </div>\n                                    <div class=\"at-tax-drillin-footer\">\n                                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"DrillInToTreeView(TreemapDrillInNode)\">\n                                            <i class=\"fa-solid fa-sitemap\"></i> View in Tree\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    }\n\n                    <!-- \u2550\u2550 SUB-TAB 5: AUDIT LOG \u2550\u2550 -->\n                    @if (TaxSubTab === 'audit') {\n                        <div class=\"at-tax-audit-filters\">\n                            <span class=\"at-tax-audit-filter-label\">Filter</span>\n                            <div class=\"at-tax-audit-checkbox-group\">\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('created')\" (change)=\"ToggleTaxAuditFilter('created')\"> Created\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('merged')\" (change)=\"ToggleTaxAuditFilter('merged')\"> Merged\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('moved')\" (change)=\"ToggleTaxAuditFilter('moved')\"> Moved\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('deleted')\" (change)=\"ToggleTaxAuditFilter('deleted')\"> Deleted\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('renamed')\" (change)=\"ToggleTaxAuditFilter('renamed')\"> Renamed\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('deprecated')\" (change)=\"ToggleTaxAuditFilter('deprecated')\"> Deprecated\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('split')\" (change)=\"ToggleTaxAuditFilter('split')\"> Split\n                                </label>\n                                <label class=\"at-tax-audit-checkbox\">\n                                    <input type=\"checkbox\" [checked]=\"TaxAuditFilterTypes.has('reactivated')\" (change)=\"ToggleTaxAuditFilter('reactivated')\"> Reactivated\n                                </label>\n                            </div>\n                        </div>\n\n                        @if (GetFilteredAuditEvents().length === 0) {\n                            <div class=\"at-empty-state\">\n                                <i class=\"fa-solid fa-scroll\"></i>\n                                <p>No audit events match the current filters</p>\n                            </div>\n                        }\n\n                        <div class=\"at-tax-audit-timeline\">\n                            @for (event of GetFilteredAuditEvents(); track $index) {\n                                <div class=\"at-tax-audit-event\">\n                                    <div class=\"at-tax-audit-event-icon\" [class]=\"event.Type\">\n                                        <i [class]=\"GetTaxAuditIcon(event.Type)\"></i>\n                                    </div>\n                                    <div class=\"at-tax-audit-event-body\">\n                                        <div class=\"at-tax-audit-event-desc\">\n                                            {{ event.Description }} <span class=\"at-tax-tag-ref\">{{ event.TagRef }}</span>\n                                        </div>\n                                        <div class=\"at-tax-audit-event-meta\">\n                                            <span>{{ event.User }}</span>\n                                            <span>{{ event.Timestamp }}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            <!-- TAB 7: RUN HISTORY -->\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n            @if (ActiveTab === 'history') {\n                <div class=\"at-page-body\">\n                    <div class=\"at-card\">\n                        <div class=\"at-card-body\" style=\"max-height: 600px; overflow-y: auto;\">\n                            <table class=\"at-run-table\">\n                                <thead>\n                                    <tr>\n                                        <th>Status</th>\n                                        <th>Source</th>\n                                        <th>Started</th>\n                                        <th>Duration</th>\n                                        <th>Items</th>\n                                        <th>Tags</th>\n                                        <th>Errors</th>\n                                    </tr>\n                                </thead>\n                                <tbody>\n                                    @for (row of FilteredRunRows; track row.ID) {\n                                        <tr class=\"at-run-row-clickable\"\n                                            [class.at-run-row-selected]=\"SelectedRunID === row.ID\"\n                                            (click)=\"OpenRunDetail(row.ID)\">\n                                            <td>\n                                                <span class=\"at-run-status-badge\" [class]=\"row.StatusClass\">\n                                                    @if (row.StatusClass === 'running') {\n                                                        <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 0.55rem\"></i>\n                                                    }\n                                                    {{ row.Status }}\n                                                </span>\n                                            </td>\n                                            <td class=\"at-run-source-name\">{{ row.SourceName }}</td>\n                                            <td>{{ row.StartedDisplay }}</td>\n                                            <td class=\"at-run-duration\">{{ row.Duration }}</td>\n                                            <td>{{ row.Items }}</td>\n                                            <td>{{ row.Tags }}</td>\n                                            <td [class]=\"row.ErrorClass\">{{ row.Errors }}</td>\n                                        </tr>\n                                    }\n                                </tbody>\n                            </table>\n                        </div>\n                    </div>\n\n                    <!-- D3/D8: Run Detail Slide-In Panel -->\n                    @if (SelectedRunID) {\n                        <div class=\"at-card\" style=\"margin-top: 12px;\">\n                            <div class=\"at-card-header\">\n                                <span class=\"at-card-title\">\n                                    <i class=\"fa-solid fa-magnifying-glass-chart\"></i>\n                                    Run Detail: {{ SelectedRunID.slice(0, 14) }}...\n                                </span>\n                                <button class=\"at-action-btn at-secondary-btn\" style=\"font-size: 11px; padding: 3px 8px;\" (click)=\"CloseRunDetail()\">\n                                    <i class=\"fa-solid fa-times\"></i> Close\n                                </button>\n                            </div>\n                            <div class=\"at-card-body\">\n                                @if (IsLoadingRunDetail) {\n                                    <mj-loading text=\"Loading run details...\" size=\"small\"></mj-loading>\n                                } @else if (RunDetailRows.length > 0) {\n                                    <table class=\"at-run-table\">\n                                        <thead>\n                                            <tr>\n                                                <th>Source</th>\n                                                <th>Source Type</th>\n                                                <th>Status</th>\n                                                <th>Items</th>\n                                                <th>Tagged</th>\n                                                <th>Vectorized</th>\n                                                <th>Errors</th>\n                                                <th>Tokens</th>\n                                                <th>Cost</th>\n                                                <th>Duration</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (detail of RunDetailRows; track detail.SourceName) {\n                                                <tr>\n                                                    <td class=\"at-run-source-name\">{{ detail.SourceName }}</td>\n                                                    <td>{{ detail.SourceType }}</td>\n                                                    <td>\n                                                        <span class=\"at-run-status-badge\" [class]=\"detail.StatusClass\">{{ detail.Status }}</span>\n                                                    </td>\n                                                    <td>{{ detail.ItemsProcessed }}</td>\n                                                    <td>{{ detail.ItemsTagged }}</td>\n                                                    <td>{{ detail.ItemsVectorized }}</td>\n                                                    <td [class.run-error-text]=\"detail.ErrorCount > 0\">{{ detail.ErrorCount }}</td>\n                                                    <td>{{ FormatTokenCount(detail.TotalTokens) }}</td>\n                                                    <td>{{ detail.TotalCost > 0 ? '$' + detail.TotalCost.toFixed(4) : '$0.00' }}</td>\n                                                    <td class=\"at-run-duration\">{{ detail.Duration }}</td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                } @else {\n                                    <div class=\"at-empty-state\">\n                                        <i class=\"fa-solid fa-info-circle\"></i>\n                                        <p>No per-source detail records found for this run.</p>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n        }\n    </div>\n    </mj-page-body-interior>\n    </mj-left-nav-content>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM OVERLAY \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (FormMode !== 'none') {\n        <div class=\"at-slide-overlay\" (click)=\"CloseForm()\"></div>\n        <div class=\"at-slide-panel\">\n            <div class=\"at-slide-header\">\n                <h3>\n                    @if (FormMode === 'add-source') { Add Content Source }\n                    @else if (FormMode === 'edit-source') { Edit Content Source }\n                    @else if (FormMode === 'add-type') { Add Content Type }\n                    @else if (FormMode === 'edit-type') { Edit Content Type }\n                </h3>\n                <button class=\"at-slide-close\" aria-label=\"Close form\" (click)=\"CloseForm()\"><i class=\"fa-solid fa-times\"></i></button>\n            </div>\n            <div class=\"at-slide-body\">\n\n                <!-- Source form -->\n                @if (FormMode === 'add-source' || FormMode === 'edit-source') {\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Name</label>\n                        <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceName\" placeholder=\"Source name\">\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Source Type</label>\n                        <select class=\"at-form-select\" [(ngModel)]=\"FormSourceTypeID\">\n                            <option value=\"\">Select source type...</option>\n                            @for (opt of SourceTypeOptions; track opt.ID) {\n                                <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <!-- Content Type + File Type: hidden for Entity source type -->\n                    @if (SelectedSourceTypeRequiresContentType) {\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">Content Type</label>\n                            <select class=\"at-form-select\" [(ngModel)]=\"FormContentTypeID\">\n                                <option value=\"\">Select content type...</option>\n                                @for (opt of ContentTypeOptions; track opt.ID) {\n                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">File Type</label>\n                            <select class=\"at-form-select\" [(ngModel)]=\"FormFileTypeID\">\n                                <option value=\"\">Select file type...</option>\n                                @for (opt of FileTypeOptions; track opt.ID) {\n                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                    }\n\n                    <!-- Dynamic source-type-specific fields from ConfigurationObject.RequiredFields -->\n                    @for (field of SelectedSourceTypeFields; track field.Key) {\n                        @if (!field.DependsOnField || FormSourceSpecificConfig[field.DependsOnField]) {\n                            @if (!field.ShowOnlyIfMultiple || GetDependentOptions(field).length > 1) {\n                                <div class=\"at-form-group\">\n                                    <label class=\"at-form-label\">{{ field.Label }} @if (field.Required) { <span class=\"at-required\">*</span> }</label>\n                                    @switch (field.Type) {\n                                        @case ('url') {\n                                            <input type=\"url\" class=\"at-form-input\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                   [placeholder]=\"field.Description || 'https://...'\">\n                                        }\n                                        @case ('path') {\n                                            <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                   [placeholder]=\"field.Description || '/path/to/...'\">\n                                        }\n                                        @case ('text') {\n                                            <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                   [placeholder]=\"field.Description || ''\" [value]=\"field.DefaultValue || ''\">\n                                        }\n                                        @case ('entity-picker') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\"\n                                                    (ngModelChange)=\"OnSourceFieldChanged(field.Key)\">\n                                                <option value=\"\">Select entity...</option>\n                                                @for (opt of EntitiesWithDocuments; track opt.ID) {\n                                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                                }\n                                            </select>\n                                        }\n                                        @case ('entity-doc-picker') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\">\n                                                @for (opt of GetDependentOptions(field); track opt.ID) {\n                                                    <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                                                }\n                                            </select>\n                                        }\n                                        @case ('storage-provider-picker') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\">\n                                                <option value=\"\">Select provider...</option>\n                                                @for (opt of StorageProviderOptions; track opt) {\n                                                    <option [value]=\"opt\">{{ opt }}</option>\n                                                }\n                                            </select>\n                                        }\n                                        @case ('dropdown') {\n                                            <select class=\"at-form-select\" [(ngModel)]=\"FormSourceSpecificConfig[field.Key]\">\n                                                <option value=\"\">Select...</option>\n                                                @for (opt of field.Options || []; track opt.Value) {\n                                                    <option [value]=\"opt.Value\">{{ opt.Label }}</option>\n                                                }\n                                            </select>\n                                        }\n                                    }\n                                    @if (field.Description) {\n                                        <span class=\"at-form-hint\">{{ field.Description }}</span>\n                                    }\n                                </div>\n                            }\n                        }\n                    }\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Embedding Model Override</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"EmbeddingVendorBranch\"\n                            [LeafConfig]=\"EmbeddingModelsLeaf\"\n                            SelectionMode=\"single\"\n                            SelectableTypes=\"leaf\"\n                            Placeholder=\"Use system default\"\n                            [Clearable]=\"true\"\n                            [Value]=\"ToCompositeKey(FormSourceEmbeddingModelID)\"\n                            (ValueChange)=\"FormSourceEmbeddingModelID = FromCompositeKey($event)\">\n                        </mj-tree-dropdown>\n                        <span class=\"at-form-hint\">Overrides Content Type default</span>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Vector Index Override</label>\n                        <select class=\"at-form-select\" [(ngModel)]=\"FormSourceVectorIndexID\">\n                            <option value=\"\">Use system default</option>\n                            @for (opt of VectorIndexOptions; track opt.ID) {\n                                <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                            }\n                        </select>\n                        <span class=\"at-form-hint\">Overrides Content Type default</span>\n                    </div>\n\n                    <!--\n                        Quick-edit knobs. Slide-in is intentionally a SUBSET of the\n                        full entity form \u2014 operators who need the niche knobs (other\n                        budgets, URL pattern, root URL, taxonomy mode, thresholds)\n                        click \"Open advanced settings \u2192\" to land in the full form,\n                        which surfaces every panel via the BaseFormPanel slot system.\n                    -->\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Max items per run</label>\n                        <input type=\"number\" min=\"0\" class=\"at-form-input\"\n                               [(ngModel)]=\"FormMaxItemsPerRun\" placeholder=\"unlimited\">\n                        <span class=\"at-form-hint\">\n                            Caps the number of content items handed to the LLM. Skipped (unchanged) items don't count.\n                            Paused work resumes on the next run.\n                        </span>\n                    </div>\n\n                    @if (IsWebsiteSourceTypeSelected) {\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">Crawl depth</label>\n                            <input type=\"number\" min=\"0\" max=\"10\" step=\"1\" class=\"at-form-input\"\n                                   [(ngModel)]=\"FormMaxDepth\" placeholder=\"2 (default)\">\n                            <span class=\"at-form-hint\">\n                                Recursion ceiling for in-domain links. <code>0</code> = just the start URL.\n                                <code>2</code> (default) = root + sections + content pages.\n                            </span>\n                        </div>\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">\n                                <input type=\"checkbox\" [(ngModel)]=\"FormCrawlSitesInLowerLevelDomain\">\n                                Crawl sites in lower-level domain\n                            </label>\n                            <span class=\"at-form-hint\">When on (default), the depth-aware recursive crawler runs. Turn off to crawl only the seed page.</span>\n                        </div>\n                        <div class=\"at-form-group\">\n                            <label class=\"at-form-label\">\n                                <input type=\"checkbox\" [(ngModel)]=\"FormCrawlOtherSitesInTopLevelDomain\">\n                                Crawl other sites in top-level domain\n                            </label>\n                            <span class=\"at-form-hint\">When on, also adds sibling-path URLs found on the seed page. Off by default to avoid accidental fan-out.</span>\n                        </div>\n                    }\n\n                    <div class=\"at-form-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveSource()\" [disabled]=\"FormSaving\">\n                            @if (FormSaving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving... }\n                            @else { <i class=\"fa-solid fa-check\"></i> Save }\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseForm()\">Cancel</button>\n                    </div>\n\n                    @if (FormMode === 'edit-source' && EditingSourceID) {\n                        <div class=\"at-form-advanced-link\">\n                            <a href=\"javascript:void(0)\" (click)=\"OpenAdvancedSourceSettings()\">\n                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                Open advanced settings \u2014 taxonomy mode, all budgets, URL pattern, &amp; more\n                            </a>\n                        </div>\n                    }\n                }\n\n                <!-- Content Type form -->\n                @if (FormMode === 'add-type' || FormMode === 'edit-type') {\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Name</label>\n                        <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormTypeName\" placeholder=\"Content type name\">\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Description</label>\n                        <textarea class=\"at-form-textarea\" [(ngModel)]=\"FormTypeDescription\" rows=\"3\" placeholder=\"Description...\"></textarea>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">AI Model (for tagging)</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"AIModelVendorBranch\"\n                            [LeafConfig]=\"AllModelsLeaf\"\n                            SelectionMode=\"single\"\n                            SelectableTypes=\"leaf\"\n                            Placeholder=\"Select AI model...\"\n                            [Clearable]=\"true\"\n                            [Value]=\"ToCompositeKey(FormTypeAIModelID)\"\n                            (ValueChange)=\"FormTypeAIModelID = FromCompositeKey($event)\">\n                        </mj-tree-dropdown>\n                    </div>\n                    <div class=\"at-form-row\">\n                        <div class=\"at-form-group\" style=\"flex: 1;\">\n                            <label class=\"at-form-label\">Min Tags</label>\n                            <input type=\"number\" class=\"at-form-input\" [(ngModel)]=\"FormTypeMinTags\" min=\"0\">\n                        </div>\n                        <div class=\"at-form-group\" style=\"flex: 1;\">\n                            <label class=\"at-form-label\">Max Tags</label>\n                            <input type=\"number\" class=\"at-form-input\" [(ngModel)]=\"FormTypeMaxTags\" min=\"1\">\n                        </div>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Embedding Model</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"EmbeddingVendorBranch\"\n                            [LeafConfig]=\"EmbeddingModelsLeaf\"\n                            SelectionMode=\"single\"\n                            SelectableTypes=\"leaf\"\n                            Placeholder=\"Use system default\"\n                            [Clearable]=\"true\"\n                            [Value]=\"ToCompositeKey(FormTypeEmbeddingModelID)\"\n                            (ValueChange)=\"FormTypeEmbeddingModelID = FromCompositeKey($event)\">\n                        </mj-tree-dropdown>\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Vector Index</label>\n                        <select class=\"at-form-select\" [(ngModel)]=\"FormTypeVectorIndexID\">\n                            <option value=\"\">Use system default</option>\n                            @for (opt of VectorIndexOptions; track opt.ID) {\n                                <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"at-form-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveContentType()\" [disabled]=\"FormSaving\">\n                            @if (FormSaving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving... }\n                            @else { <i class=\"fa-solid fa-check\"></i> Save }\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseForm()\">Cancel</button>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 ITEM DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowItemDetail && SelectedFeedItem) {\n        <div class=\"at-slide-overlay\" (click)=\"CloseItemDetail()\"></div>\n        <div class=\"at-slide-panel at-detail-panel\">\n            <div class=\"at-slide-header\">\n                <h3><i class=\"fa-solid fa-file-lines\"></i> Content Item</h3>\n                <button class=\"at-slide-close\" aria-label=\"Close item detail\" (click)=\"CloseItemDetail()\"><i class=\"fa-solid fa-times\"></i></button>\n            </div>\n            <div class=\"at-slide-body\">\n                <!-- Header -->\n                <div class=\"at-detail-item-header\">\n                    <h4 class=\"at-detail-item-name\">{{ SelectedFeedItem.Name }}</h4>\n                    <div class=\"at-detail-badges\">\n                        <span class=\"at-detail-badge at-detail-badge-source\">{{ SelectedFeedItem.SourceName }}</span>\n                        @if (SelectedFeedItem.RequiresContentType) {\n                            <span class=\"at-detail-badge at-detail-badge-type\">{{ SelectedFeedItem.ContentTypeName }}</span>\n                            @if (SelectedFeedItem.FileTypeName) {\n                                <span class=\"at-detail-badge at-detail-badge-file\"><i class=\"fa-solid fa-file\"></i> {{ SelectedFeedItem.FileTypeName }}</span>\n                            }\n                        }\n                    </div>\n                </div>\n\n                <!-- URL -->\n                @if (SelectedFeedItem.URL) {\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">URL</div>\n                        <a [href]=\"SelectedFeedItem.URL\" target=\"_blank\" class=\"at-detail-link\">\n                            {{ SelectedFeedItem.URL }}\n                            <i class=\"fa-solid fa-external-link-alt\" style=\"font-size: 0.65rem; margin-left: 4px;\"></i>\n                        </a>\n                    </div>\n                }\n\n                <!-- Text Preview -->\n                @if (SelectedFeedItem.TextContent) {\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Content Preview</div>\n                        <div class=\"at-detail-text-preview\">{{ SelectedFeedItem.TextContent }}</div>\n                    </div>\n                }\n\n                <!-- Tags (weighted) -->\n                @if (SelectedFeedItem.Tags.length > 0) {\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Tags ({{ SelectedFeedItem.Tags.length }})</div>\n                        <div class=\"at-detail-tags\">\n                            @for (wt of SelectedFeedItem.Tags; track wt.Tag) {\n                                <span class=\"at-tag-pill at-tag-weighted\" [style.font-size]=\"TagFontSize(wt.Weight)\">\n                                    {{ wt.Tag }}\n                                    <span class=\"at-tag-weight\">{{ FormatWeight(wt.Weight) }}</span>\n                                </span>\n                            }\n                        </div>\n                    </div>\n                }\n\n                <!-- Metadata -->\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">Metadata</div>\n                    <div class=\"at-detail-meta-grid\">\n                        @if (SelectedFeedItem.Checksum) {\n                            <div class=\"at-detail-meta-row\">\n                                <span class=\"at-detail-meta-key\">Checksum</span>\n                                <span class=\"at-detail-meta-value at-detail-meta-mono\">{{ SelectedFeedItem.Checksum }}</span>\n                            </div>\n                        }\n                        <div class=\"at-detail-meta-row\">\n                            <span class=\"at-detail-meta-key\">Created</span>\n                            <span class=\"at-detail-meta-value\">{{ SelectedFeedItem.CreatedAt }}</span>\n                        </div>\n                        <div class=\"at-detail-meta-row\">\n                            <span class=\"at-detail-meta-key\">Updated</span>\n                            <span class=\"at-detail-meta-value\">{{ SelectedFeedItem.UpdatedAt }}</span>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Actions -->\n                <div class=\"at-detail-actions\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenRecordFromItem(SelectedFeedItem)\">\n                        <i class=\"fa-solid fa-external-link-alt\"></i> Open Record\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" disabled>\n                        <i class=\"fa-solid fa-magnifying-glass\"></i> See Similar Items\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SOURCE DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowSourceDetail) {\n        <div class=\"at-slide-overlay\" (click)=\"CloseSourceDetail()\"></div>\n        <div class=\"at-slide-panel at-detail-panel\">\n            <div class=\"at-slide-header\">\n                <h3><i class=\"fa-solid fa-database\"></i> Source Detail</h3>\n                <button class=\"at-slide-close\" aria-label=\"Close source detail\" (click)=\"CloseSourceDetail()\"><i class=\"fa-solid fa-times\"></i></button>\n            </div>\n            <div class=\"at-slide-body\">\n                @if (SourceDetailLoading) {\n                    <div class=\"at-loading-overlay\">\n                        <mj-loading text=\"Loading source details...\"></mj-loading>\n                    </div>\n                }\n                @if (!SourceDetailLoading && SelectedSource) {\n                    <!-- Source Header -->\n                    <div class=\"at-detail-source-header\">\n                        <div class=\"at-source-card-icon\"><i [class]=\"SelectedSource.Icon\"></i></div>\n                        <div>\n                            <h4 class=\"at-detail-item-name\">{{ SelectedSource.Name }}</h4>\n                            <div class=\"at-detail-badges\">\n                                <span class=\"at-detail-badge at-detail-badge-type\">{{ SelectedSource.SourceTypeName }}</span>\n                                <span class=\"at-detail-badge\" [class]=\"'at-detail-badge-status-' + SelectedSource.StatusClass\">\n                                    {{ SelectedSource.StatusLabel }}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Configuration -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Configuration</div>\n                        <div class=\"at-detail-meta-grid\">\n                            @if (SelectedSource.URL) {\n                                <div class=\"at-detail-meta-row\">\n                                    <span class=\"at-detail-meta-key\">URL</span>\n                                    <a [href]=\"SelectedSource.URL\" target=\"_blank\" class=\"at-detail-link at-detail-meta-value\">{{ SelectedSource.URL }}</a>\n                                </div>\n                            }\n                            @if (SelectedSource.RequiresFileType) {\n                                <div class=\"at-detail-meta-row\">\n                                    <span class=\"at-detail-meta-key\">Content Type</span>\n                                    <span class=\"at-detail-meta-value\">{{ SelectedSource.ContentTypeName }}</span>\n                                </div>\n                                <div class=\"at-detail-meta-row\">\n                                    <span class=\"at-detail-meta-key\">File Type</span>\n                                    <span class=\"at-detail-meta-value\">{{ SelectedSource.FileTypeName }}</span>\n                                </div>\n                            }\n                            <div class=\"at-detail-meta-row\">\n                                <span class=\"at-detail-meta-key\">Embedding Model</span>\n                                <span class=\"at-detail-meta-value\">{{ SelectedSource.EmbeddingModelName }}</span>\n                            </div>\n                            <div class=\"at-detail-meta-row\">\n                                <span class=\"at-detail-meta-key\">Vector Index</span>\n                                <span class=\"at-detail-meta-value\">{{ SelectedSource.VectorIndexName }}</span>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Stats -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Statistics</div>\n                        <div class=\"at-detail-stats-strip\">\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ formatNumber(SelectedSource.ItemCount) }}</div>\n                                <div class=\"at-detail-stat-label\">Items</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ formatNumber(SelectedSource.TagCount) }}</div>\n                                <div class=\"at-detail-stat-label\">Tags</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ SelectedSource.AvgTags }}</div>\n                                <div class=\"at-detail-stat-label\">Avg Tags</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\">{{ SelectedSource.LastRunAgo }}</div>\n                                <div class=\"at-detail-stat-label\">Last Run</div>\n                            </div>\n                            <div class=\"at-detail-stat\">\n                                <div class=\"at-detail-stat-value\" [class.at-kpi-error-value]=\"SelectedSource.ErrorCount > 0\">{{ SelectedSource.ErrorCount }}</div>\n                                <div class=\"at-detail-stat-label\">Errors</div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Content Library (D4 status badges, D7 pagination) -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-header-row\">\n                            <div class=\"at-detail-section-label\">Content Library ({{ FilteredSourceDetailTotal }} of {{ SelectedSource.ItemCount | number }})</div>\n                            <div class=\"at-detail-section-controls\">\n                                <select class=\"at-detail-filter-select\" [(ngModel)]=\"SourceDetailStatusFilter\" (ngModelChange)=\"OnSourceDetailStatusFilterChange()\">\n                                    @for (opt of SourceDetailStatusOptions; track opt) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                                <button class=\"at-action-btn at-retry-btn\" (click)=\"RetryFailedItems()\" title=\"Re-queue failed items for processing\">\n                                    <i class=\"fa-solid fa-rotate-right\"></i> Retry Failed\n                                </button>\n                            </div>\n                        </div>\n                        <div class=\"at-detail-content-list\">\n                            @if (FilteredSourceDetailItems.length === 0) {\n                                <div class=\"at-empty-state\" style=\"padding: 16px;\">\n                                    <p>{{ SourceDetailStatusFilter === 'All' ? 'No content items yet.' : 'No items match this filter.' }}</p>\n                                </div>\n                            }\n                            @for (ci of FilteredSourceDetailItems; track ci.ID) {\n                                <div class=\"at-detail-content-item\" (click)=\"OpenContentItemDetail(ci)\">\n                                    <div class=\"at-feed-status-dot\" [class]=\"ci.StatusDot\"></div>\n                                    <span class=\"at-detail-content-item-name\">{{ ci.Name }}</span>\n                                    <span class=\"at-status-badge\" [class]=\"GetStatusBadgeClass(ci.EmbeddingStatus)\">E:{{ ci.EmbeddingStatus }}</span>\n                                    <span class=\"at-status-badge\" [class]=\"GetStatusBadgeClass(ci.TaggingStatus)\">T:{{ ci.TaggingStatus }}</span>\n                                    <span class=\"at-detail-content-item-tags\">{{ ci.TagCount }} tags</span>\n                                    <span class=\"at-detail-content-item-time\">{{ ci.UpdatedAt }}</span>\n                                </div>\n                            }\n                        </div>\n                        <!-- Pagination -->\n                        @if (SourceDetailTotalPages > 1) {\n                            <div class=\"at-detail-pagination\">\n                                <button class=\"at-page-btn\" [disabled]=\"SourceDetailPage === 0\" (click)=\"SourceDetailPrevPage()\">\n                                    <i class=\"fa-solid fa-chevron-left\"></i> Prev\n                                </button>\n                                <span class=\"at-page-info\">Page {{ SourceDetailPage + 1 }} of {{ SourceDetailTotalPages }}</span>\n                                <button class=\"at-page-btn\" [disabled]=\"SourceDetailPage >= SourceDetailTotalPages - 1\" (click)=\"SourceDetailNextPage()\">\n                                    Next <i class=\"fa-solid fa-chevron-right\"></i>\n                                </button>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Run History -->\n                    @if (SelectedSource.RunHistory.length > 0) {\n                        <div class=\"at-detail-section\">\n                            <div class=\"at-detail-section-label\">Recent Runs</div>\n                            <div class=\"at-detail-run-history\">\n                                @for (run of SelectedSource.RunHistory; track run.ID) {\n                                    <div class=\"at-detail-run-row\">\n                                        <span class=\"at-run-status-badge\" [class]=\"run.StatusClass\">{{ run.Status }}</span>\n                                        <span class=\"at-detail-run-time\">{{ run.StartedDisplay }}</span>\n                                        <span class=\"at-detail-run-duration\">{{ run.Duration }}</span>\n                                        <span class=\"at-detail-run-items\">{{ run.Items }} items</span>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Actions -->\n                    <div class=\"at-detail-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenEditSourceFromDetail()\">\n                            <i class=\"fa-solid fa-pen\"></i> Edit\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"RunSourceFromDetail()\">\n                            <i class=\"fa-solid fa-play\"></i> Run Now\n                        </button>\n                        <button class=\"at-action-btn at-secondary-btn at-source-delete-btn\" (click)=\"DeleteSourceFromDetail()\">\n                            <i class=\"fa-solid fa-trash\"></i> Delete\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SCHEDULE DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowScheduleDialog && SchedulingSourceCard) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseScheduleDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-regular fa-clock\"></i> Schedule Pipeline</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseScheduleDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-schedule-field\">\n                        <label>Source</label>\n                        <div class=\"at-schedule-source-name\">\n                            <i [class]=\"SchedulingSourceCard.Icon\"></i>\n                            {{ SchedulingSourceCard.Name }}\n                        </div>\n                    </div>\n                    <div class=\"at-schedule-field\">\n                        <label>Action</label>\n                        <div class=\"at-schedule-action-name\">Autotag and Vectorize Content</div>\n                    </div>\n                    <div class=\"at-schedule-field\">\n                        <label for=\"schedule-cron\">Cron Expression</label>\n                        <input id=\"schedule-cron\"\n                               type=\"text\"\n                               class=\"mj-input at-schedule-cron-input\"\n                               [(ngModel)]=\"ScheduleCron\"\n                               placeholder=\"0 2 * * *\" />\n                        <div class=\"at-schedule-cron-preview\">\n                            <i class=\"fa-solid fa-info-circle\"></i>\n                            {{ GetCronPreview(ScheduleCron) }}\n                        </div>\n                    </div>\n                    <div class=\"at-schedule-field at-schedule-toggle-row\">\n                        <label for=\"schedule-enabled\">Enabled</label>\n                        <input id=\"schedule-enabled\"\n                               type=\"checkbox\"\n                               class=\"mj-checkbox\"\n                               [(ngModel)]=\"ScheduleEnabled\" />\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveSchedule()\" [disabled]=\"ScheduleSaving\">\n                        @if (ScheduleSaving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n                        } @else {\n                            <i class=\"fa-solid fa-check\"></i> Create Schedule\n                        }\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseScheduleDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 CONFIRMATION DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowConfirmDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"ConfirmDialogCancel()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ ConfirmDialogTitle }}</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"ConfirmDialogCancel()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <p class=\"at-confirm-message\">{{ ConfirmDialogMessage }}</p>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-danger-btn\" (click)=\"ConfirmDialogAccept()\">\n                        <i class=\"fa-solid fa-check\"></i> Confirm\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"ConfirmDialogCancel()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SPLIT DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowSplitDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseSplitDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-code-branch\"></i> Split Tag</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseSplitDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-schedule-field\">\n                        <label>New tag names (comma-separated)</label>\n                        <input type=\"text\" class=\"mj-input\" style=\"width: 100%;\"\n                               [(ngModel)]=\"SplitChildNames\"\n                               placeholder=\"Tag A, Tag B, Tag C\" />\n                    </div>\n                    <p class=\"at-confirm-message\">New tags will be created as siblings of the original tag under the same parent.</p>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"ExecuteSplit()\" [disabled]=\"!SplitChildNames.trim()\">\n                        <i class=\"fa-solid fa-code-branch\"></i> Create Tags\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseSplitDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 MOVE DIALOG \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowCreateTagDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseCreateTagDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-plus\"></i> Create Tag</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseCreateTagDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-tax-create-context\">{{ CreateTagParentLabel }}</div>\n                    <div class=\"at-schedule-field\">\n                        <label>Name</label>\n                        <input type=\"text\" class=\"mj-input\" style=\"width: 100%;\" [(ngModel)]=\"CreateTagName\"\n                               placeholder=\"Tag name\" (keydown.enter)=\"SaveNewTag()\">\n                    </div>\n                    <div class=\"at-schedule-field\">\n                        <label>Description (optional)</label>\n                        <textarea class=\"mj-textarea\" rows=\"3\" style=\"width: 100%;\" [(ngModel)]=\"CreateTagDescription\"\n                                  placeholder=\"Brief description of this tag\"></textarea>\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"SaveNewTag()\" [disabled]=\"!CreateTagName.trim()\">\n                        <i class=\"fa-solid fa-check\"></i> Create\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseCreateTagDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    @if (ShowMoveDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseMoveDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-arrows-up-down\"></i> Move Tag</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseMoveDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <div class=\"at-schedule-field\">\n                        <label>New parent tag</label>\n                        <select class=\"mj-input\" style=\"width: 100%;\" [(ngModel)]=\"MoveNewParentID\">\n                            <option [ngValue]=\"null\">(Root level &mdash; no parent)</option>\n                            @for (opt of GetMoveTargetOptions(); track opt.ID) {\n                                <option [ngValue]=\"opt.ID\">{{ '\\u00A0\\u00A0'.repeat(opt.Depth) }}{{ opt.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"ExecuteMove()\">\n                        <i class=\"fa-solid fa-check\"></i> Move\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseMoveDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    @if (ShowMergeIntoDialog) {\n        <div class=\"at-schedule-overlay\" (click)=\"CloseMergeIntoDialog()\">\n            <div class=\"at-schedule-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <h3><i class=\"fa-solid fa-compress\"></i> Merge \"{{ MergeSourceTag?.Name }}\" Into...</h3>\n                    <button class=\"at-schedule-dialog-close\" (click)=\"CloseMergeIntoDialog()\" aria-label=\"Close\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n                <div class=\"at-schedule-dialog-body\">\n                    <p style=\"font-size: 0.85rem; color: var(--mj-text-secondary); margin: 0 0 12px;\">\n                        All tagged items will be moved to the target tag, then \"{{ MergeSourceTag?.Name }}\" will be deleted.\n                    </p>\n                    <div class=\"at-schedule-field\">\n                        <label>Merge into</label>\n                        <mj-combobox\n                            [Data]=\"MergeTargetData\"\n                            TextField=\"Label\"\n                            ValueField=\"ID\"\n                            [Filterable]=\"true\"\n                            [ValuePrimitive]=\"true\"\n                            Placeholder=\"Search and select a tag...\"\n                            (ValueChange)=\"OnMergeTargetSelected($event)\">\n                        </mj-combobox>\n                    </div>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (click)=\"ExecuteMergeInto()\" [disabled]=\"!MergeTargetID || IsMerging\">\n                        @if (IsMerging) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging... } @else { <i class=\"fa-solid fa-compress\"></i> Merge }\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"CloseMergeIntoDialog()\">Cancel</button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- No Content Types Warning Dialog (z-index above slide-in panel) -->\n    @if (ShowNoContentTypeWarning) {\n        <div class=\"at-schedule-dialog-overlay\" style=\"z-index: 10001;\" (click)=\"ShowNoContentTypeWarning = false\">\n            <div class=\"at-schedule-dialog\" style=\"max-width: 440px; z-index: 10002;\" (click)=\"$event.stopPropagation()\">\n                <div class=\"at-schedule-dialog-header\">\n                    <span><i class=\"fa-solid fa-triangle-exclamation\" style=\"color: var(--mj-status-warning); margin-right: 8px;\"></i> Content Type Required</span>\n                    <button class=\"at-close-btn\" aria-label=\"Close warning\" (click)=\"ShowNoContentTypeWarning = false\"><i class=\"fa-solid fa-xmark\"></i></button>\n                </div>\n                <div class=\"at-schedule-dialog-body\" style=\"text-align: center; padding: 24px;\">\n                    <p style=\"color: var(--mj-text-secondary); margin-bottom: 16px;\">\n                        No content types have been configured yet. At least one content type is required before you can create a content source.\n                    </p>\n                    <p style=\"color: var(--mj-text-muted); font-size: 13px;\">\n                        Go to the <strong>Content Types</strong> tab to create one.\n                    </p>\n                </div>\n                <div class=\"at-schedule-dialog-footer\">\n                    <button class=\"at-action-btn at-primary-btn\" (mousedown)=\"ShowNoContentTypeWarning = false; CloseForm(); SwitchTab('types')\">\n                        <i class=\"fa-solid fa-arrow-right\"></i> Go to Content Types\n                    </button>\n                    <button class=\"at-action-btn at-secondary-btn\" (click)=\"ShowNoContentTypeWarning = false\">Close</button>\n                </div>\n            </div>\n        </div>\n    }\n  </div>\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Slide-in Form Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \"Open advanced settings \u2192\" link below the Save/Cancel row in the slide-in.\n   Subtle by design \u2014 power users will notice; new users won't be distracted. */\n.at-form-advanced-link {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed var(--mj-border-subtle);\n    font-size: 12px;\n    text-align: center;\n}\n.at-form-advanced-link a {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n}\n.at-form-advanced-link a:hover { text-decoration: underline; }\n.at-form-advanced-link i { margin-right: 6px; }\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TAXONOMY GOVERNANCE TAB\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AutotaggingPipelineResourceComponent, { className: "AutotaggingPipelineResourceComponent", filePath: "src/AI/components/autotagging/autotagging-pipeline-resource.component.ts", lineNumber: 324 }); })();
 export function LoadAutotaggingPipelineResource() {