@memberjunction/ng-skip-chat 2.48.0 → 2.50.0

package/dist/lib/artifacts/skip-artifact-viewer.component.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component, Input, ViewChild, ViewContainerRef, Output, EventEmitter } from '@angular/core';
 import { RunView, LogError } from '@memberjunction/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
@@ -75,43 +66,48 @@ function SkipArtifactViewerComponent_Conditional_5_Template(rf, ctx) { if (rf &
     i0.ɵɵconditional(ctx_r0.artifactVersion ? 2 : -1);
 } }
 export class SkipArtifactViewerComponent extends BaseAngularComponent {
+    notificationService;
+    componentFactoryResolver;
+    cdRef;
+    injector;
+    ArtifactID = '';
+    ArtifactVersionID = '';
+    DataContext = null;
+    reportContainer;
+    /**
+     * Event emitted when the user clicks on a matching report and the application needs to handle the navigation
+     */
+    NavigateToMatchingReport = new EventEmitter();
+    /**
+     * This event fires whenever a new report is created.
+     */
+    NewReportCreated = new EventEmitter();
+    /**
+     * This event fires whenever a drill down is requested within a given report.
+     */
+    DrillDownEvent = new EventEmitter();
+    /**
+     * Event that emits the artifact info for display in parent components
+     */
+    ArtifactInfoChanged = new EventEmitter();
+    isLoading = false;
+    artifact = null;
+    artifactVersion = null;
+    artifactType = null;
+    contentType = '';
+    displayContent = null;
+    error = null;
+    artifactVersions = [];
+    selectedVersionId = '';
+    showVersionDropdown = false;
+    reportComponentRef = null;
+    conversationDetailRecord = null;
     constructor(notificationService, componentFactoryResolver, cdRef, injector) {
         super();
         this.notificationService = notificationService;
         this.componentFactoryResolver = componentFactoryResolver;
         this.cdRef = cdRef;
         this.injector = injector;
-        this.ArtifactID = '';
-        this.ArtifactVersionID = '';
-        this.DataContext = null;
-        /**
-         * Event emitted when the user clicks on a matching report and the application needs to handle the navigation
-         */
-        this.NavigateToMatchingReport = new EventEmitter();
-        /**
-         * This event fires whenever a new report is created.
-         */
-        this.NewReportCreated = new EventEmitter();
-        /**
-         * This event fires whenever a drill down is requested within a given report.
-         */
-        this.DrillDownEvent = new EventEmitter();
-        /**
-         * Event that emits the artifact info for display in parent components
-         */
-        this.ArtifactInfoChanged = new EventEmitter();
-        this.isLoading = false;
-        this.artifact = null;
-        this.artifactVersion = null;
-        this.artifactType = null;
-        this.contentType = '';
-        this.displayContent = null;
-        this.error = null;
-        this.artifactVersions = [];
-        this.selectedVersionId = '';
-        this.showVersionDropdown = false;
-        this.reportComponentRef = null;
-        this.conversationDetailRecord = null;
     }
     ngOnInit() {
         if (this.ArtifactID) {
@@ -130,105 +126,101 @@ export class SkipArtifactViewerComponent extends BaseAngularComponent {
         if (this.artifact && this.artifactVersion) {
             // Use setTimeout to avoid ExpressionChangedAfterItHasBeenCheckedError
             // and to ensure reportContainer is properly initialized
-            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+            setTimeout(async () => {
                 if (this.reportContainer) {
-                    yield this.createReportComponent();
+                    await this.createReportComponent();
                 }
                 else {
                     // If the container is still not available, try once more after a longer delay
-                    setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                    setTimeout(async () => {
                         if (this.reportContainer) {
-                            yield this.createReportComponent();
+                            await this.createReportComponent();
                         }
                         else {
                             LogError('Report container still not available after multiple attempts');
                         }
-                    }), 100);
+                    }, 100);
                 }
-            }), 0);
+            }, 0);
         }
     }
