@memberjunction/ng-dashboards 5.39.0 → 5.40.0

package/dist/AI/components/autotagging/components/classify-overview-analytics.component.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @fileoverview Classify · Overview Analytics (Phase 4 audit/analytics).
+ *
+ * KPI cards + three hand-rolled inline-SVG charts (tag distribution bar,
+ * items-over-time line, weight histogram) for the classify dataset. All numbers
+ * come from `ClassifyAnalyticsEngine` so agents and UI share one source of truth.
+ *
+ * The engine is framework-agnostic (server + client safe); this component simply
+ * calls it with the current scope and the active metadata provider. Charts are
+ * SVG built from typed view models — NO charting library.
+ */
+import { AfterViewInit } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ClassifyAnalyticsScope, ClassifyKPIs } from '@memberjunction/tag-engine-base';
+import { formatNumber } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+/** A bar in the tag-distribution chart, pre-scaled to the chart width. */
+interface DistributionBar {
+    Tag: string;
+    Count: number;
+    WidthPct: number;
+}
+/** A point in the items-over-time line chart, in SVG coordinate space. */
+interface LinePoint {
+    X: number;
+    Y: number;
+    Label: string;
+    Count: number;
+}
+/** A bar in the weight histogram, pre-scaled to the chart height. */
+interface HistogramBar {
+    Label: string;
+    Count: number;
+    HeightPct: number;
+}
+export declare class ClassifyOverviewAnalyticsComponent extends BaseAngularComponent implements AfterViewInit {
+    private cdr;
+    ngAfterViewInit(): Promise<void>;
+    /** Number of distinct tags shown in the distribution chart. */
+    private static readonly TAG_DISTRIBUTION_LIMIT;
+    /** Line-chart viewBox geometry. */
+    private static readonly LINE_WIDTH;
+    private static readonly LINE_HEIGHT;
+    private static readonly LINE_PAD;
+    /** Optional analytics scope (source / content-type / date range). Re-loads on change. */
+    private _scope;
+    set Scope(value: ClassifyAnalyticsScope | null);
+    get Scope(): ClassifyAnalyticsScope | null;
+    IsLoading: boolean;
+    HasData: boolean;
+    KPIs: ClassifyKPIs;
+    DistributionBars: DistributionBar[];
+    LinePoints: LinePoint[];
+    LinePath: string;
+    HistogramBars: HistogramBar[];
+    readonly FormatNumber: typeof formatNumber;
+    readonly LineWidth = 600;
+    readonly LineHeight = 160;
+    private _loadedOnce;
+    /** Load (or reload) all analytics for the current scope. Public entry point for the parent. */
+    Reload(): Promise<void>;
+    private buildDistribution;
+    private buildOverTime;
+    private buildHistogram;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassifyOverviewAnalyticsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClassifyOverviewAnalyticsComponent, "classify-overview-analytics", never, { "Scope": { "alias": "Scope"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=classify-overview-analytics.component.d.ts.map

package/dist/AI/components/autotagging/components/classify-overview-analytics.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-overview-analytics.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/components/classify-overview-analytics.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAGH,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAEH,sBAAsB,EACtB,YAAY,EAIf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAmB,MAAM,2BAA2B,CAAC;;AAE1E,0EAA0E;AAC1E,UAAU,eAAe;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,0EAA0E;AAC1E,UAAU,SAAS;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,qEAAqE;AACrE,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,qBAMa,kCAAmC,SAAQ,oBAAqB,YAAW,aAAa;IACjG,OAAO,CAAC,GAAG,CAA6B;IAElC,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAItC,+DAA+D;IAC/D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,sBAAsB,CAAM;IACpD,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAO;IACzC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAO;IAC1C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAK;IAErC,yFAAyF;IACzF,OAAO,CAAC,MAAM,CAAuC;IACrD,IACI,KAAK,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,EAG7C;IACD,IAAI,KAAK,IAAI,sBAAsB,GAAG,IAAI,CAEzC;IAEM,SAAS,UAAS;IAClB,OAAO,UAAS;IAEhB,IAAI,EAAE,YAAY,CAAuE;IAEzF,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACzC,UAAU,EAAE,SAAS,EAAE,CAAM;IAC7B,QAAQ,SAAM;IACd,aAAa,EAAE,YAAY,EAAE,CAAM;IAG1C,SAAgB,YAAY,sBAAgB;IAC5C,SAAgB,SAAS,OAAiD;IAC1E,SAAgB,UAAU,OAAkD;IAE5E,OAAO,CAAC,WAAW,CAAS;IAE5B,+FAA+F;IAClF,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BpC,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,cAAc;yCAzGb,kCAAkC;2CAAlC,kCAAkC;CAiH9C"}

package/dist/AI/components/autotagging/components/classify-overview-analytics.component.js

@@ -0,0 +1,278 @@
+/**
+ * @fileoverview Classify · Overview Analytics (Phase 4 audit/analytics).
+ *
+ * KPI cards + three hand-rolled inline-SVG charts (tag distribution bar,
+ * items-over-time line, weight histogram) for the classify dataset. All numbers
+ * come from `ClassifyAnalyticsEngine` so agents and UI share one source of truth.
+ *
+ * The engine is framework-agnostic (server + client safe); this component simply
+ * calls it with the current scope and the active metadata provider. Charts are
+ * SVG built from typed view models — NO charting library.
+ */
+import { Component, Input, ChangeDetectorRef, inject, } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ClassifyAnalyticsEngine, } from '@memberjunction/tag-engine-base';
+import { formatNumber, formatShortDate } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.Tag;
+const _forTrack1 = ($index, $item) => $item.Label;
+function ClassifyOverviewAnalyticsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 1);
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No classification data yet. Run the pipeline to populate analytics.");
+    i0.ɵɵelementEnd()();
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1, "No tags in scope.");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 13);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 14);
+    i0.ɵɵelement(4, "div", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 16);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const bar_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", bar_r1.Tag);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(bar_r1.Tag);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", bar_r1.WidthPct, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatNumber(bar_r1.Count));
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵrepeaterCreate(1, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_6_For_2_Template, 7, 5, "div", 12, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.DistributionBars);
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1, "No time-series data in scope.");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_12_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "circle", 19)(1, "title");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const pt_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("cx", pt_r3.X)("cy", pt_r3.Y);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", pt_r3.Label, ": ", ctx_r1.FormatNumber(pt_r3.Count));
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 17);
+    i0.ɵɵelement(1, "path", 18);
+    i0.ɵɵrepeaterCreate(2, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_12_For_3_Template, 3, 4, ":svg:circle", 19, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(4, "div", 20)(5, "span");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("viewBox", "0 0 " + ctx_r1.LineWidth + " " + ctx_r1.LineHeight);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("d", ctx_r1.LinePath);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.LinePoints);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.LinePoints[0].Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.LinePoints[ctx_r1.LinePoints.length - 1].Label);
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1, "No weighted tags in scope.");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "div", 24);
+    i0.ɵɵelementStart(2, "span", 25);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const hbar_r4 = ctx.$implicit;
+    i0.ɵɵproperty("title", hbar_r4.Label + "% confidence: " + hbar_r4.Count);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", hbar_r4.HeightPct, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(hbar_r4.Label);
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵrepeaterCreate(1, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_18_For_2_Template, 4, 4, "div", 22, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 23);
+    i0.ɵɵtext(4, "Tag weight / confidence (%)");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.HistogramBars);
+} }
+function ClassifyOverviewAnalyticsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 5)(2, "h4", 6);
+    i0.ɵɵelement(3, "i", 7);
+    i0.ɵɵtext(4, " Top Tags");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_5_Template, 2, 0, "p", 8)(6, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_6_Template, 3, 0, "div", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 5)(8, "h4", 6);
+    i0.ɵɵelement(9, "i", 10);
+    i0.ɵɵtext(10, " Tags Over Time");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_11_Template, 2, 0, "p", 8)(12, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_12_Template, 9, 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 5)(14, "h4", 6);
+    i0.ɵɵelement(15, "i", 11);
+    i0.ɵɵtext(16, " Confidence Distribution");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(17, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_17_Template, 2, 0, "p", 8)(18, ClassifyOverviewAnalyticsComponent_Conditional_3_Conditional_18_Template, 5, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.DistributionBars.length === 0 ? 5 : 6);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.LinePoints.length === 0 ? 11 : 12);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.HistogramBars.length === 0 ? 17 : 18);
+} }
+export class ClassifyOverviewAnalyticsComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    async ngAfterViewInit() {
+        await this.Reload();
+    }
+    /** Number of distinct tags shown in the distribution chart. */
+    static TAG_DISTRIBUTION_LIMIT = 12;
+    /** Line-chart viewBox geometry. */
+    static LINE_WIDTH = 600;
+    static LINE_HEIGHT = 160;
+    static LINE_PAD = 8;
+    /** Optional analytics scope (source / content-type / date range). Re-loads on change. */
+    _scope = null;
+    set Scope(value) {
+        this._scope = value;
+        if (this._loadedOnce)
+            void this.Reload();
+    }
+    get Scope() {
+        return this._scope;
+    }
+    IsLoading = false;
+    HasData = false;
+    KPIs = { TotalItems: 0, TotalTags: 0, AvgTagsPerItem: 0, DistinctTags: 0 };
+    DistributionBars = [];
+    LinePoints = [];
+    LinePath = '';
+    HistogramBars = [];
+    // Template-facing formatters + geometry constants
+    FormatNumber = formatNumber;
+    LineWidth = ClassifyOverviewAnalyticsComponent.LINE_WIDTH;
+    LineHeight = ClassifyOverviewAnalyticsComponent.LINE_HEIGHT;
+    _loadedOnce = false;
+    /** Load (or reload) all analytics for the current scope. Public entry point for the parent. */
+    async Reload() {
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        const engine = ClassifyAnalyticsEngine.Instance;
+        const scope = this._scope ?? undefined;
+        const user = this.ProviderToUse.CurrentUser;
+        const provider = this.ProviderToUse;
+        const [kpis, distribution, overTime, histogram] = await Promise.all([
+            engine.GetKPIs(scope, user, provider),
+            engine.GetTagDistribution(scope, user, provider, ClassifyOverviewAnalyticsComponent.TAG_DISTRIBUTION_LIMIT),
+            engine.GetItemsOverTime('day', scope, user, provider),
+            engine.GetWeightHistogram(10, scope, user, provider),
+        ]);
+        this.KPIs = kpis;
+        this.buildDistribution(distribution);
+        this.buildOverTime(overTime);
+        this.buildHistogram(histogram);
+        this.HasData = kpis.TotalTags > 0 || kpis.TotalItems > 0;
+        this._loadedOnce = true;
+        this.IsLoading = false;
+        this.cdr.detectChanges();
+    }
+    buildDistribution(entries) {
+        const max = entries.reduce((m, e) => Math.max(m, e.Count), 0) || 1;
+        this.DistributionBars = entries.map(e => ({
+            Tag: e.Tag,
+            Count: e.Count,
+            WidthPct: Math.round((e.Count / max) * 100),
+        }));
+    }
+    buildOverTime(buckets) {
+        if (buckets.length === 0) {
+            this.LinePoints = [];
+            this.LinePath = '';
+            return;
+        }
+        const w = ClassifyOverviewAnalyticsComponent.LINE_WIDTH;
+        const h = ClassifyOverviewAnalyticsComponent.LINE_HEIGHT;
+        const pad = ClassifyOverviewAnalyticsComponent.LINE_PAD;
+        const max = buckets.reduce((m, b) => Math.max(m, b.Count), 0) || 1;
+        const innerW = w - pad * 2;
+        const innerH = h - pad * 2;
+        const stepX = buckets.length > 1 ? innerW / (buckets.length - 1) : 0;
+        this.LinePoints = buckets.map((b, i) => {
+            const x = pad + (buckets.length > 1 ? i * stepX : innerW / 2);
+            const y = pad + innerH - (b.Count / max) * innerH;
+            return { X: Math.round(x), Y: Math.round(y), Label: formatShortDate(b.BucketStart), Count: b.Count };
+        });
+        this.LinePath = this.LinePoints
+            .map((p, i) => `${i === 0 ? 'M' : 'L'}${p.X},${p.Y}`)
+            .join(' ');
+    }
+    buildHistogram(bins) {
+        const max = bins.reduce((m, b) => Math.max(m, b.Count), 0) || 1;
+        this.HistogramBars = bins.map(b => ({
+            Label: `${Math.round(b.RangeStart * 100)}`,
+            Count: b.Count,
+            HeightPct: Math.round((b.Count / max) * 100),
+        }));
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵClassifyOverviewAnalyticsComponent_BaseFactory; return function ClassifyOverviewAnalyticsComponent_Factory(__ngFactoryType__) { return (ɵClassifyOverviewAnalyticsComponent_BaseFactory || (ɵClassifyOverviewAnalyticsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ClassifyOverviewAnalyticsComponent)))(__ngFactoryType__ || ClassifyOverviewAnalyticsComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClassifyOverviewAnalyticsComponent, selectors: [["classify-overview-analytics"]], inputs: { Scope: "Scope" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 1, consts: [[1, "coa-wrap"], ["text", "Loading analytics...", "size", "small"], [1, "coa-empty"], [1, "coa-charts"], [1, "fa-solid", "fa-chart-pie"], [1, "coa-chart-card"], [1, "coa-chart-title"], [1, "fa-solid", "fa-ranking-star"], [1, "coa-muted"], [1, "coa-bars"], [1, "fa-solid", "fa-chart-line"], [1, "fa-solid", "fa-chart-column"], [1, "coa-bar-row"], [1, "coa-bar-label", 3, "title"], [1, "coa-bar-track"], [1, "coa-bar-fill"], [1, "coa-bar-count"], ["preserveAspectRatio", "none", 1, "coa-line-svg"], ["fill", "none", 1, "coa-line-path"], ["r", "2.5", 1, "coa-line-dot"], [1, "coa-line-axis"], [1, "coa-histogram"], [1, "coa-hbar-col", 3, "title"], [1, "coa-hist-caption"], [1, "coa-hbar-fill"], [1, "coa-hbar-axis"]], template: function ClassifyOverviewAnalyticsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, ClassifyOverviewAnalyticsComponent_Conditional_1_Template, 1, 0, "mj-loading", 1)(2, ClassifyOverviewAnalyticsComponent_Conditional_2_Template, 4, 0, "div", 2)(3, ClassifyOverviewAnalyticsComponent_Conditional_3_Template, 19, 3, "div", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 1 : !ctx.HasData ? 2 : 3);
+        } }, dependencies: [i1.LoadingComponent], styles: [".coa-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n\n\n.coa-kpi-strip[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 12px;\n}\n\n.coa-kpi-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    padding: 12px 14px;\n}\n\n.coa-kpi-value[_ngcontent-%COMP%] {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.1;\n}\n\n.coa-kpi-label[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.coa-kpi-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n\n\n.coa-charts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.coa-chart-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    padding: 12px 14px;\n    min-width: 0;\n}\n\n.coa-chart-title[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.coa-chart-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.coa-muted[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n    margin: 0;\n}\n\n\n\n.coa-bars[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.coa-bar-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 110px 1fr 48px;\n    align-items: center;\n    gap: 8px;\n}\n\n.coa-bar-label[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.coa-bar-track[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\n    height: 14px;\n    overflow: hidden;\n}\n\n.coa-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: var(--mj-radius-sm);\n    transition: width 0.3s ease;\n}\n\n.coa-bar-count[_ngcontent-%COMP%] {\n    font-size: 0.76rem;\n    color: var(--mj-text-muted);\n    text-align: right;\n}\n\n\n\n.coa-line-svg[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 160px;\n    display: block;\n}\n\n.coa-line-path[_ngcontent-%COMP%] {\n    stroke: var(--mj-brand-primary);\n    stroke-width: 2;\n    vector-effect: non-scaling-stroke;\n}\n\n.coa-line-dot[_ngcontent-%COMP%] {\n    fill: var(--mj-brand-primary);\n}\n\n.coa-line-axis[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.coa-histogram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 4px;\n    height: 150px;\n    padding-top: 8px;\n}\n\n.coa-hbar-col[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n    height: 100%;\n    min-width: 0;\n}\n\n.coa-hbar-fill[_ngcontent-%COMP%] {\n    width: 70%;\n    min-height: 2px;\n    background: var(--mj-brand-primary);\n    border-radius: var(--mj-radius-sm) var(--mj-radius-sm) 0 0;\n    transition: height 0.3s ease;\n}\n\n.coa-hbar-axis[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.66rem;\n    color: var(--mj-text-muted);\n}\n\n.coa-hist-caption[_ngcontent-%COMP%] {\n    margin-top: 6px;\n    text-align: center;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.coa-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n    text-align: center;\n}\n\n.coa-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.8rem;\n    color: var(--mj-text-disabled);\n}\n\n.coa-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.85rem;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClassifyOverviewAnalyticsComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'classify-overview-analytics', template: "<div class=\"coa-wrap\">\n\n  <!-- KPI cards removed: the Pipeline Monitor's top KPI strip is now the single\n       canonical headline-metrics row (Active Sources / Content Items / Total Tags /\n       Avg Tags per Item / Errors). This section renders charts only, eliminating the\n       duplicate \"Content Items\" + \"Total Tags\" cards that previously appeared twice. -->\n\n  @if (IsLoading) {\n    <mj-loading text=\"Loading analytics...\" size=\"small\"></mj-loading>\n  } @else if (!HasData) {\n    <div class=\"coa-empty\">\n      <i class=\"fa-solid fa-chart-pie\"></i>\n      <p>No classification data yet. Run the pipeline to populate analytics.</p>\n    </div>\n  } @else {\n    <div class=\"coa-charts\">\n\n      <!-- Tag distribution (horizontal bars) -->\n      <div class=\"coa-chart-card\">\n        <h4 class=\"coa-chart-title\"><i class=\"fa-solid fa-ranking-star\"></i> Top Tags</h4>\n        @if (DistributionBars.length === 0) {\n          <p class=\"coa-muted\">No tags in scope.</p>\n        } @else {\n          <div class=\"coa-bars\">\n            @for (bar of DistributionBars; track bar.Tag) {\n              <div class=\"coa-bar-row\">\n                <span class=\"coa-bar-label\" [title]=\"bar.Tag\">{{ bar.Tag }}</span>\n                <div class=\"coa-bar-track\">\n                  <div class=\"coa-bar-fill\" [style.width.%]=\"bar.WidthPct\"></div>\n                </div>\n                <span class=\"coa-bar-count\">{{ FormatNumber(bar.Count) }}</span>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Items over time (line) -->\n      <div class=\"coa-chart-card\">\n        <h4 class=\"coa-chart-title\"><i class=\"fa-solid fa-chart-line\"></i> Tags Over Time</h4>\n        @if (LinePoints.length === 0) {\n          <p class=\"coa-muted\">No time-series data in scope.</p>\n        } @else {\n          <svg class=\"coa-line-svg\" [attr.viewBox]=\"'0 0 ' + LineWidth + ' ' + LineHeight\" preserveAspectRatio=\"none\">\n            <path class=\"coa-line-path\" [attr.d]=\"LinePath\" fill=\"none\" />\n            @for (pt of LinePoints; track pt.Label) {\n              <circle class=\"coa-line-dot\" [attr.cx]=\"pt.X\" [attr.cy]=\"pt.Y\" r=\"2.5\">\n                <title>{{ pt.Label }}: {{ FormatNumber(pt.Count) }}</title>\n              </circle>\n            }\n          </svg>\n          <div class=\"coa-line-axis\">\n            <span>{{ LinePoints[0].Label }}</span>\n            <span>{{ LinePoints[LinePoints.length - 1].Label }}</span>\n          </div>\n        }\n      </div>\n\n      <!-- Weight histogram (vertical bars) -->\n      <div class=\"coa-chart-card\">\n        <h4 class=\"coa-chart-title\"><i class=\"fa-solid fa-chart-column\"></i> Confidence Distribution</h4>\n        @if (HistogramBars.length === 0) {\n          <p class=\"coa-muted\">No weighted tags in scope.</p>\n        } @else {\n          <div class=\"coa-histogram\">\n            @for (hbar of HistogramBars; track hbar.Label) {\n              <div class=\"coa-hbar-col\" [title]=\"hbar.Label + '% confidence: ' + hbar.Count\">\n                <div class=\"coa-hbar-fill\" [style.height.%]=\"hbar.HeightPct\"></div>\n                <span class=\"coa-hbar-axis\">{{ hbar.Label }}</span>\n              </div>\n            }\n          </div>\n          <div class=\"coa-hist-caption\">Tag weight / confidence (%)</div>\n        }\n      </div>\n\n    </div>\n  }\n</div>\n", styles: [".coa-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* KPI cards */\n.coa-kpi-strip {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 12px;\n}\n\n.coa-kpi-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    padding: 12px 14px;\n}\n\n.coa-kpi-value {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.1;\n}\n\n.coa-kpi-label {\n    margin-top: 4px;\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.coa-kpi-label i {\n    color: var(--mj-brand-primary);\n}\n\n/* Chart grid */\n.coa-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.coa-chart-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    padding: 12px 14px;\n    min-width: 0;\n}\n\n.coa-chart-title {\n    margin: 0 0 12px 0;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.coa-chart-title i {\n    color: var(--mj-brand-primary);\n}\n\n.coa-muted {\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n    margin: 0;\n}\n\n/* Tag distribution bars */\n.coa-bars {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.coa-bar-row {\n    display: grid;\n    grid-template-columns: 110px 1fr 48px;\n    align-items: center;\n    gap: 8px;\n}\n\n.coa-bar-label {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.coa-bar-track {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\n    height: 14px;\n    overflow: hidden;\n}\n\n.coa-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: var(--mj-radius-sm);\n    transition: width 0.3s ease;\n}\n\n.coa-bar-count {\n    font-size: 0.76rem;\n    color: var(--mj-text-muted);\n    text-align: right;\n}\n\n/* Line chart */\n.coa-line-svg {\n    width: 100%;\n    height: 160px;\n    display: block;\n}\n\n.coa-line-path {\n    stroke: var(--mj-brand-primary);\n    stroke-width: 2;\n    vector-effect: non-scaling-stroke;\n}\n\n.coa-line-dot {\n    fill: var(--mj-brand-primary);\n}\n\n.coa-line-axis {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* Histogram */\n.coa-histogram {\n    display: flex;\n    align-items: flex-end;\n    gap: 4px;\n    height: 150px;\n    padding-top: 8px;\n}\n\n.coa-hbar-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n    height: 100%;\n    min-width: 0;\n}\n\n.coa-hbar-fill {\n    width: 70%;\n    min-height: 2px;\n    background: var(--mj-brand-primary);\n    border-radius: var(--mj-radius-sm) var(--mj-radius-sm) 0 0;\n    transition: height 0.3s ease;\n}\n\n.coa-hbar-axis {\n    margin-top: 4px;\n    font-size: 0.66rem;\n    color: var(--mj-text-muted);\n}\n\n.coa-hist-caption {\n    margin-top: 6px;\n    text-align: center;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* Empty state */\n.coa-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n    text-align: center;\n}\n\n.coa-empty i {\n    font-size: 1.8rem;\n    color: var(--mj-text-disabled);\n}\n\n.coa-empty p {\n    margin: 0;\n    font-size: 0.85rem;\n}\n"] }]
+    }], null, { Scope: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClassifyOverviewAnalyticsComponent, { className: "ClassifyOverviewAnalyticsComponent", filePath: "src/AI/components/autotagging/components/classify-overview-analytics.component.ts", lineNumber: 58 }); })();
+//# sourceMappingURL=classify-overview-analytics.component.js.map

