@memberjunction/ng-dashboards 5.23.0 → 5.24.0

package/dist/KnowledgeHub/components/analytics/analytics-resource.component.js

@@ -0,0 +1,4266 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var AnalyticsResourceComponent_1;
+/**
+ * @fileoverview Knowledge Hub Analytics & Insights Resource Component
+ *
+ * Multi-tab analytics dashboard for the Knowledge Hub: Overview (interactive cards),
+ * Tags (top 20, distribution), Sources (comparison, health), Pipeline (throughput,
+ * processing time, errors), and Quality (confidence, weight, model comparison).
+ *
+ * All chart rendering is pure CSS/inline SVG -- no JS chart libraries.
+ */
+import { Component, ChangeDetectorRef, inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.Name;
+const _forTrack2 = ($index, $item) => $item.Label;
+const _forTrack3 = ($index, $item) => $item.EntityName;
+const _forTrack4 = ($index, $item) => $item.TagAName + $item.TagBName;
+const _forTrack5 = ($index, $item) => $item.RunID;
+function AnalyticsResourceComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mj-loading", 2);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_For_8_Template_button_click_0_listener() { const nav_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectTab(nav_r2.ID)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const nav_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveTab === nav_r2.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(nav_r2.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", nav_r2.Label, " ");
+} }
+function AnalyticsResourceComponent_Conditional_1_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r4 = ctx.$implicit;
+    i0.ɵɵstyleProp("font-size", tag_r4.Size, "px")("font-weight", tag_r4.Weight);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r4.Name);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 13);
+    i0.ɵɵtext(1, "No trending tags yet");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 73);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_8_Template_button_click_0_listener() { const range_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SetDateRange(range_r7.Label)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const range_r7 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveDateRange === range_r7.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(range_r7.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 25);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r8);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r8);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 78);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 79);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 74);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Template_div_click_0_listener() { const kpi_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenDrillDown(kpi_r10.DrillDownKey)); });
+    i0.ɵɵelementStart(1, "div")(2, "div", 75);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 76);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 77);
+    i0.ɵɵconditionalCreate(7, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Conditional_7_Template, 1, 0, "i", 78)(8, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Conditional_8_Template, 1, 0, "i", 79);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 80);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(11, "svg", 81);
+    i0.ɵɵelement(12, "polyline", 82);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const kpi_r10 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(kpi_r10.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(kpi_r10.Value);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("up", kpi_r10.DeltaDirection === "up")("down", kpi_r10.DeltaDirection === "down");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(kpi_r10.DeltaDirection === "up" ? 7 : kpi_r10.DeltaDirection === "down" ? 8 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", kpi_r10.Delta, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵattribute("points", kpi_r10.SparklinePoints)("stroke", kpi_r10.SparklineColor);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ExportDrillDownCSV()); });
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " CSV ");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 90);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r13 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r13);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 96);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r14 = ctx.$implicit;
+    const row_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r15[col_r14]);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const row_r15 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OpenDrillDownRecord(row_r15)); });
+    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 96);
+    i0.ɵɵconditionalCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Conditional_3_Conditional_1_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r15["_RecordID"] ? 1 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_For_2_Template, 2, 1, "td", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Conditional_3_Template, 2, 1, "td", 96);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 3 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "table", 95)(2, "thead")(3, "tr");
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_5_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_Conditional_6_Template, 1, 0, "th", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_For_9_Template, 4, 1, "tr", null, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.DrillDownData);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵtext(1, "No data available");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 83)(2, "span", 84);
+    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵtext(4, " Detail View");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 86);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_6_Template, 3, 0, "button", 87);
+    i0.ɵɵelementStart(7, "button", 88);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseDrillDown()); });
+    i0.ɵɵelement(8, "i", 89);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_9_Template, 1, 0, "mj-loading", 90)(10, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_10_Template, 10, 1, "div", 91)(11, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Conditional_11_Template, 2, 0, "div", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.DrillDownData.length > 0 ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsDrillDownLoading ? 9 : ctx_r2.DrillDownData.length > 0 ? 10 : 11);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 100);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "div", 101);
+    i0.ɵɵelementStart(4, "div", 102);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const bar_r17 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bar_r17.Count);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", bar_r17.Percentage, "%")("opacity", 0.5 + bar_r17.Percentage / 200);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bar_r17.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 103);
+    i0.ɵɵelement(2, "circle", 104)(3, "circle", 105);
+    i0.ɵɵelementStart(4, "text", 106);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(6, "div")(7, "div", 107);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 108);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const entity_r18 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵattribute("stroke", entity_r18.Color)("stroke-dasharray", entity_r18.StrokeDash);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", entity_r18.Percentage, "%");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(entity_r18.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", ctx_r2.FormatNumber(entity_r18.Tagged), " / ", ctx_r2.FormatNumber(entity_r18.Total));
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵtext(1, "No content types found");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 109);
+} if (rf & 2) {
+    const bin_r19 = ctx.$implicit;
+    i0.ɵɵstyleProp("height", bin_r19.Height, "px")("background", bin_r19.Color);
+    i0.ɵɵproperty("title", bin_r19.Title);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 110);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 111)(4, "div", 112);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const source_r20 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(source_r20.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", source_r20.Percentage, "%")("background", source_r20.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(source_r20.AvgTagsPerItem);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵtext(1, "No source data");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_73_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 113)(1, "span", 114);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const day_r21 = ctx.$implicit;
+    i0.ɵɵstyleProp("height", day_r21.Percentage, "%")("background", day_r21.IsError ? "var(--mj-status-error)" : "var(--mj-status-success)");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(day_r21.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_89_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "circle", 68);
+} if (rf & 2) {
+    const seg_r22 = ctx.$implicit;
+    i0.ɵɵattribute("stroke", seg_r22.Color)("stroke-dasharray", seg_r22.StrokeDash)("stroke-dashoffset", seg_r22.StrokeOffset);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_For_96_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "small");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const stat_r23 = ctx.$implicit;
+    i0.ɵɵstyleProp("background", stat_r23.BgColor)("color", stat_r23.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", stat_r23.Count);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(stat_r23.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 90);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r25 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r25);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 96);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r26 = ctx.$implicit;
+    const row_r27 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r27[col_r26]);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const row_r27 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OpenDrillDownRecord(row_r27)); });
+    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 96);
+    i0.ɵɵconditionalCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Conditional_3_Conditional_1_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r27 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r27["_RecordID"] ? 1 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_For_2_Template, 2, 1, "td", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Conditional_3_Template, 2, 1, "td", 96);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 3 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "table", 95)(2, "thead")(3, "tr");
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_5_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_Conditional_6_Template, 1, 0, "th", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_For_9_Template, 4, 1, "tr", null, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.DrillDownData);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵtext(1, "No data available");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 83)(2, "span", 84);
+    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 88);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseDrillDown()); });
+    i0.ɵɵelement(6, "i", 89);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_7_Template, 1, 0, "mj-loading", 90)(8, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_8_Template, 10, 1, "div", 91)(9, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Conditional_9_Template, 2, 0, "div", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.DrillDownTarget, " Detail");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsDrillDownLoading ? 7 : ctx_r2.DrillDownData.length > 0 ? 8 : 9);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 17)(1, "div", 19);
+    i0.ɵɵelement(2, "i", 20);
+    i0.ɵɵelementStart(3, "h1");
+    i0.ɵɵtext(4, "Overview");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 21)(6, "div", 22);
+    i0.ɵɵrepeaterCreate(7, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_8_Template, 2, 3, "button", 23, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "select", 24);
+    i0.ɵɵlistener("ngModelChange", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_select_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetEntityFilter($event)); });
+    i0.ɵɵrepeaterCreate(10, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_11_Template, 2, 2, "option", 25, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 26);
+    i0.ɵɵrepeaterCreate(13, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_14_Template, 13, 10, "div", 27, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(15, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_15_Template, 12, 2, "div", 28);
+    i0.ɵɵelementStart(16, "div", 29)(17, "div", 30);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_div_click_17_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("tagGrowth")); });
+    i0.ɵɵelementStart(18, "div", 31);
+    i0.ɵɵelement(19, "i", 5);
+    i0.ɵɵtext(20, " Tag Growth");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 32);
+    i0.ɵɵrepeaterCreate(22, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_23_Template, 6, 6, "div", 33, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 30);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_div_click_24_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("contentCoverage")); });
+    i0.ɵɵelementStart(25, "div", 31);
+    i0.ɵɵelement(26, "i", 34);
+    i0.ɵɵtext(27, " Content Coverage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "div", 35);
+    i0.ɵɵrepeaterCreate(29, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_30_Template, 11, 6, "div", 36, _forTrack1);
+    i0.ɵɵconditionalCreate(31, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_31_Template, 2, 0, "div", 37);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 30);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_div_click_32_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("qualityScore")); });
+    i0.ɵɵelementStart(33, "div", 31);
+    i0.ɵɵelement(34, "i", 38);
+    i0.ɵɵtext(35, " Quality Score");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 39);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(37, "svg", 40);
+    i0.ɵɵelement(38, "path", 41)(39, "path", 42)(40, "path", 43)(41, "path", 44);
+    i0.ɵɵelementStart(42, "text", 45);
+    i0.ɵɵtext(43);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "text", 46);
+    i0.ɵɵtext(45, "out of 100");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "text", 47);
+    i0.ɵɵtext(47, "0");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "text", 48);
+    i0.ɵɵtext(49, "50");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "text", 49);
+    i0.ɵɵtext(51, "100");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(52, "div", 50);
+    i0.ɵɵrepeaterCreate(53, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_54_Template, 1, 5, "div", 51, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(55, "div", 52);
+    i0.ɵɵtext(56, "Confidence Distribution");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(57, "div", 30);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_div_click_57_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("sourcePerformance")); });
+    i0.ɵɵelementStart(58, "div", 31);
+    i0.ɵɵelement(59, "i", 53);
+    i0.ɵɵtext(60, " Source Performance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(61, "div", 54);
+    i0.ɵɵrepeaterCreate(62, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_63_Template, 6, 6, "div", 55, _forTrack1);
+    i0.ɵɵconditionalCreate(64, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_64_Template, 2, 0, "div", 37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(65, "div", 56);
+    i0.ɵɵtext(66, "Average tags per item");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(67, "div", 30);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_div_click_67_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("dailyThroughput")); });
+    i0.ɵɵelementStart(68, "div", 31);
+    i0.ɵɵelement(69, "i", 57);
+    i0.ɵɵtext(70, " Daily Throughput");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(71, "div", 58);
+    i0.ɵɵrepeaterCreate(72, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_73_Template, 3, 5, "div", 59, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(74, "div", 60)(75, "div", 61);
+    i0.ɵɵelement(76, "div", 62);
+    i0.ɵɵtext(77, " Success");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(78, "div", 61);
+    i0.ɵɵelement(79, "div", 63);
+    i0.ɵɵtext(80, " Failures");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(81, "div", 30);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_22_Template_div_click_81_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("taxonomyHealth")); });
+    i0.ɵɵelementStart(82, "div", 31);
+    i0.ɵɵelement(83, "i", 64);
+    i0.ɵɵtext(84, " Taxonomy Health");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(85, "div", 65);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(86, "svg", 66);
+    i0.ɵɵelement(87, "circle", 67);
+    i0.ɵɵrepeaterCreate(88, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_89_Template, 1, 3, ":svg:circle", 68, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementStart(90, "text", 69);
+    i0.ɵɵtext(91);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(92, "text", 70);
+    i0.ɵɵtext(93, "total tags");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(94, "div", 71);
+    i0.ɵɵrepeaterCreate(95, AnalyticsResourceComponent_Conditional_1_Conditional_22_For_96_Template, 4, 6, "div", 72, _forTrack2);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(97, AnalyticsResourceComponent_Conditional_1_Conditional_22_Conditional_97_Template, 10, 2, "div", 28);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.DateRanges);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r2.EntityFilter);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.EntityFilterOptions);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.KPIs);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownTarget && ctx_r2.DrillDownTarget.startsWith("kpi-") ? 15 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.TagGrowthData);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.CoverageData);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.CoverageData.length === 0 ? 31 : -1);
+    i0.ɵɵadvance(12);
+    i0.ɵɵtextInterpolate(ctx_r2.QualityScore);
+    i0.ɵɵadvance(10);
+    i0.ɵɵrepeater(ctx_r2.MiniConfidenceBins);
+    i0.ɵɵadvance(9);
+    i0.ɵɵrepeater(ctx_r2.SourcePerfData);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SourcePerfData.length === 0 ? 64 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r2.ThroughputData);
+    i0.ɵɵadvance(16);
+    i0.ɵɵrepeater(ctx_r2.TaxonomyRingSegments);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.TaxonomyTotal);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.TaxonomyStats);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownTarget && !ctx_r2.DrillDownTarget.startsWith("kpi-") ? 97 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.ExportTabDataCSV("top-tags")); });
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " CSV ");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_11_For_20_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 130);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_11_For_20_Template_tr_click_0_listener() { const tag_r32 = i0.ɵɵrestoreView(_r31).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("tag-row:" + tag_r32.Name)); });
+    i0.ɵɵelementStart(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "strong");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td", 128);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td");
+    i0.ɵɵelement(9, "span", 131);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td");
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(12, "svg", 132);
+    i0.ɵɵelement(13, "polyline", 133);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td", 134);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const tag_r32 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(tag_r32.Rank);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(tag_r32.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(tag_r32.UsageCount));
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", tag_r32.WeightBarWidth, "px")("background", tag_r32.WeightBarColor);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", tag_r32.AvgWeight, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵattribute("points", tag_r32.TrendPoints)("stroke", tag_r32.TrendColor);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(tag_r32.TopEntity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(tag_r32.FirstSeen);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "table", 95)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "#");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Tag Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th", 128);
+    i0.ɵɵtext(9, "Usage Count");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Avg Weight");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Trend");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th");
+    i0.ɵɵtext(15, "Top Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th");
+    i0.ɵɵtext(17, "First Seen");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(18, "tbody");
+    i0.ɵɵrepeaterCreate(19, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_11_For_20_Template, 18, 12, "tr", 129, _forTrack1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(19);
+    i0.ɵɵrepeater(ctx_r2.TopTags);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 121);
+    i0.ɵɵelement(1, "i", 116);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No tag data available yet. Process content to generate tags.");
+    i0.ɵɵelementEnd()();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ExportDrillDownCSV()); });
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " CSV ");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 90);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r35 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r35);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 96);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r36 = ctx.$implicit;
+    const row_r37 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r37[col_r36]);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r38); const row_r37 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OpenDrillDownRecord(row_r37)); });
+    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 96);
+    i0.ɵɵconditionalCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Conditional_3_Conditional_1_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r37 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r37["_RecordID"] ? 1 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_For_2_Template, 2, 1, "td", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Conditional_3_Template, 2, 1, "td", 96);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 3 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "table", 95)(2, "thead")(3, "tr");
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_5_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_Conditional_6_Template, 1, 0, "th", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_For_9_Template, 4, 1, "tr", null, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.DrillDownData);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵtext(1, "No items found for this tag");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 83)(2, "span", 84);
+    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 86);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_6_Template, 3, 0, "button", 87);
+    i0.ɵɵelementStart(7, "button", 88);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseDrillDown()); });
+    i0.ɵɵelement(8, "i", 89);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_9_Template, 1, 0, "mj-loading", 90)(10, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_10_Template, 10, 1, "div", 91)(11, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Conditional_11_Template, 2, 0, "div", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" Content Items Tagged \"", ctx_r2.DrillDownTarget.replace("tag-row:", ""), "\"");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownData.length > 0 ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsDrillDownLoading ? 9 : ctx_r2.DrillDownData.length > 0 ? 10 : 11);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_For_6_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const seg_r39 = ctx.$implicit;
+    i0.ɵɵstyleProp("width", seg_r39.Percentage, "%")("background", seg_r39.Color);
+    i0.ɵɵproperty("title", seg_r39.Label + ": " + seg_r39.Percentage + "%");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(seg_r39.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137)(1, "div", 139);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 140);
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_For_6_For_5_Template, 2, 6, "div", 141, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r40 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r40.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(row_r40.Segments);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "div", 143);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r41 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background", item_r41.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r41.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 135);
+    i0.ɵɵtext(3, " Tag Distribution by Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 136);
+    i0.ɵɵrepeaterCreate(5, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_For_6_Template, 6, 1, "div", 137, _forTrack3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 138);
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_For_9_Template, 3, 3, "div", 61, _forTrack2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r2.EntityDistribution);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.DistributionLegend);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_15_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 146)(1, "div", 148);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 149);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const bar_r42 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", bar_r42.Percentage, "%")("min-height", bar_r42.Count > 0 ? 24 : 0, "px");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(bar_r42.Count);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bar_r42.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 144);
+    i0.ɵɵtext(3, " Tag Depth Distribution");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 145);
+    i0.ɵɵrepeaterCreate(5, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_15_For_6_Template, 5, 6, "div", 146, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 147);
+    i0.ɵɵtext(8, " Taxonomy hierarchy depth -- Most tags at depth 2-3 indicating a healthy mid-level structure ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r2.TagDepthBars);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 126);
+    i0.ɵɵelement(1, "i", 150);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Last computed: ", ctx_r2.CoOccurrenceLastComputed, " ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 151);
+    i0.ɵɵtext(1, " Computing... ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 152);
+    i0.ɵɵtext(1, " Recompute ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_26_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 134);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "strong");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td")(7, "strong");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "td", 128);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td");
+    i0.ɵɵelement(12, "span", 153);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const pair_r43 = ctx.$implicit;
+    const ɵ$index_665_r44 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ɵ$index_665_r44 + 1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(pair_r43.TagAName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(pair_r43.TagBName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(pair_r43.Count));
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", pair_r43.BarWidth, "px");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "table", 95)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "#");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Tag A");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th");
+    i0.ɵɵtext(9, "Tag B");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th", 128);
+    i0.ɵɵtext(11, "Co-Occurrences");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Frequency");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(14, "tbody");
+    i0.ɵɵrepeaterCreate(15, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_26_For_16_Template, 13, 6, "tr", null, _forTrack4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(15);
+    i0.ɵɵrepeater(ctx_r2.CoOccurrencePairs);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 121);
+    i0.ɵɵelement(1, "i", 124);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No co-occurrence data available yet. Process content and recompute to see which tags frequently appear together.");
+    i0.ɵɵelementEnd()();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 17)(1, "div", 19);
+    i0.ɵɵelement(2, "i", 116);
+    i0.ɵɵelementStart(3, "h1");
+    i0.ɵɵtext(4, "Tags");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 117)(6, "div", 118)(7, "h3");
+    i0.ɵɵelement(8, "i", 119);
+    i0.ɵɵtext(9, " Top 20 Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_10_Template, 3, 0, "button", 87);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_11_Template, 21, 0, "div", 120)(12, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_12_Template, 4, 0, "div", 121);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_13_Template, 12, 3, "div", 28);
+    i0.ɵɵconditionalCreate(14, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_14_Template, 10, 0, "div", 122);
+    i0.ɵɵconditionalCreate(15, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_15_Template, 9, 0, "div", 122);
+    i0.ɵɵelementStart(16, "div", 123)(17, "div", 118)(18, "h3");
+    i0.ɵɵelement(19, "i", 124);
+    i0.ɵɵtext(20, " Frequently Paired Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 125);
+    i0.ɵɵconditionalCreate(22, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_22_Template, 3, 1, "span", 126);
+    i0.ɵɵelementStart(23, "button", 127);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_23_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.RecomputeCoOccurrence()); });
+    i0.ɵɵconditionalCreate(24, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_24_Template, 2, 0)(25, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_25_Template, 2, 0);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(26, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_26_Template, 17, 0, "div", 120)(27, AnalyticsResourceComponent_Conditional_1_Conditional_23_Conditional_27_Template, 4, 0, "div", 121);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(10);
+    i0.ɵɵconditional(ctx_r2.TopTags.length > 0 ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.TopTags.length > 0 ? 11 : 12);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownTarget && ctx_r2.DrillDownTarget.startsWith("tag-row:") ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.EntityDistribution.length > 0 ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.TagDepthBars.length > 0 ? 15 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r2.CoOccurrenceLastComputed ? 22 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r2.IsRecomputingCoOccurrence);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsRecomputingCoOccurrence ? 24 : 25);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.CoOccurrencePairs.length > 0 ? 26 : 27);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_9_For_22_Template(rf, ctx) { if (rf & 1) {
+    const _r45 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 130);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_9_For_22_Template_tr_click_0_listener() { const source_r46 = i0.ɵɵrestoreView(_r45).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.SelectSource(source_r46.Name); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("source-row:" + source_r46.Name)); });
+    i0.ɵɵelementStart(1, "td")(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "td");
+    i0.ɵɵelement(5, "i", 156);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td", 128);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 128);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td", 128);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "td", 128);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td", 134);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "td")(18, "span", 157);
+    i0.ɵɵelement(19, "i", 158);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const source_r46 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("source-selected", ctx_r2.SelectedSourceName === source_r46.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(source_r46.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(source_r46.TypeIcon);
+    i0.ɵɵstyleProp("color", source_r46.TypeColor);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", source_r46.Type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(source_r46.Items));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(source_r46.TagsGenerated));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(source_r46.AvgTagsPerItem);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(source_r46.AvgWeight);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(source_r46.LastRun);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(source_r46.StatusClass);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", source_r46.Status);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "table", 95)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "Source Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th", 128);
+    i0.ɵɵtext(9, "Items");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th", 128);
+    i0.ɵɵtext(11, "Tags Generated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th", 128);
+    i0.ɵɵtext(13, "Avg Tags/Item");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th", 128);
+    i0.ɵɵtext(15, "Avg Weight");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th");
+    i0.ɵɵtext(17, "Last Run");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "th");
+    i0.ɵɵtext(19, "Status");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(20, "tbody");
+    i0.ɵɵrepeaterCreate(21, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_9_For_22_Template, 21, 16, "tr", 155, _forTrack1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(21);
+    i0.ɵɵrepeater(ctx_r2.SourceComparison);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 121);
+    i0.ɵɵelement(1, "i", 154);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No content sources configured yet.");
+    i0.ɵɵelementEnd()();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r48 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r48); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ExportDrillDownCSV()); });
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " CSV");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 90);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r49 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r49);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 96);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r50 = ctx.$implicit;
+    const row_r51 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r51[col_r50]);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r52 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r52); const row_r51 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OpenDrillDownRecord(row_r51)); });
+    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 96);
+    i0.ɵɵconditionalCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Conditional_3_Conditional_1_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r51 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r51["_RecordID"] ? 1 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_For_2_Template, 2, 1, "td", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Conditional_3_Template, 2, 1, "td", 96);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 3 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "table", 95)(2, "thead")(3, "tr");
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_5_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_Conditional_6_Template, 1, 0, "th", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_For_9_Template, 4, 1, "tr", null, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.DrillDownData);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵtext(1, "No run data for this source");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r47 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 83)(2, "span", 84);
+    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 86);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_6_Template, 3, 0, "button", 87);
+    i0.ɵɵelementStart(7, "button", 88);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r47); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseDrillDown()); });
+    i0.ɵɵelement(8, "i", 89);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_9_Template, 1, 0, "mj-loading", 90)(10, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_10_Template, 10, 1, "div", 91)(11, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Conditional_11_Template, 2, 0, "div", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" Recent Runs: ", ctx_r2.DrillDownTarget.replace("source-row:", ""));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownData.length > 0 ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsDrillDownLoading ? 9 : ctx_r2.DrillDownData.length > 0 ? 10 : 11);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_12_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 168);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "div", 101);
+    i0.ɵɵelementStart(4, "div", 102);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const bar_r53 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bar_r53.Value);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", bar_r53.Percentage, "%")("opacity", 0.5 + bar_r53.Percentage / 200);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bar_r53.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_12_For_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 165)(1, "span", 169);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 170)(4, "div", 171);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const band_r54 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(band_r54.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", band_r54.Percentage, "%")("background", band_r54.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", band_r54.Percentage, "%");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 159);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 160)(5, "div", 161)(6, "div", 31);
+    i0.ɵɵelement(7, "i", 135);
+    i0.ɵɵtext(8, " Items Processed (Last 8 Weeks)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 162);
+    i0.ɵɵrepeaterCreate(10, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_12_For_11_Template, 6, 6, "div", 33, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 161)(13, "div", 31);
+    i0.ɵɵelement(14, "i", 163);
+    i0.ɵɵtext(15, " Tag Quality Distribution");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "div", 164);
+    i0.ɵɵrepeaterCreate(17, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_12_For_18_Template, 6, 6, "div", 165, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 166);
+    i0.ɵɵelement(20, "i", 167);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Source Detail: ", ctx_r2.SelectedSourceName);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.SourceWeeklyBars);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.SourceQualityBands);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.SourceQualityNote, " ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 175)(1, "div", 176);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 177);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 178);
+    i0.ɵɵtext(6, "uptime");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const card_r55 = ctx.$implicit;
+    i0.ɵɵstyleProp("border-top-color", card_r55.Color);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(card_r55.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", card_r55.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", card_r55.Uptime, "%");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 172);
+    i0.ɵɵtext(3, " Source Health Summary");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 173);
+    i0.ɵɵrepeaterCreate(5, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_13_For_6_Template, 7, 6, "div", 174, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("grid-template-columns", "repeat(" + ctx_r2.SourceHealthCards.length + ", 1fr)");
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.SourceHealthCards);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 17)(1, "div", 19);
+    i0.ɵɵelement(2, "i", 154);
+    i0.ɵɵelementStart(3, "h1");
+    i0.ɵɵtext(4, "Sources");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 117)(6, "h3");
+    i0.ɵɵelement(7, "i", 85);
+    i0.ɵɵtext(8, " Source Comparison");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_9_Template, 23, 0, "div", 120)(10, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_10_Template, 4, 0, "div", 121);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_11_Template, 12, 3, "div", 28);
+    i0.ɵɵconditionalCreate(12, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_12_Template, 22, 2, "div", 122);
+    i0.ɵɵconditionalCreate(13, AnalyticsResourceComponent_Conditional_1_Conditional_24_Conditional_13_Template, 7, 2, "div", 122);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵconditional(ctx_r2.SourceComparison.length > 0 ? 9 : 10);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownTarget && ctx_r2.DrillDownTarget.startsWith("source-row:") ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedSourceName && ctx_r2.SourceComparison.length > 0 ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SourceHealthCards.length > 0 ? 13 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_For_12_Template(rf, ctx) { if (rf & 1) {
+    const _r56 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 194);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_25_For_12_Template_div_click_0_listener() { const $index_r57 = i0.ɵɵrestoreView(_r56).$index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("pipeline-throughput:" + $index_r57)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const bar_r58 = ctx.$implicit;
+    i0.ɵɵstyleProp("height", bar_r58.Percentage, "%")("background", bar_r58.IsError ? "var(--mj-status-error)" : "var(--mj-brand-primary)")("opacity", bar_r58.IsError ? 0.7 : 0.6 + bar_r58.Percentage / 300);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_For_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const label_r59 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(label_r59);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r61 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r61); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ExportDrillDownCSV()); });
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " CSV");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 90);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r62 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r62);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 96);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r63 = ctx.$implicit;
+    const row_r64 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r64[col_r63]);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r65 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r65); const row_r64 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OpenDrillDownRecord(row_r64)); });
+    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 96);
+    i0.ɵɵconditionalCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Conditional_3_Conditional_1_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r64 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r64["_RecordID"] ? 1 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_For_2_Template, 2, 1, "td", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Conditional_3_Template, 2, 1, "td", 96);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 3 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "table", 95)(2, "thead")(3, "tr");
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_5_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_Conditional_6_Template, 1, 0, "th", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_For_9_Template, 4, 1, "tr", null, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.DrillDownData);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵtext(1, "No runs for this day");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r60 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 83)(2, "span", 84);
+    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵtext(4, " Runs for Selected Day");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 86);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_6_Template, 3, 0, "button", 87);
+    i0.ɵɵelementStart(7, "button", 88);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r60); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseDrillDown()); });
+    i0.ɵɵelement(8, "i", 89);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_9_Template, 1, 0, "mj-loading", 90)(10, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_10_Template, 10, 1, "div", 91)(11, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Conditional_11_Template, 2, 0, "div", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.DrillDownData.length > 0 ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsDrillDownLoading ? 9 : ctx_r2.DrillDownData.length > 0 ? 10 : 11);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_For_24_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const stage_r66 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", stage_r66.Time, "s ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_For_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 185)(1, "div", 195);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 196)(4, "div", 197);
+    i0.ɵɵconditionalCreate(5, AnalyticsResourceComponent_Conditional_1_Conditional_25_For_24_Conditional_5_Template, 1, 1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 198);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const stage_r66 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(stage_r66.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", stage_r66.Percentage, "%")("background", stage_r66.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(stage_r66.Percentage > 15 ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", stage_r66.Time, "s");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 187);
+    i0.ɵɵelement(1, "i", 199);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r2.BottleneckStage, " stage is the bottleneck (", ctx_r2.BottleneckPercent, "% of total time) ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_52_For_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 201);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 134);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td")(8, "div", 202);
+    i0.ɵɵelement(9, "div", 203);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 204);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "td")(13, "span", 157);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "td", 128);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const run_r67 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r67.RunID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r67.Source);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r67.Started);
+    i0.ɵɵadvance(3);
+    i0.ɵɵstyleProp("width", run_r67.Progress, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", run_r67.Progress, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(run_r67.StageClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(run_r67.Stage);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(run_r67.Items));
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 200);
+    i0.ɵɵtext(3, " Active Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 120)(5, "table", 95)(6, "thead")(7, "tr")(8, "th");
+    i0.ɵɵtext(9, "Run ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th");
+    i0.ɵɵtext(15, "Progress");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th");
+    i0.ɵɵtext(17, "Stage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "th", 128);
+    i0.ɵɵtext(19, "Items");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(20, "tbody");
+    i0.ɵɵrepeaterCreate(21, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_52_For_22_Template, 17, 10, "tr", null, _forTrack5);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(21);
+    i0.ɵɵrepeater(ctx_r2.ActiveRuns);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_53_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 207)(1, "div", 208);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 209);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 210);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entry_r68 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r68.Time);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r68.Source);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r68.Message);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 205);
+    i0.ɵɵtext(3, " Recent Errors");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 206);
+    i0.ɵɵrepeaterCreate(5, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_53_For_6_Template, 7, 3, "div", 207, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r2.ErrorLog);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 17)(1, "div", 19);
+    i0.ɵɵelement(2, "i", 179);
+    i0.ɵɵelementStart(3, "h1");
+    i0.ɵɵtext(4, "Pipeline");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 117)(6, "h3");
+    i0.ɵɵelement(7, "i", 135);
+    i0.ɵɵtext(8, " Pipeline Throughput (Last 30 Days)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 161)(10, "div", 180);
+    i0.ɵɵrepeaterCreate(11, AnalyticsResourceComponent_Conditional_1_Conditional_25_For_12_Template, 1, 6, "div", 181, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 182);
+    i0.ɵɵrepeaterCreate(14, AnalyticsResourceComponent_Conditional_1_Conditional_25_For_15_Template, 2, 1, "span", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(16, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_16_Template, 12, 2, "div", 28);
+    i0.ɵɵelementStart(17, "div", 122)(18, "h3");
+    i0.ɵɵelement(19, "i", 183);
+    i0.ɵɵtext(20, " Processing Time Breakdown (Avg per Item)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 161)(22, "div", 184);
+    i0.ɵɵrepeaterCreate(23, AnalyticsResourceComponent_Conditional_1_Conditional_25_For_24_Template, 8, 7, "div", 185, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 186)(26, "span")(27, "strong");
+    i0.ɵɵtext(28, "Total avg:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(30, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_30_Template, 3, 2, "span", 187);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(31, "div", 122)(32, "h3");
+    i0.ɵɵelement(33, "i", 5);
+    i0.ɵɵtext(34, " Success Rate Overview");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 161)(36, "div", 188)(37, "div", 189)(38, "div", 190);
+    i0.ɵɵtext(39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "div", 191);
+    i0.ɵɵtext(41, "Success Rate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(42, "div", 189)(43, "div", 192);
+    i0.ɵɵtext(44);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(45, "div", 191);
+    i0.ɵɵtext(46, "Failure Rate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(47, "div", 189)(48, "div", 193);
+    i0.ɵɵtext(49);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "div", 191);
+    i0.ɵɵtext(51, "Total Runs");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵconditionalCreate(52, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_52_Template, 23, 0, "div", 122);
+    i0.ɵɵconditionalCreate(53, AnalyticsResourceComponent_Conditional_1_Conditional_25_Conditional_53_Template, 7, 0, "div", 122);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(11);
+    i0.ɵɵrepeater(ctx_r2.PipelineThroughputBars);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.PipelineDateLabels);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownTarget && ctx_r2.DrillDownTarget.startsWith("pipeline-throughput:") ? 16 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.ProcessingStages);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.TotalAvgProcessingTime, "s per item");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.BottleneckStage ? 30 : -1);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.rawProcessRuns.length > 0 ? (100 - ctx_r2.ErrorLog.length / ctx_r2.rawProcessRuns.length * 100).toFixed(1) : "100", "% ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.rawProcessRuns.length > 0 ? (ctx_r2.ErrorLog.length / ctx_r2.rawProcessRuns.length * 100).toFixed(1) : "0", "% ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatNumber(ctx_r2.rawProcessRuns.length), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.ActiveRuns.length > 0 ? 52 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ErrorLog.length > 0 ? 53 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_For_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const bin_r70 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", bin_r70.Count, " ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_For_12_Template(rf, ctx) { if (rf & 1) {
+    const _r69 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 220);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_26_For_12_Template_div_click_0_listener() { const bin_r70 = i0.ɵɵrestoreView(_r69).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenDrillDown("quality-bin:" + bin_r70.Label)); });
+    i0.ɵɵelementStart(1, "div", 221);
+    i0.ɵɵconditionalCreate(2, AnalyticsResourceComponent_Conditional_1_Conditional_26_For_12_Conditional_2_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 222);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const bin_r70 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", bin_r70.Percentage, "%")("background", bin_r70.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(bin_r70.Count > 0 ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bin_r70.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_For_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const stat_r71 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", stat_r71.Label, ":");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", stat_r71.Value);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r73 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r73); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ExportDrillDownCSV()); });
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " CSV");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 90);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r74 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r74);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 96);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r75 = ctx.$implicit;
+    const row_r76 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r76[col_r75]);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r77 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r77); const row_r76 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OpenDrillDownRecord(row_r76)); });
+    i0.ɵɵelement(1, "i", 99);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 96);
+    i0.ɵɵconditionalCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Conditional_3_Conditional_1_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r76 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r76["_RecordID"] ? 1 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_For_2_Template, 2, 1, "td", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Conditional_3_Template, 2, 1, "td", 96);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 3 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "table", 95)(2, "thead")(3, "tr");
+    i0.ɵɵrepeaterCreate(4, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_5_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_Conditional_6_Template, 1, 0, "th", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_For_9_Template, 4, 1, "tr", null, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.DrillDownColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownHasActions ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.DrillDownData);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵtext(1, "No items in this confidence range");
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r72 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 83)(2, "span", 84);
+    i0.ɵɵelement(3, "i", 85);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 86);
+    i0.ɵɵconditionalCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_6_Template, 3, 0, "button", 87);
+    i0.ɵɵelementStart(7, "button", 88);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r72); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseDrillDown()); });
+    i0.ɵɵelement(8, "i", 89);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_9_Template, 1, 0, "mj-loading", 90)(10, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_10_Template, 10, 1, "div", 91)(11, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Conditional_11_Template, 2, 0, "div", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" Items in Confidence Range ", ctx_r2.DrillDownTarget.replace("quality-bin:", ""));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownData.length > 0 ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsDrillDownLoading ? 9 : ctx_r2.DrillDownData.length > 0 ? 10 : 11);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_17_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 225)(1, "div", 227);
+    i0.ɵɵelement(2, "div", 228)(3, "div", 229)(4, "div", 230);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 231);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entity_r78 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("height", entity_r78.High, "%");
+    i0.ɵɵproperty("title", "High: " + entity_r78.High + "%");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", entity_r78.Med, "%");
+    i0.ɵɵproperty("title", "Med: " + entity_r78.Med + "%");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", entity_r78.Low, "%");
+    i0.ɵɵproperty("title", "Low: " + entity_r78.Low + "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entity_r78.Name);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_17_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "div", 143);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r79 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background", item_r79.Color);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r79.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 223);
+    i0.ɵɵtext(3, " Weight Distribution by Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 161)(5, "div", 224);
+    i0.ɵɵrepeaterCreate(6, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_17_For_7_Template, 7, 10, "div", 225, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 226);
+    i0.ɵɵrepeaterCreate(9, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_17_For_10_Template, 3, 3, "div", 61, _forTrack2);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵrepeater(ctx_r2.WeightByEntity);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.WeightLegend);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_18_For_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "circle", 239);
+} if (rf & 2) {
+    const dot_r80 = ctx.$implicit;
+    i0.ɵɵattribute("cx", dot_r80.Cx)("cy", dot_r80.Cy);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_18_For_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const label_r81 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(label_r81);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 5);
+    i0.ɵɵtext(3, " Tag Accuracy Over Time (Weekly Avg Confidence)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 161)(5, "div", 232)(6, "div", 233)(7, "div");
+    i0.ɵɵtext(8, "1.0");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div");
+    i0.ɵɵtext(10, "0.75");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div");
+    i0.ɵɵtext(12, "0.50");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div");
+    i0.ɵɵtext(14, "0.25");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 234);
+    i0.ɵɵelement(16, "div", 235)(17, "div", 236);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(18, "svg", 237);
+    i0.ɵɵelement(19, "polyline", 238);
+    i0.ɵɵrepeaterCreate(20, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_18_For_21_Template, 1, 2, ":svg:circle", 239, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(22, "div", 240);
+    i0.ɵɵrepeaterCreate(23, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_18_For_24_Template, 2, 1, "span", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 241);
+    i0.ɵɵelement(26, "i", 242);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(19);
+    i0.ɵɵattribute("points", ctx_r2.AccuracyLinePoints);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.AccuracyDots);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.AccuracyMonthLabels);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.AccuracyTrendText, " ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_19_For_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "td", 128);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td", 128);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td");
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "td")(11, "span", 157);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const tag_r82 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(tag_r82.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(tag_r82.AvgWeight);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(tag_r82.UsageCount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(tag_r82.TopEntity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(tag_r82.ActionClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r82.SuggestedAction);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "h3");
+    i0.ɵɵelement(2, "i", 243);
+    i0.ɵɵtext(3, " Low-Confidence Tags (Avg Weight < 0.4)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 120)(5, "table", 95)(6, "thead")(7, "tr")(8, "th");
+    i0.ɵɵtext(9, "Tag Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th", 128);
+    i0.ɵɵtext(11, "Avg Weight");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th", 128);
+    i0.ɵɵtext(13, "Usage Count");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th");
+    i0.ɵɵtext(15, "Top Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th");
+    i0.ɵɵtext(17, "Suggested Action");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(18, "tbody");
+    i0.ɵɵrepeaterCreate(19, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_19_For_20_Template, 13, 7, "tr", null, _forTrack1);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(19);
+    i0.ɵɵrepeater(ctx_r2.LowConfidenceTags);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_For_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218)(1, "div", 244);
+    i0.ɵɵelement(2, "i", 156);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 245);
+    i0.ɵɵelement(5, "circle", 246)(6, "circle", 247);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(7, "div", 248);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 249);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 249);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 250);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const model_r83 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(model_r83.Icon);
+    i0.ɵɵstyleProp("color", model_r83.IconColor);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", model_r83.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵattribute("stroke", model_r83.ScoreColor)("stroke-dasharray", model_r83.StrokeDash);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", model_r83.ScoreColor);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", model_r83.ScorePercentage, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Avg confidence: ", model_r83.AvgConfidence);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r2.FormatNumber(model_r83.TagsGenerated), " tags generated");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", model_r83.RoleColor);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(model_r83.Role);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 219);
+    i0.ɵɵelement(1, "i", 251);
+    i0.ɵɵelementStart(2, "div")(3, "strong");
+    i0.ɵɵtext(4, "Recommendation:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.ModelRecommendation, " ");
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 17)(1, "div", 19);
+    i0.ɵɵelement(2, "i", 211);
+    i0.ɵɵelementStart(3, "h1");
+    i0.ɵɵtext(4, "Quality");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 117)(6, "h3");
+    i0.ɵɵelement(7, "i", 212);
+    i0.ɵɵtext(8, " Confidence Distribution");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 161)(10, "div", 213);
+    i0.ɵɵrepeaterCreate(11, AnalyticsResourceComponent_Conditional_1_Conditional_26_For_12_Template, 5, 6, "div", 214, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 215);
+    i0.ɵɵrepeaterCreate(14, AnalyticsResourceComponent_Conditional_1_Conditional_26_For_15_Template, 4, 2, "span", null, _forTrack2);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(16, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_16_Template, 12, 3, "div", 28);
+    i0.ɵɵconditionalCreate(17, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_17_Template, 11, 0, "div", 122);
+    i0.ɵɵconditionalCreate(18, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_18_Template, 28, 2, "div", 122);
+    i0.ɵɵconditionalCreate(19, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_19_Template, 21, 0, "div", 122);
+    i0.ɵɵelementStart(20, "div", 122)(21, "h3");
+    i0.ɵɵelement(22, "i", 216);
+    i0.ɵɵtext(23, " Model Performance Comparison");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "div", 217);
+    i0.ɵɵrepeaterCreate(25, AnalyticsResourceComponent_Conditional_1_Conditional_26_For_26_Template, 15, 15, "div", 218, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(27, AnalyticsResourceComponent_Conditional_1_Conditional_26_Conditional_27_Template, 6, 1, "div", 219);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(11);
+    i0.ɵɵrepeater(ctx_r2.ConfidenceHistogram);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.ConfidenceStats);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.DrillDownTarget && ctx_r2.DrillDownTarget.startsWith("quality-bin:") ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.WeightByEntity.length > 0 ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.AccuracyLinePoints ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.LowConfidenceTags.length > 0 ? 19 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵrepeater(ctx_r2.ModelComparisons);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.ModelRecommendation ? 27 : -1);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_For_15_Template(rf, ctx) { if (rf & 1) {
+    const _r85 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 73);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_27_For_15_Template_button_click_0_listener() { const range_r86 = i0.ɵɵrestoreView(_r85).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SetDateRange(range_r86.Label)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const range_r86 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveDateRange === range_r86.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(range_r86.Label);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 257)(1, "div", 258);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div")(4, "div", 259);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 260);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 261);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const kpi_r87 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(kpi_r87.Icon);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(kpi_r87.Value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(kpi_r87.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(kpi_r87.SubLabel);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 256);
+    i0.ɵɵrepeaterCreate(1, AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_16_For_2_Template, 10, 5, "div", 257, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.CostKPIs);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_21_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 201);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 128);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td", 128);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 134);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r88 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r88.RunID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r88.Source);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatNumber(row_r88.Tokens));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r88.Cost > 0 ? "$" + row_r88.Cost.toFixed(4) : "$0.00");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r88.Started);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "table", 95)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "Run ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th", 128);
+    i0.ɵɵtext(9, "Tokens");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th", 128);
+    i0.ɵɵtext(11, "Cost");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Started");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(14, "tbody");
+    i0.ɵɵrepeaterCreate(15, AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_21_For_16_Template, 11, 5, "tr", null, _forTrack5);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(15);
+    i0.ɵɵrepeater(ctx_r2.CostPerRunRows);
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 121);
+    i0.ɵɵelement(1, "i", 252);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No cost data available yet. Run the pipeline to generate cost and token usage metrics.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 262);
+    i0.ɵɵtext(5, "Cost data is aggregated from ContentProcessRunDetail records linked to AI Prompt Runs.");
+    i0.ɵɵelementEnd()();
+} }
+function AnalyticsResourceComponent_Conditional_1_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    const _r84 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 17)(1, "div", 19);
+    i0.ɵɵelement(2, "i", 252);
+    i0.ɵɵelementStart(3, "h1");
+    i0.ɵɵtext(4, "Cost & Usage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 253)(6, "button", 93);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_27_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r84); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ExportTabDataCSV("cost-usage")); });
+    i0.ɵɵelement(7, "i", 94);
+    i0.ɵɵtext(8, " CSV ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 254);
+    i0.ɵɵlistener("click", function AnalyticsResourceComponent_Conditional_1_Conditional_27_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r84); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.PrintCurrentTab()); });
+    i0.ɵɵelement(10, "i", 255);
+    i0.ɵɵtext(11, " Print ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(12, "div", 21)(13, "div", 22);
+    i0.ɵɵrepeaterCreate(14, AnalyticsResourceComponent_Conditional_1_Conditional_27_For_15_Template, 2, 3, "button", 23, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(16, AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_16_Template, 3, 0, "div", 256);
+    i0.ɵɵelementStart(17, "div", 122)(18, "h3");
+    i0.ɵɵelement(19, "i", 85);
+    i0.ɵɵtext(20, " Cost Breakdown by Run");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(21, AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_21_Template, 17, 0, "div", 120)(22, AnalyticsResourceComponent_Conditional_1_Conditional_27_Conditional_22_Template, 6, 0, "div", 121);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(14);
+    i0.ɵɵrepeater(ctx_r2.DateRanges);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.CostKPIs.length > 0 ? 16 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.CostPerRunRows.length > 0 ? 21 : 22);
+} }
+function AnalyticsResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "aside", 3)(2, "div", 4)(3, "h2");
+    i0.ɵɵelement(4, "i", 5);
+    i0.ɵɵtext(5, " Analytics");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "nav", 6);
+    i0.ɵɵrepeaterCreate(7, AnalyticsResourceComponent_Conditional_1_For_8_Template, 3, 5, "button", 7, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(9, "div", 8);
+    i0.ɵɵelementStart(10, "div", 9)(11, "h3");
+    i0.ɵɵelement(12, "i", 10);
+    i0.ɵɵtext(13, " Trending Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 11);
+    i0.ɵɵrepeaterCreate(15, AnalyticsResourceComponent_Conditional_1_For_16_Template, 2, 5, "span", 12, _forTrack1);
+    i0.ɵɵconditionalCreate(17, AnalyticsResourceComponent_Conditional_1_Conditional_17_Template, 2, 0, "span", 13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 14);
+    i0.ɵɵelement(19, "span", 15);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 16);
+    i0.ɵɵconditionalCreate(22, AnalyticsResourceComponent_Conditional_1_Conditional_22_Template, 98, 7, "section", 17);
+    i0.ɵɵconditionalCreate(23, AnalyticsResourceComponent_Conditional_1_Conditional_23_Template, 28, 9, "section", 17);
+    i0.ɵɵconditionalCreate(24, AnalyticsResourceComponent_Conditional_1_Conditional_24_Template, 14, 4, "section", 17);
+    i0.ɵɵconditionalCreate(25, AnalyticsResourceComponent_Conditional_1_Conditional_25_Template, 54, 8, "section", 17);
+    i0.ɵɵconditionalCreate(26, AnalyticsResourceComponent_Conditional_1_Conditional_26_Template, 28, 5, "section", 17);
+    i0.ɵɵconditionalCreate(27, AnalyticsResourceComponent_Conditional_1_Conditional_27_Template, 23, 2, "section", 17);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.NavItems);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r2.TrendingTags);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.TrendingTags.length === 0 ? 17 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("status-dot-error", !ctx_r2.PipelineStatusOk);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.PipelineStatusText, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "overview" ? 22 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "tags" ? 23 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "sources" ? 24 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "pipeline" ? 25 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "quality" ? 26 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveTab === "cost" ? 27 : -1);
+} }
+// ================================================================
+// Component
+// ================================================================
+let AnalyticsResourceComponent = class AnalyticsResourceComponent extends BaseResourceComponent {
+    static { AnalyticsResourceComponent_1 = this; }
+    cdr = inject(ChangeDetectorRef);
+    navigationService = inject(NavigationService);
+    destroy$ = new Subject();
+    async GetResourceDisplayName(_data) {
+        return 'Analytics';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-chart-line';
+    }
+    // ================================================================
+    // Navigation
+    // ================================================================
+    NavItems = [
+        { ID: 'overview', Label: 'Overview', Icon: 'fa-solid fa-grip' },
+        { ID: 'tags', Label: 'Tags', Icon: 'fa-solid fa-tags' },
+        { ID: 'sources', Label: 'Sources', Icon: 'fa-solid fa-database' },
+        { ID: 'pipeline', Label: 'Pipeline', Icon: 'fa-solid fa-gears' },
+        { ID: 'quality', Label: 'Quality', Icon: 'fa-solid fa-circle-check' },
+        { ID: 'cost', Label: 'Cost & Usage', Icon: 'fa-solid fa-coins' },
+    ];
+    ActiveTab = 'overview';
+    IsLoading = true;
+    // ================================================================
+    // Filter State
+    // ================================================================
+    DateRanges = [
+        { Label: '7D', Days: 7 },
+        { Label: '30D', Days: 30 },
+        { Label: '90D', Days: 90 },
+        { Label: 'YTD', Days: -1 },
+        { Label: 'All', Days: 0 },
+    ];
+    ActiveDateRange = '30D';
+    EntityFilter = 'All Entities';
+    EntityFilterOptions = ['All Entities'];
+    // ================================================================
+    // Drill-Down
+    // ================================================================
+    DrillDownTarget = null;
+    DrillDownData = [];
+    DrillDownColumns = [];
+    IsDrillDownLoading = false;
+    /** Whether the current drill-down rows have navigable records */
+    DrillDownHasActions = false;
+    /** AN-1: Open a record from a drill-down table row */
+    OpenDrillDownRecord(row) {
+        const entityName = row['_EntityName'];
+        const recordID = row['_RecordID'];
+        if (!entityName || !recordID)
+            return;
+        // D9: If this is a Tag record, navigate to Classify Tag Library instead
+        if (entityName === 'MJ: Tags') {
+            const tagName = row['Name'] ?? row['Tag Name'] ?? '';
+            this.navigateToClassifyTagLibrary(tagName);
+            return;
+        }
+        const md = new Metadata();
+        const entityInfo = md.Entities.find(e => e.Name === entityName);
+        const pkey = new CompositeKey();
+        if (entityInfo) {
+            pkey.LoadFromURLSegment(entityInfo, recordID);
+        }
+        else {
+            pkey.KeyValuePairs = [{ FieldName: 'ID', Value: recordID }];
+        }
+        this.navigationService.OpenEntityRecord(entityName, pkey);
+    }
+    /**
+     * D9: Navigate to the Classify dashboard's Tag Library tab with a tag pre-selected.
+     * Uses NavigationService.OpenNavItemByName to switch to the Classify nav item
+     * and passes the tag name and target tab via configuration.
+     */
+    navigateToClassifyTagLibrary(tagName) {
+        this.navigationService.OpenNavItemByName('Classify', {
+            initialTab: 'tags',
+            tagSearch: tagName,
+        });
+    }
+    // ================================================================
+    // Overview Tab Data
+    // ================================================================
+    KPIs = [];
+    WidgetCards = [
+        { Key: 'tagGrowth', Title: 'Tag Growth', Icon: 'fa-solid fa-chart-line' },
+        { Key: 'contentCoverage', Title: 'Content Coverage', Icon: 'fa-solid fa-bullseye' },
+        { Key: 'qualityScore', Title: 'Quality Score', Icon: 'fa-solid fa-gauge-high' },
+        { Key: 'sourcePerformance', Title: 'Source Performance', Icon: 'fa-solid fa-ranking-star' },
+        { Key: 'dailyThroughput', Title: 'Daily Throughput', Icon: 'fa-solid fa-bolt' },
+        { Key: 'taxonomyHealth', Title: 'Taxonomy Health', Icon: 'fa-solid fa-sitemap' },
+    ];
+    TagGrowthData = [];
+    CoverageData = [];
+    QualityScore = 0;
+    MiniConfidenceBins = [];
+    SourcePerfData = [];
+    ThroughputData = [];
+    TaxonomyTotal = 0;
+    TaxonomyStats = [];
+    TaxonomyRingSegments = [];
+    // ================================================================
+    // Tags Tab Data
+    // ================================================================
+    TopTags = [];
+    EntityDistribution = [];
+    DistributionLegend = [
+        { Label: 'Primary', Color: 'var(--mj-brand-primary)' },
+        { Label: 'Secondary', Color: 'var(--mj-status-info)' },
+        { Label: 'Tertiary', Color: '#7c3aed' },
+        { Label: 'Quaternary', Color: 'var(--mj-status-success)' },
+        { Label: 'Other', Color: 'var(--mj-status-warning)' },
+    ];
+    TagDepthBars = [];
+    // --- Co-occurrence data ---
+    CoOccurrencePairs = [];
+    CoOccurrenceLastComputed = null;
+    IsRecomputingCoOccurrence = false;
+    // ================================================================
+    // Sources Tab Data
+    // ================================================================
+    SourceComparison = [];
+    SelectedSourceName = '';
+    SourceWeeklyBars = [];
+    SourceQualityBands = [];
+    SourceQualityNote = '';
+    SourceHealthCards = [];
+    // ================================================================
+    // Pipeline Tab Data
+    // ================================================================
+    PipelineThroughputBars = [];
+    PipelineDateLabels = [];
+    ProcessingStages = [];
+    TotalAvgProcessingTime = 0;
+    BottleneckStage = '';
+    BottleneckPercent = 0;
+    SuccessRateAvg = 0;
+    FailureRateAvg = 0;
+    ActiveRuns = [];
+    ErrorLog = [];
+    // ================================================================
+    // Quality Tab Data
+    // ================================================================
+    ConfidenceHistogram = [];
+    ConfidenceStats = [];
+    WeightByEntity = [];
+    WeightLegend = [
+        { Label: 'High (>0.7)', Color: 'var(--mj-brand-primary)' },
+        { Label: 'Medium (0.4-0.7)', Color: 'var(--mj-status-info)' },
+        { Label: 'Low (<0.4)', Color: 'var(--mj-text-muted)' },
+    ];
+    AccuracyLinePoints = '';
+    AccuracyDots = [];
+    AccuracyMonthLabels = [];
+    AccuracyTrendText = '';
+    LowConfidenceTags = [];
+    ModelComparisons = [];
+    ModelRecommendation = '';
+    // ================================================================
+    // Trending Tags (sidebar)
+    // ================================================================
+    TrendingTags = [];
+    PipelineStatusText = 'Loading...';
+    PipelineStatusOk = true;
+    // ================================================================
+    // Cost & Usage Tab Data (D1)
+    // ================================================================
+    CostKPIs = [];
+    CostPerRunRows = [];
+    // ================================================================
+    // Raw data for aggregation
+    // ================================================================
+    rawTags = [];
+    rawContentItemTags = [];
+    rawContentItems = [];
+    rawProcessRuns = [];
+    rawContentSources = [];
+    rawContentTypes = [];
+    rawRunDetails = [];
+    // ================================================================
+    // Lifecycle
+    // ================================================================
+    async ngAfterViewInit() {
+        await UserInfoEngine.Instance.Config(false);
+        this.loadAnalyticsPreferences();
+        this.loadAllData();
+        this.emitAgentContext();
+        this.registerAgentTools();
+        this.NotifyLoadComplete();
+    }
+    emitAgentContext() {
+        this.navigationService.SetAgentContext(this, {
+            ActiveTab: this.ActiveTab,
+            DateRange: this.ActiveDateRange,
+            EntityFilter: this.EntityFilter,
+            KPIs: this.KPIs.map(k => ({ Label: k.Label, Value: k.Value })),
+        });
+    }
+    registerAgentTools() {
+        this.navigationService.SetAgentClientTools(this, [
+            {
+                Name: 'SwitchAnalyticsTab',
+                Description: 'Switch to a specific analytics tab (overview, tags, sources, pipeline, quality)',
+                ParameterSchema: { type: 'object', properties: { tab: { type: 'string' } }, required: ['tab'] },
+                Handler: async (params) => {
+                    this.SelectTab(params['tab']);
+                    return { Success: true };
+                },
+            },
+            {
+                Name: 'SetAnalyticsDateRange',
+                Description: 'Set the analytics date range filter (7D, 30D, 90D, YTD, All)',
+                ParameterSchema: { type: 'object', properties: { range: { type: 'string' } }, required: ['range'] },
+                Handler: async (params) => {
+                    this.SetDateRange(params['range']);
+                    return { Success: true };
+                },
+            },
+            {
+                Name: 'ExportAnalyticsCSV',
+                Description: 'Export analytics data as CSV',
+                ParameterSchema: { type: 'object', properties: { dataKey: { type: 'string' } }, required: ['dataKey'] },
+                Handler: async (params) => {
+                    this.ExportTabDataCSV(params['dataKey']);
+                    return { Success: true };
+                },
+            },
+        ]);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    // ================================================================
+    // Public Methods
+    // ================================================================
+    SelectTab(tabId) {
+        this.ActiveTab = tabId;
+        this.CloseDrillDown();
+        this.persistAnalyticsPreferences();
+        this.emitAgentContext();
+        this.cdr.detectChanges();
+    }
+    SetDateRange(label) {
+        this.ActiveDateRange = label;
+        this.CloseDrillDown();
+        this.rebuildAllAggregations();
+        this.persistAnalyticsPreferences();
+        this.cdr.detectChanges();
+    }
+    SetEntityFilter(value) {
+        this.EntityFilter = value;
+        this.CloseDrillDown();
+        this.rebuildAllAggregations();
+        this.persistAnalyticsPreferences();
+        this.cdr.detectChanges();
+    }
+    OpenDrillDown(key) {
+        if (this.DrillDownTarget === key) {
+            this.CloseDrillDown();
+            return;
+        }
+        this.DrillDownTarget = key;
+        this.IsDrillDownLoading = true;
+        this.cdr.detectChanges();
+        this.loadDrillDownData(key);
+    }
+    CloseDrillDown() {
+        this.DrillDownTarget = null;
+        this.DrillDownData = [];
+        this.DrillDownColumns = [];
+        this.IsDrillDownLoading = false;
+        this.DrillDownHasActions = false;
+        this.cdr.detectChanges();
+    }
+    // ================================================================
+    // AN-3: Export (CSV)
+    // ================================================================
+    /** Export drill-down data as CSV */
+    ExportDrillDownCSV() {
+        if (this.DrillDownData.length === 0 || this.DrillDownColumns.length === 0)
+            return;
+        const filename = `analytics-${this.DrillDownTarget || 'data'}-${new Date().toISOString().slice(0, 10)}.csv`;
+        this.downloadCSV(this.DrillDownColumns, this.DrillDownData, filename);
+    }
+    /** Export a named data set (top-tags, sources, etc.) as CSV */
+    ExportTabDataCSV(dataKey) {
+        switch (dataKey) {
+            case 'top-tags': {
+                const cols = ['Rank', 'Name', 'Usage Count', 'Avg Weight', 'Top Entity', 'First Seen'];
+                const rows = this.TopTags.map(t => ({
+                    'Rank': t.Rank, 'Name': t.Name, 'Usage Count': t.UsageCount,
+                    'Avg Weight': t.AvgWeight, 'Top Entity': t.TopEntity, 'First Seen': t.FirstSeen,
+                }));
+                this.downloadCSV(cols, rows, `top-tags-${new Date().toISOString().slice(0, 10)}.csv`);
+                break;
+            }
+            case 'kpis': {
+                const cols = ['Metric', 'Value', 'Change'];
+                const rows = this.KPIs.map(k => ({
+                    'Metric': k.Label, 'Value': k.Value, 'Change': k.Delta,
+                }));
+                this.downloadCSV(cols, rows, `kpis-${new Date().toISOString().slice(0, 10)}.csv`);
+                break;
+            }
+            case 'cost-usage': {
+                const costCols = ['Run ID', 'Source', 'Tokens', 'Cost', 'Started'];
+                const costRows = this.CostPerRunRows.map(r => ({
+                    'Run ID': r.RunID, 'Source': r.Source, 'Tokens': r.Tokens,
+                    'Cost': r.Cost, 'Started': r.Started,
+                }));
+                this.downloadCSV(costCols, costRows, `cost-usage-${new Date().toISOString().slice(0, 10)}.csv`);
+                break;
+            }
+            default:
+                break;
+        }
+    }
+    downloadCSV(columns, data, filename) {
+        const escape = (v) => {
+            const s = String(v ?? '');
+            return s.includes(',') || s.includes('"') || s.includes('\n')
+                ? `"${s.replace(/"/g, '""')}"` : s;
+        };
+        const header = columns.map(escape).join(',');
+        const rows = data.map(row => columns.map(c => escape(row[c])).join(','));
+        const csv = [header, ...rows].join('\n');
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = filename;
+        link.click();
+        URL.revokeObjectURL(link.href);
+    }
+    SelectSource(name) {
+        this.SelectedSourceName = name;
+        this.buildSourceDetail();
+        this.cdr.detectChanges();
+    }
+    FormatNumber(n) {
+        if (n >= 1000) {
+            return n.toLocaleString();
+        }
+        return String(n);
+    }
+    TrackByIndex(index) {
+        return index;
+    }
+    TrackByID(_index, item) {
+        return item.ID || item.Key || item.Label || item.Name || String(_index);
+    }
+    // ================================================================
+    // Data Loading
+    // ================================================================
+    async loadAllData() {
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const rv = new RunView();
+            const results = await rv.RunViews([
+                { EntityName: 'MJ: Tags', ExtraFilter: '', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Item Tags', ExtraFilter: '', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Items', ExtraFilter: '', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Process Runs', ExtraFilter: '', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Sources', ExtraFilter: '', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Types', ExtraFilter: '', ResultType: 'simple' },
+                { EntityName: 'MJ: Content Process Run Details', ExtraFilter: '', ResultType: 'simple' },
+            ]);
+            this.rawTags = results[0]?.Success ? results[0].Results : [];
+            this.rawContentItemTags = results[1]?.Success ? results[1].Results : [];
+            this.rawContentItems = results[2]?.Success ? results[2].Results : [];
+            this.rawProcessRuns = results[3]?.Success ? results[3].Results : [];
+            this.rawContentSources = results[4]?.Success ? results[4].Results : [];
+            this.rawContentTypes = results[5]?.Success ? results[5].Results : [];
+            this.rawRunDetails = results[6]?.Success ? results[6].Results : [];
+            this.buildEntityFilterOptions();
+            this.rebuildAllAggregations();
+        }
+        catch (error) {
+            console.error('[Analytics] Error loading data:', error);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    // ================================================================
+    // Entity Filter Options
+    // ================================================================
+    buildEntityFilterOptions() {
+        const md = new Metadata();
+        const entityNames = new Set();
+        for (const item of this.rawContentItems) {
+            const ctid = String(item['ContentTypeID'] || '');
+            const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+            if (ct) {
+                entityNames.add(String(ct['Name'] || 'Unknown'));
+            }
+        }
+        this.EntityFilterOptions = ['All Entities', ...Array.from(entityNames).sort()];
+    }
+    // ================================================================
+    // Aggregation Orchestrator
+    // ================================================================
+    rebuildAllAggregations() {
+        const filteredItems = this.getDateFilteredItems(this.rawContentItems);
+        const filteredTags = this.getDateFilteredItems(this.rawContentItemTags);
+        const filteredRuns = this.getDateFilteredItems(this.rawProcessRuns);
+        this.buildKPIs(filteredTags, filteredItems);
+        this.buildTagGrowth();
+        this.buildCoverageData(filteredItems, filteredTags);
+        this.buildQualityScore(filteredTags);
+        this.buildSourcePerformance(filteredItems, filteredTags);
+        this.buildThroughput(filteredRuns);
+        this.buildTaxonomyHealth();
+        this.buildTopTags(filteredTags);
+        this.buildEntityDistribution(filteredTags);
+        this.buildTagDepth();
+        this.buildSourceComparison(filteredItems, filteredTags, filteredRuns);
+        this.buildSourceHealth(filteredRuns);
+        this.buildPipelineThroughput(filteredRuns);
+        this.buildProcessingStages(filteredRuns);
+        this.buildActiveRuns();
+        this.buildErrorLog(filteredRuns);
+        this.buildConfidenceHistogram(filteredTags);
+        this.buildWeightByEntity(filteredTags);
+        this.buildAccuracyTrend(filteredTags);
+        this.buildLowConfidenceTags(filteredTags);
+        this.buildModelComparisons();
+        this.buildTrendingTags(filteredTags);
+        this.buildPipelineStatus(filteredRuns);
+        this.buildCostUsageData(filteredRuns);
+        if (this.rawContentSources.length > 0) {
+            this.SelectedSourceName = String(this.rawContentSources[0]['Name'] || '');
+            this.buildSourceDetail();
+        }
+        // Load co-occurrence data in background (non-blocking)
+        this.loadCoOccurrenceData();
+    }
+    // ================================================================
+    // Date Filtering
+    // ================================================================
+    getDateFilteredItems(items) {
+        const range = this.DateRanges.find(d => d.Label === this.ActiveDateRange);
+        if (!range || range.Days === 0)
+            return items; // "All"
+        const now = new Date();
+        let cutoff;
+        if (range.Days === -1) {
+            // YTD
+            cutoff = new Date(now.getFullYear(), 0, 1);
+        }
+        else {
+            cutoff = new Date(now.getTime() - range.Days * 86400000);
+        }
+        return items.filter(item => {
+            const d = item['__mj_CreatedAt'] || item['StartTime'];
+            if (!d)
+                return true;
+            const dt = new Date(String(d));
+            return dt >= cutoff;
+        });
+    }
+    // ================================================================
+    // KPIs
+    // ================================================================
+    buildKPIs(tags, items) {
+        const totalTags = this.rawTags.length;
+        const itemsProcessed = items.length;
+        const weights = tags.map(t => Number(t['Weight'] || 0)).filter(w => w > 0);
+        const avgConfidence = weights.length > 0
+            ? weights.reduce((a, b) => a + b, 0) / weights.length
+            : 0;
+        const totalContentItems = this.rawContentItems.length;
+        const taggedItemIds = new Set(tags.map(t => String(t['ItemID'] || '')));
+        const coveragePct = totalContentItems > 0
+            ? Math.round((taggedItemIds.size / totalContentItems) * 100)
+            : 0;
+        // Calculate weekly delta for tags
+        const weekAgo = new Date(Date.now() - 7 * 86400000);
+        const recentTags = this.rawTags.filter(t => {
+            const d = t['__mj_CreatedAt'];
+            return d && new Date(String(d)) >= weekAgo;
+        });
+        this.KPIs = [
+            {
+                Label: 'Total Tags',
+                Value: this.FormatNumber(totalTags),
+                Delta: `+${recentTags.length} this week`,
+                DeltaDirection: recentTags.length > 0 ? 'up' : 'flat',
+                SparklinePoints: '2,24 10,22 18,20 26,18 34,14 42,12 50,8 62,4',
+                SparklineColor: 'var(--mj-brand-primary)',
+                SparklineGradId: 'sparkGrad1',
+                DrillDownKey: 'kpi-totalTags',
+            },
+            {
+                Label: 'Items Processed',
+                Value: this.FormatNumber(itemsProcessed),
+                Delta: `${this.FormatNumber(itemsProcessed)} total`,
+                DeltaDirection: 'up',
+                SparklinePoints: '2,18 8,12 14,16 20,10 26,14 32,8 38,12 44,6 50,10 56,4 62,8',
+                SparklineColor: 'var(--mj-status-success)',
+                SparklineGradId: 'sparkGrad2',
+                DrillDownKey: 'kpi-itemsProcessed',
+            },
+            {
+                Label: 'Avg Confidence',
+                Value: avgConfidence.toFixed(2),
+                Delta: avgConfidence >= 0.7 ? 'Good' : 'Needs improvement',
+                DeltaDirection: avgConfidence >= 0.7 ? 'up' : 'down',
+                SparklinePoints: '2,20 10,18 18,16 26,18 34,14 42,12 50,14 62,10',
+                SparklineColor: 'var(--mj-status-warning)',
+                SparklineGradId: 'sparkGrad3',
+                DrillDownKey: 'kpi-avgConfidence',
+            },
+            {
+                Label: 'Coverage',
+                Value: `${coveragePct}%`,
+                Delta: `${taggedItemIds.size} of ${totalContentItems} items`,
+                DeltaDirection: coveragePct >= 50 ? 'up' : 'down',
+                SparklinePoints: '2,24 10,22 18,20 26,18 34,16 42,14 50,12 62,10',
+                SparklineColor: '#7c3aed',
+                SparklineGradId: 'sparkGrad4',
+                DrillDownKey: 'kpi-coverage',
+            },
+        ];
+    }
+    // ================================================================
+    // Tag Growth (monthly bar chart)
+    // ================================================================
+    buildTagGrowth() {
+        const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+        const now = new Date();
+        const months = [];
+        let cumulative = 0;
+        // Count tags by month for last 6 months
+        for (let i = 5; i >= 0; i--) {
+            const monthDate = new Date(now.getFullYear(), now.getMonth() - i, 1);
+            const nextMonth = new Date(now.getFullYear(), now.getMonth() - i + 1, 1);
+            const count = this.rawTags.filter(t => {
+                const d = t['__mj_CreatedAt'];
+                if (!d)
+                    return false;
+                const dt = new Date(String(d));
+                return dt >= monthDate && dt < nextMonth;
+            }).length;
+            cumulative += count;
+            months.push({
+                Label: monthNames[monthDate.getMonth()],
+                Count: cumulative,
+                Percentage: 0,
+            });
+        }
+        // If no data, show the total in the last month
+        if (cumulative === 0 && this.rawTags.length > 0) {
+            months[months.length - 1].Count = this.rawTags.length;
+            cumulative = this.rawTags.length;
+        }
+        const max = Math.max(...months.map(m => m.Count), 1);
+        months.forEach(m => m.Percentage = Math.round((m.Count / max) * 100));
+        this.TagGrowthData = months;
+    }
+    // ================================================================
+    // Content Coverage (progress rings per entity type)
+    // ================================================================
+    buildCoverageData(items, tags) {
+        const colors = ['var(--mj-status-warning)', 'var(--mj-status-success)', 'var(--mj-status-info)', 'var(--mj-brand-primary)'];
+        const typeMap = new Map();
+        for (const item of this.rawContentItems) {
+            const ctid = String(item['ContentTypeID'] || '');
+            const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+            const typeName = ct ? String(ct['Name'] || 'Unknown') : 'Unknown';
+            if (!typeMap.has(typeName)) {
+                typeMap.set(typeName, { name: typeName, total: 0, tagged: new Set() });
+            }
+            typeMap.get(typeName).total++;
+        }
+        const taggedItemIdsByType = new Map();
+        for (const tag of tags) {
+            const itemId = String(tag['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            if (item) {
+                const ctid = String(item['ContentTypeID'] || '');
+                const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+                const typeName = ct ? String(ct['Name'] || 'Unknown') : 'Unknown';
+                if (typeMap.has(typeName)) {
+                    typeMap.get(typeName).tagged.add(itemId);
+                }
+            }
+        }
+        const circumference = 2 * Math.PI * 20; // r=20
+        let idx = 0;
+        this.CoverageData = Array.from(typeMap.values())
+            .sort((a, b) => b.total - a.total)
+            .slice(0, 4)
+            .map(entry => {
+            const pct = entry.total > 0 ? Math.round((entry.tagged.size / entry.total) * 100) : 0;
+            const dashLength = (pct / 100) * circumference;
+            const color = colors[idx % colors.length];
+            idx++;
+            return {
+                Name: entry.name,
+                Tagged: entry.tagged.size,
+                Total: entry.total,
+                Percentage: pct,
+                Color: color,
+                StrokeDash: `${dashLength.toFixed(1)} ${circumference.toFixed(1)}`,
+            };
+        });
+    }
+    // ================================================================
+    // Quality Score (gauge)
+    // ================================================================
+    buildQualityScore(tags) {
+        const weights = tags.map(t => Number(t['Weight'] || 0)).filter(w => w > 0);
+        this.QualityScore = weights.length > 0
+            ? Math.round((weights.reduce((a, b) => a + b, 0) / weights.length) * 100)
+            : 0;
+        // Mini confidence bins
+        const bins = [0, 0, 0, 0, 0]; // 0-0.2, 0.2-0.4, 0.4-0.6, 0.6-0.8, 0.8-1.0
+        for (const w of weights) {
+            const idx = Math.min(Math.floor(w * 5), 4);
+            bins[idx]++;
+        }
+        const maxBin = Math.max(...bins, 1);
+        const binColors = [
+            'var(--mj-border-default)', 'var(--mj-border-default)',
+            'var(--mj-status-warning)', 'var(--mj-brand-primary)', 'var(--mj-brand-primary)',
+        ];
+        this.MiniConfidenceBins = bins.map((count, i) => ({
+            Height: Math.max(4, Math.round((count / maxBin) * 32)),
+            Color: binColors[i],
+            Title: `${(i * 0.2).toFixed(1)}-${((i + 1) * 0.2).toFixed(1)}: ${count}`,
+        }));
+    }
+    // ================================================================
+    // Source Performance (horizontal bars)
+    // ================================================================
+    buildSourcePerformance(items, tags) {
+        const sourceTagCounts = new Map();
+        for (const source of this.rawContentSources) {
+            const sid = String(source['ID']);
+            sourceTagCounts.set(sid, {
+                name: String(source['Name'] || 'Unknown'),
+                items: new Set(),
+                tagCount: 0,
+            });
+        }
+        for (const item of this.rawContentItems) {
+            const sid = String(item['ContentSourceID'] || '');
+            const entry = sourceTagCounts.get(sid);
+            if (entry) {
+                entry.items.add(String(item['ID']));
+            }
+        }
+        for (const tag of tags) {
+            const itemId = String(tag['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            if (item) {
+                const sid = String(item['ContentSourceID'] || '');
+                const entry = sourceTagCounts.get(sid);
+                if (entry) {
+                    entry.tagCount++;
+                }
+            }
+        }
+        const colors = ['var(--mj-brand-primary)', '#7c3aed', 'var(--mj-status-info)', 'var(--mj-status-success)'];
+        const sorted = Array.from(sourceTagCounts.values())
+            .map(e => ({
+            name: e.name,
+            avg: e.items.size > 0 ? e.tagCount / e.items.size : 0,
+        }))
+            .sort((a, b) => b.avg - a.avg)
+            .slice(0, 4);
+        const maxAvg = Math.max(...sorted.map(s => s.avg), 1);
+        this.SourcePerfData = sorted.map((s, i) => ({
+            Name: s.name,
+            AvgTagsPerItem: Math.round(s.avg * 10) / 10,
+            Percentage: Math.round((s.avg / maxAvg) * 100),
+            Color: colors[i % colors.length],
+        }));
+    }
+    // ================================================================
+    // Daily Throughput (14-day bar chart)
+    // ================================================================
+    buildThroughput(runs) {
+        const days = [];
+        const now = new Date();
+        for (let i = 13; i >= 0; i--) {
+            const d = new Date(now.getFullYear(), now.getMonth(), now.getDate() - i);
+            const dayStr = d.toISOString().slice(0, 10);
+            const dayRuns = runs.filter(r => {
+                const st = r['StartTime'];
+                if (!st)
+                    return false;
+                return String(st).slice(0, 10) === dayStr;
+            });
+            const totalItems = dayRuns.reduce((sum, r) => sum + Number(r['ProcessedItems'] || 0), 0);
+            const hasError = dayRuns.some(r => String(r['Status'] || '').toLowerCase().includes('error') || String(r['Status'] || '').toLowerCase().includes('fail'));
+            days.push({
+                Label: String(d.getDate()),
+                Percentage: totalItems,
+                IsError: hasError,
+            });
+        }
+        const maxItems = Math.max(...days.map(d => d.Percentage), 1);
+        days.forEach(d => d.Percentage = Math.max(5, Math.round((d.Percentage / maxItems) * 100)));
+        this.ThroughputData = days;
+    }
+    // ================================================================
+    // Taxonomy Health (donut + stat cards)
+    // ================================================================
+    buildTaxonomyHealth() {
+        const total = this.rawTags.length;
+        this.TaxonomyTotal = total;
+        if (total === 0) {
+            this.TaxonomyStats = [
+                { Label: 'Healthy', Count: 0, Color: 'var(--mj-status-success)', BgColor: 'color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface))' },
+                { Label: 'Attention', Count: 0, Color: 'var(--mj-status-warning)', BgColor: 'color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface))' },
+                { Label: 'Orphaned', Count: 0, Color: 'var(--mj-status-error)', BgColor: 'color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface))' },
+            ];
+            this.TaxonomyRingSegments = [];
+            return;
+        }
+        // Tags with children = healthy, tags referenced by content items = healthy
+        // Tags with no children and no usage = orphaned
+        // Tags with low usage = attention
+        const tagIds = new Set(this.rawTags.map(t => String(t['ID'])));
+        const parentIds = new Set(this.rawTags.filter(t => t['ParentID']).map(t => String(t['ParentID'])));
+        const usedTagIds = new Set(this.rawContentItemTags.filter(ct => ct['TagID']).map(ct => String(ct['TagID'])));
+        let healthy = 0;
+        let attention = 0;
+        let orphaned = 0;
+        for (const tag of this.rawTags) {
+            const tid = String(tag['ID']);
+            const hasChildren = parentIds.has(tid);
+            const isUsed = usedTagIds.has(tid);
+            if (hasChildren || isUsed) {
+                healthy++;
+            }
+            else if (tag['ParentID']) {
+                attention++;
+            }
+            else {
+                orphaned++;
+            }
+        }
+        this.TaxonomyStats = [
+            { Label: 'Healthy', Count: healthy, Color: 'var(--mj-status-success)', BgColor: 'color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface))' },
+            { Label: 'Attention', Count: attention, Color: 'var(--mj-status-warning)', BgColor: 'color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface))' },
+            { Label: 'Orphaned', Count: orphaned, Color: 'var(--mj-status-error)', BgColor: 'color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface))' },
+        ];
+        // Ring segments
+        const circumference = 2 * Math.PI * 54; // r=54
+        const healthyPct = healthy / total;
+        const attentionPct = attention / total;
+        const orphanedPct = orphaned / total;
+        const segments = [];
+        let offset = circumference * 0.25; // start at top
+        if (healthyPct > 0) {
+            const len = healthyPct * circumference;
+            segments.push({
+                StrokeDash: `${len.toFixed(1)} ${circumference.toFixed(1)}`,
+                StrokeOffset: (-offset).toFixed(1),
+                Color: 'var(--mj-status-success)',
+            });
+            offset += len;
+        }
+        if (attentionPct > 0) {
+            const len = attentionPct * circumference;
+            segments.push({
+                StrokeDash: `${len.toFixed(1)} ${circumference.toFixed(1)}`,
+                StrokeOffset: (-offset).toFixed(1),
+                Color: 'var(--mj-status-warning)',
+            });
+            offset += len;
+        }
+        if (orphanedPct > 0) {
+            const len = orphanedPct * circumference;
+            segments.push({
+                StrokeDash: `${len.toFixed(1)} ${circumference.toFixed(1)}`,
+                StrokeOffset: (-offset).toFixed(1),
+                Color: 'var(--mj-status-error)',
+            });
+        }
+        this.TaxonomyRingSegments = segments;
+    }
+    // ================================================================
+    // Top Tags Table
+    // ================================================================
+    buildTopTags(tags) {
+        const tagUsage = new Map();
+        for (const tag of tags) {
+            const tagText = String(tag['Tag'] || '');
+            if (!tagText)
+                continue;
+            if (!tagUsage.has(tagText)) {
+                const created = tag['__mj_CreatedAt'] ? new Date(String(tag['__mj_CreatedAt'])) : new Date();
+                tagUsage.set(tagText, { name: tagText, count: 0, totalWeight: 0, entities: new Map(), firstSeen: created });
+            }
+            const entry = tagUsage.get(tagText);
+            entry.count++;
+            entry.totalWeight += Number(tag['Weight'] || 0);
+            // Find entity for this tag
+            const itemId = String(tag['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            if (item) {
+                const ctid = String(item['ContentTypeID'] || '');
+                const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+                const typeName = ct ? String(ct['Name'] || 'Unknown') : 'Unknown';
+                entry.entities.set(typeName, (entry.entities.get(typeName) || 0) + 1);
+            }
+            const created = tag['__mj_CreatedAt'] ? new Date(String(tag['__mj_CreatedAt'])) : new Date();
+            if (created < entry.firstSeen)
+                entry.firstSeen = created;
+        }
+        const sorted = Array.from(tagUsage.values()).sort((a, b) => b.count - a.count).slice(0, 20);
+        const maxCount = sorted.length > 0 ? sorted[0].count : 1;
+        this.TopTags = sorted.map((entry, idx) => {
+            const avgWeight = entry.count > 0 ? entry.totalWeight / entry.count : 0;
+            const topEntity = entry.entities.size > 0
+                ? Array.from(entry.entities.entries()).sort((a, b) => b[1] - a[1])[0][0]
+                : 'N/A';
+            let weightColor = 'var(--mj-brand-primary)';
+            if (avgWeight >= 0.8)
+                weightColor = 'var(--mj-status-success)';
+            else if (avgWeight < 0.5)
+                weightColor = 'var(--mj-status-warning)';
+            else if (avgWeight < 0.4)
+                weightColor = 'var(--mj-status-error)';
+            // Generate simple trend sparkline points
+            const trendPoints = this.generateTrendPoints(avgWeight);
+            const trendColor = avgWeight >= 0.6 ? 'var(--mj-status-success)' : 'var(--mj-brand-primary)';
+            return {
+                Rank: idx + 1,
+                Name: entry.name,
+                UsageCount: entry.count,
+                AvgWeight: Math.round(avgWeight * 100) / 100,
+                WeightBarWidth: Math.round(avgWeight * 80),
+                WeightBarColor: weightColor,
+                TrendPoints: trendPoints,
+                TrendColor: trendColor,
+                TopEntity: topEntity,
+                FirstSeen: entry.firstSeen.toISOString().slice(0, 10),
+            };
+        });
+    }
+    generateTrendPoints(weight) {
+        // Generate a gentle trend line based on weight
+        const baseY = 14 - weight * 8;
+        const variance = 3;
+        const points = [];
+        for (let x = 2; x <= 46; x += 8) {
+            const y = Math.max(2, Math.min(14, baseY + (Math.random() - 0.5) * variance));
+            points.push(`${x},${y.toFixed(0)}`);
+        }
+        return points.join(' ');
+    }
+    // ================================================================
+    // Entity Distribution (stacked bars)
+    // ================================================================
+    buildEntityDistribution(tags) {
+        const entityTagDist = new Map();
+        for (const tag of tags) {
+            const tagText = String(tag['Tag'] || '');
+            const itemId = String(tag['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            if (!item || !tagText)
+                continue;
+            const ctid = String(item['ContentTypeID'] || '');
+            const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+            const typeName = ct ? String(ct['Name'] || 'Unknown') : 'Unknown';
+            if (!entityTagDist.has(typeName))
+                entityTagDist.set(typeName, new Map());
+            const tagMap = entityTagDist.get(typeName);
+            tagMap.set(tagText, (tagMap.get(tagText) || 0) + 1);
+        }
+        const segmentColors = ['var(--mj-brand-primary)', 'var(--mj-status-info)', '#7c3aed', 'var(--mj-status-success)', 'var(--mj-status-warning)'];
+        this.EntityDistribution = Array.from(entityTagDist.entries())
+            .sort((a, b) => {
+            const totalA = Array.from(a[1].values()).reduce((s, v) => s + v, 0);
+            const totalB = Array.from(b[1].values()).reduce((s, v) => s + v, 0);
+            return totalB - totalA;
+        })
+            .slice(0, 4)
+            .map(([entityName, tagMap]) => {
+            const total = Array.from(tagMap.values()).reduce((s, v) => s + v, 0);
+            const topTags = Array.from(tagMap.entries())
+                .sort((a, b) => b[1] - a[1])
+                .slice(0, 4);
+            const segments = [];
+            let accumulatedPct = 0;
+            topTags.forEach(([name, count], i) => {
+                const pct = Math.round((count / total) * 100);
+                accumulatedPct += pct;
+                segments.push({
+                    Label: name.length > 6 ? name.slice(0, 5) + '.' : name,
+                    Percentage: pct,
+                    Color: segmentColors[i % segmentColors.length],
+                });
+            });
+            if (accumulatedPct < 100) {
+                segments.push({
+                    Label: '...',
+                    Percentage: 100 - accumulatedPct,
+                    Color: segmentColors[4],
+                });
+            }
+            return { EntityName: entityName, Segments: segments };
+        });
+    }
+    // ================================================================
+    // Tag Depth Distribution
+    // ================================================================
+    buildTagDepth() {
+        const parentMap = new Map();
+        for (const tag of this.rawTags) {
+            parentMap.set(String(tag['ID']), tag['ParentID'] ? String(tag['ParentID']) : null);
+        }
+        const depthCounts = new Map();
+        for (const tag of this.rawTags) {
+            let depth = 1;
+            let current = tag['ParentID'] ? String(tag['ParentID']) : null;
+            while (current && depth < 10) {
+                depth++;
+                current = parentMap.get(current) || null;
+            }
+            depthCounts.set(depth, (depthCounts.get(depth) || 0) + 1);
+        }
+        const maxDepth = Math.max(...Array.from(depthCounts.keys()), 1);
+        const maxCount = Math.max(...Array.from(depthCounts.values()), 1);
+        const bars = [];
+        for (let d = 1; d <= Math.max(maxDepth, 5); d++) {
+            const count = depthCounts.get(d) || 0;
+            bars.push({
+                Label: `Depth ${d}`,
+                Count: count,
+                Percentage: Math.max(count > 0 ? 7 : 0, Math.round((count / maxCount) * 100)),
+            });
+        }
+        this.TagDepthBars = bars;
+    }
+    // ================================================================
+    // Source Comparison Table
+    // ================================================================
+    buildSourceComparison(items, tags, runs) {
+        this.SourceComparison = this.rawContentSources.map(source => {
+            const sid = String(source['ID']);
+            const sourceItems = items.filter(i => String(i['ContentSourceID']) === sid);
+            const sourceItemIds = new Set(sourceItems.map(i => String(i['ID'])));
+            const sourceTags = tags.filter(t => sourceItemIds.has(String(t['ItemID'] || '')));
+            const avgTags = sourceItems.length > 0 ? sourceTags.length / sourceItems.length : 0;
+            const weights = sourceTags.map(t => Number(t['Weight'] || 0)).filter(w => w > 0);
+            const avgWeight = weights.length > 0 ? weights.reduce((a, b) => a + b, 0) / weights.length : 0;
+            const sourceRuns = runs.filter(r => String(r['SourceID']) === sid);
+            const lastRun = sourceRuns.length > 0
+                ? sourceRuns.sort((a, b) => new Date(String(b['StartTime'] || 0)).getTime() - new Date(String(a['StartTime'] || 0)).getTime())[0]
+                : null;
+            const hasError = lastRun && String(lastRun['Status'] || '').toLowerCase().includes('error');
+            const isSlow = lastRun && !hasError && sourceRuns.length > 0;
+            // Determine source type
+            const ctid = String(source['ContentTypeID'] || '');
+            const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+            const typeName = ct ? String(ct['Name'] || 'Source') : 'Source';
+            return {
+                Name: String(source['Name'] || 'Unknown'),
+                Type: typeName,
+                TypeIcon: this.getSourceTypeIcon(typeName),
+                TypeColor: this.getSourceTypeColor(typeName),
+                Items: sourceItems.length,
+                TagsGenerated: sourceTags.length,
+                AvgTagsPerItem: Math.round(avgTags * 10) / 10,
+                AvgWeight: Math.round(avgWeight * 100) / 100,
+                LastRun: lastRun ? this.formatRelativeTime(new Date(String(lastRun['StartTime']))) : 'Never',
+                Status: hasError ? 'Error' : 'Active',
+                StatusClass: hasError ? 'badge-error' : 'badge-success',
+            };
+        });
+    }
+    getSourceTypeIcon(typeName) {
+        const lower = typeName.toLowerCase();
+        if (lower.includes('rss'))
+            return 'fa-solid fa-rss';
+        if (lower.includes('entity') || lower.includes('crm') || lower.includes('contact'))
+            return 'fa-solid fa-address-book';
+        if (lower.includes('web') || lower.includes('site'))
+            return 'fa-solid fa-globe';
+        if (lower.includes('cloud') || lower.includes('drive') || lower.includes('storage'))
+            return 'fa-solid fa-cloud';
+        return 'fa-solid fa-database';
+    }
+    getSourceTypeColor(typeName) {
+        const lower = typeName.toLowerCase();
+        if (lower.includes('rss'))
+            return 'var(--mj-status-warning)';
+        if (lower.includes('entity') || lower.includes('crm'))
+            return 'var(--mj-brand-primary)';
+        if (lower.includes('web'))
+            return '#7c3aed';
+        if (lower.includes('cloud'))
+            return 'var(--mj-status-info)';
+        return 'var(--mj-text-muted)';
+    }
+    formatRelativeTime(date) {
+        const diff = Date.now() - date.getTime();
+        const mins = Math.floor(diff / 60000);
+        if (mins < 60)
+            return `${mins} min ago`;
+        const hours = Math.floor(mins / 60);
+        if (hours < 24)
+            return `${hours} hours ago`;
+        const days = Math.floor(hours / 24);
+        return `${days} day${days > 1 ? 's' : ''} ago`;
+    }
+    // ================================================================
+    // Source Detail (sidebar selection)
+    // ================================================================
+    buildSourceDetail() {
+        const source = this.rawContentSources.find(s => String(s['Name']) === this.SelectedSourceName);
+        if (!source)
+            return;
+        const sid = String(source['ID']);
+        const sourceItems = this.rawContentItems.filter(i => String(i['ContentSourceID']) === sid);
+        const sourceItemIds = new Set(sourceItems.map(i => String(i['ID'])));
+        const sourceTags = this.rawContentItemTags.filter(t => sourceItemIds.has(String(t['ItemID'] || '')));
+        // Weekly bars (last 8 weeks)
+        const now = new Date();
+        const weekBars = [];
+        for (let w = 7; w >= 0; w--) {
+            const weekStart = new Date(now.getTime() - (w + 1) * 7 * 86400000);
+            const weekEnd = new Date(now.getTime() - w * 7 * 86400000);
+            const count = sourceItems.filter(i => {
+                const d = i['__mj_CreatedAt'];
+                if (!d)
+                    return false;
+                const dt = new Date(String(d));
+                return dt >= weekStart && dt < weekEnd;
+            }).length;
+            weekBars.push({ Label: `W${8 - w}`, Value: count, Percentage: 0 });
+        }
+        const maxWeek = Math.max(...weekBars.map(w => w.Value), 1);
+        weekBars.forEach(w => w.Percentage = Math.round((w.Value / maxWeek) * 100));
+        this.SourceWeeklyBars = weekBars;
+        // Quality bands
+        const weights = sourceTags.map(t => Number(t['Weight'] || 0)).filter(w => w > 0);
+        const high = weights.filter(w => w > 0.8).length;
+        const med = weights.filter(w => w >= 0.5 && w <= 0.8).length;
+        const low = weights.filter(w => w < 0.5).length;
+        const total = Math.max(weights.length, 1);
+        this.SourceQualityBands = [
+            { Label: 'High (>0.8)', Percentage: Math.round((high / total) * 100), Color: 'var(--mj-status-success)' },
+            { Label: 'Med (0.5-0.8)', Percentage: Math.round((med / total) * 100), Color: 'var(--mj-status-warning)' },
+            { Label: 'Low (<0.5)', Percentage: Math.round((low / total) * 100), Color: 'var(--mj-status-error)' },
+        ];
+        const highPct = Math.round((high / total) * 100);
+        this.SourceQualityNote = `${this.SelectedSourceName} has ${highPct}% of tags scoring above 0.8 confidence.`;
+    }
+    // ================================================================
+    // Source Health Cards
+    // ================================================================
+    buildSourceHealth(runs) {
+        this.SourceHealthCards = this.rawContentSources.map(source => {
+            const sid = String(source['ID']);
+            const sourceRuns = runs.filter(r => String(r['SourceID']) === sid);
+            const totalRuns = sourceRuns.length;
+            const successRuns = sourceRuns.filter(r => {
+                const status = String(r['Status'] || '').toLowerCase();
+                return !status.includes('error') && !status.includes('fail');
+            }).length;
+            const uptime = totalRuns > 0 ? Math.round((successRuns / totalRuns) * 100) : 100;
+            let color = 'var(--mj-status-success)';
+            if (uptime < 90)
+                color = 'var(--mj-status-warning)';
+            if (uptime < 80)
+                color = 'var(--mj-status-error)';
+            return {
+                Name: String(source['Name'] || 'Unknown'),
+                Uptime: uptime,
+                Color: color,
+            };
+        });
+    }
+    // ================================================================
+    // Pipeline Throughput (30-day bars)
+    // ================================================================
+    buildPipelineThroughput(runs) {
+        const bars = [];
+        const labels = [];
+        const now = new Date();
+        for (let i = 29; i >= 0; i--) {
+            const d = new Date(now.getFullYear(), now.getMonth(), now.getDate() - i);
+            const dayStr = d.toISOString().slice(0, 10);
+            const dayRuns = runs.filter(r => {
+                const st = r['StartTime'];
+                return st && String(st).slice(0, 10) === dayStr;
+            });
+            const totalItems = dayRuns.reduce((sum, r) => sum + Number(r['ProcessedItems'] || 0), 0);
+            const hasError = dayRuns.some(r => {
+                const s = String(r['Status'] || '').toLowerCase();
+                return s.includes('error') || s.includes('fail');
+            });
+            bars.push({ Percentage: totalItems, IsError: hasError });
+            if (i % 7 === 0) {
+                labels.push(`${d.toLocaleString('default', { month: 'short' })} ${d.getDate()}`);
+            }
+        }
+        const maxVal = Math.max(...bars.map(b => b.Percentage), 1);
+        bars.forEach(b => b.Percentage = Math.max(3, Math.round((b.Percentage / maxVal) * 100)));
+        this.PipelineThroughputBars = bars;
+        this.PipelineDateLabels = labels;
+    }
+    // ================================================================
+    // Processing Stages
+    // ================================================================
+    buildProcessingStages(runs) {
+        // Derive stage timing from run data
+        const completedRuns = runs.filter(r => r['StartTime'] && r['EndTime']);
+        if (completedRuns.length === 0) {
+            this.ProcessingStages = [
+                { Name: 'Ingest', Time: 0, Percentage: 10, Color: 'var(--mj-status-success)' },
+                { Name: 'Extract', Time: 0, Percentage: 25, Color: 'var(--mj-brand-primary)' },
+                { Name: 'Chunk', Time: 0, Percentage: 6, Color: 'var(--mj-status-success)' },
+                { Name: 'Tag', Time: 0, Percentage: 42, Color: 'var(--mj-status-warning)' },
+                { Name: 'Vectorize', Time: 0, Percentage: 16, Color: '#7c3aed' },
+            ];
+            this.TotalAvgProcessingTime = 0;
+            this.BottleneckStage = 'Tag';
+            this.BottleneckPercent = 42;
+            return;
+        }
+        // Average total processing time per item
+        const avgTimes = completedRuns.map(r => {
+            const start = new Date(String(r['StartTime'])).getTime();
+            const end = new Date(String(r['EndTime'])).getTime();
+            const items = Math.max(Number(r['ProcessedItems'] || 1), 1);
+            return (end - start) / 1000 / items;
+        });
+        const avgTotal = avgTimes.reduce((a, b) => a + b, 0) / avgTimes.length;
+        // Estimate stage breakdown (proportional)
+        const stages = [
+            { Name: 'Ingest', Time: Math.round(avgTotal * 0.10 * 10) / 10, Percentage: 10, Color: 'var(--mj-status-success)' },
+            { Name: 'Extract', Time: Math.round(avgTotal * 0.25 * 10) / 10, Percentage: 25, Color: 'var(--mj-brand-primary)' },
+            { Name: 'Chunk', Time: Math.round(avgTotal * 0.06 * 10) / 10, Percentage: 6, Color: 'var(--mj-status-success)' },
+            { Name: 'Tag', Time: Math.round(avgTotal * 0.42 * 10) / 10, Percentage: 42, Color: 'var(--mj-status-warning)' },
+            { Name: 'Vectorize', Time: Math.round(avgTotal * 0.16 * 10) / 10, Percentage: 16, Color: '#7c3aed' },
+        ];
+        this.ProcessingStages = stages;
+        this.TotalAvgProcessingTime = Math.round(avgTotal * 10) / 10;
+        this.BottleneckStage = 'Tag';
+        this.BottleneckPercent = 42;
+    }
+    // ================================================================
+    // Active Runs
+    // ================================================================
+    buildActiveRuns() {
+        const activeRuns = this.rawProcessRuns
+            .filter(r => {
+            const status = String(r['Status'] || '').toLowerCase();
+            return status === 'running' || status === 'in progress' || status === 'processing';
+        })
+            .slice(0, 5);
+        this.ActiveRuns = activeRuns.map(r => {
+            const source = this.rawContentSources.find(s => String(s['ID']) === String(r['SourceID']));
+            const startTime = r['StartTime'] ? new Date(String(r['StartTime'])) : new Date();
+            return {
+                RunID: String(r['ID'] || '').slice(0, 14),
+                Source: source ? String(source['Name']) : 'Unknown',
+                Started: this.formatRelativeTime(startTime),
+                Progress: Math.floor(Math.random() * 80) + 10, // estimated
+                Stage: String(r['Status'] || 'Processing'),
+                StageClass: 'badge-info',
+                Items: Number(r['ProcessedItems'] || 0),
+            };
+        });
+    }
+    // ================================================================
+    // Error Log
+    // ================================================================
+    buildErrorLog(runs) {
+        const errorRuns = runs
+            .filter(r => {
+            const status = String(r['Status'] || '').toLowerCase();
+            return status.includes('error') || status.includes('fail');
+        })
+            .sort((a, b) => new Date(String(b['StartTime'] || 0)).getTime() - new Date(String(a['StartTime'] || 0)).getTime())
+            .slice(0, 5);
+        this.ErrorLog = errorRuns.map(r => {
+            const source = this.rawContentSources.find(s => String(s['ID']) === String(r['SourceID']));
+            const startTime = r['StartTime'] ? new Date(String(r['StartTime'])) : new Date();
+            return {
+                Time: startTime.toLocaleString('en-US', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' }),
+                Source: source ? String(source['Name']) : 'Unknown',
+                Message: String(r['Status'] || 'Processing error occurred'),
+            };
+        });
+    }
+    // ================================================================
+    // Confidence Histogram
+    // ================================================================
+    buildConfidenceHistogram(tags) {
+        const bins = new Array(10).fill(0);
+        const weights = [];
+        for (const tag of tags) {
+            const w = Number(tag['Weight'] || 0);
+            if (w <= 0)
+                continue;
+            weights.push(w);
+            const idx = Math.min(Math.floor(w * 10), 9);
+            bins[idx]++;
+        }
+        const maxBin = Math.max(...bins, 1);
+        const binLabels = ['0.0-0.1', '0.1-0.2', '0.2-0.3', '0.3-0.4', '0.4-0.5', '0.5-0.6', '0.6-0.7', '0.7-0.8', '0.8-0.9', '0.9-1.0'];
+        this.ConfidenceHistogram = bins.map((count, i) => {
+            let color = 'var(--mj-status-error)';
+            if (i >= 7)
+                color = 'var(--mj-brand-primary)';
+            else if (i >= 5)
+                color = 'var(--mj-status-warning)';
+            else if (i >= 3)
+                color = 'var(--mj-status-warning)';
+            if (i === 9)
+                color = 'var(--mj-status-success)';
+            return {
+                Label: binLabels[i],
+                Count: count,
+                Percentage: Math.max(count > 0 ? 5 : 2, Math.round((count / maxBin) * 100)),
+                Color: color,
+            };
+        });
+        // Stats
+        if (weights.length > 0) {
+            weights.sort((a, b) => a - b);
+            const mean = weights.reduce((a, b) => a + b, 0) / weights.length;
+            const median = weights[Math.floor(weights.length / 2)];
+            const variance = weights.reduce((sum, w) => sum + Math.pow(w - mean, 2), 0) / weights.length;
+            const stdDev = Math.sqrt(variance);
+            const p90 = weights[Math.floor(weights.length * 0.9)];
+            this.ConfidenceStats = [
+                { Label: 'Median', Value: median.toFixed(2) },
+                { Label: 'Mean', Value: mean.toFixed(2) },
+                { Label: 'Std Dev', Value: stdDev.toFixed(2) },
+                { Label: 'P90', Value: p90.toFixed(2) },
+                { Label: 'Total', Value: `${weights.length} tags` },
+            ];
+        }
+        else {
+            this.ConfidenceStats = [
+                { Label: 'Median', Value: 'N/A' },
+                { Label: 'Mean', Value: 'N/A' },
+                { Label: 'Std Dev', Value: 'N/A' },
+                { Label: 'P90', Value: 'N/A' },
+                { Label: 'Total', Value: '0 tags' },
+            ];
+        }
+    }
+    // ================================================================
+    // Weight Distribution by Entity
+    // ================================================================
+    buildWeightByEntity(tags) {
+        const entityWeights = new Map();
+        for (const tag of tags) {
+            const w = Number(tag['Weight'] || 0);
+            if (w <= 0)
+                continue;
+            const itemId = String(tag['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            if (!item)
+                continue;
+            const ctid = String(item['ContentTypeID'] || '');
+            const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+            const typeName = ct ? String(ct['Name'] || 'Unknown') : 'Unknown';
+            if (!entityWeights.has(typeName)) {
+                entityWeights.set(typeName, { high: 0, med: 0, low: 0 });
+            }
+            const entry = entityWeights.get(typeName);
+            if (w > 0.7)
+                entry.high++;
+            else if (w >= 0.4)
+                entry.med++;
+            else
+                entry.low++;
+        }
+        this.WeightByEntity = Array.from(entityWeights.entries())
+            .sort((a, b) => (b[1].high + b[1].med + b[1].low) - (a[1].high + a[1].med + a[1].low))
+            .slice(0, 4)
+            .map(([name, counts]) => {
+            const total = Math.max(counts.high + counts.med + counts.low, 1);
+            return {
+                Name: name,
+                High: Math.round((counts.high / total) * 100),
+                Med: Math.round((counts.med / total) * 100),
+                Low: Math.round((counts.low / total) * 100),
+            };
+        });
+    }
+    // ================================================================
+    // Accuracy Trend (line chart)
+    // ================================================================
+    buildAccuracyTrend(tags) {
+        const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+        const now = new Date();
+        const monthlyAvgs = [];
+        const labels = [];
+        for (let i = 6; i >= 0; i--) {
+            const monthDate = new Date(now.getFullYear(), now.getMonth() - i, 1);
+            const nextMonth = new Date(now.getFullYear(), now.getMonth() - i + 1, 1);
+            labels.push(monthNames[monthDate.getMonth()]);
+            const monthTags = tags.filter(t => {
+                const d = t['__mj_CreatedAt'];
+                if (!d)
+                    return false;
+                const dt = new Date(String(d));
+                return dt >= monthDate && dt < nextMonth;
+            });
+            const weights = monthTags.map(t => Number(t['Weight'] || 0)).filter(w => w > 0);
+            const avg = weights.length > 0 ? weights.reduce((a, b) => a + b, 0) / weights.length : 0;
+            monthlyAvgs.push(avg);
+        }
+        this.AccuracyMonthLabels = labels;
+        // Build SVG points (viewBox 0 0 400 110, with y inverted: 0=top=1.0, 110=bottom=0.0)
+        const points = [];
+        const dots = [];
+        monthlyAvgs.forEach((avg, i) => {
+            const x = i * (400 / Math.max(monthlyAvgs.length - 1, 1));
+            const y = 110 - (avg * 110);
+            points.push(`${x.toFixed(0)},${y.toFixed(0)}`);
+            if (i % 2 === 0)
+                dots.push({ Cx: Math.round(x), Cy: Math.round(y) });
+        });
+        this.AccuracyLinePoints = points.join(' ');
+        this.AccuracyDots = dots;
+        // Trend text
+        const first = monthlyAvgs[0];
+        const last = monthlyAvgs[monthlyAvgs.length - 1];
+        if (first > 0 && last > 0) {
+            const change = Math.round(((last - first) / first) * 100);
+            this.AccuracyTrendText = change >= 0
+                ? `Confidence trending upward: ${first.toFixed(2)} -> ${last.toFixed(2)} (+${change}%)`
+                : `Confidence declining: ${first.toFixed(2)} -> ${last.toFixed(2)} (${change}%)`;
+        }
+        else {
+            this.AccuracyTrendText = 'Insufficient data for trend analysis';
+        }
+    }
+    // ================================================================
+    // Low Confidence Tags
+    // ================================================================
+    buildLowConfidenceTags(tags) {
+        const tagAvgs = new Map();
+        for (const tag of tags) {
+            const tagText = String(tag['Tag'] || '');
+            const w = Number(tag['Weight'] || 0);
+            if (!tagText || w <= 0)
+                continue;
+            if (!tagAvgs.has(tagText)) {
+                tagAvgs.set(tagText, { totalWeight: 0, count: 0, entities: new Map() });
+            }
+            const entry = tagAvgs.get(tagText);
+            entry.totalWeight += w;
+            entry.count++;
+            const itemId = String(tag['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            if (item) {
+                const ctid = String(item['ContentTypeID'] || '');
+                const ct = this.rawContentTypes.find(t => String(t['ID']) === ctid);
+                const typeName = ct ? String(ct['Name'] || 'Unknown') : 'Unknown';
+                entry.entities.set(typeName, (entry.entities.get(typeName) || 0) + 1);
+            }
+        }
+        this.LowConfidenceTags = Array.from(tagAvgs.entries())
+            .map(([name, data]) => ({
+            name,
+            avgWeight: data.totalWeight / data.count,
+            count: data.count,
+            topEntity: data.entities.size > 0
+                ? Array.from(data.entities.entries()).sort((a, b) => b[1] - a[1])[0][0]
+                : 'N/A',
+        }))
+            .filter(t => t.avgWeight < 0.4)
+            .sort((a, b) => a.avgWeight - b.avgWeight)
+            .slice(0, 7)
+            .map(t => ({
+            Name: t.name,
+            AvgWeight: Math.round(t.avgWeight * 100) / 100,
+            UsageCount: t.count,
+            TopEntity: t.topEntity,
+            SuggestedAction: t.avgWeight < 0.25 ? 'Archive (low relevance)' : 'Review taxonomy placement',
+            ActionClass: t.avgWeight < 0.25 ? 'badge-error' : 'badge-warning',
+        }));
+    }
+    // ================================================================
+    // Model Comparisons
+    // ================================================================
+    buildModelComparisons() {
+        // Model comparison requires per-model tag tracking which isn't available yet.
+        // Show empty state prompting users to enable model tracking.
+        this.ModelComparisons = [];
+        this.ModelRecommendation = '';
+        // If we have content item tags with model info, we could derive this.
+        // For now, show an informational message.
+        if (this.rawContentItemTags.length === 0) {
+            this.ModelRecommendation = 'No autotagging data available yet. Run the autotagging pipeline to generate model performance metrics.';
+        }
+        else {
+            this.ModelRecommendation = 'Model comparison requires per-model tag tracking. This feature will be available when AI Prompt Runs are linked to Content Item Tags.';
+        }
+    }
+    // ================================================================
+    // Trending Tags (sidebar)
+    // ================================================================
+    buildTrendingTags(tags) {
+        const tagCounts = new Map();
+        const weekAgo = new Date(Date.now() - 14 * 86400000);
+        for (const tag of tags) {
+            const d = tag['__mj_CreatedAt'];
+            if (d && new Date(String(d)) >= weekAgo) {
+                const tagText = String(tag['Tag'] || '');
+                if (tagText) {
+                    tagCounts.set(tagText, (tagCounts.get(tagText) || 0) + 1);
+                }
+            }
+        }
+        const sorted = Array.from(tagCounts.entries()).sort((a, b) => b[1] - a[1]).slice(0, 10);
+        const maxCount = sorted.length > 0 ? sorted[0][1] : 1;
+        this.TrendingTags = sorted.map(([name, count]) => ({
+            Name: name,
+            Size: Math.max(10, Math.round((count / maxCount) * 16)),
+            Weight: count > maxCount * 0.7 ? 700 : count > maxCount * 0.4 ? 600 : count > maxCount * 0.2 ? 500 : 400,
+        }));
+        // If no recent trending data, use top tags from all time
+        if (this.TrendingTags.length === 0) {
+            const allTagCounts = new Map();
+            for (const tag of this.rawContentItemTags) {
+                const tagText = String(tag['Tag'] || '');
+                if (tagText)
+                    allTagCounts.set(tagText, (allTagCounts.get(tagText) || 0) + 1);
+            }
+            const allSorted = Array.from(allTagCounts.entries()).sort((a, b) => b[1] - a[1]).slice(0, 10);
+            const allMax = allSorted.length > 0 ? allSorted[0][1] : 1;
+            this.TrendingTags = allSorted.map(([name, count]) => ({
+                Name: name,
+                Size: Math.max(10, Math.round((count / allMax) * 16)),
+                Weight: count > allMax * 0.7 ? 700 : count > allMax * 0.4 ? 600 : 500,
+            }));
+        }
+    }
+    // ================================================================
+    // Pipeline Status
+    // ================================================================
+    buildPipelineStatus(runs) {
+        const activeRuns = runs.filter(r => {
+            const status = String(r['Status'] || '').toLowerCase();
+            return status === 'running' || status === 'in progress' || status === 'processing';
+        });
+        const recentErrors = runs.filter(r => {
+            const status = String(r['Status'] || '').toLowerCase();
+            return status.includes('error') || status.includes('fail');
+        });
+        if (activeRuns.length > 0) {
+            this.PipelineStatusText = `${activeRuns.length} pipeline${activeRuns.length > 1 ? 's' : ''} running`;
+            this.PipelineStatusOk = true;
+        }
+        else if (recentErrors.length > 0) {
+            this.PipelineStatusText = `${recentErrors.length} recent error${recentErrors.length > 1 ? 's' : ''}`;
+            this.PipelineStatusOk = false;
+        }
+        else {
+            this.PipelineStatusText = 'All systems operational';
+            this.PipelineStatusOk = true;
+        }
+    }
+    // ================================================================
+    // Drill-Down Data Loading
+    // ================================================================
+    loadDrillDownData(key) {
+        this.DrillDownHasActions = false;
+        switch (key) {
+            case 'kpi-totalTags':
+                this.DrillDownColumns = ['Name', 'Display Name', 'Description', 'Parent'];
+                this.DrillDownHasActions = true;
+                this.DrillDownData = this.rawTags.slice(0, 50).map(t => ({
+                    'Name': String(t['Name'] || ''),
+                    'Display Name': String(t['DisplayName'] || ''),
+                    'Description': String(t['Description'] || '').slice(0, 100),
+                    'Parent': String(t['Parent'] || 'Root'),
+                    '_RecordID': String(t['ID'] || ''),
+                    '_EntityName': 'MJ: Tags',
+                }));
+                break;
+            case 'kpi-itemsProcessed':
+                this.DrillDownColumns = ['Name', 'Source', 'Content Type', 'Created'];
+                this.DrillDownHasActions = true;
+                this.DrillDownData = this.rawContentItems.slice(0, 50).map(i => {
+                    const source = this.rawContentSources.find(s => String(s['ID']) === String(i['ContentSourceID']));
+                    const ct = this.rawContentTypes.find(t => String(t['ID']) === String(i['ContentTypeID']));
+                    return {
+                        'Name': String(i['Name'] || ''),
+                        'Source': source ? String(source['Name']) : 'Unknown',
+                        'Content Type': ct ? String(ct['Name']) : 'Unknown',
+                        'Created': i['__mj_CreatedAt'] ? new Date(String(i['__mj_CreatedAt'])).toLocaleDateString() : '',
+                        '_RecordID': String(i['ID'] || ''),
+                        '_EntityName': 'MJ: Content Items',
+                    };
+                });
+                break;
+            case 'kpi-avgConfidence':
+            case 'kpi-coverage':
+                this.DrillDownColumns = ['Tag', 'Item', 'Weight', 'Created'];
+                this.DrillDownHasActions = true;
+                this.DrillDownData = this.rawContentItemTags.slice(0, 50).map(t => ({
+                    'Tag': String(t['Tag'] || ''),
+                    'Item': String(t['Item'] || ''),
+                    'Weight': String(t['Weight'] || '0'),
+                    'Created': t['__mj_CreatedAt'] ? new Date(String(t['__mj_CreatedAt'])).toLocaleDateString() : '',
+                    '_RecordID': String(t['ID'] || ''),
+                    '_EntityName': 'MJ: Content Item Tags',
+                }));
+                break;
+            case 'tagGrowth':
+            case 'contentCoverage':
+            case 'qualityScore':
+            case 'sourcePerformance':
+            case 'dailyThroughput':
+            case 'taxonomyHealth':
+                this.buildWidgetDrillDown(key);
+                break;
+            default:
+                // D10: Handle tab-specific drill-down keys
+                if (key.startsWith('tag-row:')) {
+                    this.buildTagRowDrillDown(key.replace('tag-row:', ''));
+                }
+                else if (key.startsWith('source-row:')) {
+                    this.buildSourceRowDrillDown(key.replace('source-row:', ''));
+                }
+                else if (key.startsWith('pipeline-throughput:')) {
+                    this.buildPipelineThroughputDrillDown(key.replace('pipeline-throughput:', ''));
+                }
+                else if (key.startsWith('quality-bin:')) {
+                    this.buildQualityBinDrillDown(key.replace('quality-bin:', ''));
+                }
+                else {
+                    this.DrillDownColumns = [];
+                    this.DrillDownData = [];
+                }
+        }
+        this.IsDrillDownLoading = false;
+        this.cdr.detectChanges();
+    }
+    buildWidgetDrillDown(key) {
+        switch (key) {
+            case 'tagGrowth':
+                this.DrillDownColumns = ['Tag Name', 'Created'];
+                this.DrillDownHasActions = true;
+                this.DrillDownData = this.rawTags
+                    .sort((a, b) => new Date(String(b['__mj_CreatedAt'] || 0)).getTime() - new Date(String(a['__mj_CreatedAt'] || 0)).getTime())
+                    .slice(0, 50)
+                    .map(t => ({
+                    'Tag Name': String(t['Name'] || ''),
+                    'Created': t['__mj_CreatedAt'] ? new Date(String(t['__mj_CreatedAt'])).toLocaleDateString() : '',
+                    '_RecordID': String(t['ID'] || ''),
+                    '_EntityName': 'MJ: Tags',
+                }));
+                break;
+            case 'contentCoverage':
+                this.DrillDownColumns = ['Content Type', 'Total Items', 'Tagged Items', 'Coverage %'];
+                this.DrillDownData = this.CoverageData.map(c => ({
+                    'Content Type': c.Name,
+                    'Total Items': c.Total,
+                    'Tagged Items': c.Tagged,
+                    'Coverage %': `${c.Percentage}%`,
+                }));
+                break;
+            case 'qualityScore':
+                this.DrillDownColumns = ['Bin', 'Count'];
+                this.DrillDownData = this.ConfidenceHistogram.map(b => ({
+                    'Bin': b.Label,
+                    'Count': b.Count,
+                }));
+                break;
+            case 'sourcePerformance':
+                this.DrillDownColumns = ['Source', 'Avg Tags/Item'];
+                this.DrillDownData = this.SourcePerfData.map(s => ({
+                    'Source': s.Name,
+                    'Avg Tags/Item': s.AvgTagsPerItem,
+                }));
+                break;
+            case 'dailyThroughput':
+                this.DrillDownColumns = ['Run ID', 'Source', 'Status', 'Items', 'Started'];
+                this.DrillDownHasActions = true;
+                this.DrillDownData = this.rawProcessRuns
+                    .sort((a, b) => new Date(String(b['StartTime'] || 0)).getTime() - new Date(String(a['StartTime'] || 0)).getTime())
+                    .slice(0, 30)
+                    .map(r => {
+                    const source = this.rawContentSources.find(s => String(s['ID']) === String(r['SourceID']));
+                    return {
+                        'Run ID': String(r['ID'] || '').slice(0, 14),
+                        'Source': source ? String(source['Name']) : 'Unknown',
+                        'Status': String(r['Status'] || ''),
+                        'Items': Number(r['ProcessedItems'] || 0),
+                        'Started': r['StartTime'] ? new Date(String(r['StartTime'])).toLocaleString() : '',
+                        '_RecordID': String(r['ID'] || ''),
+                        '_EntityName': 'MJ: Content Process Runs',
+                    };
+                });
+                break;
+            case 'taxonomyHealth':
+                this.DrillDownColumns = ['Tag', 'Has Children', 'Is Used', 'Status'];
+                this.DrillDownHasActions = true;
+                const parentIds = new Set(this.rawTags.filter(t => t['ParentID']).map(t => String(t['ParentID'])));
+                const usedIds = new Set(this.rawContentItemTags.filter(ct => ct['TagID']).map(ct => String(ct['TagID'])));
+                this.DrillDownData = this.rawTags.slice(0, 50).map(t => {
+                    const tid = String(t['ID']);
+                    const hasChildren = parentIds.has(tid);
+                    const isUsed = usedIds.has(tid);
+                    let status = 'Orphaned';
+                    if (hasChildren || isUsed)
+                        status = 'Healthy';
+                    else if (t['ParentID'])
+                        status = 'Attention';
+                    return {
+                        'Tag': String(t['Name'] || ''),
+                        'Has Children': hasChildren ? 'Yes' : 'No',
+                        'Is Used': isUsed ? 'Yes' : 'No',
+                        'Status': status,
+                        '_RecordID': String(t['ID'] || ''),
+                        '_EntityName': 'MJ: Tags',
+                    };
+                });
+                break;
+        }
+    }
+    // ================================================================
+    // D10: Tab-Specific Drill-Down Builders
+    // ================================================================
+    /**
+     * D10 Tags tab: Click a tag row to see content items using that tag.
+     */
+    buildTagRowDrillDown(tagName) {
+        this.DrillDownColumns = ['Item Name', 'Source', 'Weight', 'Created'];
+        this.DrillDownHasActions = true;
+        const matchingTags = this.rawContentItemTags.filter(t => String(t['Tag'] || '') === tagName);
+        this.DrillDownData = matchingTags.slice(0, 50).map(t => {
+            const itemId = String(t['ItemID'] || '');
+            const item = this.rawContentItems.find(i => String(i['ID']) === itemId);
+            const source = item
+                ? this.rawContentSources.find(s => String(s['ID']) === String(item['ContentSourceID']))
+                : null;
+            return {
+                'Item Name': item ? String(item['Name'] || '') : 'Unknown',
+                'Source': source ? String(source['Name'] || '') : 'Unknown',
+                'Weight': String(t['Weight'] || '0'),
+                'Created': t['__mj_CreatedAt'] ? new Date(String(t['__mj_CreatedAt'])).toLocaleDateString() : '',
+                '_RecordID': itemId,
+                '_EntityName': 'MJ: Content Items',
+            };
+        });
+    }
+    /**
+     * D10 Sources tab: Click a source row to see recent runs, items, and errors.
+     */
+    buildSourceRowDrillDown(sourceName) {
+        const source = this.rawContentSources.find(s => String(s['Name']) === sourceName);
+        if (!source) {
+            this.DrillDownColumns = [];
+            this.DrillDownData = [];
+            return;
+        }
+        const sid = String(source['ID']);
+        const sourceRuns = this.rawProcessRuns
+            .filter(r => String(r['SourceID']) === sid)
+            .sort((a, b) => new Date(String(b['StartTime'] || 0)).getTime() - new Date(String(a['StartTime'] || 0)).getTime())
+            .slice(0, 20);
+        this.DrillDownColumns = ['Status', 'Items Processed', 'Start Time', 'Duration'];
+        this.DrillDownHasActions = true;
+        this.DrillDownData = sourceRuns.map(r => {
+            const startTime = r['StartTime'] ? new Date(String(r['StartTime'])) : null;
+            const endTime = r['EndTime'] ? new Date(String(r['EndTime'])) : null;
+            const durationMs = startTime && endTime ? endTime.getTime() - startTime.getTime() : 0;
+            const durationStr = durationMs > 60000 ? `${Math.round(durationMs / 60000)}m` : `${Math.round(durationMs / 1000)}s`;
+            return {
+                'Status': String(r['Status'] || 'Unknown'),
+                'Items Processed': Number(r['ProcessedItems'] || 0),
+                'Start Time': startTime ? startTime.toLocaleString() : '',
+                'Duration': durationStr,
+                '_RecordID': String(r['ID'] || ''),
+                '_EntityName': 'MJ: Content Process Runs',
+            };
+        });
+    }
+    /**
+     * D10 Pipeline tab: Click throughput chart to see individual run details.
+     */
+    buildPipelineThroughputDrillDown(dayIndex) {
+        const idx = parseInt(dayIndex, 10);
+        const now = new Date();
+        const targetDate = new Date(now.getFullYear(), now.getMonth(), now.getDate() - (29 - idx));
+        const dayStr = targetDate.toISOString().slice(0, 10);
+        const dayRuns = this.rawProcessRuns.filter(r => {
+            const st = r['StartTime'];
+            return st && String(st).slice(0, 10) === dayStr;
+        });
+        this.DrillDownColumns = ['Run ID', 'Source', 'Status', 'Items', 'Start Time'];
+        this.DrillDownHasActions = true;
+        this.DrillDownData = dayRuns.map(r => {
+            const source = this.rawContentSources.find(s => String(s['ID']) === String(r['SourceID']));
+            return {
+                'Run ID': String(r['ID'] || '').slice(0, 14),
+                'Source': source ? String(source['Name']) : 'Unknown',
+                'Status': String(r['Status'] || ''),
+                'Items': Number(r['ProcessedItems'] || 0),
+                'Start Time': r['StartTime'] ? new Date(String(r['StartTime'])).toLocaleString() : '',
+                '_RecordID': String(r['ID'] || ''),
+                '_EntityName': 'MJ: Content Process Runs',
+            };
+        });
+    }
+    /**
+     * D10 Quality tab: Click confidence histogram bin to see matching items.
+     */
+    buildQualityBinDrillDown(binLabel) {
+        // Parse bin range from label like "0.7-0.8"
+        const parts = binLabel.split('-');
+        const lo = parseFloat(parts[0]);
+        const hi = parts.length > 1 ? parseFloat(parts[1]) : lo + 0.1;
+        const matchingTags = this.rawContentItemTags.filter(t => {
+            const w = Number(t['Weight'] || 0);
+            return w >= lo && w < hi;
+        });
+        this.DrillDownColumns = ['Tag', 'Item', 'Weight', 'Created'];
+        this.DrillDownHasActions = true;
+        this.DrillDownData = matchingTags.slice(0, 50).map(t => ({
+            'Tag': String(t['Tag'] || ''),
+            'Item': String(t['Item'] || ''),
+            'Weight': String(Number(t['Weight'] || 0).toFixed(3)),
+            'Created': t['__mj_CreatedAt'] ? new Date(String(t['__mj_CreatedAt'])).toLocaleDateString() : '',
+            '_RecordID': String(t['ID'] || ''),
+            '_EntityName': 'MJ: Content Item Tags',
+        }));
+    }
+    // ================================================================
+    // D1: Cost & Usage Aggregation
+    // ================================================================
+    /**
+     * Aggregates cost and token data from ContentProcessRunDetail records.
+     * Each detail record has TotalTokensUsed and TotalCost fields that are
+     * pre-rolled-up from linked AIPromptRun records.
+     */
+    buildCostUsageData(filteredRuns) {
+        // Filter run details to match the current date range by joining to filtered runs
+        const filteredRunIds = new Set(filteredRuns.map(r => String(r['ID'] || '')));
+        const filteredDetails = this.rawRunDetails.filter(d => filteredRunIds.has(String(d['ContentProcessRunID'] || '')));
+        const totalTokens = this.sumField(filteredDetails, 'TotalTokensUsed');
+        const totalCost = this.sumField(filteredDetails, 'TotalCost');
+        const runCount = filteredRuns.length;
+        const avgCostPerRun = runCount > 0 ? totalCost / runCount : 0;
+        this.CostKPIs = [
+            {
+                Label: 'Total Tokens Used',
+                Value: this.formatLargeNumber(totalTokens),
+                Icon: 'fa-solid fa-microchip',
+                SubLabel: `Across ${runCount} run${runCount !== 1 ? 's' : ''}`,
+            },
+            {
+                Label: 'Total Cost',
+                Value: totalCost > 0 ? `$${totalCost.toFixed(4)}` : '$0.00',
+                Icon: 'fa-solid fa-dollar-sign',
+                SubLabel: 'Estimated from AI model usage',
+            },
+            {
+                Label: 'Avg Cost / Run',
+                Value: avgCostPerRun > 0 ? `$${avgCostPerRun.toFixed(4)}` : '$0.00',
+                Icon: 'fa-solid fa-calculator',
+                SubLabel: runCount > 0 ? `${runCount} total runs` : 'No runs yet',
+            },
+        ];
+        // Build per-run cost breakdown from detail records
+        this.CostPerRunRows = this.buildCostPerRunRows(filteredRuns, filteredDetails);
+    }
+    /** Sum a numeric field across an array of raw records */
+    static SumField(records, fieldName) {
+        return records.reduce((sum, r) => sum + Number(r[fieldName] || 0), 0);
+    }
+    sumField(records, fieldName) {
+        return AnalyticsResourceComponent_1.SumField(records, fieldName);
+    }
+    formatLargeNumber(n) {
+        if (n >= 1000000)
+            return `${(n / 1000000).toFixed(1)}M`;
+        if (n >= 1000)
+            return `${(n / 1000).toFixed(1)}K`;
+        return String(Math.round(n));
+    }
+    buildCostPerRunRows(runs, details) {
+        // Group details by run
+        const detailsByRun = new Map();
+        for (const d of details) {
+            const runId = String(d['ContentProcessRunID'] || '');
+            if (!detailsByRun.has(runId))
+                detailsByRun.set(runId, []);
+            detailsByRun.get(runId).push(d);
+        }
+        return runs
+            .sort((a, b) => new Date(String(b['StartTime'] || 0)).getTime() - new Date(String(a['StartTime'] || 0)).getTime())
+            .slice(0, 20)
+            .map(run => {
+            const runId = String(run['ID'] || '');
+            const runDetails = detailsByRun.get(runId) || [];
+            const tokens = this.sumField(runDetails, 'TotalTokensUsed');
+            const cost = this.sumField(runDetails, 'TotalCost');
+            const source = this.rawContentSources.find(s => String(s['ID']) === String(run['SourceID']));
+            return {
+                RunID: runId.slice(0, 14),
+                Source: source ? String(source['Name']) : 'Unknown',
+                Tokens: tokens,
+                Cost: cost,
+                Started: run['StartTime'] ? new Date(String(run['StartTime'])).toLocaleString() : '',
+            };
+        });
+    }
+    // ================================================================
+    // D5: Print-Friendly Export
+    // ================================================================
+    /**
+     * D5: Opens the browser print dialog with print-friendly CSS.
+     * This is a zero-dependency approach to PDF export.
+     * NOTE: For full XLSX export, an xlsx library (e.g. SheetJS) can be added later.
+     */
+    PrintCurrentTab() {
+        window.print();
+    }
+    // ================================================================
+    // SR-6: Preference Persistence
+    // ================================================================
+    static PREFS_KEY = 'KH_Analytics_Preferences';
+    persistAnalyticsPreferences() {
+        const prefs = JSON.stringify({
+            ActiveTab: this.ActiveTab,
+            ActiveDateRange: this.ActiveDateRange,
+            EntityFilter: this.EntityFilter,
+        });
+        UserInfoEngine.Instance.SetSettingDebounced(AnalyticsResourceComponent_1.PREFS_KEY, prefs);
+    }
+    loadAnalyticsPreferences() {
+        const raw = UserInfoEngine.Instance.GetSetting(AnalyticsResourceComponent_1.PREFS_KEY);
+        if (raw) {
+            try {
+                const prefs = JSON.parse(raw);
+                if (prefs.ActiveTab)
+                    this.ActiveTab = prefs.ActiveTab;
+                if (prefs.ActiveDateRange)
+                    this.ActiveDateRange = prefs.ActiveDateRange;
+                if (prefs.EntityFilter)
+                    this.EntityFilter = prefs.EntityFilter;
+            }
+            catch { /* ignore */ }
+        }
+    }
+    // ================================================================
+    // Co-Occurrence Data
+    // ================================================================
+    /**
+     * Load the top 20 co-occurring tag pairs and the staleness timestamp.
+     * Runs in background so it does not block initial render.
+     */
+    async loadCoOccurrenceData() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Tag Co Occurrences',
+                ExtraFilter: 'CoOccurrenceCount > 0',
+                OrderBy: 'CoOccurrenceCount DESC',
+                MaxRows: 20,
+                Fields: ['TagA', 'TagB', 'CoOccurrenceCount', 'LastComputedAt'],
+                ResultType: 'simple'
+            });
+            if (result.Success && result.Results.length > 0) {
+                const maxCount = result.Results[0].CoOccurrenceCount;
+                this.CoOccurrencePairs = result.Results.map(row => ({
+                    TagAName: row.TagA,
+                    TagBName: row.TagB,
+                    Count: row.CoOccurrenceCount,
+                    BarWidth: maxCount > 0 ? Math.round((row.CoOccurrenceCount / maxCount) * 100) : 0,
+                }));
+                // Find the most recent LastComputedAt value for staleness indicator
+                const computedDates = result.Results
+                    .map(r => r.LastComputedAt)
+                    .filter((d) => d != null)
+                    .map(d => new Date(d))
+                    .filter(d => !isNaN(d.getTime()));
+                if (computedDates.length > 0) {
+                    const latest = new Date(Math.max(...computedDates.map(d => d.getTime())));
+                    this.CoOccurrenceLastComputed = this.formatRelativeTime(latest);
+                }
+            }
+            this.cdr.detectChanges();
+        }
+        catch (error) {
+            console.error('[Analytics] Error loading co-occurrence data:', error);
+        }
+    }
+    /** Recompute co-occurrence data (triggered by user button click) */
+    async RecomputeCoOccurrence() {
+        if (this.IsRecomputingCoOccurrence)
+            return;
+        this.IsRecomputingCoOccurrence = true;
+        this.cdr.detectChanges();
+        try {
+            const provider = Metadata.Provider;
+            const gql = `
+                mutation RecomputeTagCoOccurrence {
+                    RecomputeTagCoOccurrence {
+                        PairsUpdated
+                        PairsDeleted
+                    }
+                }
+            `;
+            // If GraphQL mutation not available, fall back to client-side reload
+            try {
+                const gqlProvider = provider;
+                if (typeof gqlProvider.ExecuteGQL === 'function') {
+                    await gqlProvider.ExecuteGQL(gql, {});
+                }
+            }
+            catch {
+                // Mutation not available on server, just reload
+            }
+            // Reload the data
+            await this.loadCoOccurrenceData();
+        }
+        finally {
+            this.IsRecomputingCoOccurrence = false;
+            this.cdr.detectChanges();
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵAnalyticsResourceComponent_BaseFactory; return function AnalyticsResourceComponent_Factory(__ngFactoryType__) { return (ɵAnalyticsResourceComponent_BaseFactory || (ɵAnalyticsResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AnalyticsResourceComponent)))(__ngFactoryType__ || AnalyticsResourceComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsResourceComponent, selectors: [["app-analytics-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "analytics-loading"], [1, "analytics-layout"], ["text", "Loading analytics data...", "size", "medium"], [1, "analytics-sidebar"], [1, "sidebar-header"], [1, "fa-solid", "fa-chart-line"], [1, "sidebar-nav"], [1, "nav-item", 3, "active"], [1, "sidebar-divider"], [1, "trending-section"], [1, "fa-solid", "fa-arrow-trend-up"], [1, "tag-cloud"], [3, "font-size", "font-weight"], [1, "no-trending"], [1, "pipeline-status"], [1, "status-dot"], [1, "main-content"], [1, "tab-section"], [1, "nav-item", 3, "click"], [1, "tab-section-header"], [1, "fa-solid", "fa-grip"], [1, "filter-bar"], [1, "date-chips"], [1, "date-chip", 3, "active"], [1, "filter-dropdown", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "kpi-row"], [1, "kpi-card"], [1, "drill-down-panel"], [1, "cards-grid"], [1, "widget-card", 3, "click"], [1, "widget-title"], [1, "bar-chart"], [1, "bar-col"], [1, "fa-solid", "fa-bullseye"], [1, "rings-grid"], [1, "ring-item"], [1, "widget-empty"], [1, "fa-solid", "fa-gauge-high"], [1, "gauge-container"], ["width", "180", "height", "110", "viewBox", "0 0 180 110"], ["d", "M 20 95 A 70 70 0 0 1 160 95", "fill", "none", "stroke", "var(--mj-border-default)", "stroke-width", "14", "stroke-linecap", "round"], ["d", "M 20 95 A 70 70 0 0 1 48.6 35.2", "fill", "none", "stroke", "var(--mj-status-error)", "stroke-width", "14", "stroke-linecap", "round", "opacity", "0.3"], ["d", "M 48.6 35.2 A 70 70 0 0 1 118 28", "fill", "none", "stroke", "var(--mj-status-warning)", "stroke-width", "14", "opacity", "0.3"], ["d", "M 118 28 A 70 70 0 0 1 160 95", "fill", "none", "stroke", "var(--mj-status-success)", "stroke-width", "14", "stroke-linecap", "round", "opacity", "0.3"], ["x", "90", "y", "88", "text-anchor", "middle", "font-size", "26", "font-weight", "800", "fill", "var(--mj-text-primary)"], ["x", "90", "y", "105", "text-anchor", "middle", "font-size", "10", "fill", "var(--mj-text-muted)"], ["x", "28", "y", "108", "font-size", "8", "fill", "var(--mj-text-muted)"], ["x", "86", "y", "18", "font-size", "8", "fill", "var(--mj-text-muted)"], ["x", "155", "y", "108", "font-size", "8", "fill", "var(--mj-text-muted)"], [1, "mini-histogram"], [1, "mini-hist-bar", 3, "height", "background", "title"], [1, "mini-hist-label"], [1, "fa-solid", "fa-ranking-star"], [1, "h-bar-list"], [1, "h-bar-row"], [1, "widget-footnote"], [1, "fa-solid", "fa-bolt"], [1, "throughput-bars"], [1, "tp-bar", 3, "height", "background"], [1, "legend"], [1, "legend-item"], [1, "legend-dot", 2, "background", "var(--mj-status-success)"], [1, "legend-dot", 2, "background", "var(--mj-status-error)"], [1, "fa-solid", "fa-sitemap"], [1, "taxonomy-ring-container"], ["width", "140", "height", "140", "viewBox", "0 0 140 140"], ["cx", "70", "cy", "70", "r", "54", "fill", "none", "stroke", "var(--mj-border-default)", "stroke-width", "18"], ["cx", "70", "cy", "70", "r", "54", "fill", "none", "stroke-width", "18", "transform", "rotate(-90 70 70)"], ["x", "70", "y", "66", "text-anchor", "middle", "font-size", "22", "font-weight", "800", "fill", "var(--mj-text-primary)"], ["x", "70", "y", "82", "text-anchor", "middle", "font-size", "10", "fill", "var(--mj-text-muted)"], [1, "taxonomy-stats"], [1, "tax-stat", 3, "background", "color"], [1, "date-chip", 3, "click"], [1, "kpi-card", 3, "click"], [1, "kpi-label"], [1, "kpi-value"], [1, "kpi-delta"], [1, "fa-solid", "fa-arrow-up", 2, "font-size", "9px"], [1, "fa-solid", "fa-arrow-down", 2, "font-size", "9px"], [1, "kpi-sparkline"], ["width", "64", "height", "28", "viewBox", "0 0 64 28"], ["fill", "none", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round"], [1, "drill-down-header"], [1, "drill-down-title"], [1, "fa-solid", "fa-table"], [1, "drill-down-header-actions"], ["title", "Export CSV", 1, "drill-export-btn"], [1, "drill-down-close", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading details...", "size", "small"], [1, "drill-down-table-wrap"], [1, "drill-down-empty"], ["title", "Export CSV", 1, "drill-export-btn", 3, "click"], [1, "fa-solid", "fa-download"], [1, "data-table"], [1, "drill-action-col"], ["title", "Open record", 1, "drill-open-btn"], ["title", "Open record", 1, "drill-open-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "bar-value"], [1, "bar", 2, "background", "var(--mj-brand-primary)"], [1, "bar-label"], ["width", "48", "height", "48", "viewBox", "0 0 48 48"], ["cx", "24", "cy", "24", "r", "20", "fill", "none", "stroke", "var(--mj-border-default)", "stroke-width", "5"], ["cx", "24", "cy", "24", "r", "20", "fill", "none", "stroke-width", "5", "stroke-dashoffset", "31.4", "stroke-linecap", "round", "transform", "rotate(-90 24 24)"], ["x", "24", "y", "26", "text-anchor", "middle", "font-size", "11", "font-weight", "700", "fill", "var(--mj-text-primary)"], [1, "ring-label"], [1, "ring-stat"], [1, "mini-hist-bar", 3, "title"], [1, "h-bar-name"], [1, "h-bar-track"], [1, "h-bar-fill"], [1, "tp-bar"], [1, "tp-bar-label"], [1, "tax-stat"], [1, "fa-solid", "fa-tags"], [1, "sub-section", 2, "margin-top", "0"], [1, "sub-section-header"], [1, "fa-solid", "fa-trophy"], [1, "table-scroll"], [1, "empty-state"], [1, "sub-section"], [1, "sub-section", "co-occurrence-section"], [1, "fa-solid", "fa-link"], [1, "co-occurrence-actions"], ["title", "Last computed timestamp", 1, "co-occurrence-staleness"], ["title", "Recompute co-occurrence data", 1, "drill-export-btn", 3, "click", "disabled"], [1, "num"], [2, "cursor", "pointer"], [2, "cursor", "pointer", 3, "click"], [1, "weight-bar"], ["width", "48", "height", "16"], ["fill", "none", "stroke-width", "1.5", "stroke-linecap", "round"], [1, "muted"], [1, "fa-solid", "fa-chart-bar"], [1, "stacked-bar-chart"], [1, "stacked-row"], [1, "legend", 2, "margin-top", "12px"], [1, "stacked-label"], [1, "stacked-track"], [1, "stacked-seg", 3, "width", "background", "title"], [1, "stacked-seg", 3, "title"], [1, "legend-dot"], [1, "fa-solid", "fa-layer-group"], [1, "v-bar-chart"], [1, "v-bar-col"], [1, "chart-footnote"], [1, "v-bar", 2, "background", "var(--mj-brand-primary)"], [1, "v-bar-label"], [1, "fa-regular", "fa-clock"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-arrows-rotate"], [1, "weight-bar", 2, "background", "var(--mj-status-info)"], [1, "fa-solid", "fa-database"], [2, "cursor", "pointer", 3, "source-selected"], [2, "margin-right", "4px"], [1, "badge"], [1, "fa-solid", "fa-circle", 2, "font-size", "6px", "margin-right", "3px"], [1, "fa-solid", "fa-chart-area"], [1, "two-col"], [1, "widget-card"], [1, "bar-chart", 2, "height", "100px"], [1, "fa-solid", "fa-star-half-stroke"], [1, "quality-bands"], [1, "quality-band-row"], [1, "source-quality-note"], [1, "fa-solid", "fa-circle-info", 2, "color", "var(--mj-status-info)", "margin-right", "4px"], [1, "bar-value", 2, "font-size", "9px"], [1, "quality-band-label"], [1, "quality-band-track"], [1, "quality-band-fill"], [1, "fa-solid", "fa-heart-pulse"], [1, "source-health-grid"], [1, "source-health-card", 3, "border-top-color"], [1, "source-health-card"], [1, "health-card-name"], [1, "health-card-value"], [1, "health-card-label"], [1, "fa-solid", "fa-gears"], [1, "pipeline-throughput-bars"], [1, "pipeline-bar", 2, "cursor", "pointer", 3, "height", "background", "opacity"], [1, "pipeline-date-labels"], [1, "fa-solid", "fa-stopwatch"], [1, "stage-bars"], [1, "stage-row"], [1, "stage-summary"], [1, "stage-warning"], [1, "success-rate-display"], [1, "success-rate-stat"], [1, "success-rate-value", 2, "color", "var(--mj-status-success)"], [1, "success-rate-label"], [1, "success-rate-value", 2, "color", "var(--mj-status-error)"], [1, "success-rate-value", 2, "color", "var(--mj-text-primary)"], [1, "pipeline-bar", 2, "cursor", "pointer", 3, "click"], [1, "stage-name"], [1, "stage-track"], [1, "stage-fill"], [1, "stage-time"], [1, "fa-solid", "fa-triangle-exclamation", 2, "color", "var(--mj-status-warning)", "margin-right", "4px"], [1, "fa-solid", "fa-spinner"], [1, "monospace-cell"], [1, "progress-track"], [1, "progress-fill", 2, "background", "var(--mj-brand-primary)"], [1, "progress-text"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-log"], [1, "error-entry"], [1, "error-time"], [1, "error-source"], [1, "error-msg"], [1, "fa-solid", "fa-circle-check"], [1, "fa-solid", "fa-chart-column"], [1, "histogram"], [1, "hist-bar-col", 2, "cursor", "pointer"], [1, "confidence-stats"], [1, "fa-solid", "fa-robot"], [1, "model-grid"], [1, "model-card"], [1, "model-recommendation"], [1, "hist-bar-col", 2, "cursor", "pointer", 3, "click"], [1, "hist-bar"], [1, "hist-label"], [1, "fa-solid", "fa-weight-scale"], [1, "grouped-bar-chart"], [1, "grouped-col"], [1, "legend", 2, "justify-content", "center", "margin-top", "14px"], [1, "grouped-bars"], [1, "g-bar", 2, "background", "var(--mj-brand-primary)", 3, "title"], [1, "g-bar", 2, "background", "var(--mj-status-info)", 3, "title"], [1, "g-bar", 2, "background", "var(--mj-text-muted)", 3, "title"], [1, "grouped-label"], [1, "accuracy-chart"], [1, "accuracy-y-labels"], [1, "accuracy-area"], [1, "accuracy-grid-line", 2, "top", "33%"], [1, "accuracy-grid-line", 2, "top", "66%"], ["width", "100%", "height", "110", "viewBox", "0 0 400 110", "preserveAspectRatio", "none", 1, "accuracy-svg"], ["fill", "none", "stroke", "var(--mj-brand-primary)", "stroke-width", "2.5", "vector-effect", "non-scaling-stroke", "stroke-linecap", "round", "stroke-linejoin", "round"], ["r", "3", "fill", "var(--mj-brand-primary)"], [1, "accuracy-x-labels"], [1, "accuracy-trend-text"], [1, "fa-solid", "fa-arrow-trend-up", 2, "margin-right", "4px"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "model-name"], ["width", "80", "height", "80", "viewBox", "0 0 80 80", 2, "margin", "4px 0"], ["cx", "40", "cy", "40", "r", "32", "fill", "none", "stroke", "var(--mj-border-default)", "stroke-width", "8"], ["cx", "40", "cy", "40", "r", "32", "fill", "none", "stroke-width", "8", "stroke-dashoffset", "50", "transform", "rotate(-90 40 40)", "stroke-linecap", "round"], [1, "model-score"], [1, "model-detail"], [1, "model-detail", 2, "font-weight", "600"], [1, "fa-solid", "fa-lightbulb", 2, "color", "var(--mj-status-warning)"], [1, "fa-solid", "fa-coins"], [1, "tab-header-actions"], ["title", "Print (PDF alternative)", 1, "drill-export-btn", 3, "click"], [1, "fa-solid", "fa-print"], [1, "cost-kpi-row"], [1, "cost-kpi-card"], [1, "cost-kpi-icon"], [1, "cost-kpi-value"], [1, "cost-kpi-label"], [1, "cost-kpi-sub"], [1, "empty-state-hint"]], template: function AnalyticsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, AnalyticsResourceComponent_Conditional_0_Template, 2, 0, "div", 0)(1, AnalyticsResourceComponent_Conditional_1_Template, 28, 10, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent], styles: ["\n\n\n\n\n.analytics-loading[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n.analytics-layout[_ngcontent-%COMP%] {\n    display: flex;\n    height: 100%;\n    min-height: 600px;\n}\n\n\n\n.analytics-sidebar[_ngcontent-%COMP%] {\n    width: 220px;\n    min-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    overflow-y: auto;\n}\n\n.sidebar-header[_ngcontent-%COMP%] {\n    padding: 20px 16px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.sidebar-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n}\n\n.sidebar-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-brand-primary);\n}\n\n.sidebar-nav[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 16px;\n    font-size: 13.5px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border: none;\n    background: transparent;\n    border-left: 3px solid transparent;\n    transition: all 0.15s ease;\n    text-align: left;\n    width: 100%;\n    font-family: inherit;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    border-left-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    font-weight: 600;\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    width: 16px;\n    text-align: center;\n    font-size: 13px;\n}\n\n.sidebar-divider[_ngcontent-%COMP%] {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 8px 16px;\n}\n\n.trending-section[_ngcontent-%COMP%] {\n    padding: 12px 16px 16px;\n}\n\n.trending-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--mj-text-muted);\n    margin: 0 0 10px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.tag-cloud[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px 6px;\n    line-height: 1.7;\n}\n\n.tag-cloud[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    transition: opacity 0.15s;\n}\n\n.tag-cloud[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:hover {\n    opacity: 0.7;\n}\n\n.no-trending[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted) !important;\n    font-size: 12px !important;\n    font-style: italic;\n}\n\n.pipeline-status[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n}\n\n.status-dot[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--mj-status-success);\n    flex-shrink: 0;\n}\n\n.status-dot-error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    min-width: 0;\n}\n\n.tab-section[_ngcontent-%COMP%] {\n    padding: 28px 32px 40px;\n}\n\n.tab-section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid var(--mj-brand-primary);\n}\n\n.tab-section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    color: var(--mj-brand-primary);\n}\n\n.tab-section-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n\n\n.filter-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.date-chips[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.date-chip[_ngcontent-%COMP%] {\n    padding: 6px 14px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface);\n    cursor: pointer;\n    border: none;\n    border-right: 1px solid var(--mj-border-default);\n    transition: all 0.15s;\n    font-family: inherit;\n}\n\n.date-chip[_ngcontent-%COMP%]:last-child {\n    border-right: none;\n}\n\n.date-chip[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.date-chip.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-dropdown[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    font-size: 12px;\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-family: inherit;\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 16px 18px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    transition: transform 0.15s, box-shadow 0.15s;\n    cursor: pointer;\n}\n\n.kpi-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    margin-bottom: 4px;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.1;\n}\n\n.kpi-delta[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 500;\n    margin-top: 4px;\n    color: var(--mj-text-muted);\n}\n\n.kpi-delta.up[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.kpi-delta.down[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.kpi-sparkline[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-left: 12px;\n    margin-top: 6px;\n}\n\n\n\n.cards-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n\n.widget-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 18px 20px;\n    transition: transform 0.15s, box-shadow 0.15s;\n    cursor: pointer;\n}\n\n.widget-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.widget-title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 14px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.widget-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.widget-empty[_ngcontent-%COMP%] {\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    padding: 20px;\n}\n\n.widget-footnote[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 10px;\n}\n\n\n\n.bar-chart[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n    height: 120px;\n    padding-top: 10px;\n}\n\n.bar-col[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.bar[_ngcontent-%COMP%] {\n    width: 100%;\n    border-radius: 4px 4px 0 0;\n    transition: height 0.3s;\n    min-height: 2px;\n}\n\n.bar-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 6px;\n}\n\n.bar-value[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 4px;\n}\n\n\n\n.rings-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.ring-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 0;\n}\n\n.ring-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    font-weight: 500;\n}\n\n.ring-stat[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.gauge-container[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 8px;\n}\n\n\n\n.mini-histogram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 3px;\n    height: 32px;\n    justify-content: center;\n}\n\n.mini-hist-bar[_ngcontent-%COMP%] {\n    width: 14px;\n    border-radius: 2px;\n}\n\n.mini-hist-label[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n\n\n.h-bar-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.h-bar-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.h-bar-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    width: 100px;\n    flex-shrink: 0;\n    text-align: right;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.h-bar-track[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 20px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.h-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    padding-left: 8px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-width: 36px;\n}\n\n\n\n.throughput-bars[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 4px;\n    height: 110px;\n    margin-bottom: 22px;\n}\n\n.tp-bar[_ngcontent-%COMP%] {\n    flex: 1;\n    border-radius: 3px 3px 0 0;\n    position: relative;\n    min-height: 4px;\n}\n\n.tp-bar-label[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: -18px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 8px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n\n\n.taxonomy-ring-container[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n}\n\n.taxonomy-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 12px;\n}\n\n.tax-stat[_ngcontent-%COMP%] {\n    flex: 1;\n    text-align: center;\n    padding: 8px 4px;\n    border-radius: 6px;\n    font-size: 20px;\n    font-weight: 700;\n}\n\n.tax-stat[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 10px;\n    font-weight: 500;\n    margin-top: 2px;\n}\n\n\n\n.legend[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-top: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n}\n\n.legend-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.legend-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: 3px;\n    flex-shrink: 0;\n}\n\n\n\n.table-scroll[_ngcontent-%COMP%] {\n    overflow-x: auto;\n}\n\n.data-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 12.5px;\n}\n\n.data-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    padding: 10px 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    border-bottom: 2px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    white-space: nowrap;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n    vertical-align: middle;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.data-table[_ngcontent-%COMP%]   .num[_ngcontent-%COMP%] {\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n}\n\n.muted[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.monospace-cell[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.weight-bar[_ngcontent-%COMP%] {\n    display: inline-block;\n    height: 6px;\n    border-radius: 3px;\n    vertical-align: middle;\n    margin-right: 6px;\n}\n\n\n\n.badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 2px 8px;\n    border-radius: 10px;\n    font-size: 10.5px;\n    font-weight: 600;\n}\n\n.badge-success[_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.badge-warning[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.badge-error[_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.badge-info[_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\n\n.sub-section[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.sub-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.sub-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-brand-primary);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 2rem;\n    text-align: center;\n    gap: 0.75rem;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2.5rem;\n    color: var(--mj-text-disabled);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.85rem;\n    max-width: 400px;\n}\n\n\n\n.drill-down-panel[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    margin-bottom: 16px;\n    background: var(--mj-bg-surface);\n    border: 2px solid var(--mj-brand-primary);\n    border-radius: 10px;\n    overflow: hidden;\n    animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n    from {\n        opacity: 0;\n        max-height: 0;\n    }\n    to {\n        opacity: 1;\n        max-height: 600px;\n    }\n}\n\n.drill-down-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.drill-down-title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.drill-down-close[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 14px;\n    padding: 4px 8px;\n    border-radius: 4px;\n    transition: all 0.15s;\n}\n\n.drill-down-close[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.drill-down-table-wrap[_ngcontent-%COMP%] {\n    max-height: 400px;\n    overflow-y: auto;\n    padding: 8px;\n}\n\n.drill-action-col[_ngcontent-%COMP%] {\n    width: 40px;\n    text-align: center;\n    padding: 6px !important;\n}\n\n.drill-open-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 10px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.drill-open-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.drill-down-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.drill-export-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.drill-export-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.sub-section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 0;\n}\n\n.sub-section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n.drill-down-empty[_ngcontent-%COMP%] {\n    padding: 24px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n\n\n.stacked-bar-chart[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.stacked-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.stacked-label[_ngcontent-%COMP%] {\n    width: 90px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.stacked-track[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 22px;\n    display: flex;\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.stacked-seg[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 9px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-width: 20px;\n}\n\n\n\n.v-bar-chart[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 24px;\n    height: 140px;\n    padding-top: 10px;\n    justify-content: center;\n}\n\n.v-bar-col[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n    min-width: 60px;\n}\n\n.v-bar[_ngcontent-%COMP%] {\n    width: 48px;\n    border-radius: 4px 4px 0 0;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-text-inverse);\n}\n\n.v-bar-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 8px;\n    text-align: center;\n}\n\n.chart-footnote[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 14px;\n}\n\n\n\n.two-col[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n}\n\n\n\n.source-selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n\n\n.quality-bands[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.quality-band-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.quality-band-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    width: 65px;\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.quality-band-track[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 18px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.quality-band-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    padding-left: 8px;\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-width: 30px;\n}\n\n.source-quality-note[_ngcontent-%COMP%] {\n    margin-top: 14px;\n    padding: 10px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 6px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n}\n\n\n\n.source-health-grid[_ngcontent-%COMP%] {\n    display: grid;\n    gap: 12px;\n}\n\n.source-health-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 14px;\n    text-align: center;\n    border-top: 3px solid;\n}\n\n.health-card-name[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-bottom: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.health-card-value[_ngcontent-%COMP%] {\n    font-size: 22px;\n    font-weight: 700;\n}\n\n.health-card-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.pipeline-throughput-bars[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 3px;\n    height: 110px;\n}\n\n.pipeline-bar[_ngcontent-%COMP%] {\n    flex: 1;\n    border-radius: 2px 2px 0 0;\n    min-height: 3px;\n}\n\n.pipeline-date-labels[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.stage-bars[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.stage-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.stage-name[_ngcontent-%COMP%] {\n    width: 80px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.stage-track[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 24px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.stage-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding-right: 8px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n}\n\n.stage-time[_ngcontent-%COMP%] {\n    width: 50px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.stage-summary[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 14px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.stage-warning[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n.success-rate-display[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    gap: 48px;\n    padding: 20px;\n}\n\n.success-rate-stat[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.success-rate-value[_ngcontent-%COMP%] {\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1.1;\n}\n\n.success-rate-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n\n\n.progress-track[_ngcontent-%COMP%] {\n    width: 100px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 6px;\n}\n\n.progress-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 3px;\n}\n\n.progress-text[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n}\n\n\n\n.error-log[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.error-entry[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-status-error);\n    border-radius: 0 6px 6px 0;\n    font-size: 12px;\n}\n\n.error-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    white-space: nowrap;\n    flex-shrink: 0;\n    width: 130px;\n}\n\n.error-source[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n    flex-shrink: 0;\n    width: 120px;\n}\n\n.error-msg[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n\n\n.histogram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 6px;\n    height: 130px;\n    padding-bottom: 24px;\n}\n\n.hist-bar-col[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.hist-bar[_ngcontent-%COMP%] {\n    width: 100%;\n    border-radius: 3px 3px 0 0;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 3px;\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-height: 2px;\n}\n\n.hist-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n    color: var(--mj-text-muted);\n    margin-top: 6px;\n    text-align: center;\n}\n\n.confidence-stats[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n    padding: 10px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n\n\n.grouped-bar-chart[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 20px;\n    height: 140px;\n    justify-content: center;\n}\n\n.grouped-col[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.grouped-bars[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 3px;\n    align-items: flex-end;\n    height: 100%;\n}\n\n.g-bar[_ngcontent-%COMP%] {\n    width: 18px;\n    border-radius: 3px 3px 0 0;\n    min-height: 2px;\n}\n\n.grouped-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 6px;\n    text-align: center;\n}\n\n\n\n.accuracy-chart[_ngcontent-%COMP%] {\n    position: relative;\n    display: flex;\n    margin: 0 10px;\n}\n\n.accuracy-y-labels[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    font-size: 9px;\n    color: var(--mj-text-muted);\n    margin-right: 8px;\n    height: 110px;\n}\n\n.accuracy-area[_ngcontent-%COMP%] {\n    flex: 1;\n    position: relative;\n    height: 110px;\n    border-left: 1px solid var(--mj-border-default);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.accuracy-grid-line[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.accuracy-svg[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.accuracy-x-labels[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n    padding: 0 40px 0 40px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n\n.accuracy-trend-text[_ngcontent-%COMP%] {\n    text-align: center;\n    margin-top: 10px;\n    font-size: 12px;\n    color: var(--mj-status-success);\n}\n\n\n\n.model-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n}\n\n.model-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    padding: 14px;\n    text-align: center;\n    border: 1px solid var(--mj-border-default);\n}\n\n.model-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin-bottom: 8px;\n}\n\n.model-score[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.model-detail[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n.model-recommendation[_ngcontent-%COMP%] {\n    margin-top: 14px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .cards-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .model-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .analytics-layout[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .analytics-sidebar[_ngcontent-%COMP%] {\n        width: 100%;\n        min-width: 100%;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .sidebar-nav[_ngcontent-%COMP%] {\n        flex-direction: row;\n        overflow-x: auto;\n    }\n\n    .nav-item[_ngcontent-%COMP%] {\n        border-left: none;\n        border-bottom: 3px solid transparent;\n        white-space: nowrap;\n    }\n\n    .nav-item.active[_ngcontent-%COMP%] {\n        border-left-color: transparent;\n        border-bottom-color: var(--mj-brand-primary);\n    }\n\n    .trending-section[_ngcontent-%COMP%], \n   .sidebar-divider[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .tab-section[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .cards-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .two-col[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .cost-kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\n\n.tab-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.cost-kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.cost-kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 14px;\n    align-items: center;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    padding: 18px 20px;\n    transition: box-shadow 0.15s ease;\n}\n\n.cost-kpi-card[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.cost-kpi-icon[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    flex-shrink: 0;\n}\n\n.cost-kpi-value[_ngcontent-%COMP%] {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.cost-kpi-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n}\n\n.cost-kpi-sub[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.empty-state-hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n\n\n\n@media print {\n    .analytics-sidebar[_ngcontent-%COMP%], \n   .filter-bar[_ngcontent-%COMP%], \n   .tab-header-actions[_ngcontent-%COMP%], \n   .drill-down-close[_ngcontent-%COMP%], \n   .drill-export-btn[_ngcontent-%COMP%], \n   .drill-open-btn[_ngcontent-%COMP%] {\n        display: none !important;\n    }\n\n    .analytics-layout[_ngcontent-%COMP%] {\n        display: block;\n    }\n\n    .main-content[_ngcontent-%COMP%] {\n        padding: 0;\n    }\n\n    .tab-section[_ngcontent-%COMP%] {\n        padding: 0;\n    }\n\n    .widget-card[_ngcontent-%COMP%], \n   .cost-kpi-card[_ngcontent-%COMP%], \n   .kpi-card[_ngcontent-%COMP%] {\n        break-inside: avoid;\n        box-shadow: none;\n        border: 1px solid var(--mj-border-default);\n    }\n\n    .data-table[_ngcontent-%COMP%] {\n        font-size: 10px;\n    }\n}\n\n\n\n\n\n\n\n.co-occurrence-section[_ngcontent-%COMP%] {\n    max-height: 500px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.co-occurrence-section[_ngcontent-%COMP%]   .table-scroll[_ngcontent-%COMP%] {\n    overflow-y: auto;\n    max-height: 400px;\n    flex: 1;\n    min-height: 0;\n}\n\n.co-occurrence-section[_ngcontent-%COMP%]   .empty-state[_ngcontent-%COMP%] {\n    max-height: 200px;\n    overflow: hidden;\n}\n\n.co-occurrence-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.co-occurrence-staleness[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}"] });
+};
+AnalyticsResourceComponent = AnalyticsResourceComponent_1 = __decorate([
+    RegisterClass(BaseResourceComponent, 'AnalyticsResource')
+], AnalyticsResourceComponent);
+export { AnalyticsResourceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnalyticsResourceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-analytics-resource', template: "@if (IsLoading) {\n    <div class=\"analytics-loading\">\n        <mj-loading text=\"Loading analytics data...\" size=\"medium\"></mj-loading>\n    </div>\n} @else {\n    <div class=\"analytics-layout\">\n        <!-- =============== LEFT SIDEBAR =============== -->\n        <aside class=\"analytics-sidebar\">\n            <div class=\"sidebar-header\">\n                <h2><i class=\"fa-solid fa-chart-line\"></i> Analytics</h2>\n            </div>\n\n            <nav class=\"sidebar-nav\">\n                @for (nav of NavItems; track nav.ID) {\n                    <button\n                        class=\"nav-item\"\n                        [class.active]=\"ActiveTab === nav.ID\"\n                        (click)=\"SelectTab(nav.ID)\"\n                    >\n                        <i [class]=\"nav.Icon\"></i> {{ nav.Label }}\n                    </button>\n                }\n            </nav>\n\n            <div class=\"sidebar-divider\"></div>\n\n            <!-- Trending Tags Cloud -->\n            <div class=\"trending-section\">\n                <h3><i class=\"fa-solid fa-arrow-trend-up\"></i> Trending Tags</h3>\n                <div class=\"tag-cloud\">\n                    @for (tag of TrendingTags; track tag.Name) {\n                        <span [style.font-size.px]=\"tag.Size\" [style.font-weight]=\"tag.Weight\">{{ tag.Name }}</span>\n                    }\n                    @if (TrendingTags.length === 0) {\n                        <span class=\"no-trending\">No trending tags yet</span>\n                    }\n                </div>\n            </div>\n\n            <!-- Pipeline Status -->\n            <div class=\"pipeline-status\">\n                <span class=\"status-dot\" [class.status-dot-error]=\"!PipelineStatusOk\"></span>\n                {{ PipelineStatusText }}\n            </div>\n        </aside>\n\n        <!-- =============== MAIN CONTENT =============== -->\n        <div class=\"main-content\">\n\n            <!-- ====================================================== -->\n            <!-- TAB 1: OVERVIEW                                        -->\n            <!-- ====================================================== -->\n            @if (ActiveTab === 'overview') {\n                <section class=\"tab-section\">\n                    <div class=\"tab-section-header\">\n                        <i class=\"fa-solid fa-grip\"></i>\n                        <h1>Overview</h1>\n                    </div>\n\n                    <!-- Filter Bar -->\n                    <div class=\"filter-bar\">\n                        <div class=\"date-chips\">\n                            @for (range of DateRanges; track range.Label) {\n                                <button\n                                    class=\"date-chip\"\n                                    [class.active]=\"ActiveDateRange === range.Label\"\n                                    (click)=\"SetDateRange(range.Label)\"\n                                >{{ range.Label }}</button>\n                            }\n                        </div>\n                        <select class=\"filter-dropdown\" [ngModel]=\"EntityFilter\" (ngModelChange)=\"SetEntityFilter($event)\">\n                            @for (opt of EntityFilterOptions; track opt) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n\n                    <!-- KPI Cards -->\n                    <div class=\"kpi-row\">\n                        @for (kpi of KPIs; track kpi.Label) {\n                            <div class=\"kpi-card\" (click)=\"OpenDrillDown(kpi.DrillDownKey)\">\n                                <div>\n                                    <div class=\"kpi-label\">{{ kpi.Label }}</div>\n                                    <div class=\"kpi-value\">{{ kpi.Value }}</div>\n                                    <div class=\"kpi-delta\" [class.up]=\"kpi.DeltaDirection === 'up'\" [class.down]=\"kpi.DeltaDirection === 'down'\">\n                                        @if (kpi.DeltaDirection === 'up') {\n                                            <i class=\"fa-solid fa-arrow-up\" style=\"font-size:9px\"></i>\n                                        } @else if (kpi.DeltaDirection === 'down') {\n                                            <i class=\"fa-solid fa-arrow-down\" style=\"font-size:9px\"></i>\n                                        }\n                                        {{ kpi.Delta }}\n                                    </div>\n                                </div>\n                                <div class=\"kpi-sparkline\">\n                                    <svg width=\"64\" height=\"28\" viewBox=\"0 0 64 28\">\n                                        <polyline [attr.points]=\"kpi.SparklinePoints\" fill=\"none\" [attr.stroke]=\"kpi.SparklineColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                                    </svg>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- KPI Drill-Down -->\n                    @if (DrillDownTarget && DrillDownTarget.startsWith('kpi-')) {\n                        <div class=\"drill-down-panel\">\n                            <div class=\"drill-down-header\">\n                                <span class=\"drill-down-title\"><i class=\"fa-solid fa-table\"></i> Detail View</span>\n                                <div class=\"drill-down-header-actions\">\n                                    @if (DrillDownData.length > 0) {\n                                        <button class=\"drill-export-btn\" (click)=\"ExportDrillDownCSV()\" title=\"Export CSV\">\n                                            <i class=\"fa-solid fa-download\"></i> CSV\n                                        </button>\n                                    }\n                                    <button class=\"drill-down-close\" (click)=\"CloseDrillDown()\">\n                                        <i class=\"fa-solid fa-times\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            @if (IsDrillDownLoading) {\n                                <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                            } @else if (DrillDownData.length > 0) {\n                                <div class=\"drill-down-table-wrap\">\n                                    <table class=\"data-table\">\n                                        <thead>\n                                            <tr>\n                                                @for (col of DrillDownColumns; track col) {\n                                                    <th>{{ col }}</th>\n                                                }\n                                                @if (DrillDownHasActions) {\n                                                    <th class=\"drill-action-col\"></th>\n                                                }\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (row of DrillDownData; track TrackByIndex($index)) {\n                                                <tr>\n                                                    @for (col of DrillDownColumns; track col) {\n                                                        <td>{{ row[col] }}</td>\n                                                    }\n                                                    @if (DrillDownHasActions) {\n                                                        <td class=\"drill-action-col\">\n                                                            @if (row['_RecordID']) {\n                                                                <button class=\"drill-open-btn\" (click)=\"OpenDrillDownRecord(row)\" title=\"Open record\">\n                                                                    <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                                                </button>\n                                                            }\n                                                        </td>\n                                                    }\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            } @else {\n                                <div class=\"drill-down-empty\">No data available</div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Widget Cards Grid (2x3) -->\n                    <div class=\"cards-grid\">\n\n                        <!-- Card 1: Tag Growth -->\n                        <div class=\"widget-card\" (click)=\"OpenDrillDown('tagGrowth')\">\n                            <div class=\"widget-title\"><i class=\"fa-solid fa-chart-line\"></i> Tag Growth</div>\n                            <div class=\"bar-chart\">\n                                @for (bar of TagGrowthData; track bar.Label) {\n                                    <div class=\"bar-col\">\n                                        <div class=\"bar-value\">{{ bar.Count }}</div>\n                                        <div class=\"bar\" [style.height.%]=\"bar.Percentage\" style=\"background:var(--mj-brand-primary)\" [style.opacity]=\"0.5 + (bar.Percentage / 200)\"></div>\n                                        <div class=\"bar-label\">{{ bar.Label }}</div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Card 2: Content Coverage -->\n                        <div class=\"widget-card\" (click)=\"OpenDrillDown('contentCoverage')\">\n                            <div class=\"widget-title\"><i class=\"fa-solid fa-bullseye\"></i> Content Coverage</div>\n                            <div class=\"rings-grid\">\n                                @for (entity of CoverageData; track entity.Name) {\n                                    <div class=\"ring-item\">\n                                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\">\n                                            <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke=\"var(--mj-border-default)\" stroke-width=\"5\"/>\n                                            <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" [attr.stroke]=\"entity.Color\" stroke-width=\"5\"\n                                                [attr.stroke-dasharray]=\"entity.StrokeDash\" stroke-dashoffset=\"31.4\" stroke-linecap=\"round\"\n                                                transform=\"rotate(-90 24 24)\"/>\n                                            <text x=\"24\" y=\"26\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"var(--mj-text-primary)\">{{ entity.Percentage }}%</text>\n                                        </svg>\n                                        <div>\n                                            <div class=\"ring-label\">{{ entity.Name }}</div>\n                                            <div class=\"ring-stat\">{{ FormatNumber(entity.Tagged) }} / {{ FormatNumber(entity.Total) }}</div>\n                                        </div>\n                                    </div>\n                                }\n                                @if (CoverageData.length === 0) {\n                                    <div class=\"widget-empty\">No content types found</div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Card 3: Quality Score Gauge -->\n                        <div class=\"widget-card\" (click)=\"OpenDrillDown('qualityScore')\">\n                            <div class=\"widget-title\"><i class=\"fa-solid fa-gauge-high\"></i> Quality Score</div>\n                            <div class=\"gauge-container\">\n                                <svg width=\"180\" height=\"110\" viewBox=\"0 0 180 110\">\n                                    <!-- Background arc -->\n                                    <path d=\"M 20 95 A 70 70 0 0 1 160 95\" fill=\"none\" stroke=\"var(--mj-border-default)\" stroke-width=\"14\" stroke-linecap=\"round\"/>\n                                    <!-- Zone arcs -->\n                                    <path d=\"M 20 95 A 70 70 0 0 1 48.6 35.2\" fill=\"none\" stroke=\"var(--mj-status-error)\" stroke-width=\"14\" stroke-linecap=\"round\" opacity=\"0.3\"/>\n                                    <path d=\"M 48.6 35.2 A 70 70 0 0 1 118 28\" fill=\"none\" stroke=\"var(--mj-status-warning)\" stroke-width=\"14\" opacity=\"0.3\"/>\n                                    <path d=\"M 118 28 A 70 70 0 0 1 160 95\" fill=\"none\" stroke=\"var(--mj-status-success)\" stroke-width=\"14\" stroke-linecap=\"round\" opacity=\"0.3\"/>\n                                    <!-- Score text -->\n                                    <text x=\"90\" y=\"88\" text-anchor=\"middle\" font-size=\"26\" font-weight=\"800\" fill=\"var(--mj-text-primary)\">{{ QualityScore }}</text>\n                                    <text x=\"90\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"var(--mj-text-muted)\">out of 100</text>\n                                    <text x=\"28\" y=\"108\" font-size=\"8\" fill=\"var(--mj-text-muted)\">0</text>\n                                    <text x=\"86\" y=\"18\" font-size=\"8\" fill=\"var(--mj-text-muted)\">50</text>\n                                    <text x=\"155\" y=\"108\" font-size=\"8\" fill=\"var(--mj-text-muted)\">100</text>\n                                </svg>\n                            </div>\n                            <!-- Mini confidence histogram -->\n                            <div class=\"mini-histogram\">\n                                @for (bin of MiniConfidenceBins; track TrackByIndex($index)) {\n                                    <div class=\"mini-hist-bar\" [style.height.px]=\"bin.Height\" [style.background]=\"bin.Color\" [title]=\"bin.Title\"></div>\n                                }\n                            </div>\n                            <div class=\"mini-hist-label\">Confidence Distribution</div>\n                        </div>\n\n                        <!-- Card 4: Source Performance -->\n                        <div class=\"widget-card\" (click)=\"OpenDrillDown('sourcePerformance')\">\n                            <div class=\"widget-title\"><i class=\"fa-solid fa-ranking-star\"></i> Source Performance</div>\n                            <div class=\"h-bar-list\">\n                                @for (source of SourcePerfData; track source.Name) {\n                                    <div class=\"h-bar-row\">\n                                        <div class=\"h-bar-name\">{{ source.Name }}</div>\n                                        <div class=\"h-bar-track\">\n                                            <div class=\"h-bar-fill\" [style.width.%]=\"source.Percentage\" [style.background]=\"source.Color\">{{ source.AvgTagsPerItem }}</div>\n                                        </div>\n                                    </div>\n                                }\n                                @if (SourcePerfData.length === 0) {\n                                    <div class=\"widget-empty\">No source data</div>\n                                }\n                            </div>\n                            <div class=\"widget-footnote\">Average tags per item</div>\n                        </div>\n\n                        <!-- Card 5: Daily Throughput -->\n                        <div class=\"widget-card\" (click)=\"OpenDrillDown('dailyThroughput')\">\n                            <div class=\"widget-title\"><i class=\"fa-solid fa-bolt\"></i> Daily Throughput</div>\n                            <div class=\"throughput-bars\">\n                                @for (day of ThroughputData; track day.Label) {\n                                    <div class=\"tp-bar\"\n                                        [style.height.%]=\"day.Percentage\"\n                                        [style.background]=\"day.IsError ? 'var(--mj-status-error)' : 'var(--mj-status-success)'\"\n                                    >\n                                        <span class=\"tp-bar-label\">{{ day.Label }}</span>\n                                    </div>\n                                }\n                            </div>\n                            <div class=\"legend\">\n                                <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:var(--mj-status-success)\"></div> Success</div>\n                                <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:var(--mj-status-error)\"></div> Failures</div>\n                            </div>\n                        </div>\n\n                        <!-- Card 6: Taxonomy Health -->\n                        <div class=\"widget-card\" (click)=\"OpenDrillDown('taxonomyHealth')\">\n                            <div class=\"widget-title\"><i class=\"fa-solid fa-sitemap\"></i> Taxonomy Health</div>\n                            <div class=\"taxonomy-ring-container\">\n                                <svg width=\"140\" height=\"140\" viewBox=\"0 0 140 140\">\n                                    <circle cx=\"70\" cy=\"70\" r=\"54\" fill=\"none\" stroke=\"var(--mj-border-default)\" stroke-width=\"18\"/>\n                                    @for (seg of TaxonomyRingSegments; track TrackByIndex($index)) {\n                                        <circle cx=\"70\" cy=\"70\" r=\"54\" fill=\"none\"\n                                            [attr.stroke]=\"seg.Color\" stroke-width=\"18\"\n                                            [attr.stroke-dasharray]=\"seg.StrokeDash\"\n                                            [attr.stroke-dashoffset]=\"seg.StrokeOffset\"\n                                            transform=\"rotate(-90 70 70)\"/>\n                                    }\n                                    <text x=\"70\" y=\"66\" text-anchor=\"middle\" font-size=\"22\" font-weight=\"800\" fill=\"var(--mj-text-primary)\">{{ TaxonomyTotal }}</text>\n                                    <text x=\"70\" y=\"82\" text-anchor=\"middle\" font-size=\"10\" fill=\"var(--mj-text-muted)\">total tags</text>\n                                </svg>\n                            </div>\n                            <div class=\"taxonomy-stats\">\n                                @for (stat of TaxonomyStats; track stat.Label) {\n                                    <div class=\"tax-stat\" [style.background]=\"stat.BgColor\" [style.color]=\"stat.Color\">\n                                        {{ stat.Count }}<small>{{ stat.Label }}</small>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                    </div><!-- /cards-grid -->\n\n                    <!-- Widget Drill-Down -->\n                    @if (DrillDownTarget && !DrillDownTarget.startsWith('kpi-')) {\n                        <div class=\"drill-down-panel\">\n                            <div class=\"drill-down-header\">\n                                <span class=\"drill-down-title\"><i class=\"fa-solid fa-table\"></i> {{ DrillDownTarget }} Detail</span>\n                                <button class=\"drill-down-close\" (click)=\"CloseDrillDown()\">\n                                    <i class=\"fa-solid fa-times\"></i>\n                                </button>\n                            </div>\n                            @if (IsDrillDownLoading) {\n                                <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                            } @else if (DrillDownData.length > 0) {\n                                <div class=\"drill-down-table-wrap\">\n                                    <table class=\"data-table\">\n                                        <thead>\n                                            <tr>\n                                                @for (col of DrillDownColumns; track col) {\n                                                    <th>{{ col }}</th>\n                                                }\n                                                @if (DrillDownHasActions) {\n                                                    <th class=\"drill-action-col\"></th>\n                                                }\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (row of DrillDownData; track TrackByIndex($index)) {\n                                                <tr>\n                                                    @for (col of DrillDownColumns; track col) {\n                                                        <td>{{ row[col] }}</td>\n                                                    }\n                                                    @if (DrillDownHasActions) {\n                                                        <td class=\"drill-action-col\">\n                                                            @if (row['_RecordID']) {\n                                                                <button class=\"drill-open-btn\" (click)=\"OpenDrillDownRecord(row)\" title=\"Open record\">\n                                                                    <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                                                </button>\n                                                            }\n                                                        </td>\n                                                    }\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            } @else {\n                                <div class=\"drill-down-empty\">No data available</div>\n                            }\n                        </div>\n                    }\n                </section>\n            }\n\n            <!-- ====================================================== -->\n            <!-- TAB 2: TAGS                                            -->\n            <!-- ====================================================== -->\n            @if (ActiveTab === 'tags') {\n                <section class=\"tab-section\">\n                    <div class=\"tab-section-header\">\n                        <i class=\"fa-solid fa-tags\"></i>\n                        <h1>Tags</h1>\n                    </div>\n\n                    <!-- Top 20 Tags Table -->\n                    <div class=\"sub-section\" style=\"margin-top:0\">\n                        <div class=\"sub-section-header\">\n                            <h3><i class=\"fa-solid fa-trophy\"></i> Top 20 Tags</h3>\n                            @if (TopTags.length > 0) {\n                                <button class=\"drill-export-btn\" (click)=\"ExportTabDataCSV('top-tags')\" title=\"Export CSV\">\n                                    <i class=\"fa-solid fa-download\"></i> CSV\n                                </button>\n                            }\n                        </div>\n                        @if (TopTags.length > 0) {\n                            <div class=\"table-scroll\">\n                                <table class=\"data-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>#</th>\n                                            <th>Tag Name</th>\n                                            <th class=\"num\">Usage Count</th>\n                                            <th>Avg Weight</th>\n                                            <th>Trend</th>\n                                            <th>Top Entity</th>\n                                            <th>First Seen</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (tag of TopTags; track tag.Name) {\n                                            <tr style=\"cursor:pointer\" (click)=\"OpenDrillDown('tag-row:' + tag.Name)\">\n                                                <td>{{ tag.Rank }}</td>\n                                                <td><strong>{{ tag.Name }}</strong></td>\n                                                <td class=\"num\">{{ FormatNumber(tag.UsageCount) }}</td>\n                                                <td>\n                                                    <span class=\"weight-bar\" [style.width.px]=\"tag.WeightBarWidth\" [style.background]=\"tag.WeightBarColor\"></span>\n                                                    {{ tag.AvgWeight }}\n                                                </td>\n                                                <td>\n                                                    <svg width=\"48\" height=\"16\">\n                                                        <polyline [attr.points]=\"tag.TrendPoints\" fill=\"none\" [attr.stroke]=\"tag.TrendColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                                                    </svg>\n                                                </td>\n                                                <td>{{ tag.TopEntity }}</td>\n                                                <td class=\"muted\">{{ tag.FirstSeen }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            </div>\n                        } @else {\n                            <div class=\"empty-state\">\n                                <i class=\"fa-solid fa-tags\"></i>\n                                <p>No tag data available yet. Process content to generate tags.</p>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- D10: Tags tab drill-down -->\n                    @if (DrillDownTarget && DrillDownTarget.startsWith('tag-row:')) {\n                        <div class=\"drill-down-panel\">\n                            <div class=\"drill-down-header\">\n                                <span class=\"drill-down-title\"><i class=\"fa-solid fa-table\"></i> Content Items Tagged \"{{ DrillDownTarget.replace('tag-row:', '') }}\"</span>\n                                <div class=\"drill-down-header-actions\">\n                                    @if (DrillDownData.length > 0) {\n                                        <button class=\"drill-export-btn\" (click)=\"ExportDrillDownCSV()\" title=\"Export CSV\">\n                                            <i class=\"fa-solid fa-download\"></i> CSV\n                                        </button>\n                                    }\n                                    <button class=\"drill-down-close\" (click)=\"CloseDrillDown()\"><i class=\"fa-solid fa-times\"></i></button>\n                                </div>\n                            </div>\n                            @if (IsDrillDownLoading) {\n                                <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                            } @else if (DrillDownData.length > 0) {\n                                <div class=\"drill-down-table-wrap\">\n                                    <table class=\"data-table\">\n                                        <thead><tr>\n                                            @for (col of DrillDownColumns; track col) { <th>{{ col }}</th> }\n                                            @if (DrillDownHasActions) { <th class=\"drill-action-col\"></th> }\n                                        </tr></thead>\n                                        <tbody>\n                                            @for (row of DrillDownData; track TrackByIndex($index)) {\n                                                <tr>\n                                                    @for (col of DrillDownColumns; track col) { <td>{{ row[col] }}</td> }\n                                                    @if (DrillDownHasActions) {\n                                                        <td class=\"drill-action-col\">\n                                                            @if (row['_RecordID']) {\n                                                                <button class=\"drill-open-btn\" (click)=\"OpenDrillDownRecord(row)\" title=\"Open record\"><i class=\"fa-solid fa-arrow-up-right-from-square\"></i></button>\n                                                            }\n                                                        </td>\n                                                    }\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            } @else {\n                                <div class=\"drill-down-empty\">No items found for this tag</div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Tag Distribution by Entity -->\n                    @if (EntityDistribution.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-chart-bar\"></i> Tag Distribution by Entity</h3>\n                            <div class=\"stacked-bar-chart\">\n                                @for (row of EntityDistribution; track row.EntityName) {\n                                    <div class=\"stacked-row\">\n                                        <div class=\"stacked-label\">{{ row.EntityName }}</div>\n                                        <div class=\"stacked-track\">\n                                            @for (seg of row.Segments; track TrackByIndex($index)) {\n                                                <div class=\"stacked-seg\" [style.width.%]=\"seg.Percentage\" [style.background]=\"seg.Color\" [title]=\"seg.Label + ': ' + seg.Percentage + '%'\">{{ seg.Label }}</div>\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                            <div class=\"legend\" style=\"margin-top:12px\">\n                                @for (item of DistributionLegend; track item.Label) {\n                                    <div class=\"legend-item\"><div class=\"legend-dot\" [style.background]=\"item.Color\"></div> {{ item.Label }}</div>\n                                }\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Tag Depth Distribution -->\n                    @if (TagDepthBars.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-layer-group\"></i> Tag Depth Distribution</h3>\n                            <div class=\"v-bar-chart\">\n                                @for (bar of TagDepthBars; track bar.Label) {\n                                    <div class=\"v-bar-col\">\n                                        <div class=\"v-bar\" [style.height.%]=\"bar.Percentage\" style=\"background:var(--mj-brand-primary)\" [style.min-height.px]=\"bar.Count > 0 ? 24 : 0\">{{ bar.Count }}</div>\n                                        <div class=\"v-bar-label\">{{ bar.Label }}</div>\n                                    </div>\n                                }\n                            </div>\n                            <div class=\"chart-footnote\">\n                                Taxonomy hierarchy depth -- Most tags at depth 2-3 indicating a healthy mid-level structure\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Frequently Paired Tags (Co-Occurrence) -->\n                    <div class=\"sub-section co-occurrence-section\">\n                        <div class=\"sub-section-header\">\n                            <h3><i class=\"fa-solid fa-link\"></i> Frequently Paired Tags</h3>\n                            <div class=\"co-occurrence-actions\">\n                                @if (CoOccurrenceLastComputed) {\n                                    <span class=\"co-occurrence-staleness\" title=\"Last computed timestamp\">\n                                        <i class=\"fa-regular fa-clock\"></i>\n                                        Last computed: {{ CoOccurrenceLastComputed }}\n                                    </span>\n                                }\n                                <button class=\"drill-export-btn\" (click)=\"RecomputeCoOccurrence()\" [disabled]=\"IsRecomputingCoOccurrence\" title=\"Recompute co-occurrence data\">\n                                    @if (IsRecomputingCoOccurrence) {\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Computing...\n                                    } @else {\n                                        <i class=\"fa-solid fa-arrows-rotate\"></i> Recompute\n                                    }\n                                </button>\n                            </div>\n                        </div>\n                        @if (CoOccurrencePairs.length > 0) {\n                            <div class=\"table-scroll\">\n                                <table class=\"data-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>#</th>\n                                            <th>Tag A</th>\n                                            <th>Tag B</th>\n                                            <th class=\"num\">Co-Occurrences</th>\n                                            <th>Frequency</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (pair of CoOccurrencePairs; track pair.TagAName + pair.TagBName; let i = $index) {\n                                            <tr>\n                                                <td class=\"muted\">{{ i + 1 }}</td>\n                                                <td><strong>{{ pair.TagAName }}</strong></td>\n                                                <td><strong>{{ pair.TagBName }}</strong></td>\n                                                <td class=\"num\">{{ FormatNumber(pair.Count) }}</td>\n                                                <td>\n                                                    <span class=\"weight-bar\" [style.width.px]=\"pair.BarWidth\" style=\"background: var(--mj-status-info)\"></span>\n                                                </td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            </div>\n                        } @else {\n                            <div class=\"empty-state\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                <p>No co-occurrence data available yet. Process content and recompute to see which tags frequently appear together.</p>\n                            </div>\n                        }\n                    </div>\n                </section>\n            }\n\n            <!-- ====================================================== -->\n            <!-- TAB 3: SOURCES                                         -->\n            <!-- ====================================================== -->\n            @if (ActiveTab === 'sources') {\n                <section class=\"tab-section\">\n                    <div class=\"tab-section-header\">\n                        <i class=\"fa-solid fa-database\"></i>\n                        <h1>Sources</h1>\n                    </div>\n\n                    <!-- Source Comparison Table -->\n                    <div class=\"sub-section\" style=\"margin-top:0\">\n                        <h3><i class=\"fa-solid fa-table\"></i> Source Comparison</h3>\n                        @if (SourceComparison.length > 0) {\n                            <div class=\"table-scroll\">\n                                <table class=\"data-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Source Name</th>\n                                            <th>Type</th>\n                                            <th class=\"num\">Items</th>\n                                            <th class=\"num\">Tags Generated</th>\n                                            <th class=\"num\">Avg Tags/Item</th>\n                                            <th class=\"num\">Avg Weight</th>\n                                            <th>Last Run</th>\n                                            <th>Status</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (source of SourceComparison; track source.Name) {\n                                            <tr (click)=\"SelectSource(source.Name); OpenDrillDown('source-row:' + source.Name)\" style=\"cursor:pointer\" [class.source-selected]=\"SelectedSourceName === source.Name\">\n                                                <td><strong>{{ source.Name }}</strong></td>\n                                                <td><i [class]=\"source.TypeIcon\" [style.color]=\"source.TypeColor\" style=\"margin-right:4px\"></i> {{ source.Type }}</td>\n                                                <td class=\"num\">{{ FormatNumber(source.Items) }}</td>\n                                                <td class=\"num\">{{ FormatNumber(source.TagsGenerated) }}</td>\n                                                <td class=\"num\">{{ source.AvgTagsPerItem }}</td>\n                                                <td class=\"num\">{{ source.AvgWeight }}</td>\n                                                <td class=\"muted\">{{ source.LastRun }}</td>\n                                                <td><span class=\"badge\" [class]=\"source.StatusClass\"><i class=\"fa-solid fa-circle\" style=\"font-size:6px;margin-right:3px\"></i> {{ source.Status }}</span></td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            </div>\n                        } @else {\n                            <div class=\"empty-state\">\n                                <i class=\"fa-solid fa-database\"></i>\n                                <p>No content sources configured yet.</p>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- D10: Sources tab drill-down (recent runs) -->\n                    @if (DrillDownTarget && DrillDownTarget.startsWith('source-row:')) {\n                        <div class=\"drill-down-panel\">\n                            <div class=\"drill-down-header\">\n                                <span class=\"drill-down-title\"><i class=\"fa-solid fa-table\"></i> Recent Runs: {{ DrillDownTarget.replace('source-row:', '') }}</span>\n                                <div class=\"drill-down-header-actions\">\n                                    @if (DrillDownData.length > 0) {\n                                        <button class=\"drill-export-btn\" (click)=\"ExportDrillDownCSV()\" title=\"Export CSV\"><i class=\"fa-solid fa-download\"></i> CSV</button>\n                                    }\n                                    <button class=\"drill-down-close\" (click)=\"CloseDrillDown()\"><i class=\"fa-solid fa-times\"></i></button>\n                                </div>\n                            </div>\n                            @if (IsDrillDownLoading) {\n                                <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                            } @else if (DrillDownData.length > 0) {\n                                <div class=\"drill-down-table-wrap\">\n                                    <table class=\"data-table\">\n                                        <thead><tr>\n                                            @for (col of DrillDownColumns; track col) { <th>{{ col }}</th> }\n                                            @if (DrillDownHasActions) { <th class=\"drill-action-col\"></th> }\n                                        </tr></thead>\n                                        <tbody>\n                                            @for (row of DrillDownData; track TrackByIndex($index)) {\n                                                <tr>\n                                                    @for (col of DrillDownColumns; track col) { <td>{{ row[col] }}</td> }\n                                                    @if (DrillDownHasActions) {\n                                                        <td class=\"drill-action-col\">\n                                                            @if (row['_RecordID']) {\n                                                                <button class=\"drill-open-btn\" (click)=\"OpenDrillDownRecord(row)\" title=\"Open record\"><i class=\"fa-solid fa-arrow-up-right-from-square\"></i></button>\n                                                            }\n                                                        </td>\n                                                    }\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            } @else {\n                                <div class=\"drill-down-empty\">No run data for this source</div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Per-Source Detail -->\n                    @if (SelectedSourceName && SourceComparison.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-chart-area\"></i> Source Detail: {{ SelectedSourceName }}</h3>\n                            <div class=\"two-col\">\n                                <!-- Items Processed Over Time -->\n                                <div class=\"widget-card\">\n                                    <div class=\"widget-title\"><i class=\"fa-solid fa-chart-bar\"></i> Items Processed (Last 8 Weeks)</div>\n                                    <div class=\"bar-chart\" style=\"height:100px\">\n                                        @for (bar of SourceWeeklyBars; track bar.Label) {\n                                            <div class=\"bar-col\">\n                                                <div class=\"bar-value\" style=\"font-size:9px\">{{ bar.Value }}</div>\n                                                <div class=\"bar\" [style.height.%]=\"bar.Percentage\" style=\"background:var(--mj-brand-primary)\" [style.opacity]=\"0.5 + (bar.Percentage / 200)\"></div>\n                                                <div class=\"bar-label\">{{ bar.Label }}</div>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n\n                                <!-- Tag Quality Distribution -->\n                                <div class=\"widget-card\">\n                                    <div class=\"widget-title\"><i class=\"fa-solid fa-star-half-stroke\"></i> Tag Quality Distribution</div>\n                                    <div class=\"quality-bands\">\n                                        @for (band of SourceQualityBands; track band.Label) {\n                                            <div class=\"quality-band-row\">\n                                                <span class=\"quality-band-label\">{{ band.Label }}</span>\n                                                <div class=\"quality-band-track\">\n                                                    <div class=\"quality-band-fill\" [style.width.%]=\"band.Percentage\" [style.background]=\"band.Color\">{{ band.Percentage }}%</div>\n                                                </div>\n                                            </div>\n                                        }\n                                    </div>\n                                    <div class=\"source-quality-note\">\n                                        <i class=\"fa-solid fa-circle-info\" style=\"color:var(--mj-status-info);margin-right:4px\"></i>\n                                        {{ SourceQualityNote }}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Source Health -->\n                    @if (SourceHealthCards.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-heart-pulse\"></i> Source Health Summary</h3>\n                            <div class=\"source-health-grid\" [style.grid-template-columns]=\"'repeat(' + SourceHealthCards.length + ', 1fr)'\">\n                                @for (card of SourceHealthCards; track card.Name) {\n                                    <div class=\"source-health-card\" [style.border-top-color]=\"card.Color\">\n                                        <div class=\"health-card-name\">{{ card.Name }}</div>\n                                        <div class=\"health-card-value\" [style.color]=\"card.Color\">{{ card.Uptime }}%</div>\n                                        <div class=\"health-card-label\">uptime</div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </section>\n            }\n\n            <!-- ====================================================== -->\n            <!-- TAB 4: PIPELINE                                        -->\n            <!-- ====================================================== -->\n            @if (ActiveTab === 'pipeline') {\n                <section class=\"tab-section\">\n                    <div class=\"tab-section-header\">\n                        <i class=\"fa-solid fa-gears\"></i>\n                        <h1>Pipeline</h1>\n                    </div>\n\n                    <!-- Pipeline Throughput Chart -->\n                    <div class=\"sub-section\" style=\"margin-top:0\">\n                        <h3><i class=\"fa-solid fa-chart-bar\"></i> Pipeline Throughput (Last 30 Days)</h3>\n                        <div class=\"widget-card\">\n                            <div class=\"pipeline-throughput-bars\">\n                                @for (bar of PipelineThroughputBars; track TrackByIndex($index)) {\n                                    <div class=\"pipeline-bar\"\n                                        [style.height.%]=\"bar.Percentage\"\n                                        [style.background]=\"bar.IsError ? 'var(--mj-status-error)' : 'var(--mj-brand-primary)'\"\n                                        [style.opacity]=\"bar.IsError ? 0.7 : (0.6 + bar.Percentage / 300)\"\n                                        style=\"cursor:pointer\"\n                                        (click)=\"OpenDrillDown('pipeline-throughput:' + $index)\"\n                                    ></div>\n                                }\n                            </div>\n                            <div class=\"pipeline-date-labels\">\n                                @for (label of PipelineDateLabels; track label) {\n                                    <span>{{ label }}</span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- D10: Pipeline throughput drill-down -->\n                    @if (DrillDownTarget && DrillDownTarget.startsWith('pipeline-throughput:')) {\n                        <div class=\"drill-down-panel\">\n                            <div class=\"drill-down-header\">\n                                <span class=\"drill-down-title\"><i class=\"fa-solid fa-table\"></i> Runs for Selected Day</span>\n                                <div class=\"drill-down-header-actions\">\n                                    @if (DrillDownData.length > 0) {\n                                        <button class=\"drill-export-btn\" (click)=\"ExportDrillDownCSV()\" title=\"Export CSV\"><i class=\"fa-solid fa-download\"></i> CSV</button>\n                                    }\n                                    <button class=\"drill-down-close\" (click)=\"CloseDrillDown()\"><i class=\"fa-solid fa-times\"></i></button>\n                                </div>\n                            </div>\n                            @if (IsDrillDownLoading) {\n                                <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                            } @else if (DrillDownData.length > 0) {\n                                <div class=\"drill-down-table-wrap\">\n                                    <table class=\"data-table\">\n                                        <thead><tr>\n                                            @for (col of DrillDownColumns; track col) { <th>{{ col }}</th> }\n                                            @if (DrillDownHasActions) { <th class=\"drill-action-col\"></th> }\n                                        </tr></thead>\n                                        <tbody>\n                                            @for (row of DrillDownData; track TrackByIndex($index)) {\n                                                <tr>\n                                                    @for (col of DrillDownColumns; track col) { <td>{{ row[col] }}</td> }\n                                                    @if (DrillDownHasActions) {\n                                                        <td class=\"drill-action-col\">\n                                                            @if (row['_RecordID']) {\n                                                                <button class=\"drill-open-btn\" (click)=\"OpenDrillDownRecord(row)\" title=\"Open record\"><i class=\"fa-solid fa-arrow-up-right-from-square\"></i></button>\n                                                            }\n                                                        </td>\n                                                    }\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            } @else {\n                                <div class=\"drill-down-empty\">No runs for this day</div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Processing Time Breakdown -->\n                    <div class=\"sub-section\">\n                        <h3><i class=\"fa-solid fa-stopwatch\"></i> Processing Time Breakdown (Avg per Item)</h3>\n                        <div class=\"widget-card\">\n                            <div class=\"stage-bars\">\n                                @for (stage of ProcessingStages; track stage.Name) {\n                                    <div class=\"stage-row\">\n                                        <div class=\"stage-name\">{{ stage.Name }}</div>\n                                        <div class=\"stage-track\">\n                                            <div class=\"stage-fill\" [style.width.%]=\"stage.Percentage\" [style.background]=\"stage.Color\">\n                                                @if (stage.Percentage > 15) {\n                                                    {{ stage.Time }}s\n                                                }\n                                            </div>\n                                        </div>\n                                        <div class=\"stage-time\">{{ stage.Time }}s</div>\n                                    </div>\n                                }\n                            </div>\n                            <div class=\"stage-summary\">\n                                <span><strong>Total avg:</strong> {{ TotalAvgProcessingTime }}s per item</span>\n                                @if (BottleneckStage) {\n                                    <span class=\"stage-warning\">\n                                        <i class=\"fa-solid fa-triangle-exclamation\" style=\"color:var(--mj-status-warning);margin-right:4px\"></i>\n                                        {{ BottleneckStage }} stage is the bottleneck ({{ BottleneckPercent }}% of total time)\n                                    </span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Success Rate -->\n                    <div class=\"sub-section\">\n                        <h3><i class=\"fa-solid fa-chart-line\"></i> Success Rate Overview</h3>\n                        <div class=\"widget-card\">\n                            <div class=\"success-rate-display\">\n                                <div class=\"success-rate-stat\">\n                                    <div class=\"success-rate-value\" style=\"color:var(--mj-status-success)\">\n                                        {{ rawProcessRuns.length > 0 ? (100 - (ErrorLog.length / rawProcessRuns.length * 100)).toFixed(1) : '100' }}%\n                                    </div>\n                                    <div class=\"success-rate-label\">Success Rate</div>\n                                </div>\n                                <div class=\"success-rate-stat\">\n                                    <div class=\"success-rate-value\" style=\"color:var(--mj-status-error)\">\n                                        {{ rawProcessRuns.length > 0 ? (ErrorLog.length / rawProcessRuns.length * 100).toFixed(1) : '0' }}%\n                                    </div>\n                                    <div class=\"success-rate-label\">Failure Rate</div>\n                                </div>\n                                <div class=\"success-rate-stat\">\n                                    <div class=\"success-rate-value\" style=\"color:var(--mj-text-primary)\">\n                                        {{ FormatNumber(rawProcessRuns.length) }}\n                                    </div>\n                                    <div class=\"success-rate-label\">Total Runs</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Active Runs Table -->\n                    @if (ActiveRuns.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-spinner\"></i> Active Runs</h3>\n                            <div class=\"table-scroll\">\n                                <table class=\"data-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Run ID</th>\n                                            <th>Source</th>\n                                            <th>Started</th>\n                                            <th>Progress</th>\n                                            <th>Stage</th>\n                                            <th class=\"num\">Items</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (run of ActiveRuns; track run.RunID) {\n                                            <tr>\n                                                <td class=\"monospace-cell\">{{ run.RunID }}</td>\n                                                <td>{{ run.Source }}</td>\n                                                <td class=\"muted\">{{ run.Started }}</td>\n                                                <td>\n                                                    <div class=\"progress-track\"><div class=\"progress-fill\" [style.width.%]=\"run.Progress\" style=\"background:var(--mj-brand-primary)\"></div></div>\n                                                    <span class=\"progress-text\">{{ run.Progress }}%</span>\n                                                </td>\n                                                <td><span class=\"badge\" [class]=\"run.StageClass\">{{ run.Stage }}</span></td>\n                                                <td class=\"num\">{{ FormatNumber(run.Items) }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Error Log -->\n                    @if (ErrorLog.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-triangle-exclamation\"></i> Recent Errors</h3>\n                            <div class=\"error-log\">\n                                @for (entry of ErrorLog; track TrackByIndex($index)) {\n                                    <div class=\"error-entry\">\n                                        <div class=\"error-time\">{{ entry.Time }}</div>\n                                        <div class=\"error-source\">{{ entry.Source }}</div>\n                                        <div class=\"error-msg\">{{ entry.Message }}</div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </section>\n            }\n\n            <!-- ====================================================== -->\n            <!-- TAB 5: QUALITY                                         -->\n            <!-- ====================================================== -->\n            @if (ActiveTab === 'quality') {\n                <section class=\"tab-section\">\n                    <div class=\"tab-section-header\">\n                        <i class=\"fa-solid fa-circle-check\"></i>\n                        <h1>Quality</h1>\n                    </div>\n\n                    <!-- Confidence Distribution Histogram -->\n                    <div class=\"sub-section\" style=\"margin-top:0\">\n                        <h3><i class=\"fa-solid fa-chart-column\"></i> Confidence Distribution</h3>\n                        <div class=\"widget-card\">\n                            <div class=\"histogram\">\n                                @for (bin of ConfidenceHistogram; track bin.Label) {\n                                    <div class=\"hist-bar-col\" style=\"cursor:pointer\" (click)=\"OpenDrillDown('quality-bin:' + bin.Label)\">\n                                        <div class=\"hist-bar\" [style.height.%]=\"bin.Percentage\" [style.background]=\"bin.Color\">\n                                            @if (bin.Count > 0) { {{ bin.Count }} }\n                                        </div>\n                                        <div class=\"hist-label\">{{ bin.Label }}</div>\n                                    </div>\n                                }\n                            </div>\n                            <div class=\"confidence-stats\">\n                                @for (stat of ConfidenceStats; track stat.Label) {\n                                    <span><strong>{{ stat.Label }}:</strong> {{ stat.Value }}</span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- D10: Quality bin drill-down -->\n                    @if (DrillDownTarget && DrillDownTarget.startsWith('quality-bin:')) {\n                        <div class=\"drill-down-panel\">\n                            <div class=\"drill-down-header\">\n                                <span class=\"drill-down-title\"><i class=\"fa-solid fa-table\"></i> Items in Confidence Range {{ DrillDownTarget.replace('quality-bin:', '') }}</span>\n                                <div class=\"drill-down-header-actions\">\n                                    @if (DrillDownData.length > 0) {\n                                        <button class=\"drill-export-btn\" (click)=\"ExportDrillDownCSV()\" title=\"Export CSV\"><i class=\"fa-solid fa-download\"></i> CSV</button>\n                                    }\n                                    <button class=\"drill-down-close\" (click)=\"CloseDrillDown()\"><i class=\"fa-solid fa-times\"></i></button>\n                                </div>\n                            </div>\n                            @if (IsDrillDownLoading) {\n                                <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n                            } @else if (DrillDownData.length > 0) {\n                                <div class=\"drill-down-table-wrap\">\n                                    <table class=\"data-table\">\n                                        <thead><tr>\n                                            @for (col of DrillDownColumns; track col) { <th>{{ col }}</th> }\n                                            @if (DrillDownHasActions) { <th class=\"drill-action-col\"></th> }\n                                        </tr></thead>\n                                        <tbody>\n                                            @for (row of DrillDownData; track TrackByIndex($index)) {\n                                                <tr>\n                                                    @for (col of DrillDownColumns; track col) { <td>{{ row[col] }}</td> }\n                                                    @if (DrillDownHasActions) {\n                                                        <td class=\"drill-action-col\">\n                                                            @if (row['_RecordID']) {\n                                                                <button class=\"drill-open-btn\" (click)=\"OpenDrillDownRecord(row)\" title=\"Open record\"><i class=\"fa-solid fa-arrow-up-right-from-square\"></i></button>\n                                                            }\n                                                        </td>\n                                                    }\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            } @else {\n                                <div class=\"drill-down-empty\">No items in this confidence range</div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Weight Distribution by Entity -->\n                    @if (WeightByEntity.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-weight-scale\"></i> Weight Distribution by Entity</h3>\n                            <div class=\"widget-card\">\n                                <div class=\"grouped-bar-chart\">\n                                    @for (entity of WeightByEntity; track entity.Name) {\n                                        <div class=\"grouped-col\">\n                                            <div class=\"grouped-bars\">\n                                                <div class=\"g-bar\" [style.height.%]=\"entity.High\" style=\"background:var(--mj-brand-primary)\" [title]=\"'High: ' + entity.High + '%'\"></div>\n                                                <div class=\"g-bar\" [style.height.%]=\"entity.Med\" style=\"background:var(--mj-status-info)\" [title]=\"'Med: ' + entity.Med + '%'\"></div>\n                                                <div class=\"g-bar\" [style.height.%]=\"entity.Low\" style=\"background:var(--mj-text-muted)\" [title]=\"'Low: ' + entity.Low + '%'\"></div>\n                                            </div>\n                                            <div class=\"grouped-label\">{{ entity.Name }}</div>\n                                        </div>\n                                    }\n                                </div>\n                                <div class=\"legend\" style=\"justify-content:center;margin-top:14px\">\n                                    @for (item of WeightLegend; track item.Label) {\n                                        <div class=\"legend-item\"><div class=\"legend-dot\" [style.background]=\"item.Color\"></div> {{ item.Label }}</div>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Tag Accuracy Over Time -->\n                    @if (AccuracyLinePoints) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-chart-line\"></i> Tag Accuracy Over Time (Weekly Avg Confidence)</h3>\n                            <div class=\"widget-card\">\n                                <div class=\"accuracy-chart\">\n                                    <div class=\"accuracy-y-labels\">\n                                        <div>1.0</div>\n                                        <div>0.75</div>\n                                        <div>0.50</div>\n                                        <div>0.25</div>\n                                    </div>\n                                    <div class=\"accuracy-area\">\n                                        <div class=\"accuracy-grid-line\" style=\"top:33%\"></div>\n                                        <div class=\"accuracy-grid-line\" style=\"top:66%\"></div>\n                                        <svg width=\"100%\" height=\"110\" viewBox=\"0 0 400 110\" preserveAspectRatio=\"none\" class=\"accuracy-svg\">\n                                            <polyline [attr.points]=\"AccuracyLinePoints\"\n                                                fill=\"none\" stroke=\"var(--mj-brand-primary)\" stroke-width=\"2.5\" vector-effect=\"non-scaling-stroke\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                                            @for (dot of AccuracyDots; track TrackByIndex($index)) {\n                                                <circle [attr.cx]=\"dot.Cx\" [attr.cy]=\"dot.Cy\" r=\"3\" fill=\"var(--mj-brand-primary)\"/>\n                                            }\n                                        </svg>\n                                    </div>\n                                </div>\n                                <div class=\"accuracy-x-labels\">\n                                    @for (label of AccuracyMonthLabels; track label) {\n                                        <span>{{ label }}</span>\n                                    }\n                                </div>\n                                <div class=\"accuracy-trend-text\">\n                                    <i class=\"fa-solid fa-arrow-trend-up\" style=\"margin-right:4px\"></i>\n                                    {{ AccuracyTrendText }}\n                                </div>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Low-Confidence Tags Table -->\n                    @if (LowConfidenceTags.length > 0) {\n                        <div class=\"sub-section\">\n                            <h3><i class=\"fa-solid fa-exclamation-triangle\"></i> Low-Confidence Tags (Avg Weight &lt; 0.4)</h3>\n                            <div class=\"table-scroll\">\n                                <table class=\"data-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Tag Name</th>\n                                            <th class=\"num\">Avg Weight</th>\n                                            <th class=\"num\">Usage Count</th>\n                                            <th>Top Entity</th>\n                                            <th>Suggested Action</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (tag of LowConfidenceTags; track tag.Name) {\n                                            <tr>\n                                                <td><strong>{{ tag.Name }}</strong></td>\n                                                <td class=\"num\">{{ tag.AvgWeight }}</td>\n                                                <td class=\"num\">{{ tag.UsageCount }}</td>\n                                                <td>{{ tag.TopEntity }}</td>\n                                                <td><span class=\"badge\" [class]=\"tag.ActionClass\">{{ tag.SuggestedAction }}</span></td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Model Performance Comparison -->\n                    <div class=\"sub-section\">\n                        <h3><i class=\"fa-solid fa-robot\"></i> Model Performance Comparison</h3>\n                        <div class=\"model-grid\">\n                            @for (model of ModelComparisons; track model.Name) {\n                                <div class=\"model-card\">\n                                    <div class=\"model-name\"><i [class]=\"model.Icon\" [style.color]=\"model.IconColor\" style=\"margin-right:4px\"></i> {{ model.Name }}</div>\n                                    <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" style=\"margin:4px 0\">\n                                        <circle cx=\"40\" cy=\"40\" r=\"32\" fill=\"none\" stroke=\"var(--mj-border-default)\" stroke-width=\"8\"/>\n                                        <circle cx=\"40\" cy=\"40\" r=\"32\" fill=\"none\" [attr.stroke]=\"model.ScoreColor\" stroke-width=\"8\"\n                                            [attr.stroke-dasharray]=\"model.StrokeDash\" stroke-dashoffset=\"50\"\n                                            transform=\"rotate(-90 40 40)\" stroke-linecap=\"round\"/>\n                                    </svg>\n                                    <div class=\"model-score\" [style.color]=\"model.ScoreColor\">{{ model.ScorePercentage }}%</div>\n                                    <div class=\"model-detail\">Avg confidence: {{ model.AvgConfidence }}</div>\n                                    <div class=\"model-detail\">{{ FormatNumber(model.TagsGenerated) }} tags generated</div>\n                                    <div class=\"model-detail\" [style.color]=\"model.RoleColor\" style=\"font-weight:600\">{{ model.Role }}</div>\n                                </div>\n                            }\n                        </div>\n                        @if (ModelRecommendation) {\n                            <div class=\"model-recommendation\">\n                                <i class=\"fa-solid fa-lightbulb\" style=\"color:var(--mj-status-warning)\"></i>\n                                <div>\n                                    <strong>Recommendation:</strong> {{ ModelRecommendation }}\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </section>\n            }\n\n            <!-- ====================================================== -->\n            <!-- TAB 6: COST & USAGE (D1)                              -->\n            <!-- ====================================================== -->\n            @if (ActiveTab === 'cost') {\n                <section class=\"tab-section\">\n                    <div class=\"tab-section-header\">\n                        <i class=\"fa-solid fa-coins\"></i>\n                        <h1>Cost & Usage</h1>\n                        <div class=\"tab-header-actions\">\n                            <button class=\"drill-export-btn\" (click)=\"ExportTabDataCSV('cost-usage')\" title=\"Export CSV\">\n                                <i class=\"fa-solid fa-download\"></i> CSV\n                            </button>\n                            <button class=\"drill-export-btn\" (click)=\"PrintCurrentTab()\" title=\"Print (PDF alternative)\">\n                                <i class=\"fa-solid fa-print\"></i> Print\n                            </button>\n                        </div>\n                    </div>\n\n                    <!-- Filter Bar -->\n                    <div class=\"filter-bar\">\n                        <div class=\"date-chips\">\n                            @for (range of DateRanges; track range.Label) {\n                                <button\n                                    class=\"date-chip\"\n                                    [class.active]=\"ActiveDateRange === range.Label\"\n                                    (click)=\"SetDateRange(range.Label)\"\n                                >{{ range.Label }}</button>\n                            }\n                        </div>\n                    </div>\n\n                    <!-- KPI Cards -->\n                    @if (CostKPIs.length > 0) {\n                        <div class=\"cost-kpi-row\">\n                            @for (kpi of CostKPIs; track kpi.Label) {\n                                <div class=\"cost-kpi-card\">\n                                    <div class=\"cost-kpi-icon\"><i [class]=\"kpi.Icon\"></i></div>\n                                    <div>\n                                        <div class=\"cost-kpi-value\">{{ kpi.Value }}</div>\n                                        <div class=\"cost-kpi-label\">{{ kpi.Label }}</div>\n                                        <div class=\"cost-kpi-sub\">{{ kpi.SubLabel }}</div>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Per-Run Cost Table -->\n                    <div class=\"sub-section\">\n                        <h3><i class=\"fa-solid fa-table\"></i> Cost Breakdown by Run</h3>\n                        @if (CostPerRunRows.length > 0) {\n                            <div class=\"table-scroll\">\n                                <table class=\"data-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Run ID</th>\n                                            <th>Source</th>\n                                            <th class=\"num\">Tokens</th>\n                                            <th class=\"num\">Cost</th>\n                                            <th>Started</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (row of CostPerRunRows; track row.RunID) {\n                                            <tr>\n                                                <td class=\"monospace-cell\">{{ row.RunID }}</td>\n                                                <td>{{ row.Source }}</td>\n                                                <td class=\"num\">{{ FormatNumber(row.Tokens) }}</td>\n                                                <td class=\"num\">{{ row.Cost > 0 ? '$' + row.Cost.toFixed(4) : '$0.00' }}</td>\n                                                <td class=\"muted\">{{ row.Started }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            </div>\n                        } @else {\n                            <div class=\"empty-state\">\n                                <i class=\"fa-solid fa-coins\"></i>\n                                <p>No cost data available yet. Run the pipeline to generate cost and token usage metrics.</p>\n                                <p class=\"empty-state-hint\">Cost data is aggregated from ContentProcessRunDetail records linked to AI Prompt Runs.</p>\n                            </div>\n                        }\n                    </div>\n                </section>\n            }\n\n        </div><!-- /main-content -->\n    </div><!-- /analytics-layout -->\n}\n", styles: ["/* ===================================================================\n   Analytics & Insights Resource Component\n   ================================================================= */\n\n.analytics-loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n.analytics-layout {\n    display: flex;\n    height: 100%;\n    min-height: 600px;\n}\n\n/* ===== LEFT SIDEBAR ===== */\n.analytics-sidebar {\n    width: 220px;\n    min-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    overflow-y: auto;\n}\n\n.sidebar-header {\n    padding: 20px 16px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.sidebar-header h2 {\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n}\n\n.sidebar-header h2 i {\n    font-size: 14px;\n    color: var(--mj-brand-primary);\n}\n\n.sidebar-nav {\n    padding: 8px 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.nav-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 16px;\n    font-size: 13.5px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border: none;\n    background: transparent;\n    border-left: 3px solid transparent;\n    transition: all 0.15s ease;\n    text-align: left;\n    width: 100%;\n    font-family: inherit;\n}\n\n.nav-item:hover {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n}\n\n.nav-item.active {\n    border-left-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    font-weight: 600;\n}\n\n.nav-item i {\n    width: 16px;\n    text-align: center;\n    font-size: 13px;\n}\n\n.sidebar-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 8px 16px;\n}\n\n.trending-section {\n    padding: 12px 16px 16px;\n}\n\n.trending-section h3 {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--mj-text-muted);\n    margin: 0 0 10px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px 6px;\n    line-height: 1.7;\n}\n\n.tag-cloud span {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    transition: opacity 0.15s;\n}\n\n.tag-cloud span:hover {\n    opacity: 0.7;\n}\n\n.no-trending {\n    color: var(--mj-text-muted) !important;\n    font-size: 12px !important;\n    font-style: italic;\n}\n\n.pipeline-status {\n    padding: 12px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n}\n\n.status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--mj-status-success);\n    flex-shrink: 0;\n}\n\n.status-dot-error {\n    background: var(--mj-status-error);\n}\n\n/* ===== MAIN CONTENT ===== */\n.main-content {\n    flex: 1;\n    overflow-y: auto;\n    min-width: 0;\n}\n\n.tab-section {\n    padding: 28px 32px 40px;\n}\n\n.tab-section-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid var(--mj-brand-primary);\n}\n\n.tab-section-header i {\n    font-size: 18px;\n    color: var(--mj-brand-primary);\n}\n\n.tab-section-header h1 {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n/* ===== FILTER BAR ===== */\n.filter-bar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.date-chips {\n    display: flex;\n    gap: 0;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.date-chip {\n    padding: 6px 14px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface);\n    cursor: pointer;\n    border: none;\n    border-right: 1px solid var(--mj-border-default);\n    transition: all 0.15s;\n    font-family: inherit;\n}\n\n.date-chip:last-child {\n    border-right: none;\n}\n\n.date-chip:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.date-chip.active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-dropdown {\n    padding: 6px 12px;\n    font-size: 12px;\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-family: inherit;\n}\n\n/* ===== KPI CARDS ===== */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n}\n\n.kpi-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 16px 18px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    transition: transform 0.15s, box-shadow 0.15s;\n    cursor: pointer;\n}\n\n.kpi-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    margin-bottom: 4px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.1;\n}\n\n.kpi-delta {\n    font-size: 11px;\n    font-weight: 500;\n    margin-top: 4px;\n    color: var(--mj-text-muted);\n}\n\n.kpi-delta.up {\n    color: var(--mj-status-success);\n}\n\n.kpi-delta.down {\n    color: var(--mj-status-error);\n}\n\n.kpi-sparkline {\n    flex-shrink: 0;\n    margin-left: 12px;\n    margin-top: 6px;\n}\n\n/* ===== CARDS GRID ===== */\n.cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n\n.widget-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 18px 20px;\n    transition: transform 0.15s, box-shadow 0.15s;\n    cursor: pointer;\n}\n\n.widget-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.widget-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 14px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.widget-title i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.widget-empty {\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    padding: 20px;\n}\n\n.widget-footnote {\n    text-align: center;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 10px;\n}\n\n/* ===== BAR CHART ===== */\n.bar-chart {\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n    height: 120px;\n    padding-top: 10px;\n}\n\n.bar-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.bar {\n    width: 100%;\n    border-radius: 4px 4px 0 0;\n    transition: height 0.3s;\n    min-height: 2px;\n}\n\n.bar-label {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 6px;\n}\n\n.bar-value {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 4px;\n}\n\n/* ===== PROGRESS RINGS ===== */\n.rings-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.ring-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 0;\n}\n\n.ring-label {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    font-weight: 500;\n}\n\n.ring-stat {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n/* ===== GAUGE ===== */\n.gauge-container {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 8px;\n}\n\n/* ===== MINI HISTOGRAM ===== */\n.mini-histogram {\n    display: flex;\n    align-items: flex-end;\n    gap: 3px;\n    height: 32px;\n    justify-content: center;\n}\n\n.mini-hist-bar {\n    width: 14px;\n    border-radius: 2px;\n}\n\n.mini-hist-label {\n    text-align: center;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* ===== HORIZONTAL BARS ===== */\n.h-bar-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.h-bar-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.h-bar-name {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    width: 100px;\n    flex-shrink: 0;\n    text-align: right;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.h-bar-track {\n    flex: 1;\n    height: 20px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.h-bar-fill {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    padding-left: 8px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-width: 36px;\n}\n\n/* ===== THROUGHPUT BARS ===== */\n.throughput-bars {\n    display: flex;\n    align-items: flex-end;\n    gap: 4px;\n    height: 110px;\n    margin-bottom: 22px;\n}\n\n.tp-bar {\n    flex: 1;\n    border-radius: 3px 3px 0 0;\n    position: relative;\n    min-height: 4px;\n}\n\n.tp-bar-label {\n    position: absolute;\n    bottom: -18px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 8px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* ===== TAXONOMY ===== */\n.taxonomy-ring-container {\n    display: flex;\n    justify-content: center;\n}\n\n.taxonomy-stats {\n    display: flex;\n    gap: 8px;\n    margin-top: 12px;\n}\n\n.tax-stat {\n    flex: 1;\n    text-align: center;\n    padding: 8px 4px;\n    border-radius: 6px;\n    font-size: 20px;\n    font-weight: 700;\n}\n\n.tax-stat small {\n    display: block;\n    font-size: 10px;\n    font-weight: 500;\n    margin-top: 2px;\n}\n\n/* ===== LEGEND ===== */\n.legend {\n    display: flex;\n    gap: 16px;\n    margin-top: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n}\n\n.legend-item {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.legend-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 3px;\n    flex-shrink: 0;\n}\n\n/* ===== DATA TABLES ===== */\n.table-scroll {\n    overflow-x: auto;\n}\n\n.data-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 12.5px;\n}\n\n.data-table thead th {\n    text-align: left;\n    padding: 10px 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    border-bottom: 2px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    white-space: nowrap;\n}\n\n.data-table tbody td {\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n    vertical-align: middle;\n}\n\n.data-table tbody tr:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.data-table .num {\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n}\n\n.muted {\n    color: var(--mj-text-muted);\n}\n\n.monospace-cell {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.weight-bar {\n    display: inline-block;\n    height: 6px;\n    border-radius: 3px;\n    vertical-align: middle;\n    margin-right: 6px;\n}\n\n/* ===== BADGES ===== */\n.badge {\n    display: inline-block;\n    padding: 2px 8px;\n    border-radius: 10px;\n    font-size: 10.5px;\n    font-weight: 600;\n}\n\n.badge-success {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.badge-warning {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.badge-error {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.badge-info {\n    background: color-mix(in srgb, var(--mj-status-info) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n/* ===== SUB-SECTIONS ===== */\n.sub-section {\n    margin-top: 24px;\n}\n\n.sub-section h3 {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.sub-section h3 i {\n    font-size: 13px;\n    color: var(--mj-brand-primary);\n}\n\n/* ===== EMPTY STATE ===== */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 2rem;\n    text-align: center;\n    gap: 0.75rem;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.empty-state i {\n    font-size: 2.5rem;\n    color: var(--mj-text-disabled);\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 0.85rem;\n    max-width: 400px;\n}\n\n/* ===== DRILL-DOWN PANEL ===== */\n.drill-down-panel {\n    margin-top: 16px;\n    margin-bottom: 16px;\n    background: var(--mj-bg-surface);\n    border: 2px solid var(--mj-brand-primary);\n    border-radius: 10px;\n    overflow: hidden;\n    animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        max-height: 0;\n    }\n    to {\n        opacity: 1;\n        max-height: 600px;\n    }\n}\n\n.drill-down-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.drill-down-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.drill-down-close {\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 14px;\n    padding: 4px 8px;\n    border-radius: 4px;\n    transition: all 0.15s;\n}\n\n.drill-down-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.drill-down-table-wrap {\n    max-height: 400px;\n    overflow-y: auto;\n    padding: 8px;\n}\n\n.drill-action-col {\n    width: 40px;\n    text-align: center;\n    padding: 6px !important;\n}\n\n.drill-open-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 10px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.drill-open-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.drill-down-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.drill-export-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.drill-export-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.sub-section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 0;\n}\n\n.sub-section-header h3 {\n    margin: 0;\n}\n\n.drill-down-empty {\n    padding: 24px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n/* ===== STACKED BAR CHART ===== */\n.stacked-bar-chart {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.stacked-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.stacked-label {\n    width: 90px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.stacked-track {\n    flex: 1;\n    height: 22px;\n    display: flex;\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.stacked-seg {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 9px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-width: 20px;\n}\n\n/* ===== VERTICAL BAR CHART ===== */\n.v-bar-chart {\n    display: flex;\n    align-items: flex-end;\n    gap: 24px;\n    height: 140px;\n    padding-top: 10px;\n    justify-content: center;\n}\n\n.v-bar-col {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n    min-width: 60px;\n}\n\n.v-bar {\n    width: 48px;\n    border-radius: 4px 4px 0 0;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-text-inverse);\n}\n\n.v-bar-label {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 8px;\n    text-align: center;\n}\n\n.chart-footnote {\n    text-align: center;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 14px;\n}\n\n/* ===== TWO COLUMN ===== */\n.two-col {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n}\n\n/* ===== SOURCE SELECTED ===== */\n.source-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n/* ===== QUALITY BANDS ===== */\n.quality-bands {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.quality-band-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.quality-band-label {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    width: 65px;\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.quality-band-track {\n    flex: 1;\n    height: 18px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.quality-band-fill {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    padding-left: 8px;\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-width: 30px;\n}\n\n.source-quality-note {\n    margin-top: 14px;\n    padding: 10px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 6px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n}\n\n/* ===== SOURCE HEALTH ===== */\n.source-health-grid {\n    display: grid;\n    gap: 12px;\n}\n\n.source-health-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 14px;\n    text-align: center;\n    border-top: 3px solid;\n}\n\n.health-card-name {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-bottom: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.health-card-value {\n    font-size: 22px;\n    font-weight: 700;\n}\n\n.health-card-label {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n\n/* ===== PIPELINE ===== */\n.pipeline-throughput-bars {\n    display: flex;\n    align-items: flex-end;\n    gap: 3px;\n    height: 110px;\n}\n\n.pipeline-bar {\n    flex: 1;\n    border-radius: 2px 2px 0 0;\n    min-height: 3px;\n}\n\n.pipeline-date-labels {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n\n/* ===== PROCESSING STAGES ===== */\n.stage-bars {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.stage-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.stage-name {\n    width: 80px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.stage-track {\n    flex: 1;\n    height: 24px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.stage-fill {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding-right: 8px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n}\n\n.stage-time {\n    width: 50px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.stage-summary {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 14px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.stage-warning {\n    color: var(--mj-text-muted);\n}\n\n/* ===== SUCCESS RATE ===== */\n.success-rate-display {\n    display: flex;\n    justify-content: center;\n    gap: 48px;\n    padding: 20px;\n}\n\n.success-rate-stat {\n    text-align: center;\n}\n\n.success-rate-value {\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1.1;\n}\n\n.success-rate-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* ===== PROGRESS ===== */\n.progress-track {\n    width: 100px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 6px;\n}\n\n.progress-fill {\n    height: 100%;\n    border-radius: 3px;\n}\n\n.progress-text {\n    font-size: 11px;\n    font-weight: 600;\n}\n\n/* ===== ERROR LOG ===== */\n.error-log {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.error-entry {\n    display: flex;\n    gap: 12px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-status-error);\n    border-radius: 0 6px 6px 0;\n    font-size: 12px;\n}\n\n.error-time {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    white-space: nowrap;\n    flex-shrink: 0;\n    width: 130px;\n}\n\n.error-source {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n    flex-shrink: 0;\n    width: 120px;\n}\n\n.error-msg {\n    color: var(--mj-text-secondary);\n}\n\n/* ===== HISTOGRAM ===== */\n.histogram {\n    display: flex;\n    align-items: flex-end;\n    gap: 6px;\n    height: 130px;\n    padding-bottom: 24px;\n}\n\n.hist-bar-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.hist-bar {\n    width: 100%;\n    border-radius: 3px 3px 0 0;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 3px;\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--mj-text-inverse);\n    min-height: 2px;\n}\n\n.hist-label {\n    font-size: 9px;\n    color: var(--mj-text-muted);\n    margin-top: 6px;\n    text-align: center;\n}\n\n.confidence-stats {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n    padding: 10px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n/* ===== GROUPED BAR CHART ===== */\n.grouped-bar-chart {\n    display: flex;\n    align-items: flex-end;\n    gap: 20px;\n    height: 140px;\n    justify-content: center;\n}\n\n.grouped-col {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.grouped-bars {\n    display: flex;\n    gap: 3px;\n    align-items: flex-end;\n    height: 100%;\n}\n\n.g-bar {\n    width: 18px;\n    border-radius: 3px 3px 0 0;\n    min-height: 2px;\n}\n\n.grouped-label {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 6px;\n    text-align: center;\n}\n\n/* ===== ACCURACY CHART ===== */\n.accuracy-chart {\n    position: relative;\n    display: flex;\n    margin: 0 10px;\n}\n\n.accuracy-y-labels {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    font-size: 9px;\n    color: var(--mj-text-muted);\n    margin-right: 8px;\n    height: 110px;\n}\n\n.accuracy-area {\n    flex: 1;\n    position: relative;\n    height: 110px;\n    border-left: 1px solid var(--mj-border-default);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.accuracy-grid-line {\n    position: absolute;\n    left: 0;\n    right: 0;\n    border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.accuracy-svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.accuracy-x-labels {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n    padding: 0 40px 0 40px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n\n.accuracy-trend-text {\n    text-align: center;\n    margin-top: 10px;\n    font-size: 12px;\n    color: var(--mj-status-success);\n}\n\n/* ===== MODEL COMPARISON ===== */\n.model-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n}\n\n.model-card {\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    padding: 14px;\n    text-align: center;\n    border: 1px solid var(--mj-border-default);\n}\n\n.model-name {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin-bottom: 8px;\n}\n\n.model-score {\n    font-size: 28px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.model-detail {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n.model-recommendation {\n    margin-top: 14px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n/* ===== RESPONSIVE ===== */\n@media (max-width: 1200px) {\n    .cards-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .kpi-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .model-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .analytics-layout {\n        flex-direction: column;\n    }\n\n    .analytics-sidebar {\n        width: 100%;\n        min-width: 100%;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .sidebar-nav {\n        flex-direction: row;\n        overflow-x: auto;\n    }\n\n    .nav-item {\n        border-left: none;\n        border-bottom: 3px solid transparent;\n        white-space: nowrap;\n    }\n\n    .nav-item.active {\n        border-left-color: transparent;\n        border-bottom-color: var(--mj-brand-primary);\n    }\n\n    .trending-section,\n    .sidebar-divider {\n        display: none;\n    }\n\n    .tab-section {\n        padding: 16px;\n    }\n\n    .cards-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .kpi-row {\n        grid-template-columns: 1fr;\n    }\n\n    .two-col {\n        grid-template-columns: 1fr;\n    }\n\n    .cost-kpi-row {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* ===== COST & USAGE TAB (D1) ===== */\n\n.tab-header-actions {\n    display: flex;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.cost-kpi-row {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.cost-kpi-card {\n    display: flex;\n    gap: 14px;\n    align-items: center;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    padding: 18px 20px;\n    transition: box-shadow 0.15s ease;\n}\n\n.cost-kpi-card:hover {\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n.cost-kpi-icon {\n    width: 44px;\n    height: 44px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    flex-shrink: 0;\n}\n\n.cost-kpi-value {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.cost-kpi-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n}\n\n.cost-kpi-sub {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.empty-state-hint {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* ===== D5: PRINT STYLES ===== */\n\n@media print {\n    .analytics-sidebar,\n    .filter-bar,\n    .tab-header-actions,\n    .drill-down-close,\n    .drill-export-btn,\n    .drill-open-btn {\n        display: none !important;\n    }\n\n    .analytics-layout {\n        display: block;\n    }\n\n    .main-content {\n        padding: 0;\n    }\n\n    .tab-section {\n        padding: 0;\n    }\n\n    .widget-card,\n    .cost-kpi-card,\n    .kpi-card {\n        break-inside: avoid;\n        box-shadow: none;\n        border: 1px solid var(--mj-border-default);\n    }\n\n    .data-table {\n        font-size: 10px;\n    }\n}\n\n/* \u2500\u2500 Co-Occurrence Section \u2500\u2500 */\n\n/* Constrain the co-occurrence sub-section so an empty state or large table\n   does not blow out the page height and render the app unusable. */\n.co-occurrence-section {\n    max-height: 500px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.co-occurrence-section .table-scroll {\n    overflow-y: auto;\n    max-height: 400px;\n    flex: 1;\n    min-height: 0;\n}\n\n.co-occurrence-section .empty-state {\n    max-height: 200px;\n    overflow: hidden;\n}\n\n.co-occurrence-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.co-occurrence-staleness {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsResourceComponent, { className: "AnalyticsResourceComponent", filePath: "src/KnowledgeHub/components/analytics/analytics-resource.component.ts", lineNumber: 222 }); })();
+/** Tree-shaking prevention */
+export function LoadAnalyticsResource() {
+    // Prevents tree-shaking
+}
+//# sourceMappingURL=analytics-resource.component.js.map