@memberjunction/ng-dashboards 5.22.0 → 5.23.0

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

@@ -5,360 +5,2379 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @fileoverview Content Autotagging Pipeline Monitor
+ * @fileoverview Content Autotagging Dashboard
  *
- * Operations dashboard for monitoring the content autotagging pipeline.
- * Displays KPI metrics, pipeline stage visualization, recent processing feed,
- * and source configuration status.
+ * Full dashboard for the content autotagging pipeline with left-nav and 5 tabs:
+ * Pipeline Monitor, Sources Management, Content Types, Tag Library, Run History.
+ * Supports CRUD on sources and content types via slide-in forms,
+ * pipeline triggering with real-time GraphQL subscription progress.
  */
-import { Component, ChangeDetectorRef, inject } from '@angular/core';
+import { Component, ChangeDetectorRef, inject, ViewEncapsulation } from '@angular/core';
 import { Subject } from 'rxjs';
-import { RunView } from '@memberjunction/core';
-import { RegisterClass } from '@memberjunction/global';
-import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { takeUntil } from 'rxjs/operators';
+import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
+import { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { GraphQLAIClient } from '@memberjunction/graphql-dataprovider';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared-generic";
-import * as i2 from "@angular/common";
-const _forTrack0 = ($index, $item) => $item.Label;
-const _forTrack1 = ($index, $item) => $item.Name;
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-trees";
+import * as i4 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.Tab;
+const _forTrack1 = ($index, $item) => $item.Label;
 const _forTrack2 = ($index, $item) => $item.ID;
-function AutotaggingPipelineResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-loading", 3);
+const _forTrack3 = ($index, $item) => $item.Tag;
+const _forTrack4 = ($index, $item) => $item.SourceName;
+function AutotaggingPipelineResourceComponent_For_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 14);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("at-nav-badge-live", item_r2.BadgeClass === "nav-badge-live");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r2.BadgeText);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AutotaggingPipelineResourceComponent_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "i", 4);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_For_8_Template_div_click_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SwitchTab(item_r2.Tab)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_For_8_Conditional_3_Template, 2, 3, "span", 13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 5);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RefreshData()); });
-    i0.ɵɵelement(5, "i", 6);
-    i0.ɵɵtext(6, " Retry ");
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.ErrorMessage);
+    const item_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("active", ctx_r2.ActiveTab === item_r2.Tab);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(item_r2.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r2.Label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r2.BadgeText ? 3 : -1);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26)(1, "div", 27);
-    i0.ɵɵelement(2, "i");
+function AutotaggingPipelineResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 15);
+    i0.ɵɵtext(1, " Running... ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 16);
+    i0.ɵɵtext(1, " Run Pipeline ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "mj-loading", 17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 28)(4, "span", 29);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "number");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_13_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵconditionalCreate(1, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_13_Conditional_6_Conditional_1_Template, 1, 0, "i", 50);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 30);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const metric_r4 = ctx.$implicit;
-    i0.ɵɵclassMap(metric_r4.ColorClass);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(metric_r4.Icon);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, metric_r4.Value));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(metric_r4.Label);
+    const kpi_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("up", kpi_r5.TrendUp);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(kpi_r5.TrendUp ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", kpi_r5.Trend, " ");
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 46);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 47);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_13_Conditional_6_Template, 3, 4, "div", 48);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const stage_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" ", stage_r5.ActiveCount, " active ");
-} }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Idle ");
+    const kpi_r5 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("at-kpi-error-value", kpi_r5.Label === "Errors" && kpi_r5.Value > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 5, kpi_r5.Value));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(kpi_r5.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(kpi_r5.Trend ? 6 : -1);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵelement(1, "i", 37);
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Conditional_16_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.RunCurrentItem);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31)(1, "div", 32);
-    i0.ɵɵelement(2, "i");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 33);
-    i0.ɵɵtext(4);
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 51)(2, "span", 52);
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 34);
-    i0.ɵɵconditionalCreate(6, AutotaggingPipelineResourceComponent_Conditional_3_For_17_Conditional_6_Template, 1, 1)(7, AutotaggingPipelineResourceComponent_Conditional_3_For_17_Conditional_7_Template, 1, 0);
+    i0.ɵɵelementStart(4, "span", 53);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 54);
+    i0.ɵɵelement(7, "div", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(8, "div", 35);
+    i0.ɵɵconditionalCreate(8, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Conditional_16_Conditional_8_Template, 2, 1, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, AutotaggingPipelineResourceComponent_Conditional_3_For_17_Conditional_9_Template, 2, 0, "div", 36);
 } if (rf & 2) {
-    const stage_r5 = ctx.$implicit;
-    const ɵ$index_63_r6 = ctx.$index;
-    const ɵ$count_63_r7 = ctx.$count;
-    i0.ɵɵclassMap("stage-" + stage_r5.Status);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(stage_r5.Icon);
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.RunStage);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(stage_r5.Name);
+    i0.ɵɵtextInterpolate1("", ctx_r2.RunProgress, "%");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(stage_r5.ActiveCount > 0 ? 6 : 7);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(!(ɵ$index_63_r6 === ɵ$count_63_r7 - 1) ? 9 : -1);
+    i0.ɵɵstyleProp("width", ctx_r2.RunProgress, "%");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.RunCurrentItem ? 8 : -1);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "i", 38);
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No processed items yet.");
     i0.ɵɵelementEnd()();
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 39)(2, "span", 40);
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_25_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r8 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r8);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_25_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 58);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_25_Template_div_click_0_listener() { const $index_r7 = i0.ɵɵrestoreView(_r6).$index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenFeedItemDetail($index_r7)); });
+    i0.ɵɵelement(1, "div", 59);
+    i0.ɵɵelementStart(2, "span", 60);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 41);
+    i0.ɵɵelementStart(4, "span", 61);
     i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 62);
+    i0.ɵɵrepeaterCreate(7, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_25_For_8_Template, 2, 1, "span", 63, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 64);
+    i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 42)(7, "span", 43);
-    i0.ɵɵelement(8, "i", 44);
-    i0.ɵɵtext(9);
+} if (rf & 2) {
+    const item_r9 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(item_r9.Status);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r9.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r9.SourceName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(item_r9.Tags);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r9.TimeAgo);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 65);
+    i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 43);
-    i0.ɵɵelement(11, "i", 45);
-    i0.ɵɵtext(12);
+    i0.ɵɵelementStart(3, "div", 66)(4, "div", 67);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "span", 43);
-    i0.ɵɵelement(14, "i", 46);
-    i0.ɵɵtext(15);
+    i0.ɵɵelementStart(6, "div", 68);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(8, "div", 69);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 47);
-    i0.ɵɵtext(17);
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r8 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const source_r10 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("title", item_r8.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(item_r8.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetStatusClass(item_r8.Status));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r8.Status, " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", item_r8.SourceName, " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDuration(item_r8.ProcessingTimeMs), " ");
+    i0.ɵɵclassMap(source_r10.Icon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", item_r8.TagCount, " tags ");
+    i0.ɵɵtextInterpolate(source_r10.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatRelativeTime(item_r8.ProcessedAt), " ");
+    i0.ɵɵtextInterpolate(source_r10.Meta);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(source_r10.StatusClass);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "i", 48);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No sources configured.");
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r11 = ctx.$implicit;
+    i0.ɵɵclassMap(tag_r11.SizeClass);
+    i0.ɵɵstyleProp("opacity", 0.4 + tag_r11.AvgWeight * 0.6);
+    i0.ɵɵproperty("title", "Weight: " + tag_r11.AvgWeight.toFixed(2));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r11.Tag);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "div", 19);
+    i0.ɵɵtext(3, "Pipeline Monitor");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵtext(5, "Real-time processing status and recent activity");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 21)(7, "button", 22);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.LoadPipelineData()); });
+    i0.ɵɵelement(8, "i", 23);
+    i0.ɵɵtext(9, " Refresh ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 24)(11, "div", 25);
+    i0.ɵɵrepeaterCreate(12, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_13_Template, 7, 7, "div", 26, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 27)(15, "div", 28);
+    i0.ɵɵconditionalCreate(16, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Conditional_16_Template, 9, 5, "div", 29);
+    i0.ɵɵelementStart(17, "div", 30)(18, "div", 31)(19, "span", 32);
+    i0.ɵɵelement(20, "i", 33);
+    i0.ɵɵtext(21, " Recent Processing");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 34);
+    i0.ɵɵconditionalCreate(23, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Conditional_23_Template, 4, 0, "div", 35);
+    i0.ɵɵrepeaterCreate(24, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_25_Template, 11, 5, "div", 36, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(26, "div", 37)(27, "div", 38)(28, "div", 31)(29, "span", 32);
+    i0.ɵɵelement(30, "i", 39);
+    i0.ɵɵtext(31, " Sources");
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 34);
+    i0.ɵɵrepeaterCreate(33, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_34_Template, 9, 6, "div", 40, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "div", 41)(36, "div", 42);
+    i0.ɵɵelement(37, "i", 43);
+    i0.ɵɵtext(38, " Trending Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "div", 44);
+    i0.ɵɵrepeaterCreate(40, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_For_41_Template, 2, 6, "span", 45, _forTrack3);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.KPIMetrics);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.IsRunning ? 16 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r2.FeedItems.length === 0 ? 23 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.FeedItems);
+    i0.ɵɵadvance(9);
+    i0.ɵɵrepeater(ctx_r2.SourceMinis);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.TrendingTags);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_For_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 49)(2, "div", 50);
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const card_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(card_r14.URL);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 79);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Template_div_click_0_listener() { const card_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenSourceDetail(card_r14)); });
+    i0.ɵɵelementStart(1, "div", 80)(2, "div", 81);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 51)(5, "span", 52);
+    i0.ɵɵelementStart(4, "div")(5, "div", 82);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 53);
+    i0.ɵɵelementStart(7, "div", 83);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "span", 54);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(9, "div", 84);
+    i0.ɵɵelement(10, "div", 69);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 55)(12, "span", 56);
-    i0.ɵɵelement(13, "i", 57);
-    i0.ɵɵtext(14);
+    i0.ɵɵconditionalCreate(12, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Conditional_12_Template, 2, 1, "div", 85);
+    i0.ɵɵelementStart(13, "div", 86)(14, "div", 87)(15, "div", 88);
+    i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 56);
-    i0.ɵɵelement(16, "i", 58);
-    i0.ɵɵtext(17);
-    i0.ɵɵpipe(18, "number");
+    i0.ɵɵelementStart(17, "div", 89);
+    i0.ɵɵtext(18, "Items");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 87)(20, "div", 88);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "div", 89);
+    i0.ɵɵtext(23, "Tags");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 87)(25, "div", 88);
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "div", 89);
+    i0.ɵɵtext(28, "Avg Tags");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 87)(30, "div", 88);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div", 89);
+    i0.ɵɵtext(33, "Last Run");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(34, "div", 90)(35, "button", 91);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Template_button_click_35_listener($event) { const card_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.OpenEditSourceForm(card_r14); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(36, "i", 92);
+    i0.ɵɵtext(37, " Edit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "button", 91);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Template_button_click_38_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.RunPipeline(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(39, "i", 16);
+    i0.ɵɵtext(40, " Run");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "button", 93);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Template_button_click_41_listener($event) { const card_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.DeleteSource(card_r14); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(42, "i", 94);
+    i0.ɵɵtext(43, " Delete");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const source_r9 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const card_r14 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(source_r9.TypeIcon);
+    i0.ɵɵclassMap(card_r14.Icon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(source_r9.Name);
+    i0.ɵɵtextInterpolate(card_r14.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(source_r9.TypeName);
+    i0.ɵɵtextInterpolate2("", card_r14.SourceTypeName, " \u00B7 ", card_r14.FileTypeName);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetStatusClass(source_r9.Status));
+    i0.ɵɵclassMap(card_r14.StatusClass);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", source_r9.Status, " ");
+    i0.ɵɵclassMap(card_r14.StatusClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", card_r14.StatusLabel, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(card_r14.URL ? 12 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatRelativeTime(source_r9.LastRunAt), " ");
+    i0.ɵɵtextInterpolate(ctx_r2.formatNumber(card_r14.ItemCount));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.formatNumber(card_r14.TagCount));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r14.AvgTags);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r14.LastRunAgo);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "div", 19);
+    i0.ɵɵtext(3, "Content Sources");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵtext(5, "Configure where content is ingested from");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 21)(7, "button", 71);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenAddSourceForm()); });
+    i0.ɵɵelement(8, "i", 72);
+    i0.ɵɵtext(9, " Add Source ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 24)(11, "div", 73);
+    i0.ɵɵrepeaterCreate(12, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_For_13_Template, 44, 15, "div", 74, _forTrack2);
+    i0.ɵɵelementStart(14, "div", 75);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_Template_div_click_14_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenAddSourceForm()); });
+    i0.ɵɵelement(15, "i", 76);
+    i0.ɵɵelementStart(16, "span", 77);
+    i0.ɵɵtext(17, "Add Content Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 78);
+    i0.ɵɵtext(19, "Web, RSS, Email, Files, API");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.SourceCards);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 96)(1, "div", 98)(2, "span", 99);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 100);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 101)(7, "span", 102);
+    i0.ɵɵtext(8, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 103);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 101)(12, "span", 102);
+    i0.ɵɵtext(13, "Sources Using");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 103);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 101)(17, "span", 102);
+    i0.ɵɵtext(18, "Items Tagged");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 103);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 104);
+    i0.ɵɵelement(22, "i", 3);
+    i0.ɵɵelementStart(23, "span");
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 105);
+    i0.ɵɵelement(26, "div", 106);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "span");
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 107);
+    i0.ɵɵtext(30, "tags/item");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 108)(32, "button", 91);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_For_13_Template_button_click_32_listener() { const card_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenEditTypeForm(card_r17)); });
+    i0.ɵɵelement(33, "i", 92);
+    i0.ɵɵtext(34, " Edit");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const card_r17 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 9, source_r9.ItemCount), " items ");
+    i0.ɵɵtextInterpolate(card_r17.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(card_r17.AIModelName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r17.Description || "\u2014");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r17.SourcesUsing);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.formatNumber(card_r17.ItemsTagged));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(card_r17.MinTags);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("left", card_r17.RangeLeftPct, "%")("right", card_r17.RangeRightPct, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(card_r17.MaxTags);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "div", 19);
+    i0.ɵɵtext(3, "Content Types");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵtext(5, "Configure AI tagging rules per content category");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 21)(7, "button", 71);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenAddTypeForm()); });
+    i0.ɵɵelement(8, "i", 72);
+    i0.ɵɵtext(9, " Add Type ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 24)(11, "div", 95);
+    i0.ɵɵrepeaterCreate(12, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_For_13_Template, 35, 11, "div", 96, _forTrack2);
+    i0.ɵɵelementStart(14, "div", 97);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_Template_div_click_14_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenAddTypeForm()); });
+    i0.ɵɵelement(15, "i", 76);
+    i0.ɵɵelementStart(16, "span", 77);
+    i0.ɵɵtext(17, "Add Content Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 78);
+    i0.ɵɵtext(19, "Configure tagging rules");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.ContentTypeCards);
 } }
-function AutotaggingPipelineResourceComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
-    i0.ɵɵelement(2, "i", 9);
-    i0.ɵɵelementStart(3, "h2");
-    i0.ɵɵtext(4, "Content Autotagging Pipeline");
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_For_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 121);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td")(6, "div", 122)(7, "div", 123);
+    i0.ɵɵelement(8, "div", 124);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 125);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "td")(12, "div", 126);
+    i0.ɵɵelement(13, "div", 127);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 5);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RefreshData()); });
-    i0.ɵɵelement(6, "i", 6);
-    i0.ɵɵtext(7, " Refresh ");
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td");
+    i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 10);
-    i0.ɵɵrepeaterCreate(9, AutotaggingPipelineResourceComponent_Conditional_3_For_10_Template, 9, 8, "div", 11, _forTrack0);
+} if (rf & 2) {
+    const row_r19 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r19.Tag);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r19.UsageCount);
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("width", row_r19.AvgWeight * 100, "%");
+    i0.ɵɵclassProp("at-weight-high", row_r19.AvgWeight >= 0.7)("at-weight-medium", row_r19.AvgWeight >= 0.4 && row_r19.AvgWeight < 0.7)("at-weight-low", row_r19.AvgWeight < 0.4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r19.AvgWeight.toFixed(2));
+    i0.ɵɵadvance(3);
+    i0.ɵɵstyleProp("width", row_r19.BarWidthPct, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r19.TopSource);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r19.FirstSeen);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_For_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 12)(12, "h3", 13);
-    i0.ɵɵelement(13, "i", 14);
-    i0.ɵɵtext(14, " Pipeline Stages ");
+} if (rf & 2) {
+    const tag_r20 = ctx.$implicit;
+    i0.ɵɵclassMap(tag_r20.SizeClass);
+    i0.ɵɵstyleProp("opacity", 0.4 + tag_r20.AvgWeight * 0.6);
+    i0.ɵɵproperty("title", "Weight: " + tag_r20.AvgWeight.toFixed(2));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r20.Tag);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_For_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "span");
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 15);
-    i0.ɵɵrepeaterCreate(16, AutotaggingPipelineResourceComponent_Conditional_3_For_17_Template, 10, 7, null, null, _forTrack1);
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 16)(19, "div", 17)(20, "h3", 13);
-    i0.ɵɵelement(21, "i", 18);
-    i0.ɵɵtext(22, " Recent Processing ");
+} if (rf & 2) {
+    const s_r21 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r21.SourceName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r21.Count);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "div", 19);
+    i0.ɵɵtext(3, "Tag Library");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "div", 19);
-    i0.ɵɵconditionalCreate(24, AutotaggingPipelineResourceComponent_Conditional_3_Conditional_24_Template, 4, 0, "div", 20);
-    i0.ɵɵrepeaterCreate(25, AutotaggingPipelineResourceComponent_Conditional_3_For_26_Template, 18, 9, "div", 21, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 22)(28, "h3", 13);
-    i0.ɵɵelement(29, "i", 23);
-    i0.ɵɵtext(30, " Content Sources ");
+    i0.ɵɵelementStart(6, "div", 21)(7, "input", 109);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.TagSearchQuery, $event) || (ctx_r2.TagSearchQuery = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_Template_input_input_7_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.FilterTags()); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 24)(9, "div", 110)(10, "div", 111)(11, "div", 38)(12, "div", 112)(13, "table", 113)(14, "thead")(15, "tr")(16, "th");
+    i0.ɵɵtext(17, "Tag");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "th");
+    i0.ɵɵtext(19, "Count");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "th");
+    i0.ɵɵtext(21, "Avg Weight");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "th");
+    i0.ɵɵtext(23, "Distribution");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 24);
-    i0.ɵɵconditionalCreate(32, AutotaggingPipelineResourceComponent_Conditional_3_Conditional_32_Template, 4, 0, "div", 20);
-    i0.ɵɵrepeaterCreate(33, AutotaggingPipelineResourceComponent_Conditional_3_For_34_Template, 19, 11, "div", 25, _forTrack2);
+    i0.ɵɵelementStart(24, "th");
+    i0.ɵɵtext(25, "Top Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "th");
+    i0.ɵɵtext(27, "First Seen");
     i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(28, "tbody");
+    i0.ɵɵrepeaterCreate(29, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_For_30_Template, 18, 15, "tr", null, _forTrack3);
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(31, "div", 114)(32, "div", 41)(33, "div", 115);
+    i0.ɵɵelement(34, "i", 116);
+    i0.ɵɵtext(35, " Tag Cloud");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 44);
+    i0.ɵɵrepeaterCreate(37, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_For_38_Template, 2, 6, "span", 45, _forTrack3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(39, "div", 117)(40, "div", 42);
+    i0.ɵɵelement(41, "i", 118);
+    i0.ɵɵtext(42, " By Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "div", 119);
+    i0.ɵɵrepeaterCreate(44, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_For_45_Template, 5, 2, "div", 120, _forTrack4);
+    i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(9);
-    i0.ɵɵrepeater(ctx_r1.KPIMetrics);
-    i0.ɵɵadvance(7);
-    i0.ɵɵrepeater(ctx_r1.PipelineStages);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", ctx_r2.TagRows.length, " unique tags across all content sources");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.TagSearchQuery);
+    i0.ɵɵadvance(22);
+    i0.ɵɵrepeater(ctx_r2.FilteredTagRows);
     i0.ɵɵadvance(8);
-    i0.ɵɵconditional(ctx_r1.ProcessedItems.length === 0 ? 24 : -1);
+    i0.ɵɵrepeater(ctx_r2.TagCloud);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.TagsBySource);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r23 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r23);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r23);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_For_43_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 137);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_For_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 136);
+    i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_For_43_Conditional_3_Template, 1, 0, "i", 137);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "td", 138);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 139);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "td");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td");
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r24 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(row_r24.StatusClass);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r24.StatusClass === "running" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r24.Status, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r24.SourceName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r24.StartedDisplay);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r24.Duration);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r24.Items);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r24.Tags);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ProcessedItems);
+    i0.ɵɵclassMap(row_r24.ErrorClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r24.Errors);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "div", 19);
+    i0.ɵɵtext(3, "Run History");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵtext(5, "Processing run log across all content sources");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 21)(7, "select", 128);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_Template_select_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.HistorySourceFilter, $event) || (ctx_r2.HistorySourceFilter = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_Template_select_change_7_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.FilterRunHistory()); });
+    i0.ɵɵelementStart(8, "option", 129);
+    i0.ɵɵtext(9, "All Sources");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(10, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_For_11_Template, 2, 2, "option", 130, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "select", 128);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.HistoryStatusFilter, $event) || (ctx_r2.HistoryStatusFilter = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_Template_select_change_12_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.FilterRunHistory()); });
+    i0.ɵɵelementStart(13, "option", 129);
+    i0.ɵɵtext(14, "All Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 131);
+    i0.ɵɵtext(16, "Complete");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "option", 132);
+    i0.ɵɵtext(18, "Failed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "option", 133);
+    i0.ɵɵtext(20, "Running");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(21, "div", 24)(22, "div", 38)(23, "div", 134)(24, "table", 135)(25, "thead")(26, "tr")(27, "th");
+    i0.ɵɵtext(28, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "th");
+    i0.ɵɵtext(30, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "th");
+    i0.ɵɵtext(32, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "th");
+    i0.ɵɵtext(34, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "th");
+    i0.ɵɵtext(36, "Items");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "th");
+    i0.ɵɵtext(38, "Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "th");
+    i0.ɵɵtext(40, "Errors");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(41, "tbody");
+    i0.ɵɵrepeaterCreate(42, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_For_43_Template, 17, 12, "tr", null, _forTrack2);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.ContentSources.length === 0 ? 32 : -1);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.HistorySourceFilter);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.HistorySourceOptions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.HistoryStatusFilter);
+    i0.ɵɵadvance(30);
+    i0.ɵɵrepeater(ctx_r2.FilteredRunRows);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_0_Template, 42, 2);
+    i0.ɵɵconditionalCreate(1, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_1_Template, 20, 0);
+    i0.ɵɵconditionalCreate(2, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_2_Template, 20, 0);
+    i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_3_Template, 46, 2);
+    i0.ɵɵconditionalCreate(4, AutotaggingPipelineResourceComponent_Conditional_19_Conditional_4_Template, 44, 2);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "pipeline" ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "sources" ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "types" ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "tags" ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ContentSources);
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "history" ? 4 : -1);
 } }
