@memberjunction/ng-dashboards 5.39.0 → 5.40.0

package/dist/AI/components/autotagging/components/classify-item-drilldown.component.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @fileoverview Classify · Content Item Drilldown (Phase 4 audit/analytics).
+ *
+ * Given a content item (by ID), renders an auditable view of:
+ *   (A) basic rendered content / fields,
+ *   (B) its tags WITH weight + LLM Reasoning, plus a provenance link to the
+ *       AI Prompt Run (`AIPromptRunID`) that produced each tag,
+ *   (C) provenance facts (source / entity doc / prompt run), and
+ *   (D) a simple audit list (created / last tagged / last embedded).
+ *
+ * Read-only: all loads use `ResultType:'simple'` + narrow `Fields`. Tags are read
+ * from `MJ: Content Item Tags` filtered by `ItemID`. This component owns NO
+ * navigation — record-open intents bubble UP via `(OpenRecordRequested)` so the
+ * host (which owns NavigationService) opens the full entity form.
+ */
+import { EventEmitter } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ClassifyDrilldownTag, ClassifyProvenanceFact, ClassifyAuditEntry } from '../shared/classify.types';
+import { formatWeight, tagFontSize } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+export declare class ClassifyItemDrilldownComponent extends BaseAngularComponent {
+    private cdr;
+    /** The content item to drill into, by ID. Re-loads on change (setter pattern). */
+    private _itemID;
+    set ItemID(value: string | null);
+    get ItemID(): string | null;
+    /** Emitted when the user wants to open a related record (entity + id). */
+    OpenRecordRequested: EventEmitter<{
+        entityName: string;
+        recordID: string;
+    }>;
+    IsLoading: boolean;
+    DisplayName: string;
+    SourceName: string;
+    URL: string;
+    TextPreview: string;
+    Tags: ClassifyDrilldownTag[];
+    Provenance: ClassifyProvenanceFact[];
+    Audit: ClassifyAuditEntry[];
+    readonly FormatWeight: typeof formatWeight;
+    readonly TagFontSize: typeof tagFontSize;
+    /** Max characters of item text shown in the rendered-content preview. */
+    private static readonly TEXT_PREVIEW_MAX;
+    OpenPromptRun(tag: ClassifyDrilldownTag): void;
+    OpenProvenanceRecord(fact: ClassifyProvenanceFact): void;
+    OpenItemRecord(): void;
+    private reset;
+    private load;
+    private applyItem;
+    private applyTags;
+    private buildProvenance;
+    private buildAudit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassifyItemDrilldownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClassifyItemDrilldownComponent, "classify-item-drilldown", never, { "ItemID": { "alias": "ItemID"; "required": false; }; }, { "OpenRecordRequested": "OpenRecordRequested"; }, never, never, false, never>;
+}
+//# sourceMappingURL=classify-item-drilldown.component.d.ts.map

package/dist/AI/components/autotagging/components/classify-item-drilldown.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-item-drilldown.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/components/classify-item-drilldown.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAIH,YAAY,EAGf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACH,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAqB,YAAY,EAAE,WAAW,EAAc,MAAM,2BAA2B,CAAC;;AAErG,qBAMa,8BAA+B,SAAQ,oBAAoB;IACpE,OAAO,CAAC,GAAG,CAA6B;IAExC,kFAAkF;IAClF,OAAO,CAAC,OAAO,CAAuB;IACtC,IACI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAK9B;IACD,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,CAE1B;IAED,0EAA0E;IAChE,mBAAmB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAEtF,SAAS,UAAS;IAClB,WAAW,SAAM;IACjB,UAAU,SAAM;IAChB,GAAG,SAAM;IACT,WAAW,SAAM;IACjB,IAAI,EAAE,oBAAoB,EAAE,CAAM;IAClC,UAAU,EAAE,sBAAsB,EAAE,CAAM;IAC1C,KAAK,EAAE,kBAAkB,EAAE,CAAM;IAGxC,SAAgB,YAAY,sBAAgB;IAC5C,SAAgB,WAAW,qBAAe;IAE1C,yEAAyE;IACzE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IAEzC,aAAa,CAAC,GAAG,EAAE,oBAAoB,GAAG,IAAI;IAM9C,oBAAoB,CAAC,IAAI,EAAE,sBAAsB,GAAG,IAAI;IAMxD,cAAc,IAAI,IAAI;IAM7B,OAAO,CAAC,KAAK;YAWC,IAAI;IAqClB,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,eAAe;IAwCvB,OAAO,CAAC,UAAU;yCApKT,8BAA8B;2CAA9B,8BAA8B;CAgL1C"}

package/dist/AI/components/autotagging/components/classify-item-drilldown.component.js

