@memberjunction/ng-dashboards 5.37.0 → 5.39.0

package/dist/AI/components/autotagging/tabs/tags-tab.component.js

@@ -0,0 +1,448 @@
+/**
+ * @fileoverview Classify · Tag Library tab.
+ *
+ * Self-contained sub-page: owns its header-interior (with the tag search box),
+ * the tag rows table, the word cloud, the tags-by-source breakdown, and the
+ * per-tag drill-down. Receives the shared raw tag + item rows from the host
+ * orchestrator via `[ContentTags]`/`[ContentItems]` and rebuilds its view
+ * models from them. Opening a content item from the drill-down is a cross-tab
+ * concern owned by the host's slide-in, so it bubbles up via @Output.
+ */
+import { Component, ChangeDetectorRef, EventEmitter, Input, Output, inject } from '@angular/core';
+import { NormalizeUUID } from '@memberjunction/global';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { formatWeight, tagFontSize, formatShortDate } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@memberjunction/ng-word-cloud";
+const _forTrack0 = ($index, $item) => $item.Tag;
+const _forTrack1 = ($index, $item) => $item.SourceName;
+const _forTrack2 = ($index, $item) => $item.ID;
+function ClassifyTagsTabComponent_For_27_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 24);
+    i0.ɵɵlistener("click", function ClassifyTagsTabComponent_For_27_Template_tr_click_0_listener() { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.DrillDownTag(row_r2.Tag)); });
+    i0.ɵɵelementStart(1, "td", 25);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td")(6, "div", 26)(7, "div", 27);
+    i0.ɵɵelement(8, "div", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 29);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "td")(12, "div", 30);
+    i0.ɵɵelement(13, "div", 31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td");
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("at-tag-row-selected", ctx_r2.SelectedDrillDownTag === row_r2.Tag);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.Tag);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.UsageCount);
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("width", row_r2.AvgWeight * 100, "%");
+    i0.ɵɵclassProp("at-weight-high", row_r2.AvgWeight >= 0.7)("at-weight-medium", row_r2.AvgWeight >= 0.4 && row_r2.AvgWeight < 0.7)("at-weight-low", row_r2.AvgWeight < 0.4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.AvgWeight.toFixed(2));
+    i0.ɵɵadvance(3);
+    i0.ɵɵstyleProp("width", row_r2.BarWidthPct, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.TopSource);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.FirstSeen);
+} }
+function ClassifyTagsTabComponent_Conditional_28_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38)(1, "p");
+    i0.ɵɵtext(2, "No content items found for this tag.");
+    i0.ɵɵelementEnd()();
+} }
+function ClassifyTagsTabComponent_Conditional_28_Conditional_9_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 24);
+    i0.ɵɵlistener("click", function ClassifyTagsTabComponent_Conditional_28_Conditional_9_For_13_Template_tr_click_0_listener() { const di_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onOpenItemDetail(di_r6.ID)); });
+    i0.ɵɵelementStart(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const di_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(di_r6.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(di_r6.SourceName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatWeight(di_r6.Weight));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(di_r6.UpdatedAt);
+} }
+function ClassifyTagsTabComponent_Conditional_28_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 10)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Weight");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th");
+    i0.ɵɵtext(10, "Updated");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "tbody");
+    i0.ɵɵrepeaterCreate(12, ClassifyTagsTabComponent_Conditional_28_Conditional_9_For_13_Template, 9, 4, "tr", 39, _forTrack2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.TagDrillDownItems);
+} }
+function ClassifyTagsTabComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 32)(2, "span", 33);
+    i0.ɵɵelement(3, "i", 34);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 35);
+    i0.ɵɵlistener("click", function ClassifyTagsTabComponent_Conditional_28_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseDrillDownTag()); });
+    i0.ɵɵelement(6, "i", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 37);
+    i0.ɵɵconditionalCreate(8, ClassifyTagsTabComponent_Conditional_28_Conditional_8_Template, 3, 0, "div", 38)(9, ClassifyTagsTabComponent_Conditional_28_Conditional_9_Template, 14, 0, "table", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" Content items tagged \"", ctx_r2.SelectedDrillDownTag, "\" (", ctx_r2.TagDrillDownItems.length, ") ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.TagDrillDownItems.length === 0 ? 8 : 9);
+} }
+function ClassifyTagsTabComponent_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-word-cloud", 17);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Items", ctx_r2.TagCloudWordItems)("MaxFontSize", 40)("MinFontSize", 12)("MaxItems", 20)("Interactive", true)("Animate", true);
+} }
+function ClassifyTagsTabComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵtext(1, "No tags yet");
+    i0.ɵɵelementEnd();
+} }
+function ClassifyTagsTabComponent_For_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r7 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r7.SourceName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r7.Count);
+} }
+export class ClassifyTagsTabComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Shared raw `MJ: Content Item Tags` rows, supplied by the host orchestrator. */
+    _contentTags = [];
+    set ContentTags(value) {
+        this._contentTags = value ?? [];
+        this.rebuild();
+    }
+    get ContentTags() {
+        return this._contentTags;
+    }
+    /** Shared raw `MJ: Content Items` rows — used for source mapping and drill-down. */
+    _contentItems = [];
+    set ContentItems(value) {
+        this._contentItems = value ?? [];
+        this.rebuild();
+    }
+    get ContentItems() {
+        return this._contentItems;
+    }
+    TagRows = [];
+    FilteredTagRows = [];
+    TagCloudWordItems = [];
+    TagsBySource = [];
+    TagSearchQuery = '';
+    SelectedDrillDownTag = null;
+    TagDrillDownItems = [];
+    /** Subtitle reflects the live tag count, mirroring the former host subtitle. */
+    get Subtitle() {
+        return `${this.TagRows.length} unique tags across all content sources`;
+    }
+    // Template-facing formatters (shared pure helpers exposed for the view).
+    TagFontSize = tagFontSize;
+    FormatWeight = formatWeight;
+    /** Bubble a request to open a content item's detail slide-in (host-owned). */
+    OpenItemDetailRequested = new EventEmitter();
+    onOpenItemDetail(contentItemID) {
+        this.OpenItemDetailRequested.emit(contentItemID);
+    }
+    /** Rebuild all tag-tab view models from the current inputs. */
+    rebuild() {
+        this.buildTagRows();
+        this.buildTagCloud();
+        this.buildTagsBySource();
+        this.FilterTags();
+    }
+    // ── External control surface (host deep-link + agent tool) ──
+    /** Apply a search query programmatically (used by the agent tool + deep link). Returns the match count. */
+    ApplySearch(query) {
+        this.TagSearchQuery = query;
+        this.FilterTags();
+        return this.FilteredTagRows.length;
+    }
+    // ── View-model building ──
+    buildTagRows() {
+        const tagCounts = this.countAllTags();
+        const avgWeights = this.computeAvgWeights();
+        const tagSourceMap = this.getTopSourcePerTag();
+        const tagFirstSeen = this.getFirstSeenPerTag();
+        const sorted = Array.from(tagCounts.entries()).sort((a, b) => b[1] - a[1]);
+        const maxCount = sorted.length > 0 ? sorted[0][1] : 1;
+        this.TagRows = sorted.map(([tag, count]) => ({
+            Tag: tag,
+            UsageCount: count,
+            AvgWeight: avgWeights.get(tag) ?? 1.0,
+            BarWidthPct: Math.round((count / maxCount) * 100),
+            TopSource: tagSourceMap.get(tag) ?? 'Unknown',
+            FirstSeen: tagFirstSeen.get(tag) ?? ''
+        }));
+    }
+    buildTagCloud() {
+        const tagCounts = this.countAllTags();
+        const avgWeights = this.computeAvgWeights();
+        // Sort by a combined score: usage count * avg weight (so high-weight, high-count tags bubble up)
+        const scored = Array.from(tagCounts.entries()).map(([tag, count]) => {
+            const weight = avgWeights.get(tag) ?? 1.0;
+            return { tag, count, weight, score: count * weight };
+        }).sort((a, b) => b.score - a.score).slice(0, 20);
+        const maxScore = scored.length > 0 ? scored[0].score : 1;
+        // Build WordCloudItem[] for the mj-word-cloud component
+        this.TagCloudWordItems = scored.map(s => ({
+            Text: s.tag,
+            Weight: maxScore > 0 ? s.score / maxScore : 0,
+            Metadata: { Count: s.count, AvgWeight: s.weight }
+        }));
+    }
+    buildTagsBySource() {
+        const sourceTagCounts = new Map();
+        const itemSourceMap = new Map();
+        for (const item of this._contentItems) {
+            itemSourceMap.set(item['ID'], item['ContentSource'] ?? 'Unknown');
+        }
+        for (const tag of this._contentTags) {
+            const source = itemSourceMap.get(tag['ItemID']) ?? 'Unknown';
+            sourceTagCounts.set(source, (sourceTagCounts.get(source) ?? 0) + 1);
+        }
+        this.TagsBySource = Array.from(sourceTagCounts.entries())
+            .sort((a, b) => b[1] - a[1])
+            .map(([name, count]) => ({ SourceName: name, Count: count }));
+    }
+    FilterTags() {
+        const q = this.TagSearchQuery.toLowerCase().trim();
+        this.FilteredTagRows = q
+            ? this.TagRows.filter(r => r.Tag.toLowerCase().includes(q))
+            : this.TagRows;
+        this.cdr.detectChanges();
+    }
+    /** Drill down into content items matching a specific tag. */
+    DrillDownTag(tagName) {
+        if (this.SelectedDrillDownTag === tagName) {
+            this.CloseDrillDownTag();
+            return;
+        }
+        this.SelectedDrillDownTag = tagName;
+        // Find all content items that have this tag
+        const matchingItemIDs = new Map(); // itemID → weight
+        for (const tag of this._contentTags) {
+            if (tag['Tag'] === tagName) {
+                matchingItemIDs.set(NormalizeUUID(tag['ItemID']), Number(tag['Weight'] ?? 1));
+            }
+        }
+        this.TagDrillDownItems = [];
+        for (let i = 0; i < this._contentItems.length; i++) {
+            const item = this._contentItems[i];
+            const normalizedID = NormalizeUUID(item['ID']);
+            const weight = matchingItemIDs.get(normalizedID);
+            if (weight !== undefined) {
+                this.TagDrillDownItems.push({
+                    ID: item['ID'],
+                    Name: item['Name'] ?? 'Unnamed',
+                    SourceName: item['ContentSource'] ?? 'Unknown',
+                    Weight: weight,
+                    UpdatedAt: formatShortDate(item['__mj_UpdatedAt'] ?? ''),
+                    FeedIndex: i,
+                });
+            }
+        }
+        // Sort by weight descending
+        this.TagDrillDownItems.sort((a, b) => b.Weight - a.Weight);
+        this.cdr.detectChanges();
+    }
+    CloseDrillDownTag() {
+        this.SelectedDrillDownTag = null;
+        this.TagDrillDownItems = [];
+        this.cdr.detectChanges();
+    }
+    // ── Aggregation utilities (read only the tag + item inputs) ──
+    countAllTags() {
+        const counts = new Map();
+        for (const tag of this._contentTags) {
+            const t = tag['Tag'];
+            if (t)
+                counts.set(t, (counts.get(t) ?? 0) + 1);
+        }
+        return counts;
+    }
+    /** Compute average weight per tag across all occurrences. */
+    computeAvgWeights() {
+        const sums = new Map();
+        const counts = new Map();
+        for (const tag of this._contentTags) {
+            const t = tag['Tag'];
+            const w = Number(tag['Weight'] ?? 0.5);
+            if (t) {
+                sums.set(t, (sums.get(t) ?? 0) + w);
+                counts.set(t, (counts.get(t) ?? 0) + 1);
+            }
+        }
+        const avgs = new Map();
+        for (const [t, sum] of sums) {
+            avgs.set(t, Math.round((sum / (counts.get(t) ?? 1)) * 100) / 100);
+        }
+        return avgs;
+    }
+    getTopSourcePerTag() {
+        const tagSourceCounts = new Map();
+        const itemSourceMap = new Map();
+        for (const item of this._contentItems) {
+            itemSourceMap.set(item['ID'], item['ContentSource'] ?? 'Unknown');
+        }
+        for (const tag of this._contentTags) {
+            const t = tag['Tag'];
+            const source = itemSourceMap.get(tag['ItemID']) ?? 'Unknown';
+            if (!tagSourceCounts.has(t))
+                tagSourceCounts.set(t, new Map());
+            const inner = tagSourceCounts.get(t);
+            inner.set(source, (inner.get(source) ?? 0) + 1);
+        }
+        const result = new Map();
+        for (const [tag, sourceCounts] of tagSourceCounts) {
+            let maxSource = 'Unknown';
+            let maxCount = 0;
+            for (const [source, count] of sourceCounts) {
+                if (count > maxCount) {
+                    maxSource = source;
+                    maxCount = count;
+                }
+            }
+            result.set(tag, maxSource);
+        }
+        return result;
+    }
+    getFirstSeenPerTag() {
+        const result = new Map();
+        for (const tag of this._contentTags) {
+            const t = tag['Tag'];
+            if (t && !result.has(t)) {
+                const date = tag['__mj_CreatedAt'];
+                result.set(t, date ? formatShortDate(date) : '');
+            }
+        }
+        return result;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵClassifyTagsTabComponent_BaseFactory; return function ClassifyTagsTabComponent_Factory(__ngFactoryType__) { return (ɵClassifyTagsTabComponent_BaseFactory || (ɵClassifyTagsTabComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ClassifyTagsTabComponent)))(__ngFactoryType__ || ClassifyTagsTabComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClassifyTagsTabComponent, selectors: [["classify-tags-tab"]], inputs: { ContentTags: "ContentTags", ContentItems: "ContentItems" }, outputs: { OpenItemDetailRequested: "OpenItemDetailRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 43, vars: 6, consts: [["Title", "Tag Library", 3, "Subtitle"], ["toolbar", ""], ["type", "text", "placeholder", "Search tags...", 1, "at-search-input", 3, "ngModelChange", "input", "ngModel"], [3, "Padding", "Flex"], [1, "at-main-area"], [1, "at-page-body"], [1, "at-tag-lib-layout"], [1, "at-tag-lib-main"], [1, "at-card"], [1, "at-card-body", 2, "max-height", "500px", "overflow-y", "auto"], [1, "at-tag-table"], [1, "at-tag-row-clickable", 3, "at-tag-row-selected"], [1, "at-card", 2, "margin-top", "12px"], [1, "at-tag-lib-sidebar"], [1, "at-card", "at-tag-cloud-card"], [1, "at-card-title", 2, "margin-bottom", "12px"], [1, "fa-solid", "fa-cloud"], ["Layout", "spiral", "ColorMode", "weight-gradient", 3, "Items", "MaxFontSize", "MinFontSize", "MaxItems", "Interactive", "Animate"], [1, "at-tag-cloud-empty"], [1, "at-card", 2, "padding", "16px", "margin-top", "12px"], [1, "at-card-title", 2, "margin-bottom", "10px"], [1, "fa-solid", "fa-chart-pie"], [1, "at-tags-by-source"], [1, "at-tag-source-row"], [1, "at-tag-row-clickable", 3, "click"], [1, "at-tag-name-cell"], [1, "at-weight-indicator"], [1, "at-weight-bar"], [1, "at-weight-bar-fill"], [1, "at-weight-value"], [1, "at-tag-bar"], [1, "at-tag-bar-fill"], [1, "at-card-header"], [1, "at-card-title"], [1, "fa-solid", "fa-tag"], ["aria-label", "Close", 1, "at-slide-close", 2, "background", "none", "border", "none", "cursor", "pointer", "color", "var(--mj-text-muted)", 3, "click"], [1, "fa-solid", "fa-times"], [1, "at-card-body", 2, "max-height", "300px", "overflow-y", "auto"], [1, "at-empty-state"], [1, "at-tag-row-clickable"]], template: function ClassifyTagsTabComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-header-interior", 0)(1, "div", 1)(2, "input", 2);
+            i0.ɵɵtwoWayListener("ngModelChange", function ClassifyTagsTabComponent_Template_input_ngModelChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.TagSearchQuery, $event) || (ctx.TagSearchQuery = $event); return $event; });
+            i0.ɵɵlistener("input", function ClassifyTagsTabComponent_Template_input_input_2_listener() { return ctx.FilterTags(); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(3, "mj-page-body-interior", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div", 7)(8, "div", 8)(9, "div", 9)(10, "table", 10)(11, "thead")(12, "tr")(13, "th");
+            i0.ɵɵtext(14, "Tag");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "th");
+            i0.ɵɵtext(16, "Count");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "th");
+            i0.ɵɵtext(18, "Avg Weight");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "th");
+            i0.ɵɵtext(20, "Distribution");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "th");
+            i0.ɵɵtext(22, "Top Source");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(23, "th");
+            i0.ɵɵtext(24, "First Seen");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(25, "tbody");
+            i0.ɵɵrepeaterCreate(26, ClassifyTagsTabComponent_For_27_Template, 18, 17, "tr", 11, _forTrack0);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(28, ClassifyTagsTabComponent_Conditional_28_Template, 10, 3, "div", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "div", 13)(30, "div", 14)(31, "div", 15);
+            i0.ɵɵelement(32, "i", 16);
+            i0.ɵɵtext(33, " Tag Cloud");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(34, ClassifyTagsTabComponent_Conditional_34_Template, 1, 6, "mj-word-cloud", 17)(35, ClassifyTagsTabComponent_Conditional_35_Template, 2, 0, "div", 18);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(36, "div", 19)(37, "div", 20);
+            i0.ɵɵelement(38, "i", 21);
+            i0.ɵɵtext(39, " By Source");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(40, "div", 22);
+            i0.ɵɵrepeaterCreate(41, ClassifyTagsTabComponent_For_42_Template, 5, 2, "div", 23, _forTrack1);
+            i0.ɵɵelementEnd()()()()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Subtitle", ctx.Subtitle);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.TagSearchQuery);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Padding", false)("Flex", true);
+            i0.ɵɵadvance(23);
+            i0.ɵɵrepeater(ctx.FilteredTagRows);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.SelectedDrillDownTag ? 28 : -1);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.TagCloudWordItems.length > 0 ? 34 : 35);
+            i0.ɵɵadvance(7);
+            i0.ɵɵrepeater(ctx.TagsBySource);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJPageHeaderInteriorComponent, i2.MJPageBodyInteriorComponent, i3.MJWordCloudComponent], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClassifyTagsTabComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'classify-tags-tab', template: "<mj-page-header-interior\n    Title=\"Tag Library\"\n    [Subtitle]=\"Subtitle\">\n  <div toolbar>\n    <input type=\"text\" class=\"at-search-input\" placeholder=\"Search tags...\"\n           [(ngModel)]=\"TagSearchQuery\" (input)=\"FilterTags()\">\n  </div>\n</mj-page-header-interior>\n\n<mj-page-body-interior [Padding]=\"false\" [Flex]=\"true\">\n  <div class=\"at-main-area\">\n    <div class=\"at-page-body\">\n        <div class=\"at-tag-lib-layout\">\n            <div class=\"at-tag-lib-main\">\n                <div class=\"at-card\">\n                    <div class=\"at-card-body\" style=\"max-height: 500px; overflow-y: auto;\">\n                        <table class=\"at-tag-table\">\n                            <thead>\n                                <tr>\n                                    <th>Tag</th>\n                                    <th>Count</th>\n                                    <th>Avg Weight</th>\n                                    <th>Distribution</th>\n                                    <th>Top Source</th>\n                                    <th>First Seen</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                @for (row of FilteredTagRows; track row.Tag) {\n                                    <tr class=\"at-tag-row-clickable\" (click)=\"DrillDownTag(row.Tag)\"\n                                        [class.at-tag-row-selected]=\"SelectedDrillDownTag === row.Tag\">\n                                        <td class=\"at-tag-name-cell\">{{ row.Tag }}</td>\n                                        <td>{{ row.UsageCount }}</td>\n                                        <td>\n                                            <div class=\"at-weight-indicator\">\n                                                <div class=\"at-weight-bar\">\n                                                    <div class=\"at-weight-bar-fill\" [style.width.%]=\"row.AvgWeight * 100\"\n                                                         [class.at-weight-high]=\"row.AvgWeight >= 0.7\"\n                                                         [class.at-weight-medium]=\"row.AvgWeight >= 0.4 && row.AvgWeight < 0.7\"\n                                                         [class.at-weight-low]=\"row.AvgWeight < 0.4\"></div>\n                                                </div>\n                                                <span class=\"at-weight-value\">{{ row.AvgWeight.toFixed(2) }}</span>\n                                            </div>\n                                        </td>\n                                        <td>\n                                            <div class=\"at-tag-bar\">\n                                                <div class=\"at-tag-bar-fill\" [style.width.%]=\"row.BarWidthPct\"></div>\n                                            </div>\n                                        </td>\n                                        <td>{{ row.TopSource }}</td>\n                                        <td>{{ row.FirstSeen }}</td>\n                                    </tr>\n                                }\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n\n                <!-- Tag drill-down: content items matching selected tag -->\n                @if (SelectedDrillDownTag) {\n                    <div class=\"at-card\" style=\"margin-top: 12px;\">\n                        <div class=\"at-card-header\">\n                            <span class=\"at-card-title\">\n                                <i class=\"fa-solid fa-tag\"></i>\n                                Content items tagged \"{{ SelectedDrillDownTag }}\"\n                                ({{ TagDrillDownItems.length }})\n                            </span>\n                            <button class=\"at-slide-close\" (click)=\"CloseDrillDownTag()\" style=\"background:none;border:none;cursor:pointer;color:var(--mj-text-muted)\" aria-label=\"Close\">\n                                <i class=\"fa-solid fa-times\"></i>\n                            </button>\n                        </div>\n                        <div class=\"at-card-body\" style=\"max-height: 300px; overflow-y: auto;\">\n                            @if (TagDrillDownItems.length === 0) {\n                                <div class=\"at-empty-state\"><p>No content items found for this tag.</p></div>\n                            } @else {\n                                <table class=\"at-tag-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Name</th>\n                                            <th>Source</th>\n                                            <th>Weight</th>\n                                            <th>Updated</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (di of TagDrillDownItems; track di.ID) {\n                                            <tr class=\"at-tag-row-clickable\" (click)=\"onOpenItemDetail(di.ID)\">\n                                                <td>{{ di.Name }}</td>\n                                                <td>{{ di.SourceName }}</td>\n                                                <td>{{ FormatWeight(di.Weight) }}</td>\n                                                <td>{{ di.UpdatedAt }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"at-tag-lib-sidebar\">\n                <div class=\"at-card at-tag-cloud-card\">\n                    <div class=\"at-card-title\" style=\"margin-bottom: 12px;\"><i class=\"fa-solid fa-cloud\"></i> Tag Cloud</div>\n                    @if (TagCloudWordItems.length > 0) {\n                        <mj-word-cloud\n                            [Items]=\"TagCloudWordItems\"\n                            [MaxFontSize]=\"40\"\n                            [MinFontSize]=\"12\"\n                            [MaxItems]=\"20\"\n                            Layout=\"spiral\"\n                            ColorMode=\"weight-gradient\"\n                            [Interactive]=\"true\"\n                            [Animate]=\"true\">\n                        </mj-word-cloud>\n                    } @else {\n                        <div class=\"at-tag-cloud-empty\">No tags yet</div>\n                    }\n                </div>\n                <div class=\"at-card\" style=\"padding: 16px; margin-top: 12px;\">\n                    <div class=\"at-card-title\" style=\"margin-bottom: 10px;\"><i class=\"fa-solid fa-chart-pie\"></i> By Source</div>\n                    <div class=\"at-tags-by-source\">\n                        @for (s of TagsBySource; track s.SourceName) {\n                            <div class=\"at-tag-source-row\">\n                                <span>{{ s.SourceName }}</span>\n                                <strong>{{ s.Count }}</strong>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</mj-page-body-interior>\n", styles: ["/*\n * Tag Library tab styles.\n *\n * The host (AutotaggingPipelineResourceComponent) uses ViewEncapsulation.None,\n * so its `.at-*` rules are global and already style this tab's markup while it\n * renders inside the host shell. Tab-specific rules live here as the shared CSS\n * is partitioned during the host-slim step.\n */\n"] }]
+    }], null, { ContentTags: [{
+            type: Input
+        }], ContentItems: [{
+            type: Input
+        }], OpenItemDetailRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClassifyTagsTabComponent, { className: "ClassifyTagsTabComponent", filePath: "src/AI/components/autotagging/tabs/tags-tab.component.ts", lineNumber: 34 }); })();
+//# sourceMappingURL=tags-tab.component.js.map

