@memberjunction/ng-dashboards 5.38.0 → 5.40.0

package/dist/AI/components/autotagging/dialogs/item-detail.dialog.component.js

@@ -0,0 +1,208 @@
+/**
+ * @fileoverview Classify · Content Item Detail slide-in dialog.
+ *
+ * Presentational slide-in panel showing a content item's details, tags, text,
+ * metadata, and actions. Opened from multiple tabs, so it is rendered by the
+ * HOST (the data orchestrator), which builds the `ContentItemDetail` and toggles
+ * visibility. This component is purely presentational: data DOWN via `[Item]` /
+ * `[Show]`, intents UP via `(Closed)` / `(OpenRecordRequested)`.
+ */
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { formatWeight, tagFontSize } from '../shared/classify.format';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.Tag;
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Item.FileTypeName);
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(2, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_15_Conditional_2_Template, 3, 1, "span", 23);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Item.ContentTypeName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Item.FileTypeName ? 2 : -1);
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
+    i0.ɵɵtext(2, "URL");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "a", 25);
+    i0.ɵɵtext(4);
+    i0.ɵɵelement(5, "i", 26);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("href", ctx_r1.Item.URL, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Item.URL, " ");
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
+    i0.ɵɵtext(2, "Content Preview");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 27);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.Item.TextContent);
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_18_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 31);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const wt_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("font-size", ctx_r1.TagFontSize(wt_r3.Weight));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", wt_r3.Tag, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatWeight(wt_r3.Weight));
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 28);
+    i0.ɵɵrepeaterCreate(4, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_18_For_5_Template, 4, 4, "span", 29, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Tags (", ctx_r1.Item.Tags.length, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.Item.Tags);
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "span", 15);
+    i0.ɵɵtext(2, "Checksum");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.Item.Checksum);
+} }
+function ClassifyItemDetailDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵlistener("click", function ClassifyItemDetailDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Closed.emit()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h3");
+    i0.ɵɵelement(4, "i", 3);
+    i0.ɵɵtext(5, " Content Item");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 4);
+    i0.ɵɵlistener("click", function ClassifyItemDetailDialogComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Closed.emit()); });
+    i0.ɵɵelement(7, "i", 5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 6)(9, "div", 7)(10, "h4", 8);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 9)(13, "span", 10);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(15, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_15_Template, 3, 2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(16, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_16_Template, 6, 2, "div", 11);
+    i0.ɵɵconditionalCreate(17, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_17_Template, 5, 1, "div", 11);
+    i0.ɵɵconditionalCreate(18, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_18_Template, 6, 1, "div", 11);
+    i0.ɵɵelementStart(19, "div", 11)(20, "div", 12);
+    i0.ɵɵtext(21, "Metadata");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "div", 13);
+    i0.ɵɵconditionalCreate(23, ClassifyItemDetailDialogComponent_Conditional_0_Conditional_23_Template, 5, 1, "div", 14);
+    i0.ɵɵelementStart(24, "div", 14)(25, "span", 15);
+    i0.ɵɵtext(26, "Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "span", 16);
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 14)(30, "span", 15);
+    i0.ɵɵtext(31, "Updated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "span", 16);
+    i0.ɵɵtext(33);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(34, "div", 17)(35, "button", 18);
+    i0.ɵɵlistener("click", function ClassifyItemDetailDialogComponent_Conditional_0_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenRecordRequested.emit(ctx_r1.Item)); });
+    i0.ɵɵelement(36, "i", 19);
+    i0.ɵɵtext(37, " Open Record ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "button", 20);
+    i0.ɵɵelement(39, "i", 21);
+    i0.ɵɵtext(40, " See Similar Items ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(11);
+    i0.ɵɵtextInterpolate(ctx_r1.Item.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.Item.SourceName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Item.RequiresContentType ? 15 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Item.URL ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Item.TextContent ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Item.Tags.length > 0 ? 18 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.Item.Checksum ? 23 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Item.CreatedAt);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Item.UpdatedAt);
+} }
+export class ClassifyItemDetailDialogComponent extends BaseAngularComponent {
+    /** The content item to display, built and supplied by the host orchestrator. */
+    Item = null;
+    /** Whether the slide-in is visible. */
+    Show = false;
+    /** Emitted when the user dismisses the panel (overlay/close button). */
+    Closed = new EventEmitter();
+    /** Emitted when the user requests to open the underlying record. */
+    OpenRecordRequested = new EventEmitter();
+    // Template-facing formatters
+    FormatWeight = formatWeight;
+    TagFontSize = tagFontSize;
+    static ɵfac = /*@__PURE__*/ (() => { let ɵClassifyItemDetailDialogComponent_BaseFactory; return function ClassifyItemDetailDialogComponent_Factory(__ngFactoryType__) { return (ɵClassifyItemDetailDialogComponent_BaseFactory || (ɵClassifyItemDetailDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ClassifyItemDetailDialogComponent)))(__ngFactoryType__ || ClassifyItemDetailDialogComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClassifyItemDetailDialogComponent, selectors: [["classify-item-detail-dialog"]], inputs: { Item: "Item", Show: "Show" }, outputs: { Closed: "Closed", OpenRecordRequested: "OpenRecordRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "at-slide-overlay", 3, "click"], [1, "at-slide-panel", "at-detail-panel"], [1, "at-slide-header"], [1, "fa-solid", "fa-file-lines"], ["aria-label", "Close item detail", 1, "at-slide-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "at-slide-body"], [1, "at-detail-item-header"], [1, "at-detail-item-name"], [1, "at-detail-badges"], [1, "at-detail-badge", "at-detail-badge-source"], [1, "at-detail-section"], [1, "at-detail-section-label"], [1, "at-detail-meta-grid"], [1, "at-detail-meta-row"], [1, "at-detail-meta-key"], [1, "at-detail-meta-value"], [1, "at-detail-actions"], [1, "at-action-btn", "at-primary-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], ["disabled", "", 1, "at-action-btn", "at-secondary-btn"], [1, "fa-solid", "fa-magnifying-glass"], [1, "at-detail-badge", "at-detail-badge-type"], [1, "at-detail-badge", "at-detail-badge-file"], [1, "fa-solid", "fa-file"], ["target", "_blank", 1, "at-detail-link", 3, "href"], [1, "fa-solid", "fa-external-link-alt", 2, "font-size", "0.65rem", "margin-left", "4px"], [1, "at-detail-text-preview"], [1, "at-detail-tags"], [1, "at-tag-pill", "at-tag-weighted", 3, "font-size"], [1, "at-tag-pill", "at-tag-weighted"], [1, "at-tag-weight"], [1, "at-detail-meta-value", "at-detail-meta-mono"]], template: function ClassifyItemDetailDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ClassifyItemDetailDialogComponent_Conditional_0_Template, 41, 9);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Show && ctx.Item ? 0 : -1);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClassifyItemDetailDialogComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'classify-item-detail-dialog', template: "<!-- \u2550\u2550\u2550\u2550\u2550\u2550 ITEM DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (Show && Item) {\n    <div class=\"at-slide-overlay\" (click)=\"Closed.emit()\"></div>\n    <div class=\"at-slide-panel at-detail-panel\">\n        <div class=\"at-slide-header\">\n            <h3><i class=\"fa-solid fa-file-lines\"></i> Content Item</h3>\n            <button class=\"at-slide-close\" aria-label=\"Close item detail\" (click)=\"Closed.emit()\"><i class=\"fa-solid fa-times\"></i></button>\n        </div>\n        <div class=\"at-slide-body\">\n            <!-- Header -->\n            <div class=\"at-detail-item-header\">\n                <h4 class=\"at-detail-item-name\">{{ Item.Name }}</h4>\n                <div class=\"at-detail-badges\">\n                    <span class=\"at-detail-badge at-detail-badge-source\">{{ Item.SourceName }}</span>\n                    @if (Item.RequiresContentType) {\n                        <span class=\"at-detail-badge at-detail-badge-type\">{{ Item.ContentTypeName }}</span>\n                        @if (Item.FileTypeName) {\n                            <span class=\"at-detail-badge at-detail-badge-file\"><i class=\"fa-solid fa-file\"></i> {{ Item.FileTypeName }}</span>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- URL -->\n            @if (Item.URL) {\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">URL</div>\n                    <a [href]=\"Item.URL\" target=\"_blank\" class=\"at-detail-link\">\n                        {{ Item.URL }}\n                        <i class=\"fa-solid fa-external-link-alt\" style=\"font-size: 0.65rem; margin-left: 4px;\"></i>\n                    </a>\n                </div>\n            }\n\n            <!-- Text Preview -->\n            @if (Item.TextContent) {\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">Content Preview</div>\n                    <div class=\"at-detail-text-preview\">{{ Item.TextContent }}</div>\n                </div>\n            }\n\n            <!-- Tags (weighted) -->\n            @if (Item.Tags.length > 0) {\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">Tags ({{ Item.Tags.length }})</div>\n                    <div class=\"at-detail-tags\">\n                        @for (wt of Item.Tags; track wt.Tag) {\n                            <span class=\"at-tag-pill at-tag-weighted\" [style.font-size]=\"TagFontSize(wt.Weight)\">\n                                {{ wt.Tag }}\n                                <span class=\"at-tag-weight\">{{ FormatWeight(wt.Weight) }}</span>\n                            </span>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- Metadata -->\n            <div class=\"at-detail-section\">\n                <div class=\"at-detail-section-label\">Metadata</div>\n                <div class=\"at-detail-meta-grid\">\n                    @if (Item.Checksum) {\n                        <div class=\"at-detail-meta-row\">\n                            <span class=\"at-detail-meta-key\">Checksum</span>\n                            <span class=\"at-detail-meta-value at-detail-meta-mono\">{{ Item.Checksum }}</span>\n                        </div>\n                    }\n                    <div class=\"at-detail-meta-row\">\n                        <span class=\"at-detail-meta-key\">Created</span>\n                        <span class=\"at-detail-meta-value\">{{ Item.CreatedAt }}</span>\n                    </div>\n                    <div class=\"at-detail-meta-row\">\n                        <span class=\"at-detail-meta-key\">Updated</span>\n                        <span class=\"at-detail-meta-value\">{{ Item.UpdatedAt }}</span>\n                    </div>\n                </div>\n            </div>\n\n            <!-- Actions -->\n            <div class=\"at-detail-actions\">\n                <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenRecordRequested.emit(Item)\">\n                    <i class=\"fa-solid fa-external-link-alt\"></i> Open Record\n                </button>\n                <button class=\"at-action-btn at-secondary-btn\" disabled>\n                    <i class=\"fa-solid fa-magnifying-glass\"></i> See Similar Items\n                </button>\n            </div>\n        </div>\n    </div>\n}\n", styles: ["/*\n * Content Item Detail slide-in dialog styles.\n *\n * The host (AutotaggingPipelineResourceComponent) uses ViewEncapsulation.None,\n * so its `.at-*` rules are global and already style this dialog's markup while\n * it renders inside the host shell. No dialog-specific rules are needed today.\n */\n"] }]
+    }], null, { Item: [{
+            type: Input
+        }], Show: [{
+            type: Input
+        }], Closed: [{
+            type: Output
+        }], OpenRecordRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClassifyItemDetailDialogComponent, { className: "ClassifyItemDetailDialogComponent", filePath: "src/AI/components/autotagging/dialogs/item-detail.dialog.component.ts", lineNumber: 21 }); })();
+//# sourceMappingURL=item-detail.dialog.component.js.map