@@ -0,0 +1,423 @@
+/**
+ * @fileoverview Classify · Content Item Drilldown (Phase 4 audit/analytics).
+ *
+ * Given a content item (by ID), renders an auditable view of:
+ *   (A) basic rendered content / fields,
+ *   (B) its tags WITH weight + LLM Reasoning, plus a provenance link to the
+ *       AI Prompt Run (`AIPromptRunID`) that produced each tag,
+ *   (C) provenance facts (source / entity doc / prompt run), and
+ *   (D) a simple audit list (created / last tagged / last embedded).
+ *
+ * Read-only: all loads use `ResultType:'simple'` + narrow `Fields`. Tags are read
+ * from `MJ: Content Item Tags` filtered by `ItemID`. This component owns NO
+ * navigation — record-open intents bubble UP via `(OpenRecordRequested)` so the
+ * host (which owns NavigationService) opens the full entity form.
+ */
+import { Component, Input, Output, EventEmitter, ChangeDetectorRef, inject, } from '@angular/core';
+import { RunView } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { deriveDisplayName, formatWeight, tagFontSize, formatDate } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+import * as i2 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.Label + $item.Value;
+const _forTrack1 = ($index, $item) => $item.Tag + $item.CreatedAt;
+const _forTrack2 = ($index, $item) => $item.Label;
+function ClassifyItemDrilldownComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "i", 3);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Select an item to inspect its tags, reasoning, and provenance.");
+    i0.ɵɵelementEnd()();
+} }
+function ClassifyItemDrilldownComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 1);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "span", 12);
+    i0.ɵɵtext(2, "URL");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "a", 23);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("href", ctx_r1.URL, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.URL);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.TextPreview);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵtext(1, "No tags applied to this item.");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const tag_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenPromptRun(tag_r4)); });
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2, " Prompt Run ");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", tag_r4.Reasoning, " ");
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵtext(1, "No reasoning captured.");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 25)(2, "span", 26);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 27);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_6_Template, 3, 0, "button", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_7_Template, 3, 1, "div", 29)(8, ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Conditional_8_Template, 2, 0, "div", 30);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("font-size", ctx_r1.TagFontSize(tag_r4.Weight));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r4.Tag);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatWeight(tag_r4.Weight));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tag_r4.AIPromptRunID ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tag_r4.Reasoning ? 7 : 8);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵrepeaterCreate(1, ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_For_2_Template, 9, 6, "div", 24, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.Tags);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 38);
+    i0.ɵɵlistener("click", function ClassifyItemDrilldownComponent_Conditional_2_For_29_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const fact_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenProvenanceRecord(fact_r6)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelement(2, "i", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fact_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", fact_r6.Value, " ");
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_For_29_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fact_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(fact_r6.Value);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵelementStart(2, "span", 35);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, ClassifyItemDrilldownComponent_Conditional_2_For_29_Conditional_4_Template, 3, 1, "button", 36)(5, ClassifyItemDrilldownComponent_Conditional_2_For_29_Conditional_5_Template, 2, 1, "span", 37);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fact_r6 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(fact_r6.Icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(fact_r6.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(fact_r6.RecordEntity && fact_r6.RecordID ? 4 : 5);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵtext(1, "No audit events recorded.");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_35_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 39);
+    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵelementStart(2, "span", 41);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 42);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entry_r7 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(entry_r7.Icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r7.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r7.Timestamp);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 22);
+    i0.ɵɵrepeaterCreate(1, ClassifyItemDrilldownComponent_Conditional_2_Conditional_35_For_2_Template, 6, 4, "li", 39, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.Audit);
+} }
+function ClassifyItemDrilldownComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "section", 4)(2, "div", 5)(3, "h4", 6);
+    i0.ɵɵelement(4, "i", 7);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 8);
+    i0.ɵɵlistener("click", function ClassifyItemDrilldownComponent_Conditional_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenItemRecord()); });
+    i0.ɵɵelement(7, "i", 9);
+    i0.ɵɵtext(8, " Open Record ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 10)(10, "div", 11)(11, "span", 12);
+    i0.ɵɵtext(12, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span", 13);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(15, ClassifyItemDrilldownComponent_Conditional_2_Conditional_15_Template, 5, 2, "div", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(16, ClassifyItemDrilldownComponent_Conditional_2_Conditional_16_Template, 2, 1, "div", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "section", 4)(18, "h4", 6);
+    i0.ɵɵelement(19, "i", 15);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(21, ClassifyItemDrilldownComponent_Conditional_2_Conditional_21_Template, 2, 0, "p", 16)(22, ClassifyItemDrilldownComponent_Conditional_2_Conditional_22_Template, 3, 0, "div", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "section", 4)(24, "h4", 6);
+    i0.ɵɵelement(25, "i", 18);
+    i0.ɵɵtext(26, " Provenance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "div", 19);
+    i0.ɵɵrepeaterCreate(28, ClassifyItemDrilldownComponent_Conditional_2_For_29_Template, 6, 4, "div", 20, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "section", 4)(31, "h4", 6);
+    i0.ɵɵelement(32, "i", 21);
+    i0.ɵɵtext(33, " Audit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(34, ClassifyItemDrilldownComponent_Conditional_2_Conditional_34_Template, 2, 0, "p", 16)(35, ClassifyItemDrilldownComponent_Conditional_2_Conditional_35_Template, 3, 0, "ul", 22);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DisplayName);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate(ctx_r1.SourceName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.URL ? 15 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.TextPreview ? 16 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" Tags (", ctx_r1.Tags.length, ")");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Tags.length === 0 ? 21 : 22);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r1.Provenance);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.Audit.length === 0 ? 34 : 35);
+} }
+export class ClassifyItemDrilldownComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** The content item to drill into, by ID. Re-loads on change (setter pattern). */
+    _itemID = null;
+    set ItemID(value) {
+        if (value === this._itemID)
+            return;
+        this._itemID = value;
+        if (value)
+            void this.load(value);
+        else
+            this.reset();
+    }
+    get ItemID() {
+        return this._itemID;
+    }
+    /** Emitted when the user wants to open a related record (entity + id). */
+    OpenRecordRequested = new EventEmitter();
+    IsLoading = false;
+    DisplayName = '';
+    SourceName = '';
+    URL = '';
+    TextPreview = '';
+    Tags = [];
+    Provenance = [];
+    Audit = [];
+    // Template-facing formatters
+    FormatWeight = formatWeight;
+    TagFontSize = tagFontSize;
+    /** Max characters of item text shown in the rendered-content preview. */
+    static TEXT_PREVIEW_MAX = 1200;
+    OpenPromptRun(tag) {
+        if (tag.AIPromptRunID) {
+            this.OpenRecordRequested.emit({ entityName: 'MJ: AI Prompt Runs', recordID: tag.AIPromptRunID });
+        }
+    }
+    OpenProvenanceRecord(fact) {
+        if (fact.RecordEntity && fact.RecordID) {
+            this.OpenRecordRequested.emit({ entityName: fact.RecordEntity, recordID: fact.RecordID });
+        }
+    }
+    OpenItemRecord() {
+        if (this._itemID) {
+            this.OpenRecordRequested.emit({ entityName: 'MJ: Content Items', recordID: this._itemID });
+        }
+    }
+    reset() {
+        this.DisplayName = '';
+        this.SourceName = '';
+        this.URL = '';
+        this.TextPreview = '';
+        this.Tags = [];
+        this.Provenance = [];
+        this.Audit = [];
+        this.cdr.detectChanges();
+    }
+    async load(itemID) {
+        this.reset();
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+        const [itemResult, tagsResult] = await rv.RunViews([
+            {
+                EntityName: 'MJ: Content Items',
+                ExtraFilter: `ID='${itemID}'`,
+                Fields: ['ID', 'Name', 'Description', 'ContentSource', 'ContentSourceID', 'URL', 'Text',
+                    'EntityRecordDocumentID', 'EmbeddingStatus', 'TaggingStatus', 'LastTaggedAt',
+                    'LastEmbeddedAt', '__mj_CreatedAt'],
+                ResultType: 'simple',
+            },
+            {
+                EntityName: 'MJ: Content Item Tags',
+                ExtraFilter: `ItemID='${itemID}'`,
+                OrderBy: 'Weight DESC',
+                Fields: ['ID', 'Tag', 'Weight', 'Reasoning', 'AIPromptRunID', '__mj_CreatedAt'],
+                ResultType: 'simple',
+            },
+        ], this.ProviderToUse.CurrentUser);
+        const item = itemResult.Success && itemResult.Results.length > 0
+            ? itemResult.Results[0]
+            : null;
+        if (item) {
+            this.applyItem(item);
+        }
+        this.applyTags(tagsResult.Success ? tagsResult.Results : []);
+        this.IsLoading = false;
+        this.cdr.detectChanges();
+    }
+    applyItem(item) {
+        this.DisplayName = deriveDisplayName({ Name: item['Name'], Description: item['Description'] });
+        this.SourceName = item['ContentSource'] ?? 'Unknown';
+        this.URL = item['URL'] ?? '';
+        const text = item['Text'] ?? '';
+        this.TextPreview = text.length > ClassifyItemDrilldownComponent.TEXT_PREVIEW_MAX
+            ? `${text.slice(0, ClassifyItemDrilldownComponent.TEXT_PREVIEW_MAX)}…`
+            : text;
+        this.buildProvenance(item);
+        this.buildAudit(item);
+    }
+    applyTags(rows) {
+        this.Tags = rows.map(r => ({
+            Tag: r['Tag'] ?? '',
+            Weight: Number(r['Weight'] ?? 0),
+            Reasoning: r['Reasoning'] ?? null,
+            AIPromptRunID: r['AIPromptRunID'] ?? null,
+            CreatedAt: r['__mj_CreatedAt'] ?? '',
+        }));
+    }
+    buildProvenance(item) {
+        const facts = [];
+        const sourceID = item['ContentSourceID'];
+        facts.push({
+            Label: 'Content Source',
+            Value: this.SourceName,
+            Icon: 'fa-solid fa-database',
+            ...(sourceID ? { RecordEntity: 'MJ: Content Sources', RecordID: sourceID } : {}),
+        });
+        const docID = item['EntityRecordDocumentID'];
+        if (docID) {
+            facts.push({
+                Label: 'Entity Record Document',
+                Value: docID,
+                Icon: 'fa-solid fa-file-lines',
+                RecordEntity: 'MJ: Entity Record Documents',
+                RecordID: docID,
+            });
+        }
+        // Distinct AI Prompt Runs across this item's tags (provenance to the LLM runs).
+        const promptRunIDs = new Set();
+        for (const t of this.Tags) {
+            if (t.AIPromptRunID)
+                promptRunIDs.add(t.AIPromptRunID);
+        }
+        for (const runID of promptRunIDs) {
+            facts.push({
+                Label: 'AI Prompt Run',
+                Value: runID,
+                Icon: 'fa-solid fa-robot',
+                RecordEntity: 'MJ: AI Prompt Runs',
+                RecordID: runID,
+            });
+        }
+        this.Provenance = facts;
+    }
+    buildAudit(item) {
+        const entries = [];
+        const created = item['__mj_CreatedAt'];
+        const lastTagged = item['LastTaggedAt'];
+        const lastEmbedded = item['LastEmbeddedAt'];
+        if (created)
+            entries.push({ Label: 'Item created', Timestamp: formatDate(created), Icon: 'fa-solid fa-plus' });
+        if (lastTagged)
+            entries.push({ Label: 'Last tagged', Timestamp: formatDate(lastTagged), Icon: 'fa-solid fa-tags' });
+        if (lastEmbedded)
+            entries.push({ Label: 'Last embedded', Timestamp: formatDate(lastEmbedded), Icon: 'fa-solid fa-vector-square' });
+        this.Audit = entries;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵClassifyItemDrilldownComponent_BaseFactory; return function ClassifyItemDrilldownComponent_Factory(__ngFactoryType__) { return (ɵClassifyItemDrilldownComponent_BaseFactory || (ɵClassifyItemDrilldownComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ClassifyItemDrilldownComponent)))(__ngFactoryType__ || ClassifyItemDrilldownComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClassifyItemDrilldownComponent, selectors: [["classify-item-drilldown"]], inputs: { ItemID: "ItemID" }, outputs: { OpenRecordRequested: "OpenRecordRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [[1, "cid-empty"], ["text", "Loading item detail...", "size", "small"], [1, "cid-wrap"], [1, "fa-solid", "fa-arrow-pointer"], [1, "cid-section"], [1, "cid-section-head"], [1, "cid-title"], [1, "fa-solid", "fa-file-lines"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-up-right-from-square"], [1, "cid-fields"], [1, "cid-field"], [1, "cid-field-label"], [1, "cid-field-value"], [1, "cid-text-preview"], [1, "fa-solid", "fa-tags"], [1, "cid-muted"], [1, "cid-tag-list"], [1, "fa-solid", "fa-diagram-project"], [1, "cid-provenance-list"], [1, "cid-provenance-row"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "cid-audit-list"], ["target", "_blank", "rel", "noopener", 1, "cid-field-link", 3, "href"], [1, "cid-tag-card"], [1, "cid-tag-head"], [1, "cid-tag-name"], [1, "cid-tag-weight"], ["title", "Open the AI Prompt Run that produced this tag", 1, "cid-provenance-link"], [1, "cid-tag-reasoning"], [1, "cid-tag-reasoning", "cid-muted"], ["title", "Open the AI Prompt Run that produced this tag", 1, "cid-provenance-link", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-quote-left"], [1, "cid-provenance-icon"], [1, "cid-provenance-label"], [1, "cid-provenance-value", "cid-provenance-clickable"], [1, "cid-provenance-value"], [1, "cid-provenance-value", "cid-provenance-clickable", 3, "click"], [1, "cid-audit-row"], [1, "cid-audit-icon"], [1, "cid-audit-label"], [1, "cid-audit-time"]], template: function ClassifyItemDrilldownComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ClassifyItemDrilldownComponent_Conditional_0_Template, 4, 0, "div", 0)(1, ClassifyItemDrilldownComponent_Conditional_1_Template, 1, 0, "mj-loading", 1)(2, ClassifyItemDrilldownComponent_Conditional_2_Template, 36, 7, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵconditional(!ctx.ItemID ? 0 : ctx.IsLoading ? 1 : 2);
+        } }, dependencies: [i1.LoadingComponent, i2.MJButtonDirective], styles: [".cid-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.cid-section[_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.cid-section-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.cid-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.cid-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.cid-section-head[_ngcontent-%COMP%]   .cid-title[_ngcontent-%COMP%] {\n    margin-bottom: 0;\n}\n\n.cid-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.cid-field[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    font-size: 0.82rem;\n}\n\n.cid-field-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    min-width: 60px;\n}\n\n.cid-field-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n}\n\n.cid-field-link[_ngcontent-%COMP%] {\n    color: var(--mj-text-link);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.cid-field-link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.cid-text-preview[_ngcontent-%COMP%] {\n    margin-top: 10px;\n    padding: 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\n    font-size: 0.8rem;\n    line-height: 1.45;\n    color: var(--mj-text-secondary);\n    white-space: pre-wrap;\n    max-height: 220px;\n    overflow-y: auto;\n}\n\n.cid-muted[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n    margin: 0;\n}\n\n\n\n.cid-tag-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.cid-tag-card[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-sm);\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-card);\n}\n\n.cid-tag-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.cid-tag-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cid-tag-weight[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-radius: var(--mj-radius-full, 999px);\n    padding: 1px 8px;\n}\n\n.cid-provenance-link[_ngcontent-%COMP%] {\n    margin-left: auto;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-link);\n    border-radius: var(--mj-radius-sm);\n    font-size: 0.72rem;\n    padding: 2px 8px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.cid-provenance-link[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.cid-tag-reasoning[_ngcontent-%COMP%] {\n    margin-top: 6px;\n    font-size: 0.8rem;\n    line-height: 1.4;\n    color: var(--mj-text-secondary);\n}\n\n.cid-tag-reasoning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n    margin-right: 4px;\n}\n\n\n\n.cid-provenance-list[_ngcontent-%COMP%], \n.cid-audit-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.cid-provenance-row[_ngcontent-%COMP%], \n.cid-audit-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.82rem;\n}\n\n.cid-provenance-icon[_ngcontent-%COMP%], \n.cid-audit-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    width: 16px;\n    text-align: center;\n}\n\n.cid-provenance-label[_ngcontent-%COMP%], \n.cid-audit-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    min-width: 150px;\n}\n\n.cid-provenance-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.cid-provenance-clickable[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-text-link);\n    cursor: pointer;\n    padding: 0;\n    font: inherit;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.cid-provenance-clickable[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.cid-audit-time[_ngcontent-%COMP%] {\n    margin-left: auto;\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n}\n\n\n\n.cid-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 40px 16px;\n    color: var(--mj-text-muted);\n    text-align: center;\n}\n\n.cid-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.6rem;\n    color: var(--mj-text-disabled);\n}\n\n.cid-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.85rem;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClassifyItemDrilldownComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'classify-item-drilldown', template: "@if (!ItemID) {\n  <div class=\"cid-empty\">\n    <i class=\"fa-solid fa-arrow-pointer\"></i>\n    <p>Select an item to inspect its tags, reasoning, and provenance.</p>\n  </div>\n} @else if (IsLoading) {\n  <mj-loading text=\"Loading item detail...\" size=\"small\"></mj-loading>\n} @else {\n  <div class=\"cid-wrap\">\n\n    <!-- (A) Rendered content / fields -->\n    <section class=\"cid-section\">\n      <div class=\"cid-section-head\">\n        <h4 class=\"cid-title\"><i class=\"fa-solid fa-file-lines\"></i> {{ DisplayName }}</h4>\n        <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"OpenItemRecord()\">\n          <i class=\"fa-solid fa-up-right-from-square\"></i> Open Record\n        </button>\n      </div>\n      <div class=\"cid-fields\">\n        <div class=\"cid-field\"><span class=\"cid-field-label\">Source</span><span class=\"cid-field-value\">{{ SourceName }}</span></div>\n        @if (URL) {\n          <div class=\"cid-field\">\n            <span class=\"cid-field-label\">URL</span>\n            <a class=\"cid-field-link\" [href]=\"URL\" target=\"_blank\" rel=\"noopener\">{{ URL }}</a>\n          </div>\n        }\n      </div>\n      @if (TextPreview) {\n        <div class=\"cid-text-preview\">{{ TextPreview }}</div>\n      }\n    </section>\n\n    <!-- (B) Tags with weight + reasoning + provenance link -->\n    <section class=\"cid-section\">\n      <h4 class=\"cid-title\"><i class=\"fa-solid fa-tags\"></i> Tags ({{ Tags.length }})</h4>\n      @if (Tags.length === 0) {\n        <p class=\"cid-muted\">No tags applied to this item.</p>\n      } @else {\n        <div class=\"cid-tag-list\">\n          @for (tag of Tags; track tag.Tag + tag.CreatedAt) {\n            <div class=\"cid-tag-card\">\n              <div class=\"cid-tag-head\">\n                <span class=\"cid-tag-name\" [style.fontSize]=\"TagFontSize(tag.Weight)\">{{ tag.Tag }}</span>\n                <span class=\"cid-tag-weight\">{{ FormatWeight(tag.Weight) }}</span>\n                @if (tag.AIPromptRunID) {\n                  <button class=\"cid-provenance-link\" (click)=\"OpenPromptRun(tag)\"\n                          title=\"Open the AI Prompt Run that produced this tag\">\n                    <i class=\"fa-solid fa-robot\"></i> Prompt Run\n                  </button>\n                }\n              </div>\n              @if (tag.Reasoning) {\n                <div class=\"cid-tag-reasoning\">\n                  <i class=\"fa-solid fa-quote-left\"></i> {{ tag.Reasoning }}\n                </div>\n              } @else {\n                <div class=\"cid-tag-reasoning cid-muted\">No reasoning captured.</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </section>\n\n    <!-- (C) Provenance -->\n    <section class=\"cid-section\">\n      <h4 class=\"cid-title\"><i class=\"fa-solid fa-diagram-project\"></i> Provenance</h4>\n      <div class=\"cid-provenance-list\">\n        @for (fact of Provenance; track fact.Label + fact.Value) {\n          <div class=\"cid-provenance-row\">\n            <i [class]=\"fact.Icon\" class=\"cid-provenance-icon\"></i>\n            <span class=\"cid-provenance-label\">{{ fact.Label }}</span>\n            @if (fact.RecordEntity && fact.RecordID) {\n              <button class=\"cid-provenance-value cid-provenance-clickable\" (click)=\"OpenProvenanceRecord(fact)\">\n                {{ fact.Value }} <i class=\"fa-solid fa-up-right-from-square\"></i>\n              </button>\n            } @else {\n              <span class=\"cid-provenance-value\">{{ fact.Value }}</span>\n            }\n          </div>\n        }\n      </div>\n    </section>\n\n    <!-- (D) Audit -->\n    <section class=\"cid-section\">\n      <h4 class=\"cid-title\"><i class=\"fa-solid fa-clock-rotate-left\"></i> Audit</h4>\n      @if (Audit.length === 0) {\n        <p class=\"cid-muted\">No audit events recorded.</p>\n      } @else {\n        <ul class=\"cid-audit-list\">\n          @for (entry of Audit; track entry.Label) {\n            <li class=\"cid-audit-row\">\n              <i [class]=\"entry.Icon\" class=\"cid-audit-icon\"></i>\n              <span class=\"cid-audit-label\">{{ entry.Label }}</span>\n              <span class=\"cid-audit-time\">{{ entry.Timestamp }}</span>\n            </li>\n          }\n        </ul>\n      }\n    </section>\n\n  </div>\n}\n", styles: [".cid-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.cid-section {\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.cid-section-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.cid-title {\n    margin: 0 0 8px 0;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.cid-title i {\n    color: var(--mj-brand-primary);\n}\n\n.cid-section-head .cid-title {\n    margin-bottom: 0;\n}\n\n.cid-fields {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.cid-field {\n    display: flex;\n    gap: 10px;\n    font-size: 0.82rem;\n}\n\n.cid-field-label {\n    color: var(--mj-text-muted);\n    min-width: 60px;\n}\n\n.cid-field-value {\n    color: var(--mj-text-primary);\n}\n\n.cid-field-link {\n    color: var(--mj-text-link);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.cid-field-link:hover {\n    text-decoration: underline;\n}\n\n.cid-text-preview {\n    margin-top: 10px;\n    padding: 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\n    font-size: 0.8rem;\n    line-height: 1.45;\n    color: var(--mj-text-secondary);\n    white-space: pre-wrap;\n    max-height: 220px;\n    overflow-y: auto;\n}\n\n.cid-muted {\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n    margin: 0;\n}\n\n/* Tags */\n.cid-tag-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.cid-tag-card {\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-sm);\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-card);\n}\n\n.cid-tag-head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.cid-tag-name {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cid-tag-weight {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-radius: var(--mj-radius-full, 999px);\n    padding: 1px 8px;\n}\n\n.cid-provenance-link {\n    margin-left: auto;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-link);\n    border-radius: var(--mj-radius-sm);\n    font-size: 0.72rem;\n    padding: 2px 8px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.cid-provenance-link:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.cid-tag-reasoning {\n    margin-top: 6px;\n    font-size: 0.8rem;\n    line-height: 1.4;\n    color: var(--mj-text-secondary);\n}\n\n.cid-tag-reasoning i {\n    color: var(--mj-text-disabled);\n    margin-right: 4px;\n}\n\n/* Provenance */\n.cid-provenance-list,\n.cid-audit-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.cid-provenance-row,\n.cid-audit-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.82rem;\n}\n\n.cid-provenance-icon,\n.cid-audit-icon {\n    color: var(--mj-text-muted);\n    width: 16px;\n    text-align: center;\n}\n\n.cid-provenance-label,\n.cid-audit-label {\n    color: var(--mj-text-secondary);\n    min-width: 150px;\n}\n\n.cid-provenance-value {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.cid-provenance-clickable {\n    border: none;\n    background: none;\n    color: var(--mj-text-link);\n    cursor: pointer;\n    padding: 0;\n    font: inherit;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.cid-provenance-clickable:hover {\n    text-decoration: underline;\n}\n\n.cid-audit-time {\n    margin-left: auto;\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n}\n\n/* Empty state */\n.cid-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 40px 16px;\n    color: var(--mj-text-muted);\n    text-align: center;\n}\n\n.cid-empty i {\n    font-size: 1.6rem;\n    color: var(--mj-text-disabled);\n}\n\n.cid-empty p {\n    margin: 0;\n    font-size: 0.85rem;\n}\n"] }]
+    }], null, { ItemID: [{
+            type: Input
+        }], OpenRecordRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClassifyItemDrilldownComponent, { className: "ClassifyItemDrilldownComponent", filePath: "src/AI/components/autotagging/components/classify-item-drilldown.component.ts", lineNumber: 39 }); })();
+//# sourceMappingURL=classify-item-drilldown.component.js.map