package/dist/AI/components/autotagging/tabs/tags-tab.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-tab.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/tabs/tags-tab.component.ts","../../../../../src/AI/components/autotagging/tabs/tags-tab.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Classify · Tag Library tab.\n *\n * Self-contained sub-page: owns its header-interior (with the tag search box),\n * the tag rows table, the word cloud, the tags-by-source breakdown, and the\n * per-tag drill-down. Receives the shared raw tag + item rows from the host\n * orchestrator via `[ContentTags]`/`[ContentItems]` and rebuilds its view\n * models from them. Opening a content item from the drill-down is a cross-tab\n * concern owned by the host's slide-in, so it bubbles up via @Output.\n */\nimport { Component, ChangeDetectorRef, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { NormalizeUUID } from '@memberjunction/global';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { WordCloudItem } from '@memberjunction/ng-word-cloud';\nimport { TagRow, TagBySource } from '../shared/classify.types';\nimport { formatWeight, tagFontSize, formatShortDate } from '../shared/classify.format';\n\n/** One row in the per-tag drill-down (content items carrying a given tag). */\ninterface TagDrillDownItem {\n    ID: string;\n    Name: string;\n    SourceName: string;\n    Weight: number;\n    UpdatedAt: string;\n    FeedIndex: number;\n}\n\n@Component({\n    standalone: false,\n    selector: 'classify-tags-tab',\n    templateUrl: './tags-tab.component.html',\n    styleUrls: ['./tags-tab.component.css']\n})\nexport class ClassifyTagsTabComponent extends BaseAngularComponent {\n    private cdr = inject(ChangeDetectorRef);\n\n    /** Shared raw `MJ: Content Item Tags` rows, supplied by the host orchestrator. */\n    private _contentTags: Record<string, unknown>[] = [];\n    @Input()\n    set ContentTags(value: Record<string, unknown>[]) {\n        this._contentTags = value ?? [];\n        this.rebuild();\n    }\n    get ContentTags(): Record<string, unknown>[] {\n        return this._contentTags;\n    }\n\n    /** Shared raw `MJ: Content Items` rows — used for source mapping and drill-down. */\n    private _contentItems: Record<string, unknown>[] = [];\n    @Input()\n    set ContentItems(value: Record<string, unknown>[]) {\n        this._contentItems = value ?? [];\n        this.rebuild();\n    }\n    get ContentItems(): Record<string, unknown>[] {\n        return this._contentItems;\n    }\n\n    public TagRows: TagRow[] = [];\n    public FilteredTagRows: TagRow[] = [];\n    public TagCloudWordItems: WordCloudItem[] = [];\n    public TagsBySource: TagBySource[] = [];\n    public TagSearchQuery = '';\n    public SelectedDrillDownTag: string | null = null;\n    public TagDrillDownItems: TagDrillDownItem[] = [];\n\n    /** Subtitle reflects the live tag count, mirroring the former host subtitle. */\n    public get Subtitle(): string {\n        return `${this.TagRows.length} unique tags across all content sources`;\n    }\n\n    // Template-facing formatters (shared pure helpers exposed for the view).\n    public readonly TagFontSize = tagFontSize;\n    public readonly FormatWeight = formatWeight;\n\n    /** Bubble a request to open a content item's detail slide-in (host-owned). */\n    @Output() OpenItemDetailRequested = new EventEmitter<string>();\n\n    public onOpenItemDetail(contentItemID: string): void {\n        this.OpenItemDetailRequested.emit(contentItemID);\n    }\n\n    /** Rebuild all tag-tab view models from the current inputs. */\n    private rebuild(): void {\n        this.buildTagRows();\n        this.buildTagCloud();\n        this.buildTagsBySource();\n        this.FilterTags();\n    }\n\n    // ── External control surface (host deep-link + agent tool) ──\n\n    /** Apply a search query programmatically (used by the agent tool + deep link). Returns the match count. */\n    public ApplySearch(query: string): number {\n        this.TagSearchQuery = query;\n        this.FilterTags();\n        return this.FilteredTagRows.length;\n    }\n\n    // ── View-model building ──\n\n    private buildTagRows(): void {\n        const tagCounts = this.countAllTags();\n        const avgWeights = this.computeAvgWeights();\n        const tagSourceMap = this.getTopSourcePerTag();\n        const tagFirstSeen = this.getFirstSeenPerTag();\n        const sorted = Array.from(tagCounts.entries()).sort((a, b) => b[1] - a[1]);\n        const maxCount = sorted.length > 0 ? sorted[0][1] : 1;\n\n        this.TagRows = sorted.map(([tag, count]) => ({\n            Tag: tag,\n            UsageCount: count,\n            AvgWeight: avgWeights.get(tag) ?? 1.0,\n            BarWidthPct: Math.round((count / maxCount) * 100),\n            TopSource: tagSourceMap.get(tag) ?? 'Unknown',\n            FirstSeen: tagFirstSeen.get(tag) ?? ''\n        }));\n    }\n\n    private buildTagCloud(): void {\n        const tagCounts = this.countAllTags();\n        const avgWeights = this.computeAvgWeights();\n        // Sort by a combined score: usage count * avg weight (so high-weight, high-count tags bubble up)\n        const scored = Array.from(tagCounts.entries()).map(([tag, count]) => {\n            const weight = avgWeights.get(tag) ?? 1.0;\n            return { tag, count, weight, score: count * weight };\n        }).sort((a, b) => b.score - a.score).slice(0, 20);\n        const maxScore = scored.length > 0 ? scored[0].score : 1;\n\n        // Build WordCloudItem[] for the mj-word-cloud component\n        this.TagCloudWordItems = scored.map(s => ({\n            Text: s.tag,\n            Weight: maxScore > 0 ? s.score / maxScore : 0,\n            Metadata: { Count: s.count, AvgWeight: s.weight }\n        }));\n    }\n\n    private buildTagsBySource(): void {\n        const sourceTagCounts = new Map<string, number>();\n        const itemSourceMap = new Map<string, string>();\n        for (const item of this._contentItems) {\n            itemSourceMap.set(item['ID'] as string, (item['ContentSource'] as string) ?? 'Unknown');\n        }\n        for (const tag of this._contentTags) {\n            const source = itemSourceMap.get(tag['ItemID'] as string) ?? 'Unknown';\n            sourceTagCounts.set(source, (sourceTagCounts.get(source) ?? 0) + 1);\n        }\n        this.TagsBySource = Array.from(sourceTagCounts.entries())\n            .sort((a, b) => b[1] - a[1])\n            .map(([name, count]) => ({ SourceName: name, Count: count }));\n    }\n\n    public FilterTags(): void {\n        const q = this.TagSearchQuery.toLowerCase().trim();\n        this.FilteredTagRows = q\n            ? this.TagRows.filter(r => r.Tag.toLowerCase().includes(q))\n            : this.TagRows;\n        this.cdr.detectChanges();\n    }\n\n    /** Drill down into content items matching a specific tag. */\n    public DrillDownTag(tagName: string): void {\n        if (this.SelectedDrillDownTag === tagName) {\n            this.CloseDrillDownTag();\n            return;\n        }\n        this.SelectedDrillDownTag = tagName;\n\n        // Find all content items that have this tag\n        const matchingItemIDs = new Map<string, number>(); // itemID → weight\n        for (const tag of this._contentTags) {\n            if ((tag['Tag'] as string) === tagName) {\n                matchingItemIDs.set(\n                    NormalizeUUID(tag['ItemID'] as string),\n                    Number(tag['Weight'] ?? 1)\n                );\n            }\n        }\n\n        this.TagDrillDownItems = [];\n        for (let i = 0; i < this._contentItems.length; i++) {\n            const item = this._contentItems[i];\n            const normalizedID = NormalizeUUID(item['ID'] as string);\n            const weight = matchingItemIDs.get(normalizedID);\n            if (weight !== undefined) {\n                this.TagDrillDownItems.push({\n                    ID: item['ID'] as string,\n                    Name: (item['Name'] as string) ?? 'Unnamed',\n                    SourceName: (item['ContentSource'] as string) ?? 'Unknown',\n                    Weight: weight,\n                    UpdatedAt: formatShortDate((item['__mj_UpdatedAt'] as string) ?? ''),\n                    FeedIndex: i,\n                });\n            }\n        }\n\n        // Sort by weight descending\n        this.TagDrillDownItems.sort((a, b) => b.Weight - a.Weight);\n        this.cdr.detectChanges();\n    }\n\n    public CloseDrillDownTag(): void {\n        this.SelectedDrillDownTag = null;\n        this.TagDrillDownItems = [];\n        this.cdr.detectChanges();\n    }\n\n    // ── Aggregation utilities (read only the tag + item inputs) ──\n\n    private countAllTags(): Map<string, number> {\n        const counts = new Map<string, number>();\n        for (const tag of this._contentTags) {\n            const t = tag['Tag'] as string;\n            if (t) counts.set(t, (counts.get(t) ?? 0) + 1);\n        }\n        return counts;\n    }\n\n    /** Compute average weight per tag across all occurrences. */\n    private computeAvgWeights(): Map<string, number> {\n        const sums = new Map<string, number>();\n        const counts = new Map<string, number>();\n        for (const tag of this._contentTags) {\n            const t = tag['Tag'] as string;\n            const w = Number(tag['Weight'] ?? 0.5);\n            if (t) {\n                sums.set(t, (sums.get(t) ?? 0) + w);\n                counts.set(t, (counts.get(t) ?? 0) + 1);\n            }\n        }\n        const avgs = new Map<string, number>();\n        for (const [t, sum] of sums) {\n            avgs.set(t, Math.round((sum / (counts.get(t) ?? 1)) * 100) / 100);\n        }\n        return avgs;\n    }\n\n    private getTopSourcePerTag(): Map<string, string> {\n        const tagSourceCounts = new Map<string, Map<string, number>>();\n        const itemSourceMap = new Map<string, string>();\n        for (const item of this._contentItems) {\n            itemSourceMap.set(item['ID'] as string, (item['ContentSource'] as string) ?? 'Unknown');\n        }\n        for (const tag of this._contentTags) {\n            const t = tag['Tag'] as string;\n            const source = itemSourceMap.get(tag['ItemID'] as string) ?? 'Unknown';\n            if (!tagSourceCounts.has(t)) tagSourceCounts.set(t, new Map());\n            const inner = tagSourceCounts.get(t)!;\n            inner.set(source, (inner.get(source) ?? 0) + 1);\n        }\n        const result = new Map<string, string>();\n        for (const [tag, sourceCounts] of tagSourceCounts) {\n            let maxSource = 'Unknown';\n            let maxCount = 0;\n            for (const [source, count] of sourceCounts) {\n                if (count > maxCount) { maxSource = source; maxCount = count; }\n            }\n            result.set(tag, maxSource);\n        }\n        return result;\n    }\n\n    private getFirstSeenPerTag(): Map<string, string> {\n        const result = new Map<string, string>();\n        for (const tag of this._contentTags) {\n            const t = tag['Tag'] as string;\n            if (t && !result.has(t)) {\n                const date = tag['__mj_CreatedAt'] as string;\n                result.set(t, date ? formatShortDate(date) : '');\n            }\n        }\n        return result;\n    }\n}\n","<mj-page-header-interior\n    Title=\"Tag Library\"\n    [Subtitle]=\"Subtitle\">\n  <div toolbar>\n    <input type=\"text\" class=\"at-search-input\" placeholder=\"Search tags...\"\n           [(ngModel)]=\"TagSearchQuery\" (input)=\"FilterTags()\">\n  </div>\n</mj-page-header-interior>\n\n<mj-page-body-interior [Padding]=\"false\" [Flex]=\"true\">\n  <div class=\"at-main-area\">\n    <div class=\"at-page-body\">\n        <div class=\"at-tag-lib-layout\">\n            <div class=\"at-tag-lib-main\">\n                <div class=\"at-card\">\n                    <div class=\"at-card-body\" style=\"max-height: 500px; overflow-y: auto;\">\n                        <table class=\"at-tag-table\">\n                            <thead>\n                                <tr>\n                                    <th>Tag</th>\n                                    <th>Count</th>\n                                    <th>Avg Weight</th>\n                                    <th>Distribution</th>\n                                    <th>Top Source</th>\n                                    <th>First Seen</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                @for (row of FilteredTagRows; track row.Tag) {\n                                    <tr class=\"at-tag-row-clickable\" (click)=\"DrillDownTag(row.Tag)\"\n                                        [class.at-tag-row-selected]=\"SelectedDrillDownTag === row.Tag\">\n                                        <td class=\"at-tag-name-cell\">{{ row.Tag }}</td>\n                                        <td>{{ row.UsageCount }}</td>\n                                        <td>\n                                            <div class=\"at-weight-indicator\">\n                                                <div class=\"at-weight-bar\">\n                                                    <div class=\"at-weight-bar-fill\" [style.width.%]=\"row.AvgWeight * 100\"\n                                                         [class.at-weight-high]=\"row.AvgWeight >= 0.7\"\n                                                         [class.at-weight-medium]=\"row.AvgWeight >= 0.4 && row.AvgWeight < 0.7\"\n                                                         [class.at-weight-low]=\"row.AvgWeight < 0.4\"></div>\n                                                </div>\n                                                <span class=\"at-weight-value\">{{ row.AvgWeight.toFixed(2) }}</span>\n                                            </div>\n                                        </td>\n                                        <td>\n                                            <div class=\"at-tag-bar\">\n                                                <div class=\"at-tag-bar-fill\" [style.width.%]=\"row.BarWidthPct\"></div>\n                                            </div>\n                                        </td>\n                                        <td>{{ row.TopSource }}</td>\n                                        <td>{{ row.FirstSeen }}</td>\n                                    </tr>\n                                }\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n\n                <!-- Tag drill-down: content items matching selected tag -->\n                @if (SelectedDrillDownTag) {\n                    <div class=\"at-card\" style=\"margin-top: 12px;\">\n                        <div class=\"at-card-header\">\n                            <span class=\"at-card-title\">\n                                <i class=\"fa-solid fa-tag\"></i>\n                                Content items tagged \"{{ SelectedDrillDownTag }}\"\n                                ({{ TagDrillDownItems.length }})\n                            </span>\n                            <button class=\"at-slide-close\" (click)=\"CloseDrillDownTag()\" style=\"background:none;border:none;cursor:pointer;color:var(--mj-text-muted)\" aria-label=\"Close\">\n                                <i class=\"fa-solid fa-times\"></i>\n                            </button>\n                        </div>\n                        <div class=\"at-card-body\" style=\"max-height: 300px; overflow-y: auto;\">\n                            @if (TagDrillDownItems.length === 0) {\n                                <div class=\"at-empty-state\"><p>No content items found for this tag.</p></div>\n                            } @else {\n                                <table class=\"at-tag-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Name</th>\n                                            <th>Source</th>\n                                            <th>Weight</th>\n                                            <th>Updated</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (di of TagDrillDownItems; track di.ID) {\n                                            <tr class=\"at-tag-row-clickable\" (click)=\"onOpenItemDetail(di.ID)\">\n                                                <td>{{ di.Name }}</td>\n                                                <td>{{ di.SourceName }}</td>\n                                                <td>{{ FormatWeight(di.Weight) }}</td>\n                                                <td>{{ di.UpdatedAt }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"at-tag-lib-sidebar\">\n                <div class=\"at-card at-tag-cloud-card\">\n                    <div class=\"at-card-title\" style=\"margin-bottom: 12px;\"><i class=\"fa-solid fa-cloud\"></i> Tag Cloud</div>\n                    @if (TagCloudWordItems.length > 0) {\n                        <mj-word-cloud\n                            [Items]=\"TagCloudWordItems\"\n                            [MaxFontSize]=\"40\"\n                            [MinFontSize]=\"12\"\n                            [MaxItems]=\"20\"\n                            Layout=\"spiral\"\n                            ColorMode=\"weight-gradient\"\n                            [Interactive]=\"true\"\n                            [Animate]=\"true\">\n                        </mj-word-cloud>\n                    } @else {\n                        <div class=\"at-tag-cloud-empty\">No tags yet</div>\n                    }\n                </div>\n                <div class=\"at-card\" style=\"padding: 16px; margin-top: 12px;\">\n                    <div class=\"at-card-title\" style=\"margin-bottom: 10px;\"><i class=\"fa-solid fa-chart-pie\"></i> By Source</div>\n                    <div class=\"at-tags-by-source\">\n                        @for (s of TagsBySource; track s.SourceName) {\n                            <div class=\"at-tag-source-row\">\n                                <span>{{ s.SourceName }}</span>\n                                <strong>{{ s.Count }}</strong>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</mj-page-body-interior>\n"]}