-let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComponent extends BaseResourceComponent {
-    destroy$ = new Subject();
-    IsLoading = false;
-    ErrorMessage = '';
-    // KPI data
-    KPIMetrics = [];
-    // Pipeline stages
-    PipelineStages = [];
-    // Recent processing feed
-    ProcessedItems = [];
-    // Source configuration
-    ContentSources = [];
-    // Raw data holders for aggregation
-    contentItems = [];
-    contentRuns = [];
-    contentTags = [];
-    contentSourceTypes = [];
-    contentSourcesRaw = [];
-    cdr = inject(ChangeDetectorRef);
-    async ngAfterViewInit() {
-        await this.LoadData();
-        this.NotifyLoadComplete();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    async GetResourceDisplayName(_data) {
-        return 'Content Autotagging';
-    }
-    async GetResourceIconClass(_data) {
-        return 'fa-solid fa-tags';
-    }
-    /** Load all pipeline data from MJ entities */
-    async LoadData() {
-        this.IsLoading = true;
-        this.ErrorMessage = '';
-        this.cdr.detectChanges();
-        try {
-            const rv = new RunView();
-            const [sourcesResult, itemsResult, runsResult, tagsResult, typesResult] = await rv.RunViews([
-                {
-                    EntityName: 'MJ: Content Sources',
-                    OrderBy: 'Name',
-                    ResultType: 'simple'
-                },
-                {
-                    EntityName: 'MJ: Content Items',
-                    OrderBy: '__mj_CreatedAt DESC',
-                    MaxRows: 200,
-                    ResultType: 'simple'
-                },
-                {
-                    EntityName: 'MJ: Content Process Runs',
-                    OrderBy: '__mj_CreatedAt DESC',
-                    MaxRows: 100,
-                    ResultType: 'simple'
-                },
-                {
-                    EntityName: 'MJ: Content Item Tags',
-                    ResultType: 'simple'
-                },
-                {
-                    EntityName: 'MJ: Content Source Types',
-                    ResultType: 'simple'
-                }
-            ]);
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Add Content Source ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Edit Content Source ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Add Content Type ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Edit Content Type ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r27 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r27.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r27.Name);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r28 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r28.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r28.Name);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r29 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r29.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r29.Name);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r30 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r30.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r30.Name);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 15);
+    i0.ɵɵtext(1, " Saving... ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 155);
+    i0.ɵɵtext(1, " Save ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 146)(1, "label", 147);
+    i0.ɵɵtext(2, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 148);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormSourceName, $event) || (ctx_r2.FormSourceName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 146)(5, "label", 147);
+    i0.ɵɵtext(6, "Source Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "select", 149);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_select_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormSourceTypeID, $event) || (ctx_r2.FormSourceTypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(8, "option", 129);
+    i0.ɵɵtext(9, "Select source type...");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(10, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_11_Template, 2, 2, "option", 130, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 146)(13, "label", 147);
+    i0.ɵɵtext(14, "Content Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "select", 149);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormContentTypeID, $event) || (ctx_r2.FormContentTypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(16, "option", 129);
+    i0.ɵɵtext(17, "Select content type...");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(18, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_19_Template, 2, 2, "option", 130, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 146)(21, "label", 147);
+    i0.ɵɵtext(22, "File Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "select", 149);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_select_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormFileTypeID, $event) || (ctx_r2.FormFileTypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(24, "option", 129);
+    i0.ɵɵtext(25, "Select file type...");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(26, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_27_Template, 2, 2, "option", 130, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "div", 146)(29, "label", 147);
+    i0.ɵɵtext(30, "URL");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "input", 150);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_input_ngModelChange_31_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormSourceURL, $event) || (ctx_r2.FormSourceURL = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 146)(33, "label", 147);
+    i0.ɵɵtext(34, "Embedding Model Override");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "mj-tree-dropdown", 151);
+    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_mj_tree_dropdown_ValueChange_35_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.FormSourceEmbeddingModelID = ctx_r2.FromCompositeKey($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "span", 152);
+    i0.ɵɵtext(37, "Overrides Content Type default");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(38, "div", 146)(39, "label", 147);
+    i0.ɵɵtext(40, "Vector Index Override");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "select", 149);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_select_ngModelChange_41_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormSourceVectorIndexID, $event) || (ctx_r2.FormSourceVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(42, "option", 129);
+    i0.ɵɵtext(43, "Use system default");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(44, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_For_45_Template, 2, 2, "option", 130, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "span", 152);
+    i0.ɵɵtext(47, "Overrides Content Type default");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(48, "div", 153)(49, "button", 154);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveSource()); });
+    i0.ɵɵconditionalCreate(50, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Conditional_50_Template, 2, 0)(51, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Conditional_51_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(52, "button", 22);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template_button_click_52_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseForm()); });
+    i0.ɵɵtext(53, "Cancel");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormSourceName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormSourceTypeID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.SourceTypeOptions);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormContentTypeID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.ContentTypeOptions);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormFileTypeID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.FileTypeOptions);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormSourceURL);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("BranchConfig", ctx_r2.AIModelVendorBranch)("LeafConfig", ctx_r2.EmbeddingModelsLeaf)("Clearable", true)("Value", ctx_r2.ToCompositeKey(ctx_r2.FormSourceEmbeddingModelID));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormSourceVectorIndexID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.VectorIndexOptions);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", ctx_r2.FormSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.FormSaving ? 50 : 51);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_For_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r32 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r32.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r32.Name);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 15);
+    i0.ɵɵtext(1, " Saving... ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 155);
+    i0.ɵɵtext(1, " Save ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 146)(1, "label", 147);
+    i0.ɵɵtext(2, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 156);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeName, $event) || (ctx_r2.FormTypeName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 146)(5, "label", 147);
+    i0.ɵɵtext(6, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "textarea", 157);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeDescription, $event) || (ctx_r2.FormTypeDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 146)(9, "label", 147);
+    i0.ɵɵtext(10, "AI Model (for tagging)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "mj-tree-dropdown", 158);
+    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_mj_tree_dropdown_ValueChange_11_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.FormTypeAIModelID = ctx_r2.FromCompositeKey($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 159)(13, "div", 160)(14, "label", 147);
+    i0.ɵɵtext(15, "Min Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "input", 161);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeMinTags, $event) || (ctx_r2.FormTypeMinTags = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 160)(18, "label", 147);
+    i0.ɵɵtext(19, "Max Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "input", 162);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeMaxTags, $event) || (ctx_r2.FormTypeMaxTags = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "div", 146)(22, "label", 147);
+    i0.ɵɵtext(23, "Embedding Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "mj-tree-dropdown", 151);
+    i0.ɵɵlistener("ValueChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_mj_tree_dropdown_ValueChange_24_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.FormTypeEmbeddingModelID = ctx_r2.FromCompositeKey($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(25, "div", 146)(26, "label", 147);
+    i0.ɵɵtext(27, "Vector Index");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "select", 149);
+    i0.ɵɵtwoWayListener("ngModelChange", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_select_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeVectorIndexID, $event) || (ctx_r2.FormTypeVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(29, "option", 129);
+    i0.ɵɵtext(30, "Use system default");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(31, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_For_32_Template, 2, 2, "option", 130, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "div", 153)(34, "button", 154);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveContentType()); });
+    i0.ɵɵconditionalCreate(35, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Conditional_35_Template, 2, 0)(36, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Conditional_36_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "button", 22);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseForm()); });
+    i0.ɵɵtext(38, "Cancel");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormTypeName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormTypeDescription);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("BranchConfig", ctx_r2.AIModelVendorBranch)("LeafConfig", ctx_r2.AllModelsLeaf)("Clearable", true)("Value", ctx_r2.ToCompositeKey(ctx_r2.FormTypeAIModelID));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormTypeMinTags);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormTypeMaxTags);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("BranchConfig", ctx_r2.AIModelVendorBranch)("LeafConfig", ctx_r2.EmbeddingModelsLeaf)("Clearable", true)("Value", ctx_r2.ToCompositeKey(ctx_r2.FormTypeEmbeddingModelID));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormTypeVectorIndexID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.VectorIndexOptions);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r2.FormSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.FormSaving ? 35 : 36);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_20_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseForm()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 141)(2, "div", 142)(3, "h3");
+    i0.ɵɵconditionalCreate(4, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_4_Template, 1, 0)(5, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_5_Template, 1, 0)(6, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_6_Template, 1, 0)(7, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_7_Template, 1, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 143);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_20_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseForm()); });
+    i0.ɵɵelement(9, "i", 144);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 145);
+    i0.ɵɵconditionalCreate(11, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_11_Template, 54, 12);
+    i0.ɵɵconditionalCreate(12, AutotaggingPipelineResourceComponent_Conditional_20_Conditional_12_Template, 39, 15);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.FormMode === "add-source" ? 4 : ctx_r2.FormMode === "edit-source" ? 5 : ctx_r2.FormMode === "add-type" ? 6 : ctx_r2.FormMode === "edit-type" ? 7 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r2.FormMode === "add-source" || ctx_r2.FormMode === "edit-source" ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.FormMode === "add-type" || ctx_r2.FormMode === "edit-type" ? 12 : -1);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 170);
+    i0.ɵɵelement(1, "i", 181);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.SelectedFeedItem.FileTypeName);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 171)(1, "div", 172);
+    i0.ɵɵtext(2, "URL");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "a", 182);
+    i0.ɵɵtext(4);
+    i0.ɵɵelement(5, "i", 183);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("href", ctx_r2.SelectedFeedItem.URL, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.SelectedFeedItem.URL, " ");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 171)(1, "div", 172);
+    i0.ɵɵtext(2, "Content Preview");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 184);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.TextContent);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Conditional_20_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 186);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r34 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r34);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 171)(1, "div", 172);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 185);
+    i0.ɵɵrepeaterCreate(4, AutotaggingPipelineResourceComponent_Conditional_21_Conditional_20_For_5_Template, 2, 1, "span", 186, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Tags (", ctx_r2.SelectedFeedItem.Tags.length, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.SelectedFeedItem.Tags);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 174)(1, "span", 175);
+    i0.ɵɵtext(2, "Checksum");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 187);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.Checksum);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_21_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseItemDetail()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 163)(2, "div", 142)(3, "h3");
+    i0.ɵɵelement(4, "i", 164);
+    i0.ɵɵtext(5, " Content Item");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 143);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_21_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseItemDetail()); });
+    i0.ɵɵelement(7, "i", 144);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 145)(9, "div", 165)(10, "h4", 166);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 167)(13, "span", 168);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 169);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(17, AutotaggingPipelineResourceComponent_Conditional_21_Conditional_17_Template, 3, 1, "span", 170);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(18, AutotaggingPipelineResourceComponent_Conditional_21_Conditional_18_Template, 6, 2, "div", 171);
+    i0.ɵɵconditionalCreate(19, AutotaggingPipelineResourceComponent_Conditional_21_Conditional_19_Template, 5, 1, "div", 171);
+    i0.ɵɵconditionalCreate(20, AutotaggingPipelineResourceComponent_Conditional_21_Conditional_20_Template, 6, 1, "div", 171);
+    i0.ɵɵelementStart(21, "div", 171)(22, "div", 172);
+    i0.ɵɵtext(23, "Metadata");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "div", 173);
+    i0.ɵɵconditionalCreate(25, AutotaggingPipelineResourceComponent_Conditional_21_Conditional_25_Template, 5, 1, "div", 174);
+    i0.ɵɵelementStart(26, "div", 174)(27, "span", 175);
+    i0.ɵɵtext(28, "Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 176);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 174)(32, "span", 175);
+    i0.ɵɵtext(33, "Updated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "span", 176);
+    i0.ɵɵtext(35);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(36, "div", 177)(37, "button", 71);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_21_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenRecordFromItem(ctx_r2.SelectedFeedItem)); });
+    i0.ɵɵelement(38, "i", 178);
+    i0.ɵɵtext(39, " Open Record ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "button", 179);
+    i0.ɵɵelement(41, "i", 180);
+    i0.ɵɵtext(42, " See Similar Items ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(11);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.SourceName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.ContentTypeName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedFeedItem.FileTypeName ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedFeedItem.URL ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedFeedItem.TextContent ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedFeedItem.Tags.length > 0 ? 20 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.SelectedFeedItem.Checksum ? 25 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.CreatedAt);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedFeedItem.UpdatedAt);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "mj-loading", 188);
+    i0.ɵɵelementEnd();
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 174)(1, "span", 175);
+    i0.ɵɵtext(2, "URL");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "a", 199);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("href", ctx_r2.SelectedSource.URL, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.URL);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_69_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 196)(1, "p");
+    i0.ɵɵtext(2, "No content items yet.");
+    i0.ɵɵelementEnd()();
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_For_71_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 200);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_For_71_Template_div_click_0_listener() { const ci_r38 = i0.ɵɵrestoreView(_r37).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenContentItemDetail(ci_r38)); });
+    i0.ɵɵelement(1, "div", 59);
+    i0.ɵɵelementStart(2, "span", 201);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 202);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 203);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ci_r38 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ci_r38.StatusDot);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ci_r38.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ci_r38.TagCount, " tags");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ci_r38.UpdatedAt);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_72_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 205)(1, "span", 136);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 206);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 207);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 208);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const run_r39 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(run_r39.StatusClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(run_r39.Status);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r39.StartedDisplay);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r39.Duration);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", run_r39.Items, " items");
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_72_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 171)(1, "div", 172);
+    i0.ɵɵtext(2, "Recent Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 204);
+    i0.ɵɵrepeaterCreate(4, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_72_For_5_Template, 9, 6, "div", 205, _forTrack2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.SelectedSource.RunHistory);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 189)(1, "div", 81);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div")(4, "h4", 166);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 167)(7, "span", 169);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 190);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(11, "div", 171)(12, "div", 172);
+    i0.ɵɵtext(13, "Configuration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 173);
+    i0.ɵɵconditionalCreate(15, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_15_Template, 5, 2, "div", 174);
+    i0.ɵɵelementStart(16, "div", 174)(17, "span", 175);
+    i0.ɵɵtext(18, "Content Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 176);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 174)(22, "span", 175);
+    i0.ɵɵtext(23, "File Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "span", 176);
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "div", 174)(27, "span", 175);
+    i0.ɵɵtext(28, "Embedding Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 176);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 174)(32, "span", 175);
+    i0.ɵɵtext(33, "Vector Index");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "span", 176);
+    i0.ɵɵtext(35);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(36, "div", 171)(37, "div", 172);
+    i0.ɵɵtext(38, "Statistics");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "div", 191)(40, "div", 192)(41, "div", 193);
+    i0.ɵɵtext(42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "div", 194);
+    i0.ɵɵtext(44, "Items");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 192)(46, "div", 193);
+    i0.ɵɵtext(47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "div", 194);
+    i0.ɵɵtext(49, "Tags");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(50, "div", 192)(51, "div", 193);
+    i0.ɵɵtext(52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "div", 194);
+    i0.ɵɵtext(54, "Avg Tags");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(55, "div", 192)(56, "div", 193);
+    i0.ɵɵtext(57);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(58, "div", 194);
+    i0.ɵɵtext(59, "Last Run");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(60, "div", 192)(61, "div", 193);
+    i0.ɵɵtext(62);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(63, "div", 194);
+    i0.ɵɵtext(64, "Errors");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(65, "div", 171)(66, "div", 172);
+    i0.ɵɵtext(67);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(68, "div", 195);
+    i0.ɵɵconditionalCreate(69, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_69_Template, 3, 0, "div", 196);
+    i0.ɵɵrepeaterCreate(70, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_For_71_Template, 8, 5, "div", 197, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(72, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Conditional_72_Template, 6, 0, "div", 171);
+    i0.ɵɵelementStart(73, "div", 177)(74, "button", 71);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Template_button_click_74_listener() { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenEditSourceFromDetail()); });
+    i0.ɵɵelement(75, "i", 92);
+    i0.ɵɵtext(76, " Edit ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(77, "button", 22);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Template_button_click_77_listener() { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.RunSourceFromDetail()); });
+    i0.ɵɵelement(78, "i", 16);
+    i0.ɵɵtext(79, " Run Now ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(80, "button", 198);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Template_button_click_80_listener() { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.DeleteSourceFromDetail()); });
+    i0.ɵɵelement(81, "i", 94);
+    i0.ɵɵtext(82, " Delete ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.SelectedSource.Icon);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.SourceTypeName);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("at-detail-badge-status-" + ctx_r2.SelectedSource.StatusClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.SelectedSource.StatusLabel, " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.SelectedSource.URL ? 15 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.ContentTypeName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.FileTypeName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.EmbeddingModelName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.VectorIndexName);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r2.formatNumber(ctx_r2.SelectedSource.ItemCount));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.formatNumber(ctx_r2.SelectedSource.TagCount));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.AvgTags);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.LastRunAgo);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("at-kpi-error-value", ctx_r2.SelectedSource.ErrorCount > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedSource.ErrorCount);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("Content Library (", ctx_r2.SelectedSource.ContentItems.length, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SelectedSource.ContentItems.length === 0 ? 69 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.SelectedSource.ContentItems);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SelectedSource.RunHistory.length > 0 ? 72 : -1);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseSourceDetail()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 163)(2, "div", 142)(3, "h3");
+    i0.ɵɵelement(4, "i", 39);
+    i0.ɵɵtext(5, " Source Detail");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 143);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_22_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseSourceDetail()); });
+    i0.ɵɵelement(7, "i", 144);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 145);
+    i0.ɵɵconditionalCreate(9, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_9_Template, 2, 0, "div", 12);
+    i0.ɵɵconditionalCreate(10, AutotaggingPipelineResourceComponent_Conditional_22_Conditional_10_Template, 83, 22);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵconditional(ctx_r2.SourceDetailLoading ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r2.SourceDetailLoading && ctx_r2.SelectedSource ? 10 : -1);
+} }
+let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComponent extends BaseResourceComponent {
+    destroy$ = new Subject();
+    cdr = inject(ChangeDetectorRef);
+    navigationService = inject(NavigationService);
+    // ── Global state ──
+    IsLoading = true;
+    // ── Tab state ──
+    ActiveTab = 'pipeline';
+    tabDataLoaded = new Set();
+    // ── Left nav ──
+    NavItems = [];
+    // ── Pipeline tab ──
+    KPIMetrics = [];
+    PipelineStages = [];
+    FeedItems = [];
+    SourceMinis = [];
+    TrendingTags = [];
+    // Pipeline run state
+    IsRunning = false;
+    RunProgress = 0;
+    RunStage = '';
+    RunCurrentItem = '';
+    // ── Sources tab ──
+    SourceCards = [];
+    // ── Content Types tab ──
+    ContentTypeCards = [];
+    // ── Tag Library tab ──
+    TagRows = [];
+    TagCloud = [];
+    TagsBySource = [];
+    TagSearchQuery = '';
+    FilteredTagRows = [];
+    // ── Run History tab ──
+    RunHistoryRows = [];
+    HistorySourceFilter = '';
+    HistoryStatusFilter = '';
+    FilteredRunRows = [];
+    HistorySourceOptions = [];
+    // ── Slide-in form ──
+    FormMode = 'none';
+    FormSaving = false;
+    // Source form fields
+    FormSourceName = '';
+    FormSourceTypeID = '';
+    FormContentTypeID = '';
+    FormFileTypeID = '';
+    FormSourceURL = '';
+    EditingSourceID = '';
+    // Content Type form fields
+    FormTypeName = '';
+    FormTypeDescription = '';
+    FormTypeAIModelID = '';
+    FormTypeMinTags = 1;
+    FormTypeMaxTags = 10;
+    EditingTypeID = '';
+    // Embedding model + vector index form fields (Content Type)
+    FormTypeEmbeddingModelID = '';
+    FormTypeVectorIndexID = '';
+    // Embedding model + vector index form fields (Content Source overrides)
+    FormSourceEmbeddingModelID = '';
+    FormSourceVectorIndexID = '';
+    // ── Detail panels ──
+    SelectedFeedItem = null;
+    ShowItemDetail = false;
+    SelectedSource = null;
+    ShowSourceDetail = false;
+    SourceDetailLoading = false;
+    // Dropdown options for forms
+    SourceTypeOptions = [];
+    ContentTypeOptions = [];
+    FileTypeOptions = [];
+    AIModelOptions = [];
+    EmbeddingModelOptions = [];
+    VectorIndexOptions = [];
+    // Tree-dropdown configs for AI model selection (vendor → model grouping)
+    AIModelVendorBranch = {
+        EntityName: 'MJ: AI Vendors',
+        DisplayField: 'Name',
+        IDField: 'ID',
+        DefaultIcon: 'fa-solid fa-building',
+        OrderBy: 'Name ASC',
+    };
+    AllModelsLeaf = {
+        EntityName: 'MJ: AI Models',
+        ParentField: '',
+        DisplayField: 'Name',
+        IDField: 'ID',
+        DefaultIcon: 'fa-solid fa-brain',
+        OrderBy: '__mj_CreatedAt DESC',
+        JunctionConfig: {
+            EntityName: 'MJ: AI Model Vendors',
+            LeafForeignKey: 'ModelID',
+            BranchForeignKey: 'VendorID',
+        },
+    };
+    EmbeddingModelsLeaf = {
+        EntityName: 'MJ: AI Models',
+        ParentField: '',
+        DisplayField: 'Name',
+        IDField: 'ID',
+        DefaultIcon: 'fa-solid fa-vector-square',
+        ExtraFilter: "AIModelType = 'Embeddings'",
+        OrderBy: '__mj_CreatedAt DESC',
+        JunctionConfig: {
+            EntityName: 'MJ: AI Model Vendors',
+            LeafForeignKey: 'ModelID',
+            BranchForeignKey: 'VendorID',
+        },
+    };
+    // ── Raw data cache ──
+    contentSourcesRaw = [];
+    contentItemsRaw = [];
+    contentTagsRaw = [];
+    contentRunsRaw = [];
+    contentSourceTypesRaw = [];
+    contentTypesRaw = [];
+    contentFileTypesRaw = [];
+    aiModelsRaw = [];
+    // ── Lifecycle ──
+    async ngAfterViewInit() {
+        await this.LoadPipelineData();
+        this.tabDataLoaded.add('pipeline');
+        this.IsLoading = false;
+        this.cdr.detectChanges();
+        this.NotifyLoadComplete();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Content Autotagging';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-tags';
+    }
+    // ── Tab switching ──
+    async SwitchTab(tab) {
+        if (tab === this.ActiveTab)
+            return;
+        this.ActiveTab = tab;
+        this.cdr.detectChanges();
+        if (!this.tabDataLoaded.has(tab)) {
+            await this.loadTabData(tab);
+            this.tabDataLoaded.add(tab);
+            this.cdr.detectChanges();
+        }
+    }
+    async loadTabData(tab) {
+        switch (tab) {
+            case 'pipeline':
+                await this.LoadPipelineData();
+                break;
+            case 'sources':
+                await this.loadSourcesData();
+                break;
+            case 'types':
+                await this.loadContentTypesData();
+                break;
+            case 'tags':
+                await this.loadTagLibraryData();
+                break;
+            case 'history':
+                await this.loadRunHistoryData();
+                break;
+        }
+    }
+    // ════════════════════════════════════════════
+    // PIPELINE TAB — Data Loading & Building
+    // ════════════════════════════════════════════
+    async LoadPipelineData() {
+        try {
+            const rv = new RunView();
+            const [sourcesResult, itemsResult, runsResult, tagsResult, sourceTypesResult, contentTypesResult] = await rv.RunViews([
+                { EntityName: 'MJ: Content Sources', OrderBy: 'Name', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Items', OrderBy: '__mj_UpdatedAt DESC', MaxRows: 200, ResultType: 'simple', Fields: ['ID', 'Name', 'ContentSourceID', 'ContentSource', 'ContentSourceType', 'ContentType', 'ContentFileType', 'URL', 'TextContent', 'Checksum', '__mj_CreatedAt', '__mj_UpdatedAt'] },
+                { EntityName: 'MJ: Content Process Runs', OrderBy: 'StartTime DESC', MaxRows: 100, ResultType: 'simple' },
+                { EntityName: 'MJ: Content Item Tags', ResultType: 'simple', Fields: ['ID', 'ItemID', 'Tag', 'Weight', '__mj_CreatedAt'] },
+                { EntityName: 'MJ: Content Source Types', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Types', ResultType: 'simple' }
+            ]);
             this.contentSourcesRaw = sourcesResult.Success ? sourcesResult.Results : [];
-            this.contentItems = itemsResult.Success ? itemsResult.Results : [];
-            this.contentRuns = runsResult.Success ? runsResult.Results : [];
-            this.contentTags = tagsResult.Success ? tagsResult.Results : [];
-            this.contentSourceTypes = typesResult.Success ? typesResult.Results : [];
+            this.contentItemsRaw = itemsResult.Success ? itemsResult.Results : [];
+            this.contentRunsRaw = runsResult.Success ? runsResult.Results : [];
+            this.contentTagsRaw = tagsResult.Success ? tagsResult.Results : [];
+            this.contentSourceTypesRaw = sourceTypesResult.Success ? sourceTypesResult.Results : [];
+            this.contentTypesRaw = contentTypesResult.Success ? contentTypesResult.Results : [];
+            this.buildNavItems();
             this.buildKPIMetrics();
             this.buildPipelineStages();
-            this.buildProcessedItems();
-            this.buildContentSources();
+            this.buildFeedItems();
+            this.buildSourceMinis();
+            this.buildTrendingTags();
+        }
+        catch (error) {
+            console.error('[Autotagging] Error loading pipeline data:', error);
+        }
+    }
+    buildNavItems() {
+        this.NavItems = [
+            { Tab: 'pipeline', Icon: 'fa-solid fa-gauge-high', Label: 'Pipeline', BadgeText: this.IsRunning ? 'Live' : '', BadgeClass: 'nav-badge-live' },
+            { Tab: 'sources', Icon: 'fa-solid fa-database', Label: 'Sources', BadgeText: String(this.contentSourcesRaw.length), BadgeClass: '' },
+            { Tab: 'types', Icon: 'fa-solid fa-sliders', Label: 'Content Types', BadgeText: String(this.contentTypesRaw.length), BadgeClass: '' },
+            { Tab: 'tags', Icon: 'fa-solid fa-tag', Label: 'Tag Library', BadgeText: String(this.contentTagsRaw.length), BadgeClass: '' },
+        ];
+    }
+    buildKPIMetrics() {
+        const sourceCount = this.contentSourcesRaw.length;
+        const itemCount = this.contentItemsRaw.length;
+        const tagCount = this.contentTagsRaw.length;
+        const errorCount = this.contentRunsRaw.filter(r => r['Status']?.toLowerCase() === 'error' || r['Status']?.toLowerCase() === 'failed').length;
+        this.KPIMetrics = [
+            { Label: 'Active Sources', Value: sourceCount, Icon: 'fa-solid fa-satellite-dish', Trend: '', TrendUp: true },
+            { Label: 'Content Items', Value: itemCount, Icon: 'fa-solid fa-file-lines', Trend: '', TrendUp: true },
+            { Label: 'Tags Generated', Value: tagCount, Icon: 'fa-solid fa-tags', Trend: tagCount > 0 && itemCount > 0 ? `${(tagCount / itemCount).toFixed(1)} avg/item` : '', TrendUp: true },
+            { Label: 'Errors', Value: errorCount, Icon: 'fa-solid fa-circle-exclamation', Trend: '', TrendUp: false }
+        ];
+    }
+    buildPipelineStages() {
+        this.PipelineStages = [
+            { Name: 'Ingest', Icon: 'fa-solid fa-download', Status: 'idle', Count: '\u2014' },
+            { Name: 'Extract', Icon: 'fa-solid fa-file-lines', Status: 'idle', Count: '\u2014' },
+            { Name: 'Chunk', Icon: 'fa-solid fa-scissors', Status: 'idle', Count: '\u2014' },
+            { Name: 'Tag', Icon: 'fa-solid fa-tags', Status: 'idle', Count: '\u2014' },
+            { Name: 'Vectorize', Icon: 'fa-solid fa-vector-square', Status: 'idle', Count: '\u2014' }
+        ];
+    }
+    buildFeedItems() {
+        const tagsByItem = this.countTagsByItem();
+        this.FeedItems = this.contentItemsRaw.slice(0, 50).map(item => {
+            const itemId = item['ID'];
+            const itemTags = this.getTopTagsForItem(itemId, 3);
+            return {
+                Name: item['Name'] ?? 'Unnamed Item',
+                SourceName: item['ContentSource'] ?? 'Unknown',
+                Tags: itemTags,
+                TimeAgo: this.formatRelativeTime(item['__mj_UpdatedAt']),
+                Status: this.inferItemStatus(tagsByItem.get(itemId) ?? 0)
+            };
+        });
+    }
+    buildSourceMinis() {
+        const itemCountBySource = this.countItemsBySource();
+        this.SourceMinis = this.contentSourcesRaw.map(source => {
+            const id = source['ID'];
+            const itemCount = itemCountBySource.get(id) ?? 0;
+            const typeName = source['ContentSourceType'] ?? 'Unknown';
+            return {
+                ID: id,
+                Name: source['Name'] ?? 'Unnamed',
+                Icon: this.GetSourceTypeIcon(typeName),
+                Meta: `${this.formatNumber(itemCount)} items`,
+                StatusClass: 'active'
+            };
+        });
+    }
+    buildTrendingTags() {
+        const tagCounts = this.countAllTags();
+        const avgWeights = this.computeAvgWeights();
+        const scored = Array.from(tagCounts.entries()).map(([tag, count]) => {
+            const weight = avgWeights.get(tag) ?? 1.0;
+            return { tag, count, weight, score: count * weight };
+        }).sort((a, b) => b.score - a.score).slice(0, 12);
+        const maxScore = scored.length > 0 ? scored[0].score : 1;
+        this.TrendingTags = scored.map(s => ({
+            Tag: s.tag,
+            AvgWeight: s.weight,
+            SizeClass: s.score >= maxScore * 0.7 ? 'large' : s.score >= maxScore * 0.3 ? '' : 'small'
+        }));
+    }
+    // ════════════════════════════════════════════
+    // SOURCES TAB
+    // ════════════════════════════════════════════
+    async loadSourcesData() {
+        await this.ensureBaseDataLoaded();
+        this.buildSourceCards();
+    }
+    buildSourceCards() {
+        const itemCountBySource = this.countItemsBySource();
+        const tagCountBySource = this.countTagsBySource();
+        const lastRunBySource = this.getLastRunBySource();
+        this.SourceCards = this.contentSourcesRaw.map(source => {
+            const id = source['ID'];
+            const itemCount = itemCountBySource.get(id) ?? 0;
+            const tagCount = tagCountBySource.get(id) ?? 0;
+            const avgTags = itemCount > 0 ? (tagCount / itemCount).toFixed(1) : '0';
+            const lastRun = lastRunBySource.get(id);
+            const typeName = source['ContentSourceType'] ?? 'Unknown';
+            const lastRunStatus = lastRun ? lastRun['Status']?.toLowerCase() : null;
+            const hasError = lastRunStatus === 'error' || lastRunStatus === 'failed';
+            return {
+                ID: id,
+                Name: source['Name'] ?? 'Unnamed Source',
+                SourceTypeName: typeName,
+                ContentTypeName: source['ContentType'] ?? 'Unknown',
+                FileTypeName: source['ContentFileType'] ?? 'Unknown',
+                Icon: this.GetSourceTypeIcon(typeName),
+                StatusClass: hasError ? 'error' : 'active',
+                StatusLabel: hasError ? 'Error' : 'Active',
+                URL: source['URL'] ?? '',
+                ItemCount: itemCount,
+                TagCount: tagCount,
+                AvgTags: avgTags,
+                LastRunAgo: lastRun ? this.formatRelativeTime(lastRun['StartTime']) : 'Never',
+                ContentSourceTypeID: source['ContentSourceTypeID'],
+                ContentTypeID: source['ContentTypeID'],
+                ContentFileTypeID: source['ContentFileTypeID'],
+                EmbeddingModelID: source['EmbeddingModelID'] ?? '',
+                VectorIndexID: source['VectorIndexID'] ?? ''
+            };
+        });
+    }
+    // ════════════════════════════════════════════
+    // CONTENT TYPES TAB
+    // ════════════════════════════════════════════
+    async loadContentTypesData() {
+        if (this.contentTypesRaw.length === 0) {
+            const rv = new RunView();
+            const result = await rv.RunView({ EntityName: 'MJ: Content Types', ResultType: 'simple' });
+            if (result.Success)
+                this.contentTypesRaw = result.Results;
+        }
+        await this.ensureBaseDataLoaded();
+        this.buildContentTypeCards();
+    }
+    buildContentTypeCards() {
+        const sourcesUsingByType = this.countSourcesByContentType();
+        const itemsByType = this.countItemsByContentType();
+        this.ContentTypeCards = this.contentTypesRaw.map(ct => {
+            const id = ct['ID'];
+            const minTags = ct['MinTags'] ?? 1;
+            const maxTags = ct['MaxTags'] ?? 10;
+            const range = 15; // max possible
+            return {
+                ID: id,
+                Name: ct['Name'] ?? 'Unnamed',
+                Description: ct['Description'] ?? '',
+                AIModelName: ct['AIModel'] ?? 'Default Model',
+                AIModelID: ct['AIModelID'] ?? '',
+                MinTags: minTags,
+                MaxTags: maxTags,
+                SourcesUsing: sourcesUsingByType.get(id) ?? 0,
+                ItemsTagged: itemsByType.get(id) ?? 0,
+                RangeLeftPct: Math.round((minTags / range) * 100),
+                RangeRightPct: Math.round(100 - (maxTags / range) * 100),
+                EmbeddingModelID: ct['EmbeddingModelID'] ?? '',
+                VectorIndexID: ct['VectorIndexID'] ?? ''
+            };
+        });
+    }
+    // ════════════════════════════════════════════
+    // TAG LIBRARY TAB
+    // ════════════════════════════════════════════
+    async loadTagLibraryData() {
+        await this.ensureBaseDataLoaded();
+        this.buildTagRows();
+        this.buildTagCloud();
+        this.buildTagsBySource();
+        this.FilteredTagRows = this.TagRows;
+    }
+    buildTagRows() {
+        const tagCounts = this.countAllTags();
+        const avgWeights = this.computeAvgWeights();
+        const tagSourceMap = this.getTopSourcePerTag();
+        const tagFirstSeen = this.getFirstSeenPerTag();
+        const sorted = Array.from(tagCounts.entries()).sort((a, b) => b[1] - a[1]);
+        const maxCount = sorted.length > 0 ? sorted[0][1] : 1;
+        this.TagRows = sorted.map(([tag, count]) => ({
+            Tag: tag,
+            UsageCount: count,
+            AvgWeight: avgWeights.get(tag) ?? 1.0,
+            BarWidthPct: Math.round((count / maxCount) * 100),
+            TopSource: tagSourceMap.get(tag) ?? 'Unknown',
+            FirstSeen: tagFirstSeen.get(tag) ?? ''
+        }));
+    }
+    buildTagCloud() {
+        const tagCounts = this.countAllTags();
+        const avgWeights = this.computeAvgWeights();
+        // Sort by a combined score: usage count * avg weight (so high-weight, high-count tags bubble up)
+        const scored = Array.from(tagCounts.entries()).map(([tag, count]) => {
+            const weight = avgWeights.get(tag) ?? 1.0;
+            return { tag, count, weight, score: count * weight };
+        }).sort((a, b) => b.score - a.score).slice(0, 20);
+        const maxScore = scored.length > 0 ? scored[0].score : 1;
+        this.TagCloud = scored.map(s => ({
+            Tag: s.tag,
+            AvgWeight: s.weight,
+            SizeClass: s.score >= maxScore * 0.7 ? 'large' : s.score >= maxScore * 0.3 ? '' : 'small'
+        }));
+    }
+    buildTagsBySource() {
+        const sourceTagCounts = new Map();
+        const itemSourceMap = new Map();
+        for (const item of this.contentItemsRaw) {
+            itemSourceMap.set(item['ID'], item['ContentSource'] ?? 'Unknown');
+        }
+        for (const tag of this.contentTagsRaw) {
+            const source = itemSourceMap.get(tag['ItemID']) ?? 'Unknown';
+            sourceTagCounts.set(source, (sourceTagCounts.get(source) ?? 0) + 1);
+        }
+        this.TagsBySource = Array.from(sourceTagCounts.entries())
+            .sort((a, b) => b[1] - a[1])
+            .map(([name, count]) => ({ SourceName: name, Count: count }));
+    }
+    /** Convert a string ID to a CompositeKey for tree-dropdown binding */
+    ToCompositeKey(id) {
+        if (!id)
+            return null;
+        return new CompositeKey([{ FieldName: 'ID', Value: id }]);
+    }
+    /** Extract the ID string from a CompositeKey (from tree-dropdown ValueChange) */
+    FromCompositeKey(key) {
+        if (!key)
+            return '';
+        const ck = Array.isArray(key) ? key[0] : key;
+        if (!ck?.KeyValuePairs?.length)
+            return '';
+        return String(ck.KeyValuePairs[0].Value || '');
+    }
+    FilterTags() {
+        const q = this.TagSearchQuery.toLowerCase().trim();
+        this.FilteredTagRows = q
+            ? this.TagRows.filter(r => r.Tag.toLowerCase().includes(q))
+            : this.TagRows;
+        this.cdr.detectChanges();
+    }
+    // ════════════════════════════════════════════
+    // RUN HISTORY TAB
+    // ════════════════════════════════════════════
+    async loadRunHistoryData() {
+        if (this.contentRunsRaw.length === 0) {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Content Process Runs',
+                OrderBy: 'StartTime DESC',
+                MaxRows: 200,
+                ResultType: 'simple'
+            });
+            if (result.Success)
+                this.contentRunsRaw = result.Results;
+        }
+        this.buildRunHistoryRows();
+        this.buildHistorySourceOptions();
+        this.FilteredRunRows = this.RunHistoryRows;
+    }
+    buildRunHistoryRows() {
+        this.RunHistoryRows = this.contentRunsRaw.map(run => {
+            const status = run['Status'] ?? 'Unknown';
+            const startTime = run['StartTime'];
+            const endTime = run['EndTime'];
+            const duration = this.computeDuration(startTime, endTime);
+            const processedItems = run['ProcessedItems'];
+            const statusLower = status.toLowerCase();
+            const isFailed = statusLower === 'error' || statusLower === 'failed';
+            const isRunning = statusLower === 'running' || statusLower === 'processing';
+            return {
+                ID: run['ID'],
+                Status: this.displayStatus(status),
+                StatusClass: isFailed ? 'failed' : isRunning ? 'running' : 'complete',
+                SourceName: run['Source'] ?? 'Unknown',
+                StartedDisplay: startTime ? this.formatDate(startTime) : '\u2014',
+                Duration: duration,
+                Items: processedItems != null ? this.formatNumber(processedItems) : '\u2014',
+                Tags: '\u2014',
+                Errors: isFailed ? status : '0',
+                ErrorClass: isFailed ? 'run-error-text' : ''
+            };
+        });
+    }
+    buildHistorySourceOptions() {
+        const sources = new Set();
+        for (const run of this.contentRunsRaw) {
+            const s = run['Source'];
+            if (s)
+                sources.add(s);
+        }
+        this.HistorySourceOptions = Array.from(sources).sort();
+    }
+    FilterRunHistory() {
+        this.FilteredRunRows = this.RunHistoryRows.filter(row => {
+            if (this.HistorySourceFilter && row.SourceName !== this.HistorySourceFilter)
+                return false;
+            if (this.HistoryStatusFilter && row.StatusClass !== this.HistoryStatusFilter)
+                return false;
+            return true;
+        });
+        this.cdr.detectChanges();
+    }
+    // ════════════════════════════════════════════
+    // SLIDE-IN FORM — Sources
+    // ════════════════════════════════════════════
+    async OpenAddSourceForm() {
+        await this.ensureFormDropdownsLoaded();
+        this.resetSourceForm();
+        this.FormMode = 'add-source';
+        this.cdr.detectChanges();
+    }
+    async OpenEditSourceForm(card) {
+        await this.ensureFormDropdownsLoaded();
+        this.FormSourceName = card.Name;
+        this.FormSourceTypeID = card.ContentSourceTypeID;
+        this.FormContentTypeID = card.ContentTypeID;
+        this.FormFileTypeID = card.ContentFileTypeID;
+        this.FormSourceURL = card.URL;
+        this.FormSourceEmbeddingModelID = card.EmbeddingModelID ?? '';
+        this.FormSourceVectorIndexID = card.VectorIndexID ?? '';
+        this.EditingSourceID = card.ID;
+        this.FormMode = 'edit-source';
+        this.cdr.detectChanges();
+    }
+    async SaveSource() {
+        if (this.FormSaving)
+            return;
+        this.FormSaving = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const entity = await md.GetEntityObject('MJ: Content Sources');
+            if (this.FormMode === 'edit-source' && this.EditingSourceID) {
+                await entity.InnerLoad(new CompositeKey([{ FieldName: 'ID', Value: this.EditingSourceID }]));
+            }
+            else {
+                entity.NewRecord();
+            }
+            entity.Set('Name', this.FormSourceName);
+            entity.Set('ContentSourceTypeID', this.FormSourceTypeID);
+            entity.Set('ContentTypeID', this.FormContentTypeID);
+            entity.Set('ContentFileTypeID', this.FormFileTypeID);
+            entity.Set('URL', this.FormSourceURL);
+            entity.Set('EmbeddingModelID', this.FormSourceEmbeddingModelID || null);
+            entity.Set('VectorIndexID', this.FormSourceVectorIndexID || null);
+            const saved = await entity.Save();
+            if (saved) {
+                MJNotificationService.Instance.CreateSimpleNotification(this.FormMode === 'edit-source' ? 'Source updated' : 'Source created', 'success', 2500);
+                this.CloseForm();
+                await this.refreshSourcesTab();
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification('Failed to save source', 'error', 3000);
+            }
         }
         catch (error) {
-            console.error('Error loading autotagging pipeline data:', error);
-            this.ErrorMessage = 'Failed to load pipeline data. Please try again.';
+            const msg = error instanceof Error ? error.message : String(error);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error: ${msg}`, 'error', 4000);
         }
         finally {
-            this.IsLoading = false;
+            this.FormSaving = false;
             this.cdr.detectChanges();
         }
     }
-    /** Refresh pipeline status data */
-    async RefreshData() {
-        await this.LoadData();
+    async DeleteSource(card) {
+        if (!confirm(`Delete source "${card.Name}"? This cannot be undone.`))
+            return;
+        try {
+            const md = new Metadata();
+            const entity = await md.GetEntityObject('MJ: Content Sources');
+            await entity.InnerLoad(new CompositeKey([{ FieldName: 'ID', Value: card.ID }]));
+            const deleted = await entity.Delete();
+            if (deleted) {
+                MJNotificationService.Instance.CreateSimpleNotification('Source deleted', 'success', 2500);
+                await this.refreshSourcesTab();
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification('Failed to delete source', 'error', 3000);
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error: ${msg}`, 'error', 4000);
+        }
     }