package/dist/AI/components/autotagging/components/classify-item-drilldown.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-item-drilldown.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/components/classify-item-drilldown.component.ts","../../../../../src/AI/components/autotagging/components/classify-item-drilldown.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Classify · Content Item Drilldown (Phase 4 audit/analytics).\n *\n * Given a content item (by ID), renders an auditable view of:\n *   (A) basic rendered content / fields,\n *   (B) its tags WITH weight + LLM Reasoning, plus a provenance link to the\n *       AI Prompt Run (`AIPromptRunID`) that produced each tag,\n *   (C) provenance facts (source / entity doc / prompt run), and\n *   (D) a simple audit list (created / last tagged / last embedded).\n *\n * Read-only: all loads use `ResultType:'simple'` + narrow `Fields`. Tags are read\n * from `MJ: Content Item Tags` filtered by `ItemID`. This component owns NO\n * navigation — record-open intents bubble UP via `(OpenRecordRequested)` so the\n * host (which owns NavigationService) opens the full entity form.\n */\nimport {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectorRef,\n    inject,\n} from '@angular/core';\nimport { RunView } from '@memberjunction/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport {\n    ClassifyDrilldownTag,\n    ClassifyProvenanceFact,\n    ClassifyAuditEntry,\n} from '../shared/classify.types';\nimport { deriveDisplayName, formatWeight, tagFontSize, formatDate } from '../shared/classify.format';\n\n@Component({\n    standalone: false,\n    selector: 'classify-item-drilldown',\n    templateUrl: './classify-item-drilldown.component.html',\n    styleUrls: ['./classify-item-drilldown.component.css'],\n})\nexport class ClassifyItemDrilldownComponent extends BaseAngularComponent {\n    private cdr = inject(ChangeDetectorRef);\n\n    /** The content item to drill into, by ID. Re-loads on change (setter pattern). */\n    private _itemID: string | null = null;\n    @Input()\n    set ItemID(value: string | null) {\n        if (value === this._itemID) return;\n        this._itemID = value;\n        if (value) void this.load(value);\n        else this.reset();\n    }\n    get ItemID(): string | null {\n        return this._itemID;\n    }\n\n    /** Emitted when the user wants to open a related record (entity + id). */\n    @Output() OpenRecordRequested = new EventEmitter<{ entityName: string; recordID: string }>();\n\n    public IsLoading = false;\n    public DisplayName = '';\n    public SourceName = '';\n    public URL = '';\n    public TextPreview = '';\n    public Tags: ClassifyDrilldownTag[] = [];\n    public Provenance: ClassifyProvenanceFact[] = [];\n    public Audit: ClassifyAuditEntry[] = [];\n\n    // Template-facing formatters\n    public readonly FormatWeight = formatWeight;\n    public readonly TagFontSize = tagFontSize;\n\n    /** Max characters of item text shown in the rendered-content preview. */\n    private static readonly TEXT_PREVIEW_MAX = 1200;\n\n    public OpenPromptRun(tag: ClassifyDrilldownTag): void {\n        if (tag.AIPromptRunID) {\n            this.OpenRecordRequested.emit({ entityName: 'MJ: AI Prompt Runs', recordID: tag.AIPromptRunID });\n        }\n    }\n\n    public OpenProvenanceRecord(fact: ClassifyProvenanceFact): void {\n        if (fact.RecordEntity && fact.RecordID) {\n            this.OpenRecordRequested.emit({ entityName: fact.RecordEntity, recordID: fact.RecordID });\n        }\n    }\n\n    public OpenItemRecord(): void {\n        if (this._itemID) {\n            this.OpenRecordRequested.emit({ entityName: 'MJ: Content Items', recordID: this._itemID });\n        }\n    }\n\n    private reset(): void {\n        this.DisplayName = '';\n        this.SourceName = '';\n        this.URL = '';\n        this.TextPreview = '';\n        this.Tags = [];\n        this.Provenance = [];\n        this.Audit = [];\n        this.cdr.detectChanges();\n    }\n\n    private async load(itemID: string): Promise<void> {\n        this.reset();\n        this.IsLoading = true;\n        this.cdr.detectChanges();\n\n        const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n        const [itemResult, tagsResult] = await rv.RunViews([\n            {\n                EntityName: 'MJ: Content Items',\n                ExtraFilter: `ID='${itemID}'`,\n                Fields: ['ID', 'Name', 'Description', 'ContentSource', 'ContentSourceID', 'URL', 'Text',\n                         'EntityRecordDocumentID', 'EmbeddingStatus', 'TaggingStatus', 'LastTaggedAt',\n                         'LastEmbeddedAt', '__mj_CreatedAt'],\n                ResultType: 'simple',\n            },\n            {\n                EntityName: 'MJ: Content Item Tags',\n                ExtraFilter: `ItemID='${itemID}'`,\n                OrderBy: 'Weight DESC',\n                Fields: ['ID', 'Tag', 'Weight', 'Reasoning', 'AIPromptRunID', '__mj_CreatedAt'],\n                ResultType: 'simple',\n            },\n        ], this.ProviderToUse.CurrentUser);\n\n        const item = itemResult.Success && itemResult.Results.length > 0\n            ? (itemResult.Results[0] as Record<string, unknown>)\n            : null;\n\n        if (item) {\n            this.applyItem(item);\n        }\n        this.applyTags(tagsResult.Success ? (tagsResult.Results as Record<string, unknown>[]) : []);\n\n        this.IsLoading = false;\n        this.cdr.detectChanges();\n    }\n\n    private applyItem(item: Record<string, unknown>): void {\n        this.DisplayName = deriveDisplayName({ Name: item['Name'] as string | null, Description: item['Description'] as string | null });\n        this.SourceName = (item['ContentSource'] as string) ?? 'Unknown';\n        this.URL = (item['URL'] as string) ?? '';\n        const text = (item['Text'] as string) ?? '';\n        this.TextPreview = text.length > ClassifyItemDrilldownComponent.TEXT_PREVIEW_MAX\n            ? `${text.slice(0, ClassifyItemDrilldownComponent.TEXT_PREVIEW_MAX)}…`\n            : text;\n\n        this.buildProvenance(item);\n        this.buildAudit(item);\n    }\n\n    private applyTags(rows: Record<string, unknown>[]): void {\n        this.Tags = rows.map(r => ({\n            Tag: (r['Tag'] as string) ?? '',\n            Weight: Number(r['Weight'] ?? 0),\n            Reasoning: (r['Reasoning'] as string | null) ?? null,\n            AIPromptRunID: (r['AIPromptRunID'] as string | null) ?? null,\n            CreatedAt: (r['__mj_CreatedAt'] as string) ?? '',\n        }));\n    }\n\n    private buildProvenance(item: Record<string, unknown>): void {\n        const facts: ClassifyProvenanceFact[] = [];\n\n        const sourceID = item['ContentSourceID'] as string | null;\n        facts.push({\n            Label: 'Content Source',\n            Value: this.SourceName,\n            Icon: 'fa-solid fa-database',\n            ...(sourceID ? { RecordEntity: 'MJ: Content Sources', RecordID: sourceID } : {}),\n        });\n\n        const docID = item['EntityRecordDocumentID'] as string | null;\n        if (docID) {\n            facts.push({\n                Label: 'Entity Record Document',\n                Value: docID,\n                Icon: 'fa-solid fa-file-lines',\n                RecordEntity: 'MJ: Entity Record Documents',\n                RecordID: docID,\n            });\n        }\n\n        // Distinct AI Prompt Runs across this item's tags (provenance to the LLM runs).\n        const promptRunIDs = new Set<string>();\n        for (const t of this.Tags) {\n            if (t.AIPromptRunID) promptRunIDs.add(t.AIPromptRunID);\n        }\n        for (const runID of promptRunIDs) {\n            facts.push({\n                Label: 'AI Prompt Run',\n                Value: runID,\n                Icon: 'fa-solid fa-robot',\n                RecordEntity: 'MJ: AI Prompt Runs',\n                RecordID: runID,\n            });\n        }\n\n        this.Provenance = facts;\n    }\n\n    private buildAudit(item: Record<string, unknown>): void {\n        const entries: ClassifyAuditEntry[] = [];\n        const created = item['__mj_CreatedAt'] as string | null;\n        const lastTagged = item['LastTaggedAt'] as string | null;\n        const lastEmbedded = item['LastEmbeddedAt'] as string | null;\n\n        if (created) entries.push({ Label: 'Item created', Timestamp: formatDate(created), Icon: 'fa-solid fa-plus' });\n        if (lastTagged) entries.push({ Label: 'Last tagged', Timestamp: formatDate(lastTagged), Icon: 'fa-solid fa-tags' });\n        if (lastEmbedded) entries.push({ Label: 'Last embedded', Timestamp: formatDate(lastEmbedded), Icon: 'fa-solid fa-vector-square' });\n\n        this.Audit = entries;\n    }\n}\n","@if (!ItemID) {\n  <div class=\"cid-empty\">\n    <i class=\"fa-solid fa-arrow-pointer\"></i>\n    <p>Select an item to inspect its tags, reasoning, and provenance.</p>\n  </div>\n} @else if (IsLoading) {\n  <mj-loading text=\"Loading item detail...\" size=\"small\"></mj-loading>\n} @else {\n  <div class=\"cid-wrap\">\n\n    <!-- (A) Rendered content / fields -->\n    <section class=\"cid-section\">\n      <div class=\"cid-section-head\">\n        <h4 class=\"cid-title\"><i class=\"fa-solid fa-file-lines\"></i> {{ DisplayName }}</h4>\n        <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"OpenItemRecord()\">\n          <i class=\"fa-solid fa-up-right-from-square\"></i> Open Record\n        </button>\n      </div>\n      <div class=\"cid-fields\">\n        <div class=\"cid-field\"><span class=\"cid-field-label\">Source</span><span class=\"cid-field-value\">{{ SourceName }}</span></div>\n        @if (URL) {\n          <div class=\"cid-field\">\n            <span class=\"cid-field-label\">URL</span>\n            <a class=\"cid-field-link\" [href]=\"URL\" target=\"_blank\" rel=\"noopener\">{{ URL }}</a>\n          </div>\n        }\n      </div>\n      @if (TextPreview) {\n        <div class=\"cid-text-preview\">{{ TextPreview }}</div>\n      }\n    </section>\n\n    <!-- (B) Tags with weight + reasoning + provenance link -->\n    <section class=\"cid-section\">\n      <h4 class=\"cid-title\"><i class=\"fa-solid fa-tags\"></i> Tags ({{ Tags.length }})</h4>\n      @if (Tags.length === 0) {\n        <p class=\"cid-muted\">No tags applied to this item.</p>\n      } @else {\n        <div class=\"cid-tag-list\">\n          @for (tag of Tags; track tag.Tag + tag.CreatedAt) {\n            <div class=\"cid-tag-card\">\n              <div class=\"cid-tag-head\">\n                <span class=\"cid-tag-name\" [style.fontSize]=\"TagFontSize(tag.Weight)\">{{ tag.Tag }}</span>\n                <span class=\"cid-tag-weight\">{{ FormatWeight(tag.Weight) }}</span>\n                @if (tag.AIPromptRunID) {\n                  <button class=\"cid-provenance-link\" (click)=\"OpenPromptRun(tag)\"\n                          title=\"Open the AI Prompt Run that produced this tag\">\n                    <i class=\"fa-solid fa-robot\"></i> Prompt Run\n                  </button>\n                }\n              </div>\n              @if (tag.Reasoning) {\n                <div class=\"cid-tag-reasoning\">\n                  <i class=\"fa-solid fa-quote-left\"></i> {{ tag.Reasoning }}\n                </div>\n              } @else {\n                <div class=\"cid-tag-reasoning cid-muted\">No reasoning captured.</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </section>\n\n    <!-- (C) Provenance -->\n    <section class=\"cid-section\">\n      <h4 class=\"cid-title\"><i class=\"fa-solid fa-diagram-project\"></i> Provenance</h4>\n      <div class=\"cid-provenance-list\">\n        @for (fact of Provenance; track fact.Label + fact.Value) {\n          <div class=\"cid-provenance-row\">\n            <i [class]=\"fact.Icon\" class=\"cid-provenance-icon\"></i>\n            <span class=\"cid-provenance-label\">{{ fact.Label }}</span>\n            @if (fact.RecordEntity && fact.RecordID) {\n              <button class=\"cid-provenance-value cid-provenance-clickable\" (click)=\"OpenProvenanceRecord(fact)\">\n                {{ fact.Value }} <i class=\"fa-solid fa-up-right-from-square\"></i>\n              </button>\n            } @else {\n              <span class=\"cid-provenance-value\">{{ fact.Value }}</span>\n            }\n          </div>\n        }\n      </div>\n    </section>\n\n    <!-- (D) Audit -->\n    <section class=\"cid-section\">\n      <h4 class=\"cid-title\"><i class=\"fa-solid fa-clock-rotate-left\"></i> Audit</h4>\n      @if (Audit.length === 0) {\n        <p class=\"cid-muted\">No audit events recorded.</p>\n      } @else {\n        <ul class=\"cid-audit-list\">\n          @for (entry of Audit; track entry.Label) {\n            <li class=\"cid-audit-row\">\n              <i [class]=\"entry.Icon\" class=\"cid-audit-icon\"></i>\n              <span class=\"cid-audit-label\">{{ entry.Label }}</span>\n              <span class=\"cid-audit-time\">{{ entry.Timestamp }}</span>\n            </li>\n          }\n        </ul>\n      }\n    </section>\n\n  </div>\n}\n"]}

