@memberjunction/ng-dashboards 5.38.0 → 5.39.0

package/dist/AI/components/autotagging/tabs/types-tab.component.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @fileoverview Classify · Content Types tab.
+ *
+ * Self-contained sub-page: owns its header-interior and the content-type cards
+ * grid. Receives the shared raw data needed to build the cards from the host
+ * orchestrator (content types, sources, items, and the accurate total item
+ * count). The slide-in CRUD form stays in the host — this tab emits
+ * Add/Edit intents up via @Output and the host opens its existing form.
+ */
+import { EventEmitter } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ContentTypeCard } from '../shared/classify.types';
+import { formatNumber } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+export declare class ClassifyTypesTabComponent extends BaseAngularComponent {
+    /** Raw `MJ: Content Types` rows — the primary source for the cards. */
+    private _contentTypes;
+    set ContentTypes(value: Record<string, unknown>[]);
+    get ContentTypes(): Record<string, unknown>[];
+    /** Raw `MJ: Content Sources` rows — used to count sources per content type. */
+    private _sources;
+    set Sources(value: Record<string, unknown>[]);
+    get Sources(): Record<string, unknown>[];
+    /** Raw `MJ: Content Items` rows — used to count items per content type. */
+    private _items;
+    set Items(value: Record<string, unknown>[]);
+    get Items(): Record<string, unknown>[];
+    /** Accurate total item count from TotalRowCount (used when a single content type exists). */
+    private _totalItemCount;
+    set TotalItemCount(value: number);
+    get TotalItemCount(): number;
+    ContentTypeCards: ContentTypeCard[];
+    /** Template-facing formatter (exposed so `formatNumber(...)` resolves in the view). */
+    readonly formatNumber: typeof formatNumber;
+    /** Bubble Add/Edit intents to the host, which owns the slide-in CRUD form. */
+    AddTypeRequested: EventEmitter<void>;
+    EditTypeRequested: EventEmitter<ContentTypeCard>;
+    onAddType(): void;
+    onEditType(card: ContentTypeCard): void;
+    /** Rebuild the card view models from the current inputs. */
+    private rebuild;
+    private countSourcesByContentType;
+    private countItemsByContentType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassifyTypesTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClassifyTypesTabComponent, "classify-types-tab", never, { "ContentTypes": { "alias": "ContentTypes"; "required": false; }; "Sources": { "alias": "Sources"; "required": false; }; "Items": { "alias": "Items"; "required": false; }; "TotalItemCount": { "alias": "TotalItemCount"; "required": false; }; }, { "AddTypeRequested": "AddTypeRequested"; "EditTypeRequested": "EditTypeRequested"; }, never, never, false, never>;
+}
+//# sourceMappingURL=types-tab.component.d.ts.map

package/dist/AI/components/autotagging/tabs/types-tab.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-tab.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/tabs/types-tab.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;;AAEzD,qBAMa,yBAA0B,SAAQ,oBAAoB;IAC/D,uEAAuE;IACvE,OAAO,CAAC,aAAa,CAAiC;IACtD,IACI,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAGhD;IACD,IAAI,YAAY,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAE5C;IAED,+EAA+E;IAC/E,OAAO,CAAC,QAAQ,CAAiC;IACjD,IACI,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAG3C;IACD,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAEvC;IAED,2EAA2E;IAC3E,OAAO,CAAC,MAAM,CAAiC;IAC/C,IACI,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAGzC;IACD,IAAI,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAErC;IAED,6FAA6F;IAC7F,OAAO,CAAC,eAAe,CAAK;IAC5B,IACI,cAAc,CAAC,KAAK,EAAE,MAAM,EAG/B;IACD,IAAI,cAAc,IAAI,MAAM,CAE3B;IAEM,gBAAgB,EAAE,eAAe,EAAE,CAAM;IAEhD,uFAAuF;IACvF,SAAgB,YAAY,sBAAgB;IAE5C,8EAA8E;IACpE,gBAAgB,qBAA4B;IAC5C,iBAAiB,gCAAuC;IAE3D,SAAS,IAAI,IAAI;IAIjB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAI9C,4DAA4D;IAC5D,OAAO,CAAC,OAAO;IA8Bf,OAAO,CAAC,yBAAyB;IASjC,OAAO,CAAC,uBAAuB;yCAtGtB,yBAAyB;2CAAzB,yBAAyB;CA8GrC"}

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