-    /** Format milliseconds into a human-readable duration */
-    FormatDuration(ms) {
-        if (ms < 1000)
-            return `${ms}ms`;
-        if (ms < 60000)
-            return `${(ms / 1000).toFixed(1)}s`;
-        return `${(ms / 60000).toFixed(1)}m`;
+    // ════════════════════════════════════════════
+    // SLIDE-IN FORM — Content Types
+    // ════════════════════════════════════════════
+    async OpenAddTypeForm() {
+        await this.ensureFormDropdownsLoaded();
+        this.resetTypeForm();
+        this.FormMode = 'add-type';
+        this.cdr.detectChanges();
+    }
+    async OpenEditTypeForm(card) {
+        await this.ensureFormDropdownsLoaded();
+        this.FormTypeName = card.Name;
+        this.FormTypeDescription = card.Description;
+        this.FormTypeAIModelID = card.AIModelID;
+        this.FormTypeMinTags = card.MinTags;
+        this.FormTypeMaxTags = card.MaxTags;
+        this.FormTypeEmbeddingModelID = card.EmbeddingModelID ?? '';
+        this.FormTypeVectorIndexID = card.VectorIndexID ?? '';
+        this.EditingTypeID = card.ID;
+        this.FormMode = 'edit-type';
+        this.cdr.detectChanges();
+    }
+    async SaveContentType() {
+        if (this.FormSaving)
+            return;
+        this.FormSaving = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const entity = await md.GetEntityObject('MJ: Content Types');
+            if (this.FormMode === 'edit-type' && this.EditingTypeID) {
+                await entity.InnerLoad(new CompositeKey([{ FieldName: 'ID', Value: this.EditingTypeID }]));
+            }
+            else {
+                entity.NewRecord();
+            }
+            entity.Set('Name', this.FormTypeName);
+            entity.Set('Description', this.FormTypeDescription);
+            entity.Set('AIModelID', this.FormTypeAIModelID);
+            entity.Set('MinTags', this.FormTypeMinTags);
+            entity.Set('MaxTags', this.FormTypeMaxTags);
+            entity.Set('EmbeddingModelID', this.FormTypeEmbeddingModelID || null);
+            entity.Set('VectorIndexID', this.FormTypeVectorIndexID || null);
+            const saved = await entity.Save();
+            if (saved) {
+                MJNotificationService.Instance.CreateSimpleNotification(this.FormMode === 'edit-type' ? 'Content type updated' : 'Content type created', 'success', 2500);
+                this.CloseForm();
+                await this.refreshContentTypesTab();
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification('Failed to save content type', 'error', 3000);
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error: ${msg}`, 'error', 4000);
+        }
+        finally {
+            this.FormSaving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    CloseForm() {
+        this.FormMode = 'none';
+        this.cdr.detectChanges();
+    }
+    // ════════════════════════════════════════════
+    // PIPELINE RUN
+    // ════════════════════════════════════════════
+    async RunPipeline() {
+        if (this.IsRunning)
+            return;
+        const provider = Metadata.Provider;
+        if (!provider)
+            return;
+        this.IsRunning = true;
+        this.RunProgress = 0;
+        this.RunStage = 'Starting...';
+        this.RunCurrentItem = '';
+        this.cdr.detectChanges();
+        try {
+            const aiClient = new GraphQLAIClient(provider);
+            const result = await aiClient.RunAutotagPipeline();
+            if (!result.Success || !result.PipelineRunID) {
+                this.IsRunning = false;
+                this.RunStage = '';
+                MJNotificationService.Instance.CreateSimpleNotification(`Pipeline failed: ${result.ErrorMessage ?? 'Unknown error'}`, 'error', 5000);
+                this.cdr.detectChanges();
+                return;
+            }
+            this.subscribeToPipelineProgress(result.PipelineRunID);
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            console.error('[Autotagging] Error starting pipeline:', msg);
+            this.IsRunning = false;
+            this.RunStage = '';
+            MJNotificationService.Instance.CreateSimpleNotification(`Pipeline error: ${msg}`, 'error', 5000);
+            this.cdr.detectChanges();
+        }
+    }
+    subscribeToPipelineProgress(pipelineRunID) {
+        const provider = Metadata.Provider;
+        const subscriptionQuery = `
+            subscription PipelineProgress($pipelineRunID: String!) {
+                PipelineProgress(pipelineRunID: $pipelineRunID) {
+                    PipelineRunID
+                    Stage
+                    TotalItems
+                    ProcessedItems
+                    CurrentItem
+                    PercentComplete
+                    ElapsedMs
+                }
+            }
+        `;
+        let idleTimer = null;
+        const finishPipeline = (success) => {
+            if (idleTimer)
+                clearTimeout(idleTimer);
+            rxSub?.unsubscribe();
+            Promise.resolve().then(async () => {
+                this.IsRunning = false;
+                this.RunStage = success ? 'Complete' : 'Error';
+                this.RunProgress = success ? 100 : 0;
+                for (const stage of this.PipelineStages) {
+                    stage.Status = 'idle';
+                    stage.Count = '\u2014';
+                }
+                if (success) {
+                    this.tabDataLoaded.clear();
+                    await this.LoadPipelineData();
+                    this.tabDataLoaded.add('pipeline');
+                    MJNotificationService.Instance.CreateSimpleNotification('Pipeline complete', 'success', 3000);
+                }
+                this.cdr.detectChanges();
+            });
+        };
+        const resetIdleTimer = () => {
+            if (idleTimer)
+                clearTimeout(idleTimer);
+            idleTimer = setTimeout(() => {
+                if (this.IsRunning)
+                    finishPipeline(true);
+            }, 30000);
+        };
+        resetIdleTimer();
+        const sub = provider.subscribe(subscriptionQuery, { pipelineRunID });
+        const rxSub = sub.pipe(takeUntil(this.destroy$)).subscribe({
+            next: (data) => {
+                const progress = data['PipelineProgress'];
+                if (!progress)
+                    return;
+                const stage = progress['Stage'];
+                const pct = progress['PercentComplete'];
+                const currentItem = progress['CurrentItem'];
+                this.RunProgress = pct;
+                this.RunStage = this.formatStageName(stage);
+                this.RunCurrentItem = currentItem ?? '';
+                this.updateStagesForActiveRun(stage);
+                this.cdr.detectChanges();
+                if (stage === 'complete') {
+                    finishPipeline(true);
+                }
+                else if (stage === 'error') {
+                    finishPipeline(false);
+                }
+                else {
+                    resetIdleTimer();
+                }
+            },
+            error: (err) => {
+                console.error('[Autotagging] Pipeline subscription error:', err);
+                finishPipeline(false);
+            }
+        });
+    }
+    updateStagesForActiveRun(activeStageCode) {
+        const stageCodeToName = {
+            'ingest': 'Ingest', 'extract': 'Extract', 'chunk': 'Chunk',
+            'tag': 'Tag', 'autotag': 'Tag', 'vectorize': 'Vectorize'
+        };
+        const activeName = stageCodeToName[activeStageCode] ?? '';
+        let passedActive = false;
+        for (const stage of this.PipelineStages) {
+            if (stage.Name === activeName) {
+                stage.Status = 'active';
+                passedActive = true;
+            }
+            else if (!passedActive) {
+                stage.Status = 'complete';
+            }
+            else {
+                stage.Status = 'idle';
+            }
+        }
+    }
+    formatStageName(stage) {
+        const map = {
+            'extract': 'Extracting content', 'autotag': 'Running autotaggers',
+            'vectorize': 'Vectorizing content', 'complete': 'Complete',
+            'error': 'Error', 'ingest': 'Ingesting', 'chunk': 'Chunking',
+            'tag': 'Tagging'
+        };
+        return map[stage] ?? stage;
+    }
+    // ════════════════════════════════════════════
+    // HELPER — Aggregation utilities
+    // ════════════════════════════════════════════
+    countTagsByItem() {
+        const counts = new Map();
+        for (const tag of this.contentTagsRaw) {
+            const itemId = tag['ItemID'];
+            if (itemId)
+                counts.set(itemId, (counts.get(itemId) ?? 0) + 1);
+        }
+        return counts;
+    }
+    getTopTagsForItem(itemId, max) {
+        const tags = [];
+        for (const tag of this.contentTagsRaw) {
+            if (tag['ItemID'] === itemId) {
+                tags.push(tag['Tag']);
+                if (tags.length >= max)
+                    break;
+            }
+        }
+        return tags;
+    }
+    countItemsBySource() {
+        const counts = new Map();
+        for (const item of this.contentItemsRaw) {
+            const sourceId = item['ContentSourceID'];
+            if (sourceId)
+                counts.set(sourceId, (counts.get(sourceId) ?? 0) + 1);
+        }
+        return counts;
+    }
+    countTagsBySource() {
+        const itemSourceMap = new Map();
+        for (const item of this.contentItemsRaw) {
+            itemSourceMap.set(item['ID'], item['ContentSourceID']);
+        }
+        const counts = new Map();
+        for (const tag of this.contentTagsRaw) {
+            const sourceId = itemSourceMap.get(tag['ItemID']);
+            if (sourceId)
+                counts.set(sourceId, (counts.get(sourceId) ?? 0) + 1);
+        }
+        return counts;
+    }
+    getLastRunBySource() {
+        const map = new Map();
+        for (const run of this.contentRunsRaw) {
+            const sourceId = run['SourceID'];
+            if (sourceId && !map.has(sourceId)) {
+                map.set(sourceId, run);
+            }
+        }
+        return map;
+    }
+    countAllTags() {
+        const counts = new Map();
+        for (const tag of this.contentTagsRaw) {
+            const t = tag['Tag'];
+            if (t)
+                counts.set(t, (counts.get(t) ?? 0) + 1);
+        }
+        return counts;
+    }
+    /** Compute average weight per tag across all occurrences */
+    computeAvgWeights() {
+        const sums = new Map();
+        const counts = new Map();
+        for (const tag of this.contentTagsRaw) {
+            const t = tag['Tag'];
+            const w = Number(tag['Weight'] ?? 0.5);
+            if (t) {
+                sums.set(t, (sums.get(t) ?? 0) + w);
+                counts.set(t, (counts.get(t) ?? 0) + 1);
+            }
+        }
+        const avgs = new Map();
+        for (const [t, sum] of sums) {
+            avgs.set(t, Math.round((sum / (counts.get(t) ?? 1)) * 100) / 100);
+        }
+        return avgs;
+    }
+    getTopSourcePerTag() {
+        const tagSourceCounts = new Map();
+        const itemSourceMap = new Map();
+        for (const item of this.contentItemsRaw) {
+            itemSourceMap.set(item['ID'], item['ContentSource'] ?? 'Unknown');
+        }
+        for (const tag of this.contentTagsRaw) {
+            const t = tag['Tag'];
+            const source = itemSourceMap.get(tag['ItemID']) ?? 'Unknown';
+            if (!tagSourceCounts.has(t))
+                tagSourceCounts.set(t, new Map());
+            const inner = tagSourceCounts.get(t);
+            inner.set(source, (inner.get(source) ?? 0) + 1);
+        }
+        const result = new Map();
+        for (const [tag, sourceCounts] of tagSourceCounts) {
+            let maxSource = '';
+            let maxCount = 0;
+            for (const [source, count] of sourceCounts) {
+                if (count > maxCount) {
+                    maxSource = source;
+                    maxCount = count;
+                }
+            }
+            result.set(tag, maxSource);
+        }
+        return result;
+    }
+    getFirstSeenPerTag() {
+        const result = new Map();
+        for (const tag of this.contentTagsRaw) {
+            const t = tag['Tag'];
+            if (t && !result.has(t)) {
+                const date = tag['__mj_CreatedAt'];
+                result.set(t, date ? this.formatShortDate(date) : '');
+            }
+        }
+        return result;
+    }
+    countSourcesByContentType() {
+        const counts = new Map();
+        for (const source of this.contentSourcesRaw) {
+            const typeId = source['ContentTypeID'];
+            if (typeId)
+                counts.set(typeId, (counts.get(typeId) ?? 0) + 1);
+        }
+        return counts;
+    }
+    countItemsByContentType() {
+        const counts = new Map();
+        for (const item of this.contentItemsRaw) {
+            const typeId = item['ContentTypeID'];
+            if (typeId)
+                counts.set(typeId, (counts.get(typeId) ?? 0) + 1);
+        }
+        return counts;
     }
-    /** Format a date as a relative time string */
-    FormatRelativeTime(date) {
-        if (!date)
+    inferItemStatus(tagCount) {
+        return tagCount > 0 ? 'complete' : 'processing';
+    }
+    // ════════════════════════════════════════════
+    // HELPER — Formatting
+    // ════════════════════════════════════════════
+    formatRelativeTime(dateStr) {
+        if (!dateStr)
             return 'Never';
         const now = new Date();
-        const diffMs = now.getTime() - new Date(date).getTime();
+        const then = new Date(dateStr);
+        const diffMs = now.getTime() - then.getTime();
         const diffMins = Math.floor(diffMs / 60000);
         if (diffMins < 1)
             return 'Just now';
@@ -370,203 +2389,393 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         const diffDays = Math.floor(diffHours / 24);
         return `${diffDays}d ago`;
     }
-    /** Get CSS class for a processing status */
-    GetStatusClass(status) {
-        switch (status) {
-            case 'Complete':
-            case 'Active':
-                return 'status-success';
-            case 'Processing':
-                return 'status-processing';
-            case 'Error':
-                return 'status-error';
-            case 'Paused':
-                return 'status-warning';
-            default:
-                return 'status-default';
-        }
-    }
-    /** Get icon for a source type */
+    formatNumber(n) {
+        return n.toLocaleString();
+    }
+    formatShortDate(dateStr) {
+        try {
+            const d = new Date(dateStr);
+            return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+        }
+        catch {
+            return '';
+        }
+    }
+    formatDate(dateStr) {
+        try {
+            const d = new Date(dateStr);
+            return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' });
+        }
+        catch {
+            return dateStr;
+        }
+    }
+    computeDuration(start, end) {
+        if (!start)
+            return '\u2014';
+        const s = new Date(start);
+        const e = end ? new Date(end) : new Date();
+        const ms = e.getTime() - s.getTime();
+        if (ms < 1000)
+            return `${ms}ms`;
+        if (ms < 60000)
+            return `${Math.round(ms / 1000)}s`;
+        const mins = Math.floor(ms / 60000);
+        const secs = Math.round((ms % 60000) / 1000);
+        return `${mins}m ${secs}s`;
+    }
+    displayStatus(status) {
+        const lower = status.toLowerCase();
+        if (lower === 'complete' || lower === 'completed' || lower === 'done')
+            return 'Complete';
+        if (lower === 'error' || lower === 'failed')
+            return 'Failed';
+        if (lower === 'running' || lower === 'processing')
+            return 'Running';
+        return status;
+    }
     GetSourceTypeIcon(typeName) {
         const iconMap = {
-            'Web': 'fa-solid fa-globe',
-            'API': 'fa-solid fa-plug',
-            'Database': 'fa-solid fa-database',
-            'File': 'fa-solid fa-file-alt',
-            'Email': 'fa-solid fa-envelope',
-            'RSS': 'fa-solid fa-rss',
-            'CMS': 'fa-solid fa-newspaper'
+            'Web': 'fa-solid fa-globe', 'Web Crawler': 'fa-solid fa-globe',
+            'API': 'fa-solid fa-plug', 'Database': 'fa-solid fa-database',
+            'File': 'fa-solid fa-file-alt', 'Email': 'fa-solid fa-envelope',
+            'RSS': 'fa-solid fa-rss', 'RSS Feed': 'fa-solid fa-rss',
+            'CMS': 'fa-solid fa-newspaper', 'PDF': 'fa-solid fa-file-pdf'
         };
         return iconMap[typeName] ?? 'fa-solid fa-folder';
     }
-    // ---- Private Methods ----
-    /** Build KPI metrics from loaded data */
-    buildKPIMetrics() {
-        const activeSources = this.contentSourcesRaw.filter((s) => s['Status'] === 'Active').length;
-        const totalItems = this.contentItems.length;
-        const totalTags = this.contentTags.length;
-        const errorCount = this.contentRuns.filter((r) => r['Status'] === 'Error').length;
-        this.KPIMetrics = [
-            {
-                Label: 'Active Sources',
-                Value: activeSources,
-                Icon: 'fa-solid fa-satellite-dish',
-                ColorClass: 'kpi-brand'
-            },
-            {
-                Label: 'Items Processed',
-                Value: totalItems,
-                Icon: 'fa-solid fa-file-lines',
-                ColorClass: 'kpi-info'
-            },
-            {
-                Label: 'Tags Generated',
-                Value: totalTags,
-                Icon: 'fa-solid fa-tags',
-                ColorClass: 'kpi-success'
-            },
-            {
-                Label: 'Errors',
-                Value: errorCount,
-                Icon: 'fa-solid fa-circle-exclamation',
-                ColorClass: errorCount > 0 ? 'kpi-error' : 'kpi-success'
+    // ════════════════════════════════════════════
+    // HELPER — Data loading
+    // ════════════════════════════════════════════
+    async ensureBaseDataLoaded() {
+        if (this.contentSourcesRaw.length > 0 && this.contentItemsRaw.length > 0)
+            return;
+        await this.LoadPipelineData();
+    }
+    async ensureFormDropdownsLoaded() {
+        try {
+            // Use KnowledgeHubMetadataEngine for cached reference data — instant, no RunView needed
+            const engine = KnowledgeHubMetadataEngine.Instance;
+            await engine.Config(false); // no-op if already loaded
+            this.SourceTypeOptions = engine.ContentSourceTypes.map(t => ({ ID: t.ID, Name: t.Name }));
+            this.ContentTypeOptions = engine.ContentTypes.map(t => ({ ID: t.ID, Name: t.Name }));
+            this.FileTypeOptions = engine.ContentFileTypes.map(t => ({ ID: t.ID, Name: t.Name }));
+            this.VectorIndexOptions = engine.VectorIndexes.map(vi => ({ ID: vi.ID, Name: vi.Name }));
+            // AI Models from AIEngineBase (already cached)
+            if (this.AIModelOptions.length === 0) {
+                const aiEngine = AIEngineBase.Instance;
+                await aiEngine.Config(false);
+                this.AIModelOptions = aiEngine.Models.map(m => ({ ID: m.ID, Name: m.Name }));
+                this.EmbeddingModelOptions = aiEngine.Models
+                    .filter(m => m.AIModelType?.trim().toLowerCase() === 'embeddings')
+                    .map(m => ({ ID: m.ID, Name: m.Name }));
             }
-        ];
+        }
+        catch (error) {
+            console.error('[Autotagging] Error loading form dropdowns:', error);
+        }
     }
-    /** Build pipeline stage visualization data */
-    buildPipelineStages() {
-        const runsByStage = this.groupRunsByStage();
-        this.PipelineStages = [
-            this.createStage('Ingest', 'fa-solid fa-download', runsByStage),
-            this.createStage('Extract', 'fa-solid fa-file-export', runsByStage),
-            this.createStage('Chunk', 'fa-solid fa-puzzle-piece', runsByStage),
-            this.createStage('Tag', 'fa-solid fa-tag', runsByStage),
-            this.createStage('Vectorize', 'fa-solid fa-vector-square', runsByStage)
-        ];
+    resetSourceForm() {
+        this.FormSourceName = '';
+        this.FormSourceTypeID = '';
+        this.FormContentTypeID = '';
+        this.FormFileTypeID = '';
+        this.FormSourceURL = '';
+        this.FormSourceEmbeddingModelID = '';
+        this.FormSourceVectorIndexID = '';
+        this.EditingSourceID = '';
     }
-    /** Group content runs by their processing stage */
-    groupRunsByStage() {
-        const groups = new Map();
-        for (const run of this.contentRuns) {
-            const stage = run['Stage'] ?? 'Unknown';
-            const existing = groups.get(stage) ?? [];
-            existing.push(run);
-            groups.set(stage, existing);
-        }
-        return groups;
-    }
-    /** Create a pipeline stage object from run data */
-    createStage(name, icon, runsByStage) {
-        const stageRuns = runsByStage.get(name) ?? [];
-        const activeRuns = stageRuns.filter((r) => r['Status'] === 'Processing' || r['Status'] === 'Running');
-        const errorRuns = stageRuns.filter((r) => r['Status'] === 'Error');
-        let status = 'idle';
-        if (errorRuns.length > 0)
-            status = 'error';
-        else if (activeRuns.length > 0)
-            status = 'active';
-        return { Name: name, Icon: icon, ActiveCount: activeRuns.length, Status: status };
-    }
-    /** Build the recent processing feed from content items and tags */
-    buildProcessedItems() {
-        const tagCountByItem = this.countTagsByItem();
-        this.ProcessedItems = this.contentItems.slice(0, 50).map((item) => {
-            const itemId = item['ID'];
-            return {
-                Name: item['Name'] ?? 'Unnamed Item',
-                SourceName: item['ContentSource'] ?? item['ContentSourceID'] ?? 'Unknown',
-                ProcessingTimeMs: item['ProcessingTimeMs'] ?? 0,
-                Status: this.mapItemStatus(item['Status']),
-                TagCount: tagCountByItem.get(itemId) ?? 0,
-                ProcessedAt: item['__mj_CreatedAt'] ? new Date(item['__mj_CreatedAt']) : new Date()
-            };
-        });
+    resetTypeForm() {
+        this.FormTypeName = '';
+        this.FormTypeDescription = '';
+        this.FormTypeAIModelID = '';
+        this.FormTypeMinTags = 1;
+        this.FormTypeMaxTags = 10;
+        this.FormTypeEmbeddingModelID = '';
+        this.FormTypeVectorIndexID = '';
+        this.EditingTypeID = '';
     }
-    /** Count tags per content item */
-    countTagsByItem() {
-        const counts = new Map();
-        for (const tag of this.contentTags) {
-            const itemId = tag['ContentItemID'];
-            if (itemId) {
-                counts.set(itemId, (counts.get(itemId) ?? 0) + 1);
+    async refreshSourcesTab() {
+        this.tabDataLoaded.delete('sources');
+        this.tabDataLoaded.delete('pipeline');
+        const rv = new RunView();
+        const result = await rv.RunView({ EntityName: 'MJ: Content Sources', OrderBy: 'Name', ResultType: 'simple' });
+        if (result.Success)
+            this.contentSourcesRaw = result.Results;
+        this.buildSourceCards();
+        this.buildNavItems();
+        this.cdr.detectChanges();
+    }
+    async refreshContentTypesTab() {
+        this.tabDataLoaded.delete('types');
+        const rv = new RunView();
+        const result = await rv.RunView({ EntityName: 'MJ: Content Types', ResultType: 'simple' });
+        if (result.Success)
+            this.contentTypesRaw = result.Results;
+        this.buildContentTypeCards();
+        this.cdr.detectChanges();
+    }
+    // ════════════════════════════════════════════
+    // DETAIL PANELS — Feed Item / Content Item
+    // ════════════════════════════════════════════
+    OpenFeedItemDetail(index) {
+        const feed = this.FeedItems[index];
+        if (!feed)
+            return;
+        const rawItem = this.contentItemsRaw[index];
+        if (!rawItem)
+            return;
+        const itemId = rawItem['ID'];
+        const allTags = this.getAllTagsForItem(itemId);
+        const tagCount = allTags.length;
+        this.SelectedFeedItem = {
+            ID: itemId,
+            Name: feed.Name,
+            SourceName: feed.SourceName,
+            SourceTypeName: rawItem['ContentSourceType'] ?? 'Unknown',
+            ContentTypeName: rawItem['ContentType'] ?? 'Unknown',
+            FileTypeName: rawItem['ContentFileType'] ?? '',
+            URL: rawItem['URL'] ?? '',
+            TextContent: rawItem['TextContent'] ?? '',
+            Checksum: rawItem['Checksum'] ?? '',
+            Tags: allTags,
+            CreatedAt: this.formatDate(rawItem['__mj_CreatedAt'] ?? ''),
+            UpdatedAt: this.formatDate(rawItem['__mj_UpdatedAt'] ?? ''),
+            ContentSourceID: rawItem['ContentSourceID'] ?? '',
+            StatusDot: feed.Status,
+            TagCount: tagCount
+        };
+        this.ShowItemDetail = true;
+        this.cdr.detectChanges();
+    }
+    OpenContentItemDetail(item) {
+        this.SelectedFeedItem = item;
+        this.ShowItemDetail = true;
+        this.cdr.detectChanges();
+    }
+    CloseItemDetail() {
+        this.ShowItemDetail = false;
+        this.SelectedFeedItem = null;
+        this.cdr.detectChanges();
+    }
+    OpenRecordFromItem(item) {
+        const md = new Metadata();
+        const pkey = new CompositeKey();
+        pkey.KeyValuePairs = [{ FieldName: 'ID', Value: item.ID }];
+        this.navigationService.OpenEntityRecord('MJ: Content Items', pkey);
+    }
+    getAllTagsForItem(itemId) {
+        const tags = [];
+        for (const tag of this.contentTagsRaw) {
+            if (tag['ItemID'] === itemId) {
+                tags.push(tag['Tag']);
             }
         }
-        return counts;
+        return tags;
     }
-    /** Map raw status values to display status */
-    mapItemStatus(status) {
-        if (!status)
-            return 'Processing';
-        const normalized = status.toLowerCase();
-        if (normalized === 'complete' || normalized === 'completed' || normalized === 'done')
-            return 'Complete';
-        if (normalized === 'error' || normalized === 'failed')
-            return 'Error';
-        return 'Processing';
+    // ════════════════════════════════════════════
+    // DETAIL PANELS — Source Detail
+    // ════════════════════════════════════════════
+    async OpenSourceDetail(card) {
+        this.SourceDetailLoading = true;
+        this.ShowSourceDetail = true;
+        this.cdr.detectChanges();
+        try {
+            const sourceItems = await this.loadContentItemsForSource(card.ID);
+            const sourceRuns = await this.loadRunHistoryForSource(card.ID);
+            const embeddingModelName = this.resolveEmbeddingModelName(card.EmbeddingModelID);
+            const vectorIndexName = this.resolveVectorIndexName(card.VectorIndexID);
+            const errorCount = sourceRuns.filter(r => r.StatusClass === 'failed').length;
+            this.SelectedSource = {
+                ID: card.ID,
+                Name: card.Name,
+                SourceTypeName: card.SourceTypeName,
+                FileTypeName: card.FileTypeName,
+                ContentTypeName: card.ContentTypeName,
+                StatusClass: card.StatusClass,
+                StatusLabel: card.StatusLabel,
+                Icon: card.Icon,
+                URL: card.URL,
+                EmbeddingModelName: embeddingModelName,
+                VectorIndexName: vectorIndexName,
+                ItemCount: card.ItemCount,
+                TagCount: card.TagCount,
+                AvgTags: card.AvgTags,
+                LastRunAgo: card.LastRunAgo,
+                ErrorCount: errorCount,
+                ContentItems: sourceItems,
+                RunHistory: sourceRuns
+            };
+        }
+        catch (error) {
+            console.error('[Autotagging] Error loading source detail:', error);
+        }
+        finally {
+            this.SourceDetailLoading = false;
+            this.cdr.detectChanges();
+        }
     }
-    /** Build content source summaries from raw data */
-    buildContentSources() {
-        const typeMap = this.buildTypeMap();
-        const itemCountBySource = this.countItemsBySource();
-        this.ContentSources = this.contentSourcesRaw.map((source) => {
-            const typeId = source['ContentSourceTypeID'];
-            const typeName = typeMap.get(typeId) ?? 'Unknown';
+    CloseSourceDetail() {
+        this.ShowSourceDetail = false;
+        this.SelectedSource = null;
+        this.cdr.detectChanges();
+    }
+    OpenRecordFromSource(source) {
+        const pkey = new CompositeKey();
+        pkey.KeyValuePairs = [{ FieldName: 'ID', Value: source.ID }];
+        this.navigationService.OpenEntityRecord('MJ: Content Sources', pkey);
+    }
+    OpenEditSourceFromDetail() {
+        if (!this.SelectedSource)
+            return;
+        const card = this.SourceCards.find(c => UUIDsEqual(c.ID, this.SelectedSource.ID));
+        if (card) {
+            this.CloseSourceDetail();
+            this.OpenEditSourceForm(card);
+        }
+    }
+    async RunSourceFromDetail() {
+        this.CloseSourceDetail();
+        await this.RunPipeline();
+    }
+    async DeleteSourceFromDetail() {
+        if (!this.SelectedSource)
+            return;
+        const card = this.SourceCards.find(c => UUIDsEqual(c.ID, this.SelectedSource.ID));
+        if (card) {
+            this.CloseSourceDetail();
+            await this.DeleteSource(card);
+        }
+    }
+    async loadContentItemsForSource(sourceId) {
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: 'MJ: Content Items',
+            ExtraFilter: `ContentSourceID='${sourceId}'`,
+            OrderBy: '__mj_UpdatedAt DESC',
+            MaxRows: 100,
+            ResultType: 'simple'
+        });
+        if (!result.Success)
+            return [];
+        const tagsByItem = this.countTagsByItem();
+        return result.Results.map(item => {
+            const itemId = item['ID'];
+            const allTags = this.getAllTagsForItem(itemId);
+            const tagCount = tagsByItem.get(itemId) ?? allTags.length;
             return {
-                ID: source['ID'],
-                Name: source['Name'] ?? 'Unnamed Source',
-                TypeName: typeName,
-                TypeIcon: this.GetSourceTypeIcon(typeName),
-                Status: this.mapSourceStatus(source['Status']),
-                LastRunAt: source['LastRunAt'] ? new Date(source['LastRunAt']) : null,
-                ItemCount: itemCountBySource.get(source['ID']) ?? 0
+                ID: itemId,
+                Name: item['Name'] ?? 'Unnamed',
+                SourceName: item['ContentSource'] ?? '',
+                SourceTypeName: item['ContentSourceType'] ?? '',
+                ContentTypeName: item['ContentType'] ?? '',
+                FileTypeName: item['ContentFileType'] ?? '',
+                URL: item['URL'] ?? '',
+                TextContent: item['TextContent'] ?? '',
+                Checksum: item['Checksum'] ?? '',
+                Tags: allTags,
+                CreatedAt: this.formatDate(item['__mj_CreatedAt'] ?? ''),
+                UpdatedAt: this.formatDate(item['__mj_UpdatedAt'] ?? ''),
+                ContentSourceID: sourceId,
+                StatusDot: tagCount > 0 ? 'complete' : 'processing',
+                TagCount: tagCount
             };
         });
     }
-    /** Build a map of source type IDs to names */
-    buildTypeMap() {
-        const map = new Map();
-        for (const type of this.contentSourceTypes) {
-            map.set(type['ID'], type['Name'] ?? 'Unknown');
-        }
-        return map;
+    async loadRunHistoryForSource(sourceId) {
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: 'MJ: Content Process Runs',
+            ExtraFilter: `SourceID='${sourceId}'`,
+            OrderBy: 'StartTime DESC',
+            MaxRows: 10,
+            ResultType: 'simple'
+        });
+        if (!result.Success)
+            return [];
+        return result.Results.map(run => {
+            const status = run['Status'] ?? 'Unknown';
+            const startTime = run['StartTime'];
+            const endTime = run['EndTime'];
+            const duration = this.computeDuration(startTime, endTime);
+            const processedItems = run['ProcessedItems'];
+            const statusLower = status.toLowerCase();
+            const isFailed = statusLower === 'error' || statusLower === 'failed';
+            const isRunning = statusLower === 'running' || statusLower === 'processing';
+            return {
+                ID: run['ID'],
+                Status: this.displayStatus(status),
+                StatusClass: isFailed ? 'failed' : isRunning ? 'running' : 'complete',
+                SourceName: run['Source'] ?? 'Unknown',
+                StartedDisplay: startTime ? this.formatDate(startTime) : '\u2014',
+                Duration: duration,
+                Items: processedItems != null ? this.formatNumber(processedItems) : '\u2014',
+                Tags: '\u2014',
+                Errors: isFailed ? status : '0',
+                ErrorClass: isFailed ? 'run-error-text' : ''
+            };
+        });
     }
-    /** Count content items per source */
-    countItemsBySource() {
-        const counts = new Map();
-        for (const item of this.contentItems) {
-            const sourceId = item['ContentSourceID'];
-            if (sourceId) {
-                counts.set(sourceId, (counts.get(sourceId) ?? 0) + 1);
-            }
-        }
-        return counts;
+    resolveEmbeddingModelName(modelId) {
+        if (!modelId)
+            return 'System default';
+        const aiEngine = AIEngineBase.Instance;
+        const model = aiEngine.Models.find(m => UUIDsEqual(m.ID, modelId));
+        return model ? model.Name : 'Unknown';
     }
-    /** Map raw source status to display status */
-    mapSourceStatus(status) {
-        if (!status)
-            return 'Paused';
-        const normalized = status.toLowerCase();
-        if (normalized === 'active' || normalized === 'running')
-            return 'Active';
-        if (normalized === 'error' || normalized === 'failed')
-            return 'Error';
-        return 'Paused';
+    resolveVectorIndexName(indexId) {
+        if (!indexId)
+            return 'System default';
+        const engine = KnowledgeHubMetadataEngine.Instance;
+        const idx = engine.GetVectorIndexById(indexId);
+        return idx ? idx.Name : 'Unknown';
     }
     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: 4, vars: 3, consts: [[1, "autotagging-container"], [1, "loading-overlay"], [1, "error-banner"], ["text", "Loading pipeline data..."], [1, "fa-solid", "fa-triangle-exclamation"], [1, "refresh-btn", 3, "click"], [1, "fa-solid", "fa-rotate-right"], [1, "header-row"], [1, "header-title"], [1, "fa-solid", "fa-tags", "header-icon"], [1, "kpi-strip"], [1, "kpi-card", 3, "class"], [1, "pipeline-section"], [1, "section-title"], [1, "fa-solid", "fa-diagram-project"], [1, "pipeline-flow"], [1, "main-content"], [1, "feed-section"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "feed-list"], [1, "empty-state"], [1, "feed-item"], [1, "sources-panel"], [1, "fa-solid", "fa-gear"], [1, "sources-list"], [1, "source-card"], [1, "kpi-card"], [1, "kpi-icon"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "pipeline-stage"], [1, "stage-icon"], [1, "stage-name"], [1, "stage-count"], [1, "stage-indicator"], [1, "stage-connector"], [1, "fa-solid", "fa-chevron-right"], [1, "fa-solid", "fa-inbox"], [1, "feed-item-header"], [1, "feed-item-name", 3, "title"], [1, "feed-item-status"], [1, "feed-item-details"], [1, "feed-detail"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-stopwatch"], [1, "fa-solid", "fa-tags"], [1, "feed-detail", "feed-time"], [1, "fa-solid", "fa-plug-circle-xmark"], [1, "source-header"], [1, "source-icon"], [1, "source-info"], [1, "source-name"], [1, "source-type"], [1, "source-status"], [1, "source-meta"], [1, "source-meta-item"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-file-lines"]], template: function AutotaggingPipelineResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, AutotaggingPipelineResourceComponent_Conditional_1_Template, 2, 0, "div", 1);
-            i0.ɵɵconditionalCreate(2, AutotaggingPipelineResourceComponent_Conditional_2_Template, 7, 1, "div", 2);
-            i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_Conditional_3_Template, 35, 2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutotaggingPipelineResourceComponent, selectors: [["app-autotagging-pipeline-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 23, vars: 9, consts: [[1, "at-dashboard"], [1, "at-left-nav"], [1, "at-left-nav-header"], [1, "fa-solid", "fa-tags"], [1, "at-left-nav-items"], [1, "at-nav-item", 3, "active"], [1, "at-nav-divider"], [1, "at-nav-item", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "at-left-nav-footer"], [1, "at-run-pipeline-btn", 3, "click", "disabled"], [1, "at-main-area"], [1, "at-loading-overlay"], [1, "at-nav-badge", 3, "at-nav-badge-live"], [1, "at-nav-badge"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], ["text", "Loading autotagging data..."], [1, "at-page-header"], [1, "at-page-title"], [1, "at-page-subtitle"], [1, "at-page-actions"], [1, "at-action-btn", "at-secondary-btn", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "at-page-body"], [1, "at-kpi-strip"], [1, "at-kpi-card"], [1, "at-pipeline-layout"], [1, "at-pipeline-center"], [1, "at-progress-section"], [1, "at-card", 2, "flex", "1"], [1, "at-card-header"], [1, "at-card-title"], [1, "fa-solid", "fa-bolt"], [1, "at-card-body"], [1, "at-empty-state"], [1, "at-feed-item", "at-feed-item-clickable"], [1, "at-pipeline-right"], [1, "at-card"], [1, "fa-solid", "fa-database"], [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-kpi-value"], [1, "at-kpi-label"], [1, "at-kpi-trend", 3, "up"], [1, "at-kpi-trend"], [1, "fa-solid", "fa-arrow-up"], [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, "fa-solid", "fa-inbox"], [1, "at-feed-item", "at-feed-item-clickable", 3, "click"], [1, "at-feed-status-dot"], [1, "at-feed-item-name"], [1, "at-feed-item-source"], [1, "at-feed-item-tags"], [1, "at-feed-tag"], [1, "at-feed-item-time"], [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-action-btn", "at-primary-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [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-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"], [1, "at-source-card-actions"], [1, "at-source-action-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "at-source-action-btn", "at-source-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [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, "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"], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 3, "ngModelChange", "input", "ngModel"], [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-lib-sidebar"], [1, "at-card-title", 2, "margin-bottom", "12px"], [1, "fa-solid", "fa-cloud"], [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-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, "at-filter-select", 3, "ngModelChange", "change", "ngModel"], ["value", ""], [3, "value"], ["value", "complete"], ["value", "failed"], ["value", "running"], [1, "at-card-body", 2, "max-height", "600px", "overflow-y", "auto"], [1, "at-run-table"], [1, "at-run-status-badge"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "0.55rem"], [1, "at-run-source-name"], [1, "at-run-duration"], [1, "at-slide-overlay", 3, "click"], [1, "at-slide-panel"], [1, "at-slide-header"], [1, "at-slide-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "at-slide-body"], [1, "at-form-group"], [1, "at-form-label"], ["type", "text", "placeholder", "Source name", 1, "at-form-input", 3, "ngModelChange", "ngModel"], [1, "at-form-select", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "https://...", 1, "at-form-input", 3, "ngModelChange", "ngModel"], ["SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Use system default", 3, "ValueChange", "BranchConfig", "LeafConfig", "Clearable", "Value"], [1, "at-form-hint"], [1, "at-form-actions"], [1, "at-action-btn", "at-primary-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], ["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"], [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-badge", "at-detail-badge-type"], [1, "at-detail-badge", "at-detail-badge-file"], [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, "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"], [1, "at-detail-meta-value", "at-detail-meta-mono"], ["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-content-list"], [1, "at-empty-state", 2, "padding", "16px"], [1, "at-detail-content-item"], [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-detail-content-item-tags"], [1, "at-detail-content-item-time"], [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"]], template: function AutotaggingPipelineResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2");
+            i0.ɵɵelement(4, "i", 3);
+            i0.ɵɵtext(5, " Autotagging");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 4);
+            i0.ɵɵrepeaterCreate(7, AutotaggingPipelineResourceComponent_For_8_Template, 4, 6, "div", 5, _forTrack0);
+            i0.ɵɵelement(9, "div", 6);
+            i0.ɵɵelementStart(10, "div", 7);
+            i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Template_div_click_10_listener() { return ctx.SwitchTab("history"); });
+            i0.ɵɵelement(11, "i", 8);
+            i0.ɵɵtext(12, " Run History ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
+            i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Template_button_click_14_listener() { return ctx.RunPipeline(); });
+            i0.ɵɵconditionalCreate(15, AutotaggingPipelineResourceComponent_Conditional_15_Template, 2, 0)(16, AutotaggingPipelineResourceComponent_Conditional_16_Template, 2, 0);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(17, "div", 11);
+            i0.ɵɵconditionalCreate(18, AutotaggingPipelineResourceComponent_Conditional_18_Template, 2, 0, "div", 12);
+            i0.ɵɵconditionalCreate(19, AutotaggingPipelineResourceComponent_Conditional_19_Template, 5, 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(20, AutotaggingPipelineResourceComponent_Conditional_20_Template, 13, 3);
+            i0.ɵɵconditionalCreate(21, AutotaggingPipelineResourceComponent_Conditional_21_Template, 43, 10);
+            i0.ɵɵconditionalCreate(22, AutotaggingPipelineResourceComponent_Conditional_22_Template, 11, 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵrepeater(ctx.NavItems);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.ActiveTab === "history");
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("disabled", ctx.IsRunning);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsRunning ? 15 : 16);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.IsLoading ? 18 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsLoading ? 19 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 1 : -1);
+            i0.ɵɵconditional(ctx.FormMode !== "none" ? 20 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ErrorMessage ? 2 : -1);
+            i0.ɵɵconditional(ctx.ShowItemDetail && ctx.SelectedFeedItem ? 21 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.IsLoading ? 3 : -1);
-        } }, dependencies: [i1.LoadingComponent, i2.DecimalPipe], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n    overflow: hidden;\n}\n\n\n\n\n.autotagging-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 20px;\n    gap: 20px;\n    overflow-y: auto;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n}\n\n\n\n\n.loading-overlay[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n}\n\n.error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 16px;\n    border-radius: 6px;\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.error-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.error-banner[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n\n\n\n.header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.header-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.header-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n    color: var(--mj-brand-primary);\n}\n\n.header-title[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.refresh-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\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: 13px;\n    transition: background 0.15s, border-color 0.15s;\n}\n\n.refresh-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n}\n\n\n\n\n.kpi-strip[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 16px;\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    transition: box-shadow 0.15s;\n}\n\n.kpi-card[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 10px;\n    font-size: 18px;\n    flex-shrink: 0;\n}\n\n.kpi-brand[_ngcontent-%COMP%]   .kpi-icon[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.kpi-info[_ngcontent-%COMP%]   .kpi-icon[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-info) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.kpi-success[_ngcontent-%COMP%]   .kpi-icon[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.kpi-error[_ngcontent-%COMP%]   .kpi-icon[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.kpi-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.2;\n    color: var(--mj-text-primary);\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n\n\n\n.pipeline-section[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 18px 20px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n    margin: 0 0 14px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.pipeline-flow[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.pipeline-stage[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 14px 20px;\n    border-radius: 8px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    min-width: 100px;\n    position: relative;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.stage-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n    color: var(--mj-text-muted);\n}\n\n.stage-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.stage-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.stage-indicator[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: 0;\n    left: 10%;\n    right: 10%;\n    height: 3px;\n    border-radius: 3px 3px 0 0;\n    background: var(--mj-border-subtle);\n    transition: background 0.2s;\n}\n\n\n\n\n.stage-active[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.stage-active[_ngcontent-%COMP%]   .stage-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.stage-active[_ngcontent-%COMP%]   .stage-count[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.stage-active[_ngcontent-%COMP%]   .stage-indicator[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n}\n\n.stage-error[_ngcontent-%COMP%] {\n    border-color: var(--mj-status-error);\n}\n\n.stage-error[_ngcontent-%COMP%]   .stage-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.stage-error[_ngcontent-%COMP%]   .stage-indicator[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n}\n\n.stage-connector[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    color: var(--mj-text-disabled);\n    font-size: 12px;\n}\n\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n\n.feed-section[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 18px 20px;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.feed-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.feed-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    border-radius: 6px;\n    transition: background 0.1s;\n}\n\n.feed-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.feed-item-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 4px;\n}\n\n.feed-item-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 70%;\n}\n\n.feed-item-status[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n}\n\n.feed-item-details[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n}\n\n.feed-detail[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.feed-detail[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.feed-time[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n\n\n\n.sources-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 18px 20px;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.sources-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.source-card[_ngcontent-%COMP%] {\n    padding: 12px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    transition: border-color 0.15s;\n}\n\n.source-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-default);\n}\n\n.source-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n\n.source-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\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: 14px;\n    flex-shrink: 0;\n}\n\n.source-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.source-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.source-type[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.source-status[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    flex-shrink: 0;\n}\n\n.source-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.source-meta-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.source-meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n\n.status-success[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.status-processing[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n    border: 1px solid var(--mj-status-info-border);\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.status-warning[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.status-default[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n}\n\n\n\n\n@media (max-width: 1100px) {\n    .main-content[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 768px) {\n    .kpi-strip[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .pipeline-flow[_ngcontent-%COMP%] {\n        gap: 6px;\n    }\n\n    .pipeline-stage[_ngcontent-%COMP%] {\n        min-width: 80px;\n        padding: 10px 12px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .pipeline-stage[_ngcontent-%COMP%] {\n        min-width: 70px;\n    }\n\n    .header-row[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 10px;\n    }\n}"] });
+            i0.ɵɵconditional(ctx.ShowSourceDetail ? 22 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.NgModel, i2.LoadingComponent, i3.TreeDropdownComponent, i4.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    height: 100%;\n    overflow: hidden;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 LEFT NAV \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-left-nav {\n    width: 220px;\n    background: var(--mj-bg-surface);\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n}\n\n.at-left-nav-header {\n    padding: 16px 16px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-left-nav-header h2 {\n    font-size: 0.95rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    color: var(--mj-text-primary);\n}\n\n.at-left-nav-header h2 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-left-nav-items {\n    flex: 1;\n    padding: 8px;\n    overflow-y: auto;\n}\n\n.at-nav-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-bottom: 2px;\n}\n\n.at-nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-secondary);\n}\n\n.at-nav-item.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-nav-item i {\n    width: 18px;\n    text-align: center;\n    font-size: 0.8rem;\n}\n\n.at-nav-badge {\n    margin-left: auto;\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n}\n\n.at-nav-item.active .at-nav-badge {\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-nav-badge-live {\n    background: var(--mj-status-success-bg) !important;\n    color: var(--mj-status-success-text) !important;\n}\n\n.at-nav-divider {\n    height: 1px;\n    background: var(--mj-border-subtle);\n    margin: 8px 12px;\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 {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-page-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-page-subtitle {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-page-actions {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.at-page-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px 20px;\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}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 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/* 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/* 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-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 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"], encapsulation: 2 });
 };
 AutotaggingPipelineResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AutotaggingPipelineResource')
@@ -574,9 +2783,9 @@ AutotaggingPipelineResourceComponent = __decorate([
 export { AutotaggingPipelineResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutotaggingPipelineResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-autotagging-pipeline-resource', template: "<!-- Content Autotagging Pipeline Monitor -->\n<div class=\"autotagging-container\">\n    @if (IsLoading) {\n        <div class=\"loading-overlay\">\n            <mj-loading text=\"Loading pipeline data...\"></mj-loading>\n        </div>\n    }\n\n    @if (ErrorMessage) {\n        <div class=\"error-banner\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n            <span>{{ ErrorMessage }}</span>\n            <button class=\"refresh-btn\" (click)=\"RefreshData()\">\n                <i class=\"fa-solid fa-rotate-right\"></i> Retry\n            </button>\n        </div>\n    }\n\n    @if (!IsLoading) {\n        <!-- Header -->\n        <div class=\"header-row\">\n            <div class=\"header-title\">\n                <i class=\"fa-solid fa-tags header-icon\"></i>\n                <h2>Content Autotagging Pipeline</h2>\n            </div>\n            <button class=\"refresh-btn\" (click)=\"RefreshData()\">\n                <i class=\"fa-solid fa-rotate-right\"></i> Refresh\n            </button>\n        </div>\n\n        <!-- KPI Strip -->\n        <div class=\"kpi-strip\">\n            @for (metric of KPIMetrics; track metric.Label) {\n                <div class=\"kpi-card\" [class]=\"metric.ColorClass\">\n                    <div class=\"kpi-icon\">\n                        <i [class]=\"metric.Icon\"></i>\n                    </div>\n                    <div class=\"kpi-content\">\n                        <span class=\"kpi-value\">{{ metric.Value | number }}</span>\n                        <span class=\"kpi-label\">{{ metric.Label }}</span>\n                    </div>\n                </div>\n            }\n        </div>\n\n        <!-- Pipeline Stages Visualization -->\n        <div class=\"pipeline-section\">\n            <h3 class=\"section-title\">\n                <i class=\"fa-solid fa-diagram-project\"></i> Pipeline Stages\n            </h3>\n            <div class=\"pipeline-flow\">\n                @for (stage of PipelineStages; track stage.Name; let last = $last) {\n                    <div class=\"pipeline-stage\" [class]=\"'stage-' + stage.Status\">\n                        <div class=\"stage-icon\">\n                            <i [class]=\"stage.Icon\"></i>\n                        </div>\n                        <span class=\"stage-name\">{{ stage.Name }}</span>\n                        <span class=\"stage-count\">\n                            @if (stage.ActiveCount > 0) {\n                                {{ stage.ActiveCount }} active\n                            } @else {\n                                Idle\n                            }\n                        </span>\n                        <div class=\"stage-indicator\"></div>\n                    </div>\n                    @if (!last) {\n                        <div class=\"stage-connector\">\n                            <i class=\"fa-solid fa-chevron-right\"></i>\n                        </div>\n                    }\n                }\n            </div>\n        </div>\n\n        <!-- Main content area: Feed + Sources sidebar -->\n        <div class=\"main-content\">\n            <!-- Recent Processing Feed -->\n            <div class=\"feed-section\">\n                <h3 class=\"section-title\">\n                    <i class=\"fa-solid fa-clock-rotate-left\"></i> Recent Processing\n                </h3>\n                <div class=\"feed-list\">\n                    @if (ProcessedItems.length === 0) {\n                        <div class=\"empty-state\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <p>No processed items yet.</p>\n                        </div>\n                    }\n                    @for (item of ProcessedItems; track $index) {\n                        <div class=\"feed-item\">\n                            <div class=\"feed-item-header\">\n                                <span class=\"feed-item-name\" [title]=\"item.Name\">{{ item.Name }}</span>\n                                <span class=\"feed-item-status\" [class]=\"GetStatusClass(item.Status)\">\n                                    {{ item.Status }}\n                                </span>\n                            </div>\n                            <div class=\"feed-item-details\">\n                                <span class=\"feed-detail\">\n                                    <i class=\"fa-solid fa-database\"></i> {{ item.SourceName }}\n                                </span>\n                                <span class=\"feed-detail\">\n                                    <i class=\"fa-solid fa-stopwatch\"></i> {{ FormatDuration(item.ProcessingTimeMs) }}\n                                </span>\n                                <span class=\"feed-detail\">\n                                    <i class=\"fa-solid fa-tags\"></i> {{ item.TagCount }} tags\n                                </span>\n                                <span class=\"feed-detail feed-time\">\n                                    {{ FormatRelativeTime(item.ProcessedAt) }}\n                                </span>\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Source Configuration Panel (right sidebar) -->\n            <div class=\"sources-panel\">\n                <h3 class=\"section-title\">\n                    <i class=\"fa-solid fa-gear\"></i> Content Sources\n                </h3>\n                <div class=\"sources-list\">\n                    @if (ContentSources.length === 0) {\n                        <div class=\"empty-state\">\n                            <i class=\"fa-solid fa-plug-circle-xmark\"></i>\n                            <p>No sources configured.</p>\n                        </div>\n                    }\n                    @for (source of ContentSources; track source.ID) {\n                        <div class=\"source-card\">\n                            <div class=\"source-header\">\n                                <div class=\"source-icon\">\n                                    <i [class]=\"source.TypeIcon\"></i>\n                                </div>\n                                <div class=\"source-info\">\n                                    <span class=\"source-name\">{{ source.Name }}</span>\n                                    <span class=\"source-type\">{{ source.TypeName }}</span>\n                                </div>\n                                <span class=\"source-status\" [class]=\"GetStatusClass(source.Status)\">\n                                    {{ source.Status }}\n                                </span>\n                            </div>\n                            <div class=\"source-meta\">\n                                <span class=\"source-meta-item\">\n                                    <i class=\"fa-solid fa-clock\"></i>\n                                    {{ FormatRelativeTime(source.LastRunAt) }}\n                                </span>\n                                <span class=\"source-meta-item\">\n                                    <i class=\"fa-solid fa-file-lines\"></i>\n                                    {{ source.ItemCount | number }} items\n                                </span>\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n</div>\n", styles: ["/* ============================================================\n   Content Autotagging Pipeline Monitor\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   ============================================================ */\n\n:host {\n    display: block;\n    height: 100%;\n    overflow: hidden;\n}\n\n/* ---- Container ---- */\n\n.autotagging-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 20px;\n    gap: 20px;\n    overflow-y: auto;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Error ---- */\n\n.loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n}\n\n.error-banner {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 16px;\n    border-radius: 6px;\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.error-banner i {\n    font-size: 16px;\n}\n\n.error-banner span {\n    flex: 1;\n}\n\n/* ---- Header ---- */\n\n.header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.header-icon {\n    font-size: 20px;\n    color: var(--mj-brand-primary);\n}\n\n.header-title h2 {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.refresh-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\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: 13px;\n    transition: background 0.15s, border-color 0.15s;\n}\n\n.refresh-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 16px;\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    transition: box-shadow 0.15s;\n}\n\n.kpi-card:hover {\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.kpi-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 10px;\n    font-size: 18px;\n    flex-shrink: 0;\n}\n\n.kpi-brand .kpi-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.kpi-info .kpi-icon {\n    background: color-mix(in srgb, var(--mj-status-info) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.kpi-success .kpi-icon {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.kpi-error .kpi-icon {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.kpi-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.kpi-value {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.2;\n    color: var(--mj-text-primary);\n}\n\n.kpi-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n/* ---- Pipeline Stages ---- */\n\n.pipeline-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 18px 20px;\n}\n\n.section-title {\n    margin: 0 0 14px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-title i {\n    color: var(--mj-text-muted);\n}\n\n.pipeline-flow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.pipeline-stage {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 14px 20px;\n    border-radius: 8px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    min-width: 100px;\n    position: relative;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.stage-icon {\n    font-size: 20px;\n    color: var(--mj-text-muted);\n}\n\n.stage-name {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.stage-count {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.stage-indicator {\n    position: absolute;\n    bottom: 0;\n    left: 10%;\n    right: 10%;\n    height: 3px;\n    border-radius: 3px 3px 0 0;\n    background: var(--mj-border-subtle);\n    transition: background 0.2s;\n}\n\n/* Stage status variants */\n\n.stage-active {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.stage-active .stage-icon {\n    color: var(--mj-brand-primary);\n}\n\n.stage-active .stage-count {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.stage-active .stage-indicator {\n    background: var(--mj-brand-primary);\n}\n\n.stage-error {\n    border-color: var(--mj-status-error);\n}\n\n.stage-error .stage-icon {\n    color: var(--mj-status-error);\n}\n\n.stage-error .stage-indicator {\n    background: var(--mj-status-error);\n}\n\n.stage-connector {\n    display: flex;\n    align-items: center;\n    color: var(--mj-text-disabled);\n    font-size: 12px;\n}\n\n/* ---- Main Content Area (Feed + Sources) ---- */\n\n.main-content {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n/* ---- Recent Processing Feed ---- */\n\n.feed-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 18px 20px;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.feed-list {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.feed-item {\n    padding: 10px 12px;\n    border-radius: 6px;\n    transition: background 0.1s;\n}\n\n.feed-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.feed-item-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 4px;\n}\n\n.feed-item-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 70%;\n}\n\n.feed-item-status {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n}\n\n.feed-item-details {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n}\n\n.feed-detail {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.feed-detail i {\n    font-size: 10px;\n}\n\n.feed-time {\n    margin-left: auto;\n}\n\n/* ---- Source Configuration Panel ---- */\n\n.sources-panel {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 18px 20px;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.sources-list {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.source-card {\n    padding: 12px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    transition: border-color 0.15s;\n}\n\n.source-card:hover {\n    border-color: var(--mj-border-default);\n}\n\n.source-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n\n.source-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\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: 14px;\n    flex-shrink: 0;\n}\n\n.source-info {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.source-name {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.source-type {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.source-status {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    flex-shrink: 0;\n}\n\n.source-meta {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.source-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.source-meta-item i {\n    font-size: 10px;\n}\n\n/* ---- Status Color Variants ---- */\n\n.status-success {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.status-processing {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n    border: 1px solid var(--mj-status-info-border);\n}\n\n.status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.status-warning {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.status-default {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n/* ---- Empty State ---- */\n\n.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.empty-state i {\n    font-size: 28px;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 1100px) {\n    .main-content {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 768px) {\n    .kpi-strip {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .pipeline-flow {\n        gap: 6px;\n    }\n\n    .pipeline-stage {\n        min-width: 80px;\n        padding: 10px 12px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        grid-template-columns: 1fr;\n    }\n\n    .pipeline-stage {\n        min-width: 70px;\n    }\n\n    .header-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 10px;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-autotagging-pipeline-resource', encapsulation: ViewEncapsulation.None, template: "<!-- Content Autotagging Dashboard -->\n<div class=\"at-dashboard\">\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 LEFT NAV \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"at-left-nav\">\n        <div class=\"at-left-nav-header\">\n            <h2><i class=\"fa-solid fa-tags\"></i> Autotagging</h2>\n        </div>\n        <div class=\"at-left-nav-items\">\n            @for (item of NavItems; track item.Tab) {\n                <div class=\"at-nav-item\" [class.active]=\"ActiveTab === item.Tab\" (click)=\"SwitchTab(item.Tab)\">\n                    <i [class]=\"item.Icon\"></i> {{ item.Label }}\n                    @if (item.BadgeText) {\n                        <span class=\"at-nav-badge\" [class.at-nav-badge-live]=\"item.BadgeClass === 'nav-badge-live'\">{{ item.BadgeText }}</span>\n                    }\n                </div>\n            }\n            <div class=\"at-nav-divider\"></div>\n            <div class=\"at-nav-item\" [class.active]=\"ActiveTab === 'history'\" (click)=\"SwitchTab('history')\">\n                <i class=\"fa-solid fa-clock-rotate-left\"></i> Run History\n            </div>\n        </div>\n        <div class=\"at-left-nav-footer\">\n            <button class=\"at-run-pipeline-btn\" (click)=\"RunPipeline()\" [disabled]=\"IsRunning\">\n                @if (IsRunning) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n                } @else {\n                    <i class=\"fa-solid fa-play\"></i> Run Pipeline\n                }\n            </button>\n        </div>\n    </div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 MAIN AREA \u2550\u2550\u2550\u2550\u2550\u2550 -->\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-header\">\n                    <div>\n                        <div class=\"at-page-title\">Pipeline Monitor</div>\n                        <div class=\"at-page-subtitle\">Real-time processing status and recent activity</div>\n                    </div>\n                    <div class=\"at-page-actions\">\n                        <button class=\"at-action-btn at-secondary-btn\" (click)=\"LoadPipelineData()\">\n                            <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n                        </button>\n                    </div>\n                </div>\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 hidden for now \u2014 can re-enable with animation later -->\n\n                            <!-- Progress bar (visible during run) -->\n                            @if (IsRunning) {\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 }}%</span>\n                                    </div>\n                                    <div class=\"at-progress-bar\"><div class=\"at-progress-fill\" [style.width.%]=\"RunProgress\"></div></div>\n                                    @if (RunCurrentItem) {\n                                        <div class=\"at-progress-current\">{{ RunCurrentItem }}</div>\n                                    }\n                                </div>\n                            }\n\n                            <!-- Recent Processing Feed -->\n                            <div class=\"at-card\" style=\"flex: 1;\">\n                                <div class=\"at-card-header\">\n                                    <span class=\"at-card-title\"><i class=\"fa-solid fa-bolt\"></i> Recent Processing</span>\n                                </div>\n                                <div class=\"at-card-body\">\n                                    @if (FeedItems.length === 0) {\n                                        <div class=\"at-empty-state\">\n                                            <i class=\"fa-solid fa-inbox\"></i>\n                                            <p>No processed items yet.</p>\n                                        </div>\n                                    }\n                                    @for (item of FeedItems; track $index) {\n                                        <div class=\"at-feed-item at-feed-item-clickable\" (click)=\"OpenFeedItemDetail($index)\">\n                                            <div class=\"at-feed-status-dot\" [class]=\"item.Status\"></div>\n                                            <span class=\"at-feed-item-name\">{{ item.Name }}</span>\n                                            <span class=\"at-feed-item-source\">{{ item.SourceName }}</span>\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                            </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                        </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-header\">\n                    <div>\n                        <div class=\"at-page-title\">Content Sources</div>\n                        <div class=\"at-page-subtitle\">Configure where content is ingested from</div>\n                    </div>\n                    <div class=\"at-page-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenAddSourceForm()\">\n                            <i class=\"fa-solid fa-plus\"></i> Add Source\n                        </button>\n                    </div>\n                </div>\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 }} \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                                <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)=\"RunPipeline(); $event.stopPropagation()\"><i class=\"fa-solid fa-play\"></i> Run</button>\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                </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-header\">\n                    <div>\n                        <div class=\"at-page-title\">Content Types</div>\n                        <div class=\"at-page-subtitle\">Configure AI tagging rules per content category</div>\n                    </div>\n                    <div class=\"at-page-actions\">\n                        <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenAddTypeForm()\">\n                            <i class=\"fa-solid fa-plus\"></i> Add Type\n                        </button>\n                    </div>\n                </div>\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-header\">\n                    <div>\n                        <div class=\"at-page-title\">Tag Library</div>\n                        <div class=\"at-page-subtitle\">{{ TagRows.length }} unique tags across all content sources</div>\n                    </div>\n                    <div class=\"at-page-actions\">\n                        <input type=\"text\" class=\"at-search-input\" placeholder=\"Search tags...\"\n                               [(ngModel)]=\"TagSearchQuery\" (input)=\"FilterTags()\">\n                    </div>\n                </div>\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>\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                        </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                                <div class=\"at-tag-cloud\">\n                                    @for (tag of TagCloud; 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                            <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 5: 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-header\">\n                    <div>\n                        <div class=\"at-page-title\">Run History</div>\n                        <div class=\"at-page-subtitle\">Processing run log across all content sources</div>\n                    </div>\n                    <div class=\"at-page-actions\">\n                        <select class=\"at-filter-select\" [(ngModel)]=\"HistorySourceFilter\" (change)=\"FilterRunHistory()\">\n                            <option value=\"\">All Sources</option>\n                            @for (s of HistorySourceOptions; track s) {\n                                <option [value]=\"s\">{{ s }}</option>\n                            }\n                        </select>\n                        <select class=\"at-filter-select\" [(ngModel)]=\"HistoryStatusFilter\" (change)=\"FilterRunHistory()\">\n                            <option value=\"\">All Status</option>\n                            <option value=\"complete\">Complete</option>\n                            <option value=\"failed\">Failed</option>\n                            <option value=\"running\">Running</option>\n                        </select>\n                    </div>\n                </div>\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>\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                </div>\n            }\n        }\n    </div>\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\" (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                    <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                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">URL</label>\n                        <input type=\"text\" class=\"at-form-input\" [(ngModel)]=\"FormSourceURL\" placeholder=\"https://...\">\n                    </div>\n                    <div class=\"at-form-group\">\n                        <label class=\"at-form-label\">Embedding Model Override</label>\n                        <mj-tree-dropdown\n                            [BranchConfig]=\"AIModelVendorBranch\"\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]=\"AIModelVendorBranch\"\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\" (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                        <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                    </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 -->\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 (tag of SelectedFeedItem.Tags; track tag) {\n                                <span class=\"at-tag-pill\">{{ tag }}</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\" (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                            <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                            <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 -->\n                    <div class=\"at-detail-section\">\n                        <div class=\"at-detail-section-label\">Content Library ({{ SelectedSource.ContentItems.length }})</div>\n                        <div class=\"at-detail-content-list\">\n                            @if (SelectedSource.ContentItems.length === 0) {\n                                <div class=\"at-empty-state\" style=\"padding: 16px;\">\n                                    <p>No content items yet.</p>\n                                </div>\n                            }\n                            @for (ci of SelectedSource.ContentItems; 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-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                    </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</div>\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    height: 100%;\n    overflow: hidden;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 LEFT NAV \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-left-nav {\n    width: 220px;\n    background: var(--mj-bg-surface);\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n}\n\n.at-left-nav-header {\n    padding: 16px 16px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-left-nav-header h2 {\n    font-size: 0.95rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    color: var(--mj-text-primary);\n}\n\n.at-left-nav-header h2 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-left-nav-items {\n    flex: 1;\n    padding: 8px;\n    overflow-y: auto;\n}\n\n.at-nav-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-bottom: 2px;\n}\n\n.at-nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-secondary);\n}\n\n.at-nav-item.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-nav-item i {\n    width: 18px;\n    text-align: center;\n    font-size: 0.8rem;\n}\n\n.at-nav-badge {\n    margin-left: auto;\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n}\n\n.at-nav-item.active .at-nav-badge {\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-nav-badge-live {\n    background: var(--mj-status-success-bg) !important;\n    color: var(--mj-status-success-text) !important;\n}\n\n.at-nav-divider {\n    height: 1px;\n    background: var(--mj-border-subtle);\n    margin: 8px 12px;\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 {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-page-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-page-subtitle {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-page-actions {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.at-page-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px 20px;\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}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 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/* 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/* 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-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 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"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AutotaggingPipelineResourceComponent, { className: "AutotaggingPipelineResourceComponent", filePath: "src/AI/components/autotagging/autotagging-pipeline-resource.component.ts", lineNumber: 60 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AutotaggingPipelineResourceComponent, { className: "AutotaggingPipelineResourceComponent", filePath: "src/AI/components/autotagging/autotagging-pipeline-resource.component.ts", lineNumber: 193 }); })();
 export function LoadAutotaggingPipelineResource() {
     // Prevents tree-shaking
 }