-    loadArtifact() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.ArtifactID) {
-                return;
+    async loadArtifact() {
+        if (!this.ArtifactID) {
+            return;
+        }
+        this.isLoading = true;
+        this.error = null;
+        try {
+            const provider = this.ProviderToUse;
+            // Load the artifact
+            const artifactEntity = await provider.GetEntityObject('MJ: Conversation Artifacts', provider.CurrentUser);
+            if (!await artifactEntity.Load(this.ArtifactID)) {
+                throw new Error(`Failed to load artifact: ${artifactEntity.LatestResult.Message}`);
             }
-            this.isLoading = true;
-            this.error = null;
-            try {
-                const provider = this.ProviderToUse;
-                // Load the artifact
-                const artifactEntity = yield provider.GetEntityObject('MJ: Conversation Artifacts', provider.CurrentUser);
-                if (!(yield artifactEntity.Load(this.ArtifactID))) {
-                    throw new Error(`Failed to load artifact: ${artifactEntity.LatestResult.Message}`);
-                }
-                this.artifact = artifactEntity;
-                // Load the artifact type
-                const artifactTypeEntity = yield provider.GetEntityObject('MJ: Artifact Types', provider.CurrentUser);
-                if (!(yield artifactTypeEntity.Load(this.artifact.ArtifactTypeID))) {
-                    throw new Error(`Failed to load artifact type: ${artifactTypeEntity.LatestResult.Message}`);
-                }
-                this.artifactType = artifactTypeEntity;
-                this.contentType = this.artifactType.ContentType;
-                // Load all versions of this artifact for the dropdown
-                yield this.loadArtifactVersions();
-                // Load the specific artifact version if provided, otherwise use the latest version
-                if (this.ArtifactVersionID) {
-                    this.loadSpecificArtifactVersion(this.ArtifactVersionID);
-                }
-                else if (this.artifactVersions.length > 0) {
-                    // Use the latest version (first in the list since we sort by Version DESC)
-                    this.artifactVersion = this.artifactVersions[0];
-                    this.selectedVersionId = this.artifactVersion.ID;
-                }
-                else {
-                    throw new Error('No artifact versions found');
-                }
-                // Emit artifact info for parent components
-                this.emitArtifactInfo();
-                // Create the report component after a short delay to ensure Angular has time to initialize the view
-                this.isLoading = false;
-                this.cdRef.detectChanges(); // Trigger change detection to update the view
-                setTimeout(() => {
-                    // Check again if view is initialized
-                    if (this.reportContainer) {
-                        this.createReportComponent();
-                    }
-                    else {
-                        // If still not initialized, we'll try again in ngAfterViewInit
-                        LogError('Report container not yet initialized, will try in ngAfterViewInit');
-                    }
-                }, 0);
+            this.artifact = artifactEntity;
+            // Load the artifact type
+            const artifactTypeEntity = await provider.GetEntityObject('MJ: Artifact Types', provider.CurrentUser);
+            if (!await artifactTypeEntity.Load(this.artifact.ArtifactTypeID)) {
+                throw new Error(`Failed to load artifact type: ${artifactTypeEntity.LatestResult.Message}`);
             }
-            catch (err) {
-                LogError('Error loading artifact', err instanceof Error ? err.message : String(err));
-                this.error = err instanceof Error ? err.message : 'Unknown error loading artifact';
-                this.notificationService.CreateSimpleNotification('Error loading artifact', 'error', 3000);
+            this.artifactType = artifactTypeEntity;
+            this.contentType = this.artifactType.ContentType;
+            // Load all versions of this artifact for the dropdown
+            await this.loadArtifactVersions();
+            // Load the specific artifact version if provided, otherwise use the latest version
+            if (this.ArtifactVersionID) {
+                this.loadSpecificArtifactVersion(this.ArtifactVersionID);
             }
-            finally {
-                this.isLoading = false;
+            else if (this.artifactVersions.length > 0) {
+                // Use the latest version (first in the list since we sort by Version DESC)
+                this.artifactVersion = this.artifactVersions[0];
+                this.selectedVersionId = this.artifactVersion.ID;
             }
-        });
+            else {
+                throw new Error('No artifact versions found');
+            }
+            // Emit artifact info for parent components
+            this.emitArtifactInfo();
+            // Create the report component after a short delay to ensure Angular has time to initialize the view
+            this.isLoading = false;
+            this.cdRef.detectChanges(); // Trigger change detection to update the view
+            setTimeout(() => {
+                // Check again if view is initialized
+                if (this.reportContainer) {
+                    this.createReportComponent();
+                }
+                else {
+                    // If still not initialized, we'll try again in ngAfterViewInit
+                    LogError('Report container not yet initialized, will try in ngAfterViewInit');
+                }
+            }, 0);
+        }
+        catch (err) {
+            LogError('Error loading artifact', err instanceof Error ? err.message : String(err));
+            this.error = err instanceof Error ? err.message : 'Unknown error loading artifact';
+            this.notificationService.CreateSimpleNotification('Error loading artifact', 'error', 3000);
+        }
+        finally {
+            this.isLoading = false;
+        }
     }
     /**
      * Loads all versions of the current artifact for the dropdown
      */
-    loadArtifactVersions() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const runView = new RunView(this.RunViewToUse);
-            const versionResult = yield runView.RunView({
-                EntityName: 'MJ: Conversation Artifact Versions',
-                ResultType: 'entity_object',
-                OrderBy: 'Version DESC',
-                ExtraFilter: `ConversationArtifactID = '${this.ArtifactID}'`
-            });
-            if (versionResult && versionResult.Success && versionResult.Results.length > 0) {
-                this.artifactVersions = versionResult.Results;
-            }
-            else {
-                this.artifactVersions = [];
-            }
+    async loadArtifactVersions() {
+        const runView = new RunView(this.RunViewToUse);
+        const versionResult = await runView.RunView({
+            EntityName: 'MJ: Conversation Artifact Versions',
+            ResultType: 'entity_object',
+            OrderBy: 'Version DESC',
+            ExtraFilter: `ConversationArtifactID = '${this.ArtifactID}'`
         });
+        if (versionResult && versionResult.Success && versionResult.Results.length > 0) {
+            this.artifactVersions = versionResult.Results;
+        }
+        else {
+            this.artifactVersions = [];
+        }
     }
     /**
      * Loads a specific artifact version by ID
@@ -245,159 +237,152 @@ export class SkipArtifactViewerComponent extends BaseAngularComponent {
     /**
      * Called when the user selects a different version from the dropdown
      */
-    onVersionChange() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.selectedVersionId) {
-                this.isLoading = true;
-                try {
-                    // Destroy existing component if any
-                    this.destroyReportComponent();
-                    // Load the selected version
-                    this.loadSpecificArtifactVersion(this.selectedVersionId);
-                    // Emit updated artifact info
-                    this.emitArtifactInfo();
-                    this.isLoading = false;
-                    this.cdRef.detectChanges(); // Trigger change detection to update the view
-                    // Wait for the next Angular cycle and ensure reportContainer is available
-                    setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                        if (this.reportContainer) {
-                            yield this.createReportComponent();
-                        }
-                        else {
-                            // If the container is still not available, try once more after a longer delay
-                            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                                if (this.reportContainer) {
-                                    yield this.createReportComponent();
-                                }
-                                else {
-                                    LogError('Report container not available when changing versions');
-                                }
-                            }), 100);
-                        }
-                    }), 0);
-                }
-                catch (err) {
-                    LogError('Error changing artifact version', err instanceof Error ? err.message : String(err));
-                    this.error = err instanceof Error ? err.message : 'Unknown error loading artifact version';
-                    this.notificationService.CreateSimpleNotification('Error loading artifact version', 'error', 3000);
-                    this.isLoading = false;
-                }
+    async onVersionChange() {
+        if (this.selectedVersionId) {
+            this.isLoading = true;
+            try {
+                // Destroy existing component if any
+                this.destroyReportComponent();
+                // Load the selected version
+                this.loadSpecificArtifactVersion(this.selectedVersionId);
+                // Emit updated artifact info
+                this.emitArtifactInfo();
+                this.isLoading = false;
+                this.cdRef.detectChanges(); // Trigger change detection to update the view
+                // Wait for the next Angular cycle and ensure reportContainer is available
+                setTimeout(async () => {
+                    if (this.reportContainer) {
+                        await this.createReportComponent();
+                    }
+                    else {
+                        // If the container is still not available, try once more after a longer delay
+                        setTimeout(async () => {
+                            if (this.reportContainer) {
+                                await this.createReportComponent();
+                            }
+                            else {
+                                LogError('Report container not available when changing versions');
+                            }
+                        }, 100);
+                    }
+                }, 0);
             }
-        });
+            catch (err) {
+                LogError('Error changing artifact version', err instanceof Error ? err.message : String(err));
+                this.error = err instanceof Error ? err.message : 'Unknown error loading artifact version';
+                this.notificationService.CreateSimpleNotification('Error loading artifact version', 'error', 3000);
+                this.isLoading = false;
+            }
+        }
     }
     /**
      * Creates the report component using the current artifact version Configuration
      */