package/dist/AI/components/autotagging/dialogs/item-detail.dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-detail.dialog.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/dialogs/item-detail.dialog.component.ts","../../../../../src/AI/components/autotagging/dialogs/item-detail.dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Classify · Content Item Detail slide-in dialog.\n *\n * Presentational slide-in panel showing a content item's details, tags, text,\n * metadata, and actions. Opened from multiple tabs, so it is rendered by the\n * HOST (the data orchestrator), which builds the `ContentItemDetail` and toggles\n * visibility. This component is purely presentational: data DOWN via `[Item]` /\n * `[Show]`, intents UP via `(Closed)` / `(OpenRecordRequested)`.\n */\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { ContentItemDetail } from '../shared/classify.types';\nimport { formatWeight, tagFontSize } from '../shared/classify.format';\n\n@Component({\n    standalone: false,\n    selector: 'classify-item-detail-dialog',\n    templateUrl: './item-detail.dialog.component.html',\n    styleUrls: ['./item-detail.dialog.component.css']\n})\nexport class ClassifyItemDetailDialogComponent extends BaseAngularComponent {\n    /** The content item to display, built and supplied by the host orchestrator. */\n    @Input() Item: ContentItemDetail | null = null;\n    /** Whether the slide-in is visible. */\n    @Input() Show = false;\n\n    /** Emitted when the user dismisses the panel (overlay/close button). */\n    @Output() Closed = new EventEmitter<void>();\n    /** Emitted when the user requests to open the underlying record. */\n    @Output() OpenRecordRequested = new EventEmitter<ContentItemDetail>();\n\n    // Template-facing formatters\n    public readonly FormatWeight = formatWeight;\n    public readonly TagFontSize = tagFontSize;\n}\n","<!-- ══════ ITEM DETAIL SLIDE-IN ══════ -->\n@if (Show && Item) {\n    <div class=\"at-slide-overlay\" (click)=\"Closed.emit()\"></div>\n    <div class=\"at-slide-panel at-detail-panel\">\n        <div class=\"at-slide-header\">\n            <h3><i class=\"fa-solid fa-file-lines\"></i> Content Item</h3>\n            <button class=\"at-slide-close\" aria-label=\"Close item detail\" (click)=\"Closed.emit()\"><i class=\"fa-solid fa-times\"></i></button>\n        </div>\n        <div class=\"at-slide-body\">\n            <!-- Header -->\n            <div class=\"at-detail-item-header\">\n                <h4 class=\"at-detail-item-name\">{{ Item.Name }}</h4>\n                <div class=\"at-detail-badges\">\n                    <span class=\"at-detail-badge at-detail-badge-source\">{{ Item.SourceName }}</span>\n                    @if (Item.RequiresContentType) {\n                        <span class=\"at-detail-badge at-detail-badge-type\">{{ Item.ContentTypeName }}</span>\n                        @if (Item.FileTypeName) {\n                            <span class=\"at-detail-badge at-detail-badge-file\"><i class=\"fa-solid fa-file\"></i> {{ Item.FileTypeName }}</span>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- URL -->\n            @if (Item.URL) {\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">URL</div>\n                    <a [href]=\"Item.URL\" target=\"_blank\" class=\"at-detail-link\">\n                        {{ Item.URL }}\n                        <i class=\"fa-solid fa-external-link-alt\" style=\"font-size: 0.65rem; margin-left: 4px;\"></i>\n                    </a>\n                </div>\n            }\n\n            <!-- Text Preview -->\n            @if (Item.TextContent) {\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">Content Preview</div>\n                    <div class=\"at-detail-text-preview\">{{ Item.TextContent }}</div>\n                </div>\n            }\n\n            <!-- Tags (weighted) -->\n            @if (Item.Tags.length > 0) {\n                <div class=\"at-detail-section\">\n                    <div class=\"at-detail-section-label\">Tags ({{ Item.Tags.length }})</div>\n                    <div class=\"at-detail-tags\">\n                        @for (wt of Item.Tags; track wt.Tag) {\n                            <span class=\"at-tag-pill at-tag-weighted\" [style.font-size]=\"TagFontSize(wt.Weight)\">\n                                {{ wt.Tag }}\n                                <span class=\"at-tag-weight\">{{ FormatWeight(wt.Weight) }}</span>\n                            </span>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- Metadata -->\n            <div class=\"at-detail-section\">\n                <div class=\"at-detail-section-label\">Metadata</div>\n                <div class=\"at-detail-meta-grid\">\n                    @if (Item.Checksum) {\n                        <div class=\"at-detail-meta-row\">\n                            <span class=\"at-detail-meta-key\">Checksum</span>\n                            <span class=\"at-detail-meta-value at-detail-meta-mono\">{{ Item.Checksum }}</span>\n                        </div>\n                    }\n                    <div class=\"at-detail-meta-row\">\n                        <span class=\"at-detail-meta-key\">Created</span>\n                        <span class=\"at-detail-meta-value\">{{ Item.CreatedAt }}</span>\n                    </div>\n                    <div class=\"at-detail-meta-row\">\n                        <span class=\"at-detail-meta-key\">Updated</span>\n                        <span class=\"at-detail-meta-value\">{{ Item.UpdatedAt }}</span>\n                    </div>\n                </div>\n            </div>\n\n            <!-- Actions -->\n            <div class=\"at-detail-actions\">\n                <button class=\"at-action-btn at-primary-btn\" (click)=\"OpenRecordRequested.emit(Item)\">\n                    <i class=\"fa-solid fa-external-link-alt\"></i> Open Record\n                </button>\n                <button class=\"at-action-btn at-secondary-btn\" disabled>\n                    <i class=\"fa-solid fa-magnifying-glass\"></i> See Similar Items\n                </button>\n            </div>\n        </div>\n    </div>\n}\n"]}