package/dist/AI/components/autotagging/components/classify-item-grid.component.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @fileoverview Classify · Content Item Grid (Phase 4 audit/analytics).
+ *
+ * Thin, reusable AG Grid listing of content items in one of two modes:
+ *   - scoped to a single pipeline run via `[RunID]` (items processed in that run), or
+ *   - all items (when `[RunID]` is null).
+ *
+ * Read-only: uses `ResultType:'simple'` + an explicit narrow `Fields` list, and a
+ * load-more / page-size widening approach mirroring the host dashboard. Selecting a
+ * row bubbles `(ItemSelected)` UP — this component owns no navigation (the host owns
+ * NavigationService and opens the drilldown).
+ */
+import { EventEmitter } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ColDef, GridOptions, GridReadyEvent, Theme, RowClickedEvent } from 'ag-grid-community';
+import { ClassifyItemGridRow } from '../shared/classify.types';
+import * as i0 from "@angular/core";
+export declare class ClassifyItemGridComponent extends BaseAngularComponent {
+    private cdr;
+    /** One page worth of additional rows fetched when "Load more" is clicked. */
+    private static readonly PAGE_SIZE;
+    /**
+     * When set, scope the grid to items processed by this pipeline run. When null,
+     * show all content items. Re-fetches on change (setter pattern, not ngOnChanges).
+     */
+    private _runID;
+    set RunID(value: string | null);
+    get RunID(): string | null;
+    /** When true, the grid loads its data on init. Lets a parent defer the query until the section is shown. */
+    private _autoLoad;
+    set AutoLoad(value: boolean);
+    get AutoLoad(): boolean;
+    /** Emits the selected content item's ID when a row is clicked. */
+    ItemSelected: EventEmitter<string>;
+    Rows: ClassifyItemGridRow[];
+    IsLoading: boolean;
+    IsLoadingMore: boolean;
+    TotalCount: number;
+    private _loaded;
+    private _pageSize;
+    private gridApi;
+    get HasMore(): boolean;
+    Theme: Theme;
+    GridOptions: GridOptions<ClassifyItemGridRow>;
+    DefaultColDef: ColDef;
+    ColumnDefs: ColDef<ClassifyItemGridRow>[];
+    OnGridReady(event: GridReadyEvent<ClassifyItemGridRow>): void;
+    OnRowClicked(event: RowClickedEvent<ClassifyItemGridRow>): void;
+    /** Public refresh entry point (parent toolbar / load-more handler). */
+    Reload(): Promise<void>;
+    LoadMore(): Promise<void>;
+    private loadItems;
+    /**
+     * Build the item-level filter that scopes to a pipeline run: the run's
+     * ContentSource, optionally bounded by the run's processing window. Returns
+     * null on a hard failure (so the caller short-circuits to an empty grid).
+     */
+    private resolveRunScope;
+    /** Format an ISO date value for a SQL string literal (UTC, no tz suffix surprises). */
+    private toSqlDate;
+    /** Count tags per item for the visible page (one RunView, aggregated client-side). */
+    private loadTagCounts;
+    private toRow;
+    private applyRows;
+    /** Build an `IN (...)` filter from item IDs, defensively stripping quotes. */
+    private buildItemIDInFilter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassifyItemGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClassifyItemGridComponent, "classify-item-grid", never, { "RunID": { "alias": "RunID"; "required": false; }; "AutoLoad": { "alias": "AutoLoad"; "required": false; }; }, { "ItemSelected": "ItemSelected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=classify-item-grid.component.d.ts.map

package/dist/AI/components/autotagging/components/classify-item-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-item-grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/components/classify-item-grid.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAIH,YAAY,EAGf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACH,MAAM,EAEN,WAAW,EACX,cAAc,EAGd,KAAK,EAEL,eAAe,EAClB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAM/D,qBAMa,yBAA0B,SAAQ,oBAAoB;IAC/D,OAAO,CAAC,GAAG,CAA6B;IAExC,6EAA6E;IAC7E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAO;IAExC;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAuB;IACrC,IACI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAK7B;IACD,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IAED,4GAA4G;IAC5G,OAAO,CAAC,SAAS,CAAQ;IACzB,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAI1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,kEAAkE;IACxD,YAAY,uBAA8B;IAE7C,IAAI,EAAE,mBAAmB,EAAE,CAAM;IACjC,SAAS,UAAS;IAClB,aAAa,UAAS;IACtB,UAAU,SAAK;IAEtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,OAAO,CAAwB;IAEvC,IAAW,OAAO,IAAI,OAAO,CAE5B;IAIM,KAAK,EAAE,KAAK,CAiBhB;IAEI,WAAW,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAOlD;IAEK,aAAa,EAAE,MAAM,CAI1B;IAEK,UAAU,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAQ9C;IAEK,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAK7D,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAItE,uEAAuE;IAC1D,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAKvB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAUxB,SAAS;IAwCvB;;;;OAIG;YACW,eAAe;IAiB7B,uFAAuF;IACvF,OAAO,CAAC,SAAS;IAKjB,sFAAsF;YACxE,aAAa;IAkB3B,OAAO,CAAC,KAAK;IAeb,OAAO,CAAC,SAAS;IASjB,8EAA8E;IAC9E,OAAO,CAAC,mBAAmB;yCAzOlB,yBAAyB;2CAAzB,yBAAyB;CA6OrC"}