-    createReportComponent() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!this.reportContainer || !this.artifactVersion) {
-                return;
-            }
-            // Clear any existing component
-            this.destroyReportComponent();
-            this.reportContainer.clear();
-            try {
-                // Load conversation detail record to get AI message
-                yield this.loadConversationDetail();
-                // Create the report component based on Configuration
-                const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SkipDynamicReportWrapperComponent);
-                this.reportComponentRef = this.reportContainer.createComponent(componentFactory);
-                if (this.reportComponentRef) {
-                    const instance = this.reportComponentRef.instance;
-                    // Initialize from AI message or Configuration
-                    let configData = null;
-                    if (this.conversationDetailRecord &&
-                        this.conversationDetailRecord.Role.trim().toLowerCase() === 'ai' &&
-                        ((_a = this.conversationDetailRecord.ID) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                        try {
-                            const resultObject = JSON.parse(this.conversationDetailRecord.Message);
-                            if (resultObject.success && resultObject.responsePhase === SkipResponsePhase.analysis_complete) {
-                                // Use the Skip API response data directly
-                                configData = resultObject;
-                            }
-                        }
-                        catch (parseErr) {
-                            LogError('Error parsing AI message', parseErr instanceof Error ? parseErr.message : String(parseErr));
+    async createReportComponent() {
+        if (!this.reportContainer || !this.artifactVersion) {
+            return;
+        }
+        // Clear any existing component
+        this.destroyReportComponent();
+        this.reportContainer.clear();
+        try {
+            // Load conversation detail record to get AI message
+            await this.loadConversationDetail();
+            // Create the report component based on Configuration
+            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SkipDynamicReportWrapperComponent);
+            this.reportComponentRef = this.reportContainer.createComponent(componentFactory);
+            if (this.reportComponentRef) {
+                const instance = this.reportComponentRef.instance;
+                // Initialize from AI message or Configuration
+                let configData = null;
+                if (this.conversationDetailRecord &&
+                    this.conversationDetailRecord.Role.trim().toLowerCase() === 'ai' &&
+                    this.conversationDetailRecord.ID?.length > 0) {
+                    try {
+                        const resultObject = JSON.parse(this.conversationDetailRecord.Message);
+                        if (resultObject.success && resultObject.responsePhase === SkipResponsePhase.analysis_complete) {
+                            // Use the Skip API response data directly
+                            configData = resultObject;
                         }
                     }
-                    // If we couldn't get data from AI message, try using the artifact version Configuration
-                    if (!configData) {
-                        try {
-                            if (typeof this.artifactVersion.Configuration === 'string') {
-                                configData = JSON.parse(this.artifactVersion.Configuration);
-                            }
-                            else {
-                                // If it's already an object, use it directly
-                                configData = this.artifactVersion.Configuration;
-                            }
+                    catch (parseErr) {
+                        LogError('Error parsing AI message', parseErr instanceof Error ? parseErr.message : String(parseErr));
+                    }
+                }
+                // If we couldn't get data from AI message, try using the artifact version Configuration
+                if (!configData) {
+                    try {
+                        if (typeof this.artifactVersion.Configuration === 'string') {
+                            configData = JSON.parse(this.artifactVersion.Configuration);
                         }
-                        catch (parseErr) {
-                            LogError('Error parsing artifact configuration', parseErr instanceof Error ? parseErr.message : String(parseErr));
-                            configData = null;
+                        else {
+                            // If it's already an object, use it directly
+                            configData = this.artifactVersion.Configuration;
                         }
                     }
-                    if (!configData) {
-                        throw new Error('No valid configuration data found');
-                    }
-                    // Set properties on the report component
-                    instance.SkipData = configData;
-                    instance.Provider = this.ProviderToUse;
-                    // Set up event handlers
-                    instance.NavigateToMatchingReport.subscribe((reportID) => {
-                        this.NavigateToMatchingReport.emit(reportID); // bubble up
-                    });
-                    instance.NewReportCreated.subscribe((reportID) => {
-                        this.NewReportCreated.emit(reportID); // bubble up
-                    });
-                    instance.DrillDownEvent.subscribe((drillDownInfo) => {
-                        this.DrillDownEvent.emit(drillDownInfo); // bubble up
-                    });
-                    // Set additional properties
-                    if (this.DataContext) {
-                        instance.DataContext = this.DataContext;
-                    }
-                    instance.AllowDrillDown = false; // Disable drill-down in artifact viewer for simplicity
-                    // Set conversation info if available
-                    if (this.conversationDetailRecord) {
-                        instance.ConversationID = this.conversationDetailRecord.ConversationID;
-                        instance.ConversationDetailID = this.conversationDetailRecord.ID;
-                        instance.ConversationName = this.conversationDetailRecord.Conversation;
+                    catch (parseErr) {
+                        LogError('Error parsing artifact configuration', parseErr instanceof Error ? parseErr.message : String(parseErr));
+                        configData = null;
                     }
                 }
+                if (!configData) {
+                    throw new Error('No valid configuration data found');
+                }
+                // Set properties on the report component
+                instance.SkipData = configData;
+                instance.Provider = this.ProviderToUse;
+                // Set up event handlers
+                instance.NavigateToMatchingReport.subscribe((reportID) => {
+                    this.NavigateToMatchingReport.emit(reportID); // bubble up
+                });
+                instance.NewReportCreated.subscribe((reportID) => {
+                    this.NewReportCreated.emit(reportID); // bubble up
+                });
+                instance.DrillDownEvent.subscribe((drillDownInfo) => {
+                    this.DrillDownEvent.emit(drillDownInfo); // bubble up
+                });
+                // Set additional properties
+                if (this.DataContext) {
+                    instance.DataContext = this.DataContext;
+                }
+                instance.AllowDrillDown = false; // Disable drill-down in artifact viewer for simplicity
+                // Set conversation info if available
+                if (this.conversationDetailRecord) {
+                    instance.ConversationID = this.conversationDetailRecord.ConversationID;
+                    instance.ConversationDetailID = this.conversationDetailRecord.ID;
+                    instance.ConversationName = this.conversationDetailRecord.Conversation;
+                }
             }
-            catch (err) {
-                LogError('Error creating report component', err instanceof Error ? err.message : String(err));
-                this.error = 'Failed to create artifact viewer component: ' + (err instanceof Error ? err.message : String(err));
-            }
-        });
+        }
+        catch (err) {
+            LogError('Error creating report component', err instanceof Error ? err.message : String(err));
+            this.error = 'Failed to create artifact viewer component: ' + (err instanceof Error ? err.message : String(err));
+        }
     }
     /**
      * Loads the conversation detail record associated with this artifact
      */
-    loadConversationDetail() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.artifact || !this.artifact.ID) {
-                return;
-            }
-            try {
-                // Get the conversation detail record
-                const runView = new RunView(this.RunViewToUse);
-                const detailsResult = yield runView.RunView({
-                    EntityName: 'Conversation Details',
-                    ResultType: 'entity_object',
-                    ExtraFilter: `ArtifactID = '${this.artifact.ID}' ${this.artifactVersion ? `AND ArtifactVersionID = '${this.artifactVersion.ID}'` : ''}`,
-                    OrderBy: '__mj_CreatedAt DESC' // Get most recent first
-                });
-                if (detailsResult && detailsResult.Success && detailsResult.Results.length > 0) {
-                    this.conversationDetailRecord = detailsResult.Results[0];
-                }
-            }
-            catch (err) {
-                LogError('Error loading conversation detail for artifact', err instanceof Error ? err.message : String(err));
-                // Don't set an error here, as this is non-critical - we can still try to use Configuration
+    async loadConversationDetail() {
+        if (!this.artifact || !this.artifact.ID) {
+            return;
+        }
+        try {
+            // Get the conversation detail record
+            const runView = new RunView(this.RunViewToUse);
+            const detailsResult = await runView.RunView({
+                EntityName: 'Conversation Details',
+                ResultType: 'entity_object',
+                ExtraFilter: `ArtifactID = '${this.artifact.ID}' ${this.artifactVersion ? `AND ArtifactVersionID = '${this.artifactVersion.ID}'` : ''}`,
+                OrderBy: '__mj_CreatedAt DESC' // Get most recent first
+            });
+            if (detailsResult && detailsResult.Success && detailsResult.Results.length > 0) {
+                this.conversationDetailRecord = detailsResult.Results[0];
             }
-        });
+        }
+        catch (err) {
+            LogError('Error loading conversation detail for artifact', err instanceof Error ? err.message : String(err));
+            // Don't set an error here, as this is non-critical - we can still try to use Configuration
+        }
     }
     /**
      * Destroys the current report component if it exists
@@ -457,40 +442,39 @@ export class SkipArtifactViewerComponent extends BaseAngularComponent {
      * Emits the current artifact info to parent components
      */
     emitArtifactInfo() {
-        var _a, _b;
         if (this.artifact) {
             this.ArtifactInfoChanged.emit({
                 title: this.artifactTitle,
                 type: this.artifactTypeName,
-                date: ((_a = this.artifactVersion) === null || _a === void 0 ? void 0 : _a.__mj_CreatedAt) || null,
+                date: this.artifactVersion?.__mj_CreatedAt || null,
                 version: this.getCurrentVersionNumber(),
                 versionList: this.artifactVersions.map(v => ({
                     ID: v.ID,
                     Version: v.Version,
                     __mj_CreatedAt: v.__mj_CreatedAt
                 })),
-                selectedVersionId: ((_b = this.artifactVersion) === null || _b === void 0 ? void 0 : _b.ID) || ''
+                selectedVersionId: this.artifactVersion?.ID || ''
             });
         }
     }
     get isPlainText() {
         return this.contentType.includes('text/plain');
     }
+    static ɵfac = function SkipArtifactViewerComponent_Factory(t) { return new (t || SkipArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.MJNotificationService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Injector)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipArtifactViewerComponent, selectors: [["skip-artifact-viewer"]], viewQuery: function SkipArtifactViewerComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reportContainer = _t.first);
+        } }, inputs: { ArtifactID: "ArtifactID", ArtifactVersionID: "ArtifactVersionID", DataContext: "DataContext" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", NewReportCreated: "NewReportCreated", DrillDownEvent: "DrillDownEvent", ArtifactInfoChanged: "ArtifactInfoChanged" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 1, consts: [["reportContainer", ""], [1, "skip-artifact-viewer-container"], [1, "skip-artifact-viewer-content"], [1, "loading-container"], [1, "error-container"], [1, "empty-state"], ["size", "large"], [1, "loading-text"], [1, "error-icon"], [1, "fa-solid", "fa-exclamation-circle"], [1, "error-message"], [1, "empty-icon"], [1, "fa-solid", "fa-file-alt"], [1, "empty-message"], [1, "report-container"], [1, "artifact-metadata"], [1, "metadata-item"], [1, "metadata-label"], [1, "metadata-value"]], template: function SkipArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+            i0.ɵɵtemplate(2, SkipArtifactViewerComponent_Conditional_2_Template, 4, 0, "div", 3)(3, SkipArtifactViewerComponent_Conditional_3_Template, 5, 1, "div", 4)(4, SkipArtifactViewerComponent_Conditional_4_Template, 5, 0, "div", 5)(5, SkipArtifactViewerComponent_Conditional_5_Template, 3, 1);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isLoading ? 2 : ctx.error ? 3 : !ctx.artifact ? 4 : 5);
+        } }, dependencies: [i2.LoaderComponent, i3.DatePipe], styles: [".skip-artifact-viewer-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.skip-artifact-viewer-header[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  background-color: #ffffff;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  z-index: 10;\n}\n\n.version-selector[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.version-selector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #555;\n}\n\n.version-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  padding: 6px 12px;\n  border-radius: 6px;\n  border: 1px solid #e0e0e0;\n  background-color: white;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.version-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:hover {\n  border-color: #1976d2;\n}\n\n.version-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #1976d2;\n  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);\n}\n\n.report-container[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.artifact-header-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\n.artifact-title-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.version-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n}\n\n.version-info[_ngcontent-%COMP%]   .version-date[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  color: #666;\n  white-space: nowrap;\n}\n\n.version-info[_ngcontent-%COMP%]   .version-date[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #888;\n}\n\n.artifact-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1a1a1a;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 1.2;\n  flex: 1;\n  min-width: 0;\n}\n\n.artifact-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background-color: #e8f0fe;\n  color: #1976d2;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n\n\n.version-dropdown-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.version-dropdown-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background-color: transparent;\n  border: 1px solid #e0e0e0;\n  border-radius: 16px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 500;\n  color: #555;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n}\n\n.version-dropdown-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n  border-color: #1976d2;\n  color: #1976d2;\n}\n\n.version-dropdown-button[_ngcontent-%COMP%]:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n\n.version-dropdown-button.open[_ngcontent-%COMP%] {\n  border-color: #1976d2;\n  color: #1976d2;\n  background-color: #f8f9fa;\n}\n\n.version-label[_ngcontent-%COMP%] {\n  font-weight: 500;\n}\n\n.dropdown-icon[_ngcontent-%COMP%] {\n  font-size: 9px;\n  transition: transform 0.2s ease;\n  color: inherit;\n}\n\n.version-dropdown-button.open[_ngcontent-%COMP%]   .dropdown-icon[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.version-dropdown-menu[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  min-width: 220px;\n  background-color: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_dropdownFadeIn 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_dropdownFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.version-option[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 10px 14px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 0.15s ease;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.version-option[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.version-option[_ngcontent-%COMP%]:hover {\n  background-color: #f8f9fa;\n}\n\n.version-option.selected[_ngcontent-%COMP%] {\n  background-color: #e8f0fe;\n  color: #1976d2;\n}\n\n.version-option.selected[_ngcontent-%COMP%]   .version-date[_ngcontent-%COMP%] {\n  color: #1976d2;\n  opacity: 0.8;\n}\n\n.version-number[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.version-date[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #888;\n  font-weight: 400;\n}\n\n.skip-artifact-viewer-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: auto;\n  padding: 0;\n  background-color: #ffffff;\n}\n\n.content-container[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  overflow: auto;\n  transition: box-shadow 0.2s ease;\n}\n\n.content-container[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n}\n\n.markdown-content[_ngcontent-%COMP%] {\n  padding: 16px;\n}\n\n.code-content[_ngcontent-%COMP%], .json-content[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.code-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%], .json-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.4;\n  background-color: #f5f7f9;\n  border-radius: 4px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n\n.text-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n}\n\n.html-content[_ngcontent-%COMP%] {\n  padding: 16px;\n}\n\n.artifact-description[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.artifact-description[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #555;\n}\n\n.artifact-description[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n}\n\n\n\n\n.artifact-metadata[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 12px 16px;\n  background-color: #f5f5f5;\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.metadata-item[_ngcontent-%COMP%] {\n  display: flex;\n  margin-bottom: 4px;\n}\n\n.metadata-label[_ngcontent-%COMP%] {\n  width: 80px;\n  font-weight: 500;\n  color: #555;\n}\n\n.metadata-value[_ngcontent-%COMP%] {\n  color: #333;\n}\n\n.loading-container[_ngcontent-%COMP%], .error-container[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n  text-align: center;\n}\n\n.loading-text[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  font-size: 14px;\n  color: #666;\n}\n\n.error-icon[_ngcontent-%COMP%], .empty-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 16px;\n}\n\n.error-icon[_ngcontent-%COMP%] {\n  color: #e33d3d;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  color: #aaa;\n}\n\n.error-message[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #e33d3d;\n  max-width: 300px;\n}\n\n.empty-message[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #888;\n}"] });
 }