package/dist/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @fileoverview Classify · No-Content-Types warning dialog.
+ *
+ * Presentational warning overlay shown when the user tries to create a content
+ * source before any content type exists. Rendered by the HOST, which owns the
+ * `Show` state and the cross-tab navigation logic. Intents bubble UP via
+ * `(GoToTypes)` (close form + switch to the Types tab) and `(Dismissed)`.
+ */
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ClassifyNoContentTypeWarningComponent {
+    /** Whether the warning overlay is visible. */
+    Show: boolean;
+    /** Emitted when the user chooses to go to the Content Types tab. */
+    GoToTypes: EventEmitter<void>;
+    /** Emitted when the user dismisses the warning. */
+    Dismissed: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassifyNoContentTypeWarningComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClassifyNoContentTypeWarningComponent, "classify-no-content-type-warning", never, { "Show": { "alias": "Show"; "required": false; }; }, { "GoToTypes": "GoToTypes"; "Dismissed": "Dismissed"; }, never, never, false, never>;
+}
+//# sourceMappingURL=no-content-type-warning.dialog.component.d.ts.map

package/dist/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-content-type-warning.dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;;AAEvE,qBAMa,qCAAqC;IAC9C,8CAA8C;IACrC,IAAI,UAAS;IAEtB,oEAAoE;IAC1D,SAAS,qBAA4B;IAC/C,mDAAmD;IACzC,SAAS,qBAA4B;yCAPtC,qCAAqC;2CAArC,qCAAqC;CAQjD"}