package/dist/AI/components/autotagging/components/classify-overview-analytics.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-overview-analytics.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/components/classify-overview-analytics.component.ts","../../../../../src/AI/components/autotagging/components/classify-overview-analytics.component.html"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EACH,SAAS,EACT,KAAK,EAEL,iBAAiB,EACjB,MAAM,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACH,uBAAuB,GAM1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;;;;;;ICnBtE,gCAAkE;;;IAElE,8BAAuB;IACrB,uBAAqC;IACrC,yBAAG;IAAA,mFAAmE;IACxE,AADwE,iBAAI,EACtE;;;IAQA,4BAAqB;IAAA,iCAAiB;IAAA,iBAAI;;;IAKpC,AADF,+BAAyB,eACuB;IAAA,YAAa;IAAA,iBAAO;IAClE,+BAA2B;IACzB,0BAA+D;IACjE,iBAAM;IACN,gCAA4B;IAAA,YAA6B;IAC3D,AAD2D,iBAAO,EAC5D;;;;IALwB,cAAiB;IAAjB,kCAAiB;IAAC,cAAa;IAAb,gCAAa;IAE/B,eAA8B;IAA9B,6CAA8B;IAE9B,eAA6B;IAA7B,uDAA6B;;;IAP/D,8BAAsB;IACpB,kIAQC;IACH,iBAAM;;;IATJ,cAQC;IARD,sCAQC;;;IASH,4BAAqB;IAAA,6CAA6B;IAAA,iBAAI;;;;IAMhD,AADF,kCAAuE,YAC9D;IAAA,YAA4C;IACrD,AADqD,iBAAQ,EACpD;;;;;IADA,eAA4C;IAA5C,8EAA4C;;;;IAJzD,+BAA4G;IAC1G,2BAA8D;IAC9D,2IAIC;IACH,iBAAM;;IAEJ,AADF,+BAA2B,WACnB;IAAA,YAAyB;IAAA,iBAAO;IACtC,4BAAM;IAAA,YAA6C;IACrD,AADqD,iBAAO,EACtD;;;;IAVwB,cAAmB;;IAC/C,cAIC;IAJD,gCAIC;IAGK,eAAyB;IAAzB,gDAAyB;IACzB,eAA6C;IAA7C,2EAA6C;;;IASrD,4BAAqB;IAAA,0CAA0B;IAAA,iBAAI;;;IAI/C,+BAA+E;IAC7E,0BAAmE;IACnE,gCAA4B;IAAA,YAAgB;IAC9C,AAD8C,iBAAO,EAC/C;;;IAHoB,wEAAoD;IACjD,cAAiC;IAAjC,gDAAiC;IAChC,eAAgB;IAAhB,mCAAgB;;;IAJlD,+BAA2B;IACzB,mIAKC;IACH,iBAAM;IACN,+BAA8B;IAAA,2CAA2B;IAAA,iBAAM;;;IAP7D,cAKC;IALD,mCAKC;;;IAnDL,AADF,AAHF,8BAAwB,aAGM,YACE;IAAA,uBAAwC;IAAC,yBAAQ;IAAA,iBAAK;IAGhF,AAFF,gHAAqC,4FAE5B;IAaX,iBAAM;IAIJ,AADF,8BAA4B,YACE;IAAA,wBAAsC;IAAC,gCAAc;IAAA,iBAAK;IAGpF,AAFF,kHAA+B,oFAEtB;IAcX,iBAAM;IAIJ,AADF,+BAA4B,aACE;IAAA,yBAAwC;IAAC,yCAAuB;IAAA,iBAAK;IAG/F,AAFF,kHAAkC,oFAEzB;IAab,AAFE,iBAAM,EAEF;;;IAxDF,eAcC;IAdD,8DAcC;IAMD,eAeC;IAfD,0DAeC;IAMD,eAYC;IAZD,6DAYC;;ADhBT,MAAM,OAAO,kCAAmC,SAAQ,oBAAoB;IAChE,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAExC,KAAK,CAAC,eAAe;QACjB,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;IAED,+DAA+D;IACvD,MAAM,CAAU,sBAAsB,GAAG,EAAE,CAAC;IACpD,mCAAmC;IAC3B,MAAM,CAAU,UAAU,GAAG,GAAG,CAAC;IACjC,MAAM,CAAU,WAAW,GAAG,GAAG,CAAC;IAClC,MAAM,CAAU,QAAQ,GAAG,CAAC,CAAC;IAErC,yFAAyF;IACjF,MAAM,GAAkC,IAAI,CAAC;IACrD,IACI,KAAK,CAAC,KAAoC;QAC1C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,WAAW;YAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;IAC7C,CAAC;IACD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,SAAS,GAAG,KAAK,CAAC;IAClB,OAAO,GAAG,KAAK,CAAC;IAEhB,IAAI,GAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IAEzF,gBAAgB,GAAsB,EAAE,CAAC;IACzC,UAAU,GAAgB,EAAE,CAAC;IAC7B,QAAQ,GAAG,EAAE,CAAC;IACd,aAAa,GAAmB,EAAE,CAAC;IAE1C,kDAAkD;IAClC,YAAY,GAAG,YAAY,CAAC;IAC5B,SAAS,GAAG,kCAAkC,CAAC,UAAU,CAAC;IAC1D,UAAU,GAAG,kCAAkC,CAAC,WAAW,CAAC;IAEpE,WAAW,GAAG,KAAK,CAAC;IAE5B,+FAA+F;IACxF,KAAK,CAAC,MAAM;QACf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAEzB,MAAM,MAAM,GAAG,uBAAuB,CAAC,QAAQ,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC;QAEpC,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAChE,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC;YACrC,MAAM,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,kCAAkC,CAAC,sBAAsB,CAAC;YAC3G,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC;YACrD,MAAM,CAAC,kBAAkB,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC;SACvD,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACrC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7B,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QAEzD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAEO,iBAAiB,CAAC,OAA+B;QACrD,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACnE,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACtC,GAAG,EAAE,CAAC,CAAC,GAAG;YACV,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;SAC9C,CAAC,CAAC,CAAC;IACR,CAAC;IAEO,aAAa,CAAC,OAA8B;QAChD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QAED,MAAM,CAAC,GAAG,kCAAkC,CAAC,UAAU,CAAC;QACxD,MAAM,CAAC,GAAG,kCAAkC,CAAC,WAAW,CAAC;QACzD,MAAM,GAAG,GAAG,kCAAkC,CAAC,QAAQ,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACnE,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAC3B,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAC3B,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErE,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACnC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC9D,MAAM,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;YAClD,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;QACzG,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU;aAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;aACpD,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC;IAEO,cAAc,CAAC,IAA0B;QAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QAChE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,EAAE;YAC1C,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;SAC/C,CAAC,CAAC,CAAC;IACR,CAAC;qTAhHQ,kCAAkC,yBAAlC,kCAAkC;6DAAlC,kCAAkC;YCzD/C,8BAAsB;YAclB,AALA,AAFF,2GAAiB,8EAEM,+EAKd;YAgEX,iBAAM;;YAvEJ,cAsEC;YAtED,0DAsEC;;;iFDpBU,kCAAkC;cAN9C,SAAS;6BACM,KAAK,YACP,6BAA6B;;kBAoBtC,KAAK;;kFAhBG,kCAAkC","sourcesContent":["/**\n * @fileoverview Classify · Overview Analytics (Phase 4 audit/analytics).\n *\n * KPI cards + three hand-rolled inline-SVG charts (tag distribution bar,\n * items-over-time line, weight histogram) for the classify dataset. All numbers\n * come from `ClassifyAnalyticsEngine` so agents and UI share one source of truth.\n *\n * The engine is framework-agnostic (server + client safe); this component simply\n * calls it with the current scope and the active metadata provider. Charts are\n * SVG built from typed view models — NO charting library.\n */\nimport {\n    Component,\n    Input,\n    AfterViewInit,\n    ChangeDetectorRef,\n    inject,\n} from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport {\n    ClassifyAnalyticsEngine,\n    ClassifyAnalyticsScope,\n    ClassifyKPIs,\n    TagDistributionEntry,\n    ItemsOverTimeBucket,\n    WeightHistogramBin,\n} from '@memberjunction/tag-engine-base';\nimport { formatNumber, formatShortDate } from '../shared/classify.format';\n\n/** A bar in the tag-distribution chart, pre-scaled to the chart width. */\ninterface DistributionBar {\n    Tag: string;\n    Count: number;\n    WidthPct: number;\n}\n\n/** A point in the items-over-time line chart, in SVG coordinate space. */\ninterface LinePoint {\n    X: number;\n    Y: number;\n    Label: string;\n    Count: number;\n}\n\n/** A bar in the weight histogram, pre-scaled to the chart height. */\ninterface HistogramBar {\n    Label: string;\n    Count: number;\n    HeightPct: number;\n}\n\n@Component({\n    standalone: false,\n    selector: 'classify-overview-analytics',\n    templateUrl: './classify-overview-analytics.component.html',\n    styleUrls: ['./classify-overview-analytics.component.css'],\n})\nexport class ClassifyOverviewAnalyticsComponent extends BaseAngularComponent implements AfterViewInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    async ngAfterViewInit(): Promise<void> {\n        await this.Reload();\n    }\n\n    /** Number of distinct tags shown in the distribution chart. */\n    private static readonly TAG_DISTRIBUTION_LIMIT = 12;\n    /** Line-chart viewBox geometry. */\n    private static readonly LINE_WIDTH = 600;\n    private static readonly LINE_HEIGHT = 160;\n    private static readonly LINE_PAD = 8;\n\n    /** Optional analytics scope (source / content-type / date range). Re-loads on change. */\n    private _scope: ClassifyAnalyticsScope | null = null;\n    @Input()\n    set Scope(value: ClassifyAnalyticsScope | null) {\n        this._scope = value;\n        if (this._loadedOnce) void this.Reload();\n    }\n    get Scope(): ClassifyAnalyticsScope | null {\n        return this._scope;\n    }\n\n    public IsLoading = false;\n    public HasData = false;\n\n    public KPIs: ClassifyKPIs = { TotalItems: 0, TotalTags: 0, AvgTagsPerItem: 0, DistinctTags: 0 };\n\n    public DistributionBars: DistributionBar[] = [];\n    public LinePoints: LinePoint[] = [];\n    public LinePath = '';\n    public HistogramBars: HistogramBar[] = [];\n\n    // Template-facing formatters + geometry constants\n    public readonly FormatNumber = formatNumber;\n    public readonly LineWidth = ClassifyOverviewAnalyticsComponent.LINE_WIDTH;\n    public readonly LineHeight = ClassifyOverviewAnalyticsComponent.LINE_HEIGHT;\n\n    private _loadedOnce = false;\n\n    /** Load (or reload) all analytics for the current scope. Public entry point for the parent. */\n    public async Reload(): Promise<void> {\n        this.IsLoading = true;\n        this.cdr.detectChanges();\n\n        const engine = ClassifyAnalyticsEngine.Instance;\n        const scope = this._scope ?? undefined;\n        const user = this.ProviderToUse.CurrentUser;\n        const provider = this.ProviderToUse;\n\n        const [kpis, distribution, overTime, histogram] = await Promise.all([\n            engine.GetKPIs(scope, user, provider),\n            engine.GetTagDistribution(scope, user, provider, ClassifyOverviewAnalyticsComponent.TAG_DISTRIBUTION_LIMIT),\n            engine.GetItemsOverTime('day', scope, user, provider),\n            engine.GetWeightHistogram(10, scope, user, provider),\n        ]);\n\n        this.KPIs = kpis;\n        this.buildDistribution(distribution);\n        this.buildOverTime(overTime);\n        this.buildHistogram(histogram);\n        this.HasData = kpis.TotalTags > 0 || kpis.TotalItems > 0;\n\n        this._loadedOnce = true;\n        this.IsLoading = false;\n        this.cdr.detectChanges();\n    }\n\n    private buildDistribution(entries: TagDistributionEntry[]): void {\n        const max = entries.reduce((m, e) => Math.max(m, e.Count), 0) || 1;\n        this.DistributionBars = entries.map(e => ({\n            Tag: e.Tag,\n            Count: e.Count,\n            WidthPct: Math.round((e.Count / max) * 100),\n        }));\n    }\n\n    private buildOverTime(buckets: ItemsOverTimeBucket[]): void {\n        if (buckets.length === 0) {\n            this.LinePoints = [];\n            this.LinePath = '';\n            return;\n        }\n\n        const w = ClassifyOverviewAnalyticsComponent.LINE_WIDTH;\n        const h = ClassifyOverviewAnalyticsComponent.LINE_HEIGHT;\n        const pad = ClassifyOverviewAnalyticsComponent.LINE_PAD;\n        const max = buckets.reduce((m, b) => Math.max(m, b.Count), 0) || 1;\n        const innerW = w - pad * 2;\n        const innerH = h - pad * 2;\n        const stepX = buckets.length > 1 ? innerW / (buckets.length - 1) : 0;\n\n        this.LinePoints = buckets.map((b, i) => {\n            const x = pad + (buckets.length > 1 ? i * stepX : innerW / 2);\n            const y = pad + innerH - (b.Count / max) * innerH;\n            return { X: Math.round(x), Y: Math.round(y), Label: formatShortDate(b.BucketStart), Count: b.Count };\n        });\n\n        this.LinePath = this.LinePoints\n            .map((p, i) => `${i === 0 ? 'M' : 'L'}${p.X},${p.Y}`)\n            .join(' ');\n    }\n\n    private buildHistogram(bins: WeightHistogramBin[]): void {\n        const max = bins.reduce((m, b) => Math.max(m, b.Count), 0) || 1;\n        this.HistogramBars = bins.map(b => ({\n            Label: `${Math.round(b.RangeStart * 100)}`,\n            Count: b.Count,\n            HeightPct: Math.round((b.Count / max) * 100),\n        }));\n    }\n}\n","<div class=\"coa-wrap\">\n\n  <!-- KPI cards removed: the Pipeline Monitor's top KPI strip is now the single\n       canonical headline-metrics row (Active Sources / Content Items / Total Tags /\n       Avg Tags per Item / Errors). This section renders charts only, eliminating the\n       duplicate \"Content Items\" + \"Total Tags\" cards that previously appeared twice. -->\n\n  @if (IsLoading) {\n    <mj-loading text=\"Loading analytics...\" size=\"small\"></mj-loading>\n  } @else if (!HasData) {\n    <div class=\"coa-empty\">\n      <i class=\"fa-solid fa-chart-pie\"></i>\n      <p>No classification data yet. Run the pipeline to populate analytics.</p>\n    </div>\n  } @else {\n    <div class=\"coa-charts\">\n\n      <!-- Tag distribution (horizontal bars) -->\n      <div class=\"coa-chart-card\">\n        <h4 class=\"coa-chart-title\"><i class=\"fa-solid fa-ranking-star\"></i> Top Tags</h4>\n        @if (DistributionBars.length === 0) {\n          <p class=\"coa-muted\">No tags in scope.</p>\n        } @else {\n          <div class=\"coa-bars\">\n            @for (bar of DistributionBars; track bar.Tag) {\n              <div class=\"coa-bar-row\">\n                <span class=\"coa-bar-label\" [title]=\"bar.Tag\">{{ bar.Tag }}</span>\n                <div class=\"coa-bar-track\">\n                  <div class=\"coa-bar-fill\" [style.width.%]=\"bar.WidthPct\"></div>\n                </div>\n                <span class=\"coa-bar-count\">{{ FormatNumber(bar.Count) }}</span>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Items over time (line) -->\n      <div class=\"coa-chart-card\">\n        <h4 class=\"coa-chart-title\"><i class=\"fa-solid fa-chart-line\"></i> Tags Over Time</h4>\n        @if (LinePoints.length === 0) {\n          <p class=\"coa-muted\">No time-series data in scope.</p>\n        } @else {\n          <svg class=\"coa-line-svg\" [attr.viewBox]=\"'0 0 ' + LineWidth + ' ' + LineHeight\" preserveAspectRatio=\"none\">\n            <path class=\"coa-line-path\" [attr.d]=\"LinePath\" fill=\"none\" />\n            @for (pt of LinePoints; track pt.Label) {\n              <circle class=\"coa-line-dot\" [attr.cx]=\"pt.X\" [attr.cy]=\"pt.Y\" r=\"2.5\">\n                <title>{{ pt.Label }}: {{ FormatNumber(pt.Count) }}</title>\n              </circle>\n            }\n          </svg>\n          <div class=\"coa-line-axis\">\n            <span>{{ LinePoints[0].Label }}</span>\n            <span>{{ LinePoints[LinePoints.length - 1].Label }}</span>\n          </div>\n        }\n      </div>\n\n      <!-- Weight histogram (vertical bars) -->\n      <div class=\"coa-chart-card\">\n        <h4 class=\"coa-chart-title\"><i class=\"fa-solid fa-chart-column\"></i> Confidence Distribution</h4>\n        @if (HistogramBars.length === 0) {\n          <p class=\"coa-muted\">No weighted tags in scope.</p>\n        } @else {\n          <div class=\"coa-histogram\">\n            @for (hbar of HistogramBars; track hbar.Label) {\n              <div class=\"coa-hbar-col\" [title]=\"hbar.Label + '% confidence: ' + hbar.Count\">\n                <div class=\"coa-hbar-fill\" [style.height.%]=\"hbar.HeightPct\"></div>\n                <span class=\"coa-hbar-axis\">{{ hbar.Label }}</span>\n              </div>\n            }\n          </div>\n          <div class=\"coa-hist-caption\">Tag weight / confidence (%)</div>\n        }\n      </div>\n\n    </div>\n  }\n</div>\n"]}