-SkipArtifactViewerComponent.ɵfac = function SkipArtifactViewerComponent_Factory(t) { return new (t || SkipArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.MJNotificationService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Injector)); };
-SkipArtifactViewerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipArtifactViewerComponent, selectors: [["skip-artifact-viewer"]], viewQuery: function SkipArtifactViewerComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reportContainer = _t.first);
-    } }, inputs: { ArtifactID: "ArtifactID", ArtifactVersionID: "ArtifactVersionID", DataContext: "DataContext" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", NewReportCreated: "NewReportCreated", DrillDownEvent: "DrillDownEvent", ArtifactInfoChanged: "ArtifactInfoChanged" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 1, consts: [["reportContainer", ""], [1, "skip-artifact-viewer-container"], [1, "skip-artifact-viewer-content"], [1, "loading-container"], [1, "error-container"], [1, "empty-state"], ["size", "large"], [1, "loading-text"], [1, "error-icon"], [1, "fa-solid", "fa-exclamation-circle"], [1, "error-message"], [1, "empty-icon"], [1, "fa-solid", "fa-file-alt"], [1, "empty-message"], [1, "report-container"], [1, "artifact-metadata"], [1, "metadata-item"], [1, "metadata-label"], [1, "metadata-value"]], template: function SkipArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-        i0.ɵɵtemplate(2, SkipArtifactViewerComponent_Conditional_2_Template, 4, 0, "div", 3)(3, SkipArtifactViewerComponent_Conditional_3_Template, 5, 1, "div", 4)(4, SkipArtifactViewerComponent_Conditional_4_Template, 5, 0, "div", 5)(5, SkipArtifactViewerComponent_Conditional_5_Template, 3, 1);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵconditional(ctx.isLoading ? 2 : ctx.error ? 3 : !ctx.artifact ? 4 : 5);
-    } }, dependencies: [i2.LoaderComponent, i3.DatePipe], styles: [".skip-artifact-viewer-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.skip-artifact-viewer-header[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  background-color: #ffffff;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  z-index: 10;\n}\n\n.version-selector[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.version-selector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #555;\n}\n\n.version-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  padding: 6px 12px;\n  border-radius: 6px;\n  border: 1px solid #e0e0e0;\n  background-color: white;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.version-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:hover {\n  border-color: #1976d2;\n}\n\n.version-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #1976d2;\n  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);\n}\n\n.report-container[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.artifact-header-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\n.artifact-title-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.version-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n}\n\n.version-info[_ngcontent-%COMP%]   .version-date[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  color: #666;\n  white-space: nowrap;\n}\n\n.version-info[_ngcontent-%COMP%]   .version-date[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #888;\n}\n\n.artifact-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1a1a1a;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 1.2;\n  flex: 1;\n  min-width: 0;\n}\n\n.artifact-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background-color: #e8f0fe;\n  color: #1976d2;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n\n\n.version-dropdown-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.version-dropdown-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background-color: transparent;\n  border: 1px solid #e0e0e0;\n  border-radius: 16px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 500;\n  color: #555;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n}\n\n.version-dropdown-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n  border-color: #1976d2;\n  color: #1976d2;\n}\n\n.version-dropdown-button[_ngcontent-%COMP%]:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n\n.version-dropdown-button.open[_ngcontent-%COMP%] {\n  border-color: #1976d2;\n  color: #1976d2;\n  background-color: #f8f9fa;\n}\n\n.version-label[_ngcontent-%COMP%] {\n  font-weight: 500;\n}\n\n.dropdown-icon[_ngcontent-%COMP%] {\n  font-size: 9px;\n  transition: transform 0.2s ease;\n  color: inherit;\n}\n\n.version-dropdown-button.open[_ngcontent-%COMP%]   .dropdown-icon[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.version-dropdown-menu[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  min-width: 220px;\n  background-color: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_dropdownFadeIn 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_dropdownFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.version-option[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 10px 14px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 0.15s ease;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.version-option[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.version-option[_ngcontent-%COMP%]:hover {\n  background-color: #f8f9fa;\n}\n\n.version-option.selected[_ngcontent-%COMP%] {\n  background-color: #e8f0fe;\n  color: #1976d2;\n}\n\n.version-option.selected[_ngcontent-%COMP%]   .version-date[_ngcontent-%COMP%] {\n  color: #1976d2;\n  opacity: 0.8;\n}\n\n.version-number[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.version-date[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #888;\n  font-weight: 400;\n}\n\n.skip-artifact-viewer-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: auto;\n  padding: 0;\n  background-color: #ffffff;\n}\n\n.content-container[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  overflow: auto;\n  transition: box-shadow 0.2s ease;\n}\n\n.content-container[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n}\n\n.markdown-content[_ngcontent-%COMP%] {\n  padding: 16px;\n}\n\n.code-content[_ngcontent-%COMP%], .json-content[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.code-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%], .json-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.4;\n  background-color: #f5f7f9;\n  border-radius: 4px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n\n.text-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n}\n\n.html-content[_ngcontent-%COMP%] {\n  padding: 16px;\n}\n\n.artifact-description[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.artifact-description[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #555;\n}\n\n.artifact-description[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n}\n\n\n\n\n.artifact-metadata[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 12px 16px;\n  background-color: #f5f5f5;\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.metadata-item[_ngcontent-%COMP%] {\n  display: flex;\n  margin-bottom: 4px;\n}\n\n.metadata-label[_ngcontent-%COMP%] {\n  width: 80px;\n  font-weight: 500;\n  color: #555;\n}\n\n.metadata-value[_ngcontent-%COMP%] {\n  color: #333;\n}\n\n.loading-container[_ngcontent-%COMP%], .error-container[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n  text-align: center;\n}\n\n.loading-text[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  font-size: 14px;\n  color: #666;\n}\n\n.error-icon[_ngcontent-%COMP%], .empty-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 16px;\n}\n\n.error-icon[_ngcontent-%COMP%] {\n  color: #e33d3d;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  color: #aaa;\n}\n\n.error-message[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #e33d3d;\n  max-width: 300px;\n}\n\n.empty-message[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #888;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkipArtifactViewerComponent, [{
         type: Component,
         args: [{ selector: 'skip-artifact-viewer', template: "<div class=\"skip-artifact-viewer-container\">\n  <div class=\"skip-artifact-viewer-content\">\n    @if (isLoading) {\n      <div class=\"loading-container\">\n        <kendo-loader size=\"large\"></kendo-loader>\n        <div class=\"loading-text\">Loading artifact...</div>\n      </div>\n    } @else if (error) {\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <i class=\"fa-solid fa-exclamation-circle\"></i>\n        </div>\n        <div class=\"error-message\">{{ error }}</div>\n      </div>\n    } @else if (!artifact) {\n      <div class=\"empty-state\">\n        <div class=\"empty-icon\">\n          <i class=\"fa-solid fa-file-alt\"></i>\n        </div>\n        <div class=\"empty-message\">No artifact selected</div>\n      </div>\n    } @else {\n      <div class=\"report-container\" #reportContainer>\n        <!-- The dynamic report component will be inserted here -->\n      </div>\n\n      @if (artifactVersion) {\n        <div class=\"artifact-metadata\">\n          @if (artifactVersion.__mj_CreatedAt) {\n            <div class=\"metadata-item\">\n              <span class=\"metadata-label\">Created:</span>\n              <span class=\"metadata-value\">{{ artifactVersion.__mj_CreatedAt | date:'medium' }}</span>\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>", styles: [".skip-artifact-viewer-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.skip-artifact-viewer-header {\n  padding: 8px 16px;\n  background-color: #ffffff;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  z-index: 10;\n}\n\n.version-selector {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.version-selector label {\n  font-size: 13px;\n  color: #555;\n}\n\n.version-selector select {\n  padding: 6px 12px;\n  border-radius: 6px;\n  border: 1px solid #e0e0e0;\n  background-color: white;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.version-selector select:hover {\n  border-color: #1976d2;\n}\n\n.version-selector select:focus {\n  outline: none;\n  border-color: #1976d2;\n  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);\n}\n\n.report-container {\n  width: 100%;\n}\n\n.artifact-header-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.artifact-title-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.version-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n}\n\n.version-info .version-date {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  color: #666;\n  white-space: nowrap;\n}\n\n.version-info .version-date i {\n  font-size: 12px;\n  color: #888;\n}\n\n.artifact-title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1a1a1a;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 1.2;\n  flex: 1;\n  min-width: 0;\n}\n\n.artifact-type-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background-color: #e8f0fe;\n  color: #1976d2;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* Version Dropdown */\n.version-dropdown-wrapper {\n  position: relative;\n}\n\n.version-dropdown-button {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background-color: transparent;\n  border: 1px solid #e0e0e0;\n  border-radius: 16px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 500;\n  color: #555;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n}\n\n.version-dropdown-button:hover:not(:disabled) {\n  border-color: #1976d2;\n  color: #1976d2;\n}\n\n.version-dropdown-button:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n\n.version-dropdown-button.open {\n  border-color: #1976d2;\n  color: #1976d2;\n  background-color: #f8f9fa;\n}\n\n.version-label {\n  font-weight: 500;\n}\n\n.dropdown-icon {\n  font-size: 9px;\n  transition: transform 0.2s ease;\n  color: inherit;\n}\n\n.version-dropdown-button.open .dropdown-icon {\n  transform: rotate(180deg);\n}\n\n.version-dropdown-menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  min-width: 220px;\n  background-color: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  overflow: hidden;\n  animation: dropdownFadeIn 0.2s ease-out;\n}\n\n@keyframes dropdownFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.version-option {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 10px 14px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 0.15s ease;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.version-option:last-child {\n  border-bottom: none;\n}\n\n.version-option:hover {\n  background-color: #f8f9fa;\n}\n\n.version-option.selected {\n  background-color: #e8f0fe;\n  color: #1976d2;\n}\n\n.version-option.selected .version-date {\n  color: #1976d2;\n  opacity: 0.8;\n}\n\n.version-number {\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.version-date {\n  font-size: 11px;\n  color: #888;\n  font-weight: 400;\n}\n\n.skip-artifact-viewer-content {\n  flex: 1;\n  overflow: auto;\n  padding: 0;\n  background-color: #ffffff;\n}\n\n.content-container {\n  margin-bottom: 16px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  overflow: auto;\n  transition: box-shadow 0.2s ease;\n}\n\n.content-container:hover {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n}\n\n.markdown-content {\n  padding: 16px;\n}\n\n.code-content, .json-content {\n  padding: 0;\n}\n\n.code-content pre, .json-content pre {\n  margin: 0;\n  padding: 16px;\n  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.4;\n  background-color: #f5f7f9;\n  border-radius: 4px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n\n.text-content pre {\n  margin: 0;\n  padding: 16px;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n}\n\n.html-content {\n  padding: 16px;\n}\n\n.artifact-description {\n  margin-top: 16px;\n  padding: 16px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.artifact-description h4 {\n  margin: 0 0 8px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #555;\n}\n\n.artifact-description p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n}\n\n/* Metadata Pills - Removed in favor of inline date display */\n\n.artifact-metadata {\n  margin-top: 16px;\n  padding: 12px 16px;\n  background-color: #f5f5f5;\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.metadata-item {\n  display: flex;\n  margin-bottom: 4px;\n}\n\n.metadata-label {\n  width: 80px;\n  font-weight: 500;\n  color: #555;\n}\n\n.metadata-value {\n  color: #333;\n}\n\n.loading-container, .error-container, .empty-state {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n  text-align: center;\n}\n\n.loading-text {\n  margin-top: 16px;\n  font-size: 14px;\n  color: #666;\n}\n\n.error-icon, .empty-icon {\n  font-size: 32px;\n  margin-bottom: 16px;\n}\n\n.error-icon {\n  color: #e33d3d;\n}\n\n.empty-icon {\n  color: #aaa;\n}\n\n.error-message {\n  font-size: 14px;\n  color: #e33d3d;\n  max-width: 300px;\n}\n\n.empty-message {\n  font-size: 14px;\n  color: #888;\n}"] }]