package/dist/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.js

@@ -0,0 +1,70 @@
+/**
+ * @fileoverview Classify · No-Content-Types warning dialog.
+ *
+ * Presentational warning overlay shown when the user tries to create a content
+ * source before any content type exists. Rendered by the HOST, which owns the
+ * `Show` state and the cross-tab navigation logic. Intents bubble UP via
+ * `(GoToTypes)` (close form + switch to the Types tab) and `(Dismissed)`.
+ */
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+function ClassifyNoContentTypeWarningComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function ClassifyNoContentTypeWarningComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Dismissed.emit()); });
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵlistener("click", function ClassifyNoContentTypeWarningComponent_Conditional_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 3)(3, "span");
+    i0.ɵɵelement(4, "i", 4);
+    i0.ɵɵtext(5, " Content Type Required");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 5);
+    i0.ɵɵlistener("click", function ClassifyNoContentTypeWarningComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Dismissed.emit()); });
+    i0.ɵɵelement(7, "i", 6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 7)(9, "p", 8);
+    i0.ɵɵtext(10, " No content types have been configured yet. At least one content type is required before you can create a content source. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "p", 9);
+    i0.ɵɵtext(12, " Go to the ");
+    i0.ɵɵelementStart(13, "strong");
+    i0.ɵɵtext(14, "Content Types");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(15, " tab to create one. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 10)(17, "button", 11);
+    i0.ɵɵlistener("mousedown", function ClassifyNoContentTypeWarningComponent_Conditional_0_Template_button_mousedown_17_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.GoToTypes.emit()); });
+    i0.ɵɵelement(18, "i", 12);
+    i0.ɵɵtext(19, " Go to Content Types ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 13);
+    i0.ɵɵlistener("click", function ClassifyNoContentTypeWarningComponent_Conditional_0_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Dismissed.emit()); });
+    i0.ɵɵtext(21, "Close");
+    i0.ɵɵelementEnd()()()();
+} }
+export class ClassifyNoContentTypeWarningComponent {
+    /** Whether the warning overlay is visible. */
+    Show = false;
+    /** Emitted when the user chooses to go to the Content Types tab. */
+    GoToTypes = new EventEmitter();
+    /** Emitted when the user dismisses the warning. */
+    Dismissed = new EventEmitter();
+    static ɵfac = function ClassifyNoContentTypeWarningComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ClassifyNoContentTypeWarningComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClassifyNoContentTypeWarningComponent, selectors: [["classify-no-content-type-warning"]], inputs: { Show: "Show" }, outputs: { GoToTypes: "GoToTypes", Dismissed: "Dismissed" }, standalone: false, decls: 1, vars: 1, consts: [[1, "at-schedule-dialog-overlay", 2, "z-index", "10001"], [1, "at-schedule-dialog-overlay", 2, "z-index", "10001", 3, "click"], [1, "at-schedule-dialog", 2, "max-width", "440px", "z-index", "10002", 3, "click"], [1, "at-schedule-dialog-header"], [1, "fa-solid", "fa-triangle-exclamation", 2, "color", "var(--mj-status-warning)", "margin-right", "8px"], ["aria-label", "Close warning", 1, "at-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "at-schedule-dialog-body", 2, "text-align", "center", "padding", "24px"], [2, "color", "var(--mj-text-secondary)", "margin-bottom", "16px"], [2, "color", "var(--mj-text-muted)", "font-size", "13px"], [1, "at-schedule-dialog-footer"], [1, "at-action-btn", "at-primary-btn", 3, "mousedown"], [1, "fa-solid", "fa-arrow-right"], [1, "at-action-btn", "at-secondary-btn", 3, "click"]], template: function ClassifyNoContentTypeWarningComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ClassifyNoContentTypeWarningComponent_Conditional_0_Template, 22, 0, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Show ? 0 : -1);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClassifyNoContentTypeWarningComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'classify-no-content-type-warning', template: "<!-- No Content Types Warning Dialog (z-index above slide-in panel) -->\n@if (Show) {\n    <div class=\"at-schedule-dialog-overlay\" style=\"z-index: 10001;\" (click)=\"Dismissed.emit()\">\n        <div class=\"at-schedule-dialog\" style=\"max-width: 440px; z-index: 10002;\" (click)=\"$event.stopPropagation()\">\n            <div class=\"at-schedule-dialog-header\">\n                <span><i class=\"fa-solid fa-triangle-exclamation\" style=\"color: var(--mj-status-warning); margin-right: 8px;\"></i> Content Type Required</span>\n                <button class=\"at-close-btn\" aria-label=\"Close warning\" (click)=\"Dismissed.emit()\"><i class=\"fa-solid fa-xmark\"></i></button>\n            </div>\n            <div class=\"at-schedule-dialog-body\" style=\"text-align: center; padding: 24px;\">\n                <p style=\"color: var(--mj-text-secondary); margin-bottom: 16px;\">\n                    No content types have been configured yet. At least one content type is required before you can create a content source.\n                </p>\n                <p style=\"color: var(--mj-text-muted); font-size: 13px;\">\n                    Go to the <strong>Content Types</strong> tab to create one.\n                </p>\n            </div>\n            <div class=\"at-schedule-dialog-footer\">\n                <button class=\"at-action-btn at-primary-btn\" (mousedown)=\"GoToTypes.emit()\">\n                    <i class=\"fa-solid fa-arrow-right\"></i> Go to Content Types\n                </button>\n                <button class=\"at-action-btn at-secondary-btn\" (click)=\"Dismissed.emit()\">Close</button>\n            </div>\n        </div>\n    </div>\n}\n", styles: ["/*\n * No-Content-Types warning dialog styles.\n *\n * The host (AutotaggingPipelineResourceComponent) uses ViewEncapsulation.None,\n * so its `.at-*` rules are global and already style this dialog's markup while\n * it renders inside the host shell. No dialog-specific rules are needed today.\n */\n"] }]
+    }], null, { Show: [{
+            type: Input
+        }], GoToTypes: [{
+            type: Output
+        }], Dismissed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClassifyNoContentTypeWarningComponent, { className: "ClassifyNoContentTypeWarningComponent", filePath: "src/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.ts", lineNumber: 17 }); })();
+//# sourceMappingURL=no-content-type-warning.dialog.component.js.map