package/dist/AI/components/autotagging/components/classify-seed-taxonomy.component.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @fileoverview Classify · Seed-taxonomy review.
+ *
+ * Calls the server-side `GenerateSeedTaxonomy` GraphQL mutation (which samples a
+ * source's content and proposes a tag tree), renders the proposal as a checkbox
+ * tree with inline rename, and — on Accept — persists the selected nodes as
+ * `MJ: Tags` (parent/child wired via ParentID). Used standalone on the Tags /
+ * Taxonomy area and embedded inside the setup wizard's Taxonomy step.
+ *
+ * The mutation is invoked through the first-class transport helper
+ * `GraphQLClassifyClient` (constructed from the threaded `ProviderToUse`,
+ * narrowed to the concrete `GraphQLDataProvider` it is at runtime), which
+ * returns a strongly-typed `SeedTaxonomyResult` — no inline GraphQL or manual
+ * JSON parsing in the component.
+ */
+import { EventEmitter } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import * as i0 from "@angular/core";
+/** Editable view-model node — adds selection + rename + a stable key for tracking. */
+export interface SeedTaxonomyNode {
+    Key: string;
+    Name: string;
+    Description?: string;
+    MemberCount?: number;
+    Selected: boolean;
+    Renaming: boolean;
+    Depth: number;
+    Children: SeedTaxonomyNode[];
+}
+export declare class ClassifySeedTaxonomyComponent extends BaseAngularComponent {
+    private cdr;
+    /** The content source to sample for the taxonomy proposal. */
+    SourceID: string | null;
+    /** How many items to sample (passed to the mutation). */
+    SampleSize: number;
+    /** Optional parent tag ID under which accepted root nodes are created. */
+    ParentTagID: string | null;
+    /** Emitted after Accept persists tags, with the count created. */
+    Accepted: EventEmitter<{
+        Created: number;
+    }>;
+    IsGenerating: boolean;
+    IsAccepting: boolean;
+    ProposedNodes: SeedTaxonomyNode[];
+    HasGenerated: boolean;
+    LastMethod: string | null;
+    LastSampleSize: number | null;
+    private keySeq;
+    /** True when at least one node is checked. */
+    get HasSelection(): boolean;
+    /** Count of currently-selected nodes (template-facing). */
+    get SelectedCount(): number;
+    private countSelected;
+    /** Call the GenerateSeedTaxonomy mutation and render the proposal. */
+    Generate(): Promise<void>;
+    private toViewModel;
+    /** Toggle a node's selection, cascading to descendants. */
+    ToggleNode(node: SeedTaxonomyNode): void;
+    private setSelectedRecursive;
+    StartRename(node: SeedTaxonomyNode): void;
+    CommitRename(node: SeedTaxonomyNode, value: string): void;
+    /** Flatten the visible tree for the template (depth-first), preserving order. */
+    get FlatNodes(): SeedTaxonomyNode[];
+    /**
+     * Persist every selected node as an `MJ: Tags` record. Parent/child links use
+     * ParentID; root nodes use the optional ParentTagID input. Walks the tree
+     * top-down so a parent's saved ID is available when creating its children.
+     */
+    AcceptSelected(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassifySeedTaxonomyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClassifySeedTaxonomyComponent, "classify-seed-taxonomy", never, { "SourceID": { "alias": "SourceID"; "required": false; }; "SampleSize": { "alias": "SampleSize"; "required": false; }; "ParentTagID": { "alias": "ParentTagID"; "required": false; }; }, { "Accepted": "Accepted"; }, never, never, false, never>;
+}
+//# sourceMappingURL=classify-seed-taxonomy.component.d.ts.map

package/dist/AI/components/autotagging/components/classify-seed-taxonomy.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-seed-taxonomy.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/components/classify-seed-taxonomy.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAgC,YAAY,EAAyB,MAAM,eAAe,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAUrE,sFAAsF;AACtF,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAChC;AAED,qBAMa,6BAA8B,SAAQ,oBAAoB;IACnE,OAAO,CAAC,GAAG,CAA6B;IAExC,8DAA8D;IACrD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxC,yDAAyD;IAChD,UAAU,SAAM;IACzB,0EAA0E;IACjE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C,kEAAkE;IACxD,QAAQ;iBAA+B,MAAM;OAAM;IAEtD,YAAY,UAAS;IACrB,WAAW,UAAS;IACpB,aAAa,EAAE,gBAAgB,EAAE,CAAM;IACvC,YAAY,UAAS;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5C,OAAO,CAAC,MAAM,CAAK;IAEnB,8CAA8C;IAC9C,IAAW,YAAY,IAAI,OAAO,CAEjC;IAED,2DAA2D;IAC3D,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,OAAO,CAAC,aAAa;IASrB,sEAAsE;IACzD,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAoCtC,OAAO,CAAC,WAAW;IAenB,2DAA2D;IACpD,UAAU,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAM/C,OAAO,CAAC,oBAAoB;IAKrB,WAAW,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAKzC,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOhE,iFAAiF;IACjF,IAAW,SAAS,IAAI,gBAAgB,EAAE,CAUzC;IAID;;;;OAIG;IACU,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;yCAzInC,6BAA6B;2CAA7B,6BAA6B;CAqMzC"}