@@ -0,0 +1,220 @@
+/**
+ * @fileoverview Classify · Content Types tab.
+ *
+ * Self-contained sub-page: owns its header-interior and the content-type cards
+ * grid. Receives the shared raw data needed to build the cards from the host
+ * orchestrator (content types, sources, items, and the accurate total item
+ * count). The slide-in CRUD form stays in the host — this tab emits
+ * Add/Edit intents up via @Output and the host opens its existing form.
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { formatNumber } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.ID;
+function ClassifyTypesTabComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 14)(2, "span", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 16);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 17)(7, "span", 18);
+    i0.ɵɵtext(8, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 19);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 17)(12, "span", 18);
+    i0.ɵɵtext(13, "Sources Using");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 19);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 17)(17, "span", 18);
+    i0.ɵɵtext(18, "Items Tagged");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 19);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 20);
+    i0.ɵɵelement(22, "i", 21);
+    i0.ɵɵelementStart(23, "span");
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 22);
+    i0.ɵɵelement(26, "div", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "span");
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 24);
+    i0.ɵɵtext(30, "tags/item");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 25)(32, "button", 26);
+    i0.ɵɵlistener("click", function ClassifyTypesTabComponent_For_11_Template_button_click_32_listener() { const card_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onEditType(card_r2)); });
+    i0.ɵɵelement(33, "i", 27);
+    i0.ɵɵtext(34, " Edit");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const card_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(card_r2.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(card_r2.AIModelName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r2.Description || "\u2014");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r2.SourcesUsing);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.formatNumber(card_r2.ItemsTagged));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(card_r2.MinTags);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("left", card_r2.RangeLeftPct, "%")("right", card_r2.RangeRightPct, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(card_r2.MaxTags);
+} }
+export class ClassifyTypesTabComponent extends BaseAngularComponent {
+    /** Raw `MJ: Content Types` rows — the primary source for the cards. */
+    _contentTypes = [];
+    set ContentTypes(value) {
+        this._contentTypes = value ?? [];
+        this.rebuild();
+    }
+    get ContentTypes() {
+        return this._contentTypes;
+    }
+    /** Raw `MJ: Content Sources` rows — used to count sources per content type. */
+    _sources = [];
+    set Sources(value) {
+        this._sources = value ?? [];
+        this.rebuild();
+    }
+    get Sources() {
+        return this._sources;
+    }
+    /** Raw `MJ: Content Items` rows — used to count items per content type. */
+    _items = [];
+    set Items(value) {
+        this._items = value ?? [];
+        this.rebuild();
+    }
+    get Items() {
+        return this._items;
+    }
+    /** Accurate total item count from TotalRowCount (used when a single content type exists). */
+    _totalItemCount = 0;
+    set TotalItemCount(value) {
+        this._totalItemCount = value ?? 0;
+        this.rebuild();
+    }
+    get TotalItemCount() {
+        return this._totalItemCount;
+    }
+    ContentTypeCards = [];
+    /** Template-facing formatter (exposed so `formatNumber(...)` resolves in the view). */
+    formatNumber = formatNumber;
+    /** Bubble Add/Edit intents to the host, which owns the slide-in CRUD form. */
+    AddTypeRequested = new EventEmitter();
+    EditTypeRequested = new EventEmitter();
+    onAddType() {
+        this.AddTypeRequested.emit();
+    }
+    onEditType(card) {
+        this.EditTypeRequested.emit(card);
+    }
+    /** Rebuild the card view models from the current inputs. */
+    rebuild() {
+        const sourcesUsingByType = this.countSourcesByContentType();
+        // When items are capped by MaxRows, countItemsByContentType undercounts.
+        // For a single content type, use the accurate TotalItemCount.
+        const singleType = this._contentTypes.length === 1;
+        const itemsByType = singleType ? null : this.countItemsByContentType();
+        this.ContentTypeCards = this._contentTypes.map(ct => {
+            const id = ct['ID'];
+            const minTags = ct['MinTags'] ?? 1;
+            const maxTags = ct['MaxTags'] ?? 10;
+            const range = 15; // max possible
+            return {
+                ID: id,
+                Name: ct['Name'] ?? 'Unnamed',
+                Description: ct['Description'] ?? '',
+                AIModelName: ct['AIModel'] ?? 'Default Model',
+                AIModelID: ct['AIModelID'] ?? '',
+                MinTags: minTags,
+                MaxTags: maxTags,
+                SourcesUsing: sourcesUsingByType.get(id) ?? 0,
+                ItemsTagged: singleType ? this._totalItemCount : (itemsByType.get(id) ?? 0),
+                RangeLeftPct: Math.round((minTags / range) * 100),
+                RangeRightPct: Math.round(100 - (maxTags / range) * 100),
+                EmbeddingModelID: ct['EmbeddingModelID'] ?? '',
+                VectorIndexID: ct['VectorIndexID'] ?? ''
+            };
+        });
+    }
+    countSourcesByContentType() {
+        const counts = new Map();
+        for (const source of this._sources) {
+            const typeId = source['ContentTypeID'];
+            if (typeId)
+                counts.set(typeId, (counts.get(typeId) ?? 0) + 1);
+        }
+        return counts;
+    }
+    countItemsByContentType() {
+        const counts = new Map();
+        for (const item of this._items) {
+            const typeId = item['ContentTypeID'];
+            if (typeId)
+                counts.set(typeId, (counts.get(typeId) ?? 0) + 1);
+        }
+        return counts;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵClassifyTypesTabComponent_BaseFactory; return function ClassifyTypesTabComponent_Factory(__ngFactoryType__) { return (ɵClassifyTypesTabComponent_BaseFactory || (ɵClassifyTypesTabComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ClassifyTypesTabComponent)))(__ngFactoryType__ || ClassifyTypesTabComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClassifyTypesTabComponent, selectors: [["classify-types-tab"]], inputs: { ContentTypes: "ContentTypes", Sources: "Sources", Items: "Items", TotalItemCount: "TotalItemCount" }, outputs: { AddTypeRequested: "AddTypeRequested", EditTypeRequested: "EditTypeRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 18, vars: 2, consts: [["Title", "Content Types", "Subtitle", "Configure AI tagging rules per content category"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "mj-action-label"], [3, "Padding", "Flex"], [1, "at-main-area"], [1, "at-page-body"], [1, "at-ct-grid"], [1, "at-ct-card"], [1, "at-add-type-card", 3, "click"], [1, "fa-solid", "fa-plus-circle"], [2, "font-size", "0.85rem", "font-weight", "600"], [2, "font-size", "0.72rem"], [1, "at-ct-card-header"], [1, "at-ct-card-name"], [1, "at-ct-card-model"], [1, "at-ct-field"], [1, "at-ct-field-label"], [1, "at-ct-field-value"], [1, "at-ct-tag-range"], [1, "fa-solid", "fa-tags"], [1, "at-ct-tag-range-bar"], [1, "at-ct-tag-range-fill"], [1, "at-ct-range-suffix"], [1, "at-source-card-actions", 2, "margin-top", "10px"], [1, "at-source-action-btn", 3, "click"], [1, "fa-solid", "fa-pen"]], template: function ClassifyTypesTabComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-header-interior", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function ClassifyTypesTabComponent_Template_button_click_2_listener() { return ctx.onAddType(); });
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementStart(4, "span", 4);
+            i0.ɵɵtext(5, "Add Type");
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(6, "mj-page-body-interior", 5)(7, "div", 6)(8, "div", 7)(9, "div", 8);
+            i0.ɵɵrepeaterCreate(10, ClassifyTypesTabComponent_For_11_Template, 35, 11, "div", 9, _forTrack0);
+            i0.ɵɵelementStart(12, "div", 10);
+            i0.ɵɵlistener("click", function ClassifyTypesTabComponent_Template_div_click_12_listener() { return ctx.onAddType(); });
+            i0.ɵɵelement(13, "i", 11);
+            i0.ɵɵelementStart(14, "span", 12);
+            i0.ɵɵtext(15, "Add Content Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "span", 13);
+            i0.ɵɵtext(17, "Configure tagging rules");
+            i0.ɵɵelementEnd()()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("Padding", false)("Flex", true);
+            i0.ɵɵadvance(4);
+            i0.ɵɵrepeater(ctx.ContentTypeCards);
+        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderInteriorComponent, i1.MJPageBodyInteriorComponent], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClassifyTypesTabComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'classify-types-tab', template: "<mj-page-header-interior\n    Title=\"Content Types\"\n    Subtitle=\"Configure AI tagging rules per content category\">\n  <div actions>\n    <button mjButton variant=\"primary\" size=\"sm\" (click)=\"onAddType()\">\n      <i class=\"fa-solid fa-plus\"></i> <span class=\"mj-action-label\">Add Type</span>\n    </button>\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-ct-grid\">\n        @for (card of ContentTypeCards; track card.ID) {\n          <div class=\"at-ct-card\">\n            <div class=\"at-ct-card-header\">\n              <span class=\"at-ct-card-name\">{{ card.Name }}</span>\n              <span class=\"at-ct-card-model\">{{ card.AIModelName }}</span>\n            </div>\n            <div class=\"at-ct-field\">\n              <span class=\"at-ct-field-label\">Description</span>\n              <span class=\"at-ct-field-value\">{{ card.Description || '\u2014' }}</span>\n            </div>\n            <div class=\"at-ct-field\">\n              <span class=\"at-ct-field-label\">Sources Using</span>\n              <span class=\"at-ct-field-value\">{{ card.SourcesUsing }}</span>\n            </div>\n            <div class=\"at-ct-field\">\n              <span class=\"at-ct-field-label\">Items Tagged</span>\n              <span class=\"at-ct-field-value\">{{ formatNumber(card.ItemsTagged) }}</span>\n            </div>\n            <div class=\"at-ct-tag-range\">\n              <i class=\"fa-solid fa-tags\"></i>\n              <span>{{ card.MinTags }}</span>\n              <div class=\"at-ct-tag-range-bar\">\n                <div class=\"at-ct-tag-range-fill\" [style.left.%]=\"card.RangeLeftPct\" [style.right.%]=\"card.RangeRightPct\"></div>\n              </div>\n              <span>{{ card.MaxTags }}</span>\n              <span class=\"at-ct-range-suffix\">tags/item</span>\n            </div>\n            <div class=\"at-source-card-actions\" style=\"margin-top: 10px;\">\n              <button class=\"at-source-action-btn\" (click)=\"onEditType(card)\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n            </div>\n          </div>\n        }\n        <!-- Add Content Type Card -->\n        <div class=\"at-add-type-card\" (click)=\"onAddType()\">\n          <i class=\"fa-solid fa-plus-circle\"></i>\n          <span style=\"font-size: 0.85rem; font-weight: 600;\">Add Content Type</span>\n          <span style=\"font-size: 0.72rem;\">Configure tagging rules</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</mj-page-body-interior>\n", styles: ["/*\n * Content Types 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, { ContentTypes: [{
+            type: Input
+        }], Sources: [{
+            type: Input
+        }], Items: [{
+            type: Input
+        }], TotalItemCount: [{
+            type: Input
+        }], AddTypeRequested: [{
+            type: Output
+        }], EditTypeRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClassifyTypesTabComponent, { className: "ClassifyTypesTabComponent", filePath: "src/AI/components/autotagging/tabs/types-tab.component.ts", lineNumber: 21 }); })();
+//# sourceMappingURL=types-tab.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types-tab.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/tabs/types-tab.component.ts","../../../../../src/AI/components/autotagging/tabs/types-tab.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Classify · Content Types tab.\n *\n * Self-contained sub-page: owns its header-interior and the content-type cards\n * grid. Receives the shared raw data needed to build the cards from the host\n * orchestrator (content types, sources, items, and the accurate total item\n * count). The slide-in CRUD form stays in the host — this tab emits\n * Add/Edit intents up via @Output and the host opens its existing form.\n */\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { ContentTypeCard } from '../shared/classify.types';\nimport { formatNumber } from '../shared/classify.format';\n\n@Component({\n    standalone: false,\n    selector: 'classify-types-tab',\n    templateUrl: './types-tab.component.html',\n    styleUrls: ['./types-tab.component.css']\n})\nexport class ClassifyTypesTabComponent extends BaseAngularComponent {\n    /** Raw `MJ: Content Types` rows — the primary source for the cards. */\n    private _contentTypes: Record<string, unknown>[] = [];\n    @Input()\n    set ContentTypes(value: Record<string, unknown>[]) {\n        this._contentTypes = value ?? [];\n        this.rebuild();\n    }\n    get ContentTypes(): Record<string, unknown>[] {\n        return this._contentTypes;\n    }\n\n    /** Raw `MJ: Content Sources` rows — used to count sources per content type. */\n    private _sources: Record<string, unknown>[] = [];\n    @Input()\n    set Sources(value: Record<string, unknown>[]) {\n        this._sources = value ?? [];\n        this.rebuild();\n    }\n    get Sources(): Record<string, unknown>[] {\n        return this._sources;\n    }\n\n    /** Raw `MJ: Content Items` rows — used to count items per content type. */\n    private _items: Record<string, unknown>[] = [];\n    @Input()\n    set Items(value: Record<string, unknown>[]) {\n        this._items = value ?? [];\n        this.rebuild();\n    }\n    get Items(): Record<string, unknown>[] {\n        return this._items;\n    }\n\n    /** Accurate total item count from TotalRowCount (used when a single content type exists). */\n    private _totalItemCount = 0;\n    @Input()\n    set TotalItemCount(value: number) {\n        this._totalItemCount = value ?? 0;\n        this.rebuild();\n    }\n    get TotalItemCount(): number {\n        return this._totalItemCount;\n    }\n\n    public ContentTypeCards: ContentTypeCard[] = [];\n\n    /** Template-facing formatter (exposed so `formatNumber(...)` resolves in the view). */\n    public readonly formatNumber = formatNumber;\n\n    /** Bubble Add/Edit intents to the host, which owns the slide-in CRUD form. */\n    @Output() AddTypeRequested = new EventEmitter<void>();\n    @Output() EditTypeRequested = new EventEmitter<ContentTypeCard>();\n\n    public onAddType(): void {\n        this.AddTypeRequested.emit();\n    }\n\n    public onEditType(card: ContentTypeCard): void {\n        this.EditTypeRequested.emit(card);\n    }\n\n    /** Rebuild the card view models from the current inputs. */\n    private rebuild(): void {\n        const sourcesUsingByType = this.countSourcesByContentType();\n        // When items are capped by MaxRows, countItemsByContentType undercounts.\n        // For a single content type, use the accurate TotalItemCount.\n        const singleType = this._contentTypes.length === 1;\n        const itemsByType = singleType ? null : this.countItemsByContentType();\n\n        this.ContentTypeCards = this._contentTypes.map(ct => {\n            const id = ct['ID'] as string;\n            const minTags = (ct['MinTags'] as number) ?? 1;\n            const maxTags = (ct['MaxTags'] as number) ?? 10;\n            const range = 15; // max possible\n            return {\n                ID: id,\n                Name: (ct['Name'] as string) ?? 'Unnamed',\n                Description: (ct['Description'] as string) ?? '',\n                AIModelName: (ct['AIModel'] as string) ?? 'Default Model',\n                AIModelID: (ct['AIModelID'] as string) ?? '',\n                MinTags: minTags,\n                MaxTags: maxTags,\n                SourcesUsing: sourcesUsingByType.get(id) ?? 0,\n                ItemsTagged: singleType ? this._totalItemCount : (itemsByType!.get(id) ?? 0),\n                RangeLeftPct: Math.round((minTags / range) * 100),\n                RangeRightPct: Math.round(100 - (maxTags / range) * 100),\n                EmbeddingModelID: (ct['EmbeddingModelID'] as string) ?? '',\n                VectorIndexID: (ct['VectorIndexID'] as string) ?? ''\n            };\n        });\n    }\n\n    private countSourcesByContentType(): Map<string, number> {\n        const counts = new Map<string, number>();\n        for (const source of this._sources) {\n            const typeId = source['ContentTypeID'] as string;\n            if (typeId) counts.set(typeId, (counts.get(typeId) ?? 0) + 1);\n        }\n        return counts;\n    }\n\n    private countItemsByContentType(): Map<string, number> {\n        const counts = new Map<string, number>();\n        for (const item of this._items) {\n            const typeId = item['ContentTypeID'] as string;\n            if (typeId) counts.set(typeId, (counts.get(typeId) ?? 0) + 1);\n        }\n        return counts;\n    }\n}\n","<mj-page-header-interior\n    Title=\"Content Types\"\n    Subtitle=\"Configure AI tagging rules per content category\">\n  <div actions>\n    <button mjButton variant=\"primary\" size=\"sm\" (click)=\"onAddType()\">\n      <i class=\"fa-solid fa-plus\"></i> <span class=\"mj-action-label\">Add Type</span>\n    </button>\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-ct-grid\">\n        @for (card of ContentTypeCards; track card.ID) {\n          <div class=\"at-ct-card\">\n            <div class=\"at-ct-card-header\">\n              <span class=\"at-ct-card-name\">{{ card.Name }}</span>\n              <span class=\"at-ct-card-model\">{{ card.AIModelName }}</span>\n            </div>\n            <div class=\"at-ct-field\">\n              <span class=\"at-ct-field-label\">Description</span>\n              <span class=\"at-ct-field-value\">{{ card.Description || '—' }}</span>\n            </div>\n            <div class=\"at-ct-field\">\n              <span class=\"at-ct-field-label\">Sources Using</span>\n              <span class=\"at-ct-field-value\">{{ card.SourcesUsing }}</span>\n            </div>\n            <div class=\"at-ct-field\">\n              <span class=\"at-ct-field-label\">Items Tagged</span>\n              <span class=\"at-ct-field-value\">{{ formatNumber(card.ItemsTagged) }}</span>\n            </div>\n            <div class=\"at-ct-tag-range\">\n              <i class=\"fa-solid fa-tags\"></i>\n              <span>{{ card.MinTags }}</span>\n              <div class=\"at-ct-tag-range-bar\">\n                <div class=\"at-ct-tag-range-fill\" [style.left.%]=\"card.RangeLeftPct\" [style.right.%]=\"card.RangeRightPct\"></div>\n              </div>\n              <span>{{ card.MaxTags }}</span>\n              <span class=\"at-ct-range-suffix\">tags/item</span>\n            </div>\n            <div class=\"at-source-card-actions\" style=\"margin-top: 10px;\">\n              <button class=\"at-source-action-btn\" (click)=\"onEditType(card)\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n            </div>\n          </div>\n        }\n        <!-- Add Content Type Card -->\n        <div class=\"at-add-type-card\" (click)=\"onAddType()\">\n          <i class=\"fa-solid fa-plus-circle\"></i>\n          <span style=\"font-size: 0.85rem; font-weight: 600;\">Add Content Type</span>\n          <span style=\"font-size: 0.72rem;\">Configure tagging rules</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</mj-page-body-interior>\n"]}