package/dist/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-content-type-warning.dialog.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.ts","../../../../../src/AI/components/autotagging/dialogs/no-content-type-warning.dialog.component.html"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;;ICNnE,8BAA2F;IAA3B,sMAAS,uBAAgB,KAAC;IACtF,8BAA6G;IAAnC,yKAAS,wBAAwB,KAAC;IAEpG,AADJ,8BAAuC,WAC7B;IAAA,uBAA4G;IAAC,sCAAqB;IAAA,iBAAO;IAC/I,iCAAmF;IAA3B,yMAAS,uBAAgB,KAAC;IAAC,uBAAiC;IACxH,AADwH,iBAAS,EAC3H;IAEF,AADJ,8BAAgF,WACX;IAC7D,2IACJ;IAAA,iBAAI;IACJ,6BAAyD;IACrD,4BAAU;IAAA,+BAAQ;IAAA,8BAAa;IAAA,iBAAS;IAAC,qCAC7C;IACJ,AADI,iBAAI,EACF;IAEF,AADJ,gCAAuC,kBACyC;IAA/B,kNAAa,uBAAgB,KAAC;IACvE,yBAAuC;IAAC,sCAC5C;IAAA,iBAAS;IACT,mCAA0E;IAA3B,0MAAS,uBAAgB,KAAC;IAAC,sBAAK;IAG3F,AADI,AADI,AADmF,iBAAS,EACtF,EACJ,EACJ;;ADPV,MAAM,OAAO,qCAAqC;IAC9C,8CAA8C;IACrC,IAAI,GAAG,KAAK,CAAC;IAEtB,oEAAoE;IAC1D,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC/C,mDAAmD;IACzC,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;+HAPtC,qCAAqC;6DAArC,qCAAqC;YCflD,wGAAY;;YAAZ,mCAuBC;;;iFDRY,qCAAqC;cANjD,SAAS;6BACM,KAAK,YACP,kCAAkC;;kBAM3C,KAAK;;kBAGL,MAAM;;kBAEN,MAAM;;kFAPE,qCAAqC","sourcesContent":["/**\n * @fileoverview Classify · No-Content-Types warning dialog.\n *\n * Presentational warning overlay shown when the user tries to create a content\n * source before any content type exists. Rendered by the HOST, which owns the\n * `Show` state and the cross-tab navigation logic. Intents bubble UP via\n * `(GoToTypes)` (close form + switch to the Types tab) and `(Dismissed)`.\n */\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n    standalone: false,\n    selector: 'classify-no-content-type-warning',\n    templateUrl: './no-content-type-warning.dialog.component.html',\n    styleUrls: ['./no-content-type-warning.dialog.component.css']\n})\nexport class ClassifyNoContentTypeWarningComponent {\n    /** Whether the warning overlay is visible. */\n    @Input() Show = false;\n\n    /** Emitted when the user chooses to go to the Content Types tab. */\n    @Output() GoToTypes = new EventEmitter<void>();\n    /** Emitted when the user dismisses the warning. */\n    @Output() Dismissed = new EventEmitter<void>();\n}\n","<!-- No Content Types Warning Dialog (z-index above slide-in panel) -->\n@if (Show) {\n    <div class=\"at-schedule-dialog-overlay\" style=\"z-index: 10001;\" (click)=\"Dismissed.emit()\">\n        <div class=\"at-schedule-dialog\" style=\"max-width: 440px; z-index: 10002;\" (click)=\"$event.stopPropagation()\">\n            <div class=\"at-schedule-dialog-header\">\n                <span><i class=\"fa-solid fa-triangle-exclamation\" style=\"color: var(--mj-status-warning); margin-right: 8px;\"></i> Content Type Required</span>\n                <button class=\"at-close-btn\" aria-label=\"Close warning\" (click)=\"Dismissed.emit()\"><i class=\"fa-solid fa-xmark\"></i></button>\n            </div>\n            <div class=\"at-schedule-dialog-body\" style=\"text-align: center; padding: 24px;\">\n                <p style=\"color: var(--mj-text-secondary); margin-bottom: 16px;\">\n                    No content types have been configured yet. At least one content type is required before you can create a content source.\n                </p>\n                <p style=\"color: var(--mj-text-muted); font-size: 13px;\">\n                    Go to the <strong>Content Types</strong> tab to create one.\n                </p>\n            </div>\n            <div class=\"at-schedule-dialog-footer\">\n                <button class=\"at-action-btn at-primary-btn\" (mousedown)=\"GoToTypes.emit()\">\n                    <i class=\"fa-solid fa-arrow-right\"></i> Go to Content Types\n                </button>\n                <button class=\"at-action-btn at-secondary-btn\" (click)=\"Dismissed.emit()\">Close</button>\n            </div>\n        </div>\n    </div>\n}\n"]}