@memberjunction/ng-artifacts 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/components/artifact-viewer-panel.component.js

@@ -606,52 +606,308 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     artifactIconService;
     artifactFileService;
     artifactId;
-    currentUser;
-    environmentId;
-    versionNumber; // Version to display
-    showSaveToCollection = true; // Control whether Save to Collection button is shown
-    showHeader = true; // Control whether the header section is shown
-    showTabs = true; // Control whether the tab navigation is shown (false = show only Display tab content)
-    showCloseButton = true; // Control whether the close button is shown in header
-    showMaximizeButton = true; // Control whether the maximize/restore button is shown in header
-    refreshTrigger;
-    viewContext = null; // Where artifact is being viewed
-    contextCollectionId; // If viewing in collection, which collection
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    EnvironmentId;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value) {
+        this.EnvironmentId = value;
+    }
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId() {
+        return this.EnvironmentId;
+    }
+    VersionNumber;
+    /** @deprecated Use {@link VersionNumber}. */
+    set versionNumber(value) {
+        this.VersionNumber = value;
+    }
+    /** @deprecated Use {@link VersionNumber}. */
+    get versionNumber() {
+        return this.VersionNumber;
+    } // Version to display
+    ShowSaveToCollection = true;
+    /** @deprecated Use {@link ShowSaveToCollection}. */
+    set showSaveToCollection(value) {
+        this.ShowSaveToCollection = value;
+    }
+    /** @deprecated Use {@link ShowSaveToCollection}. */
+    get showSaveToCollection() {
+        return this.ShowSaveToCollection;
+    } // Control whether Save to Collection button is shown
+    ShowHeader = true;
+    /** @deprecated Use {@link ShowHeader}. */
+    set showHeader(value) {
+        this.ShowHeader = value;
+    }
+    /** @deprecated Use {@link ShowHeader}. */
+    get showHeader() {
+        return this.ShowHeader;
+    } // Control whether the header section is shown
+    ShowTabs = true;
+    /** @deprecated Use {@link ShowTabs}. */
+    set showTabs(value) {
+        this.ShowTabs = value;
+    }
+    /** @deprecated Use {@link ShowTabs}. */
+    get showTabs() {
+        return this.ShowTabs;
+    } // Control whether the tab navigation is shown (false = show only Display tab content)
+    ShowCloseButton = true;
+    /** @deprecated Use {@link ShowCloseButton}. */
+    set showCloseButton(value) {
+        this.ShowCloseButton = value;
+    }
+    /** @deprecated Use {@link ShowCloseButton}. */
+    get showCloseButton() {
+        return this.ShowCloseButton;
+    } // Control whether the close button is shown in header
+    ShowMaximizeButton = true;
+    /** @deprecated Use {@link ShowMaximizeButton}. */
+    set showMaximizeButton(value) {
+        this.ShowMaximizeButton = value;
+    }
+    /** @deprecated Use {@link ShowMaximizeButton}. */
+    get showMaximizeButton() {
+        return this.ShowMaximizeButton;
+    } // Control whether the maximize/restore button is shown in header
+    RefreshTrigger;
+    /** @deprecated Use {@link RefreshTrigger}. */
+    set refreshTrigger(value) {
+        this.RefreshTrigger = value;
+    }
+    /** @deprecated Use {@link RefreshTrigger}. */
+    get refreshTrigger() {
+        return this.RefreshTrigger;
+    }
+    ViewContext = null;
+    /** @deprecated Use {@link ViewContext}. */
+    set viewContext(value) {
+        this.ViewContext = value;
+    }
+    /** @deprecated Use {@link ViewContext}. */
+    get viewContext() {
+        return this.ViewContext;
+    } // Where artifact is being viewed
+    ContextCollectionId;
+    /** @deprecated Use {@link ContextCollectionId}. */
+    set contextCollectionId(value) {
+        this.ContextCollectionId = value;
+    }
+    /** @deprecated Use {@link ContextCollectionId}. */
+    get contextCollectionId() {
+        return this.ContextCollectionId;
+    } // If viewing in collection, which collection
     canShare; // Whether user can share this artifact
     canEdit; // Whether user can edit this artifact
-    isMaximized = false; // Whether the panel is currently maximized
-    closed = new EventEmitter();
-    saveToCollectionRequested = new EventEmitter();
-    navigateToLink = new EventEmitter();
-    shareRequested = new EventEmitter(); // Emits artifactId when share is clicked
-    maximizeToggled = new EventEmitter(); // Emits when user clicks maximize/restore button
-    openEntityRecord = new EventEmitter();
+    IsMaximized = false;
+    /** @deprecated Use {@link IsMaximized}. */
+    set isMaximized(value) {
+        this.IsMaximized = value;
+    }
+    /** @deprecated Use {@link IsMaximized}. */
+    get isMaximized() {
+        return this.IsMaximized;
+    } // Whether the panel is currently maximized
+    Closed = new EventEmitter();
+    /**
+     * @deprecated Use {@link Closed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closed) keeps working. Must stay AFTER Closed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    closed = this.Closed;
+    SaveToCollectionRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link SaveToCollectionRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (saveToCollectionRequested) keeps working. Must stay AFTER SaveToCollectionRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    saveToCollectionRequested = this.SaveToCollectionRequested;
+    NavigateToLink = new EventEmitter();
+    /**
+     * @deprecated Use {@link NavigateToLink}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (navigateToLink) keeps working. Must stay AFTER NavigateToLink: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    navigateToLink = this.NavigateToLink;
+    ShareRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link ShareRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (shareRequested) keeps working. Must stay AFTER ShareRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    shareRequested = this.ShareRequested; // Emits artifactId when share is clicked
+    MaximizeToggled = new EventEmitter();
+    /**
+     * @deprecated Use {@link MaximizeToggled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (maximizeToggled) keeps working. Must stay AFTER MaximizeToggled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    maximizeToggled = this.MaximizeToggled; // Emits when user clicks maximize/restore button
+    OpenEntityRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openEntityRecord = this.OpenEntityRecord;
     navigationRequest = new EventEmitter();
-    analyzeRequested = new EventEmitter();
+    AnalyzeRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link AnalyzeRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (analyzeRequested) keeps working. Must stay AFTER AnalyzeRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    analyzeRequested = this.AnalyzeRequested;
     /**
      * "Apply to my form" — bubbled from the form-aware component-artifact-viewer
      * branch. Carries the spec + entity. Consumer (chat message card, etc.)
      * confirms and invokes the Create-or-Modify Interactive Form action.
      */
-    applyFormRequested = new EventEmitter();
-    pluginViewer;
+    ApplyFormRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link ApplyFormRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (applyFormRequested) keeps working. Must stay AFTER ApplyFormRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    applyFormRequested = this.ApplyFormRequested;
+    PluginViewer;
+    /** @deprecated Use {@link PluginViewer}. */
+    get pluginViewer() {
+        return this.PluginViewer;
+    }
+    /** @deprecated Use {@link PluginViewer}. */
+    set pluginViewer(value) {
+        this.PluginViewer = value;
+    }
     destroy$ = new Subject();
     artifactLoadToken = 0;
-    artifact = null;
+    Artifact = null;
+    /** @deprecated Use {@link Artifact}. */
+    get artifact() {
+        return this.Artifact;
+    }
+    /** @deprecated Use {@link Artifact}. */
+    set artifact(value) {
+        this.Artifact = value;
+    }
     artifactVersion = null;
-    allVersions = [];
-    selectedVersionNumber = 1;
+    AllVersions = [];
+    /** @deprecated Use {@link AllVersions}. */
+    get allVersions() {
+        return this.AllVersions;
+    }
+    /** @deprecated Use {@link AllVersions}. */
+    set allVersions(value) {
+        this.AllVersions = value;
+    }
+    SelectedVersionNumber = 1;
+    /** @deprecated Use {@link SelectedVersionNumber}. */
+    get selectedVersionNumber() {
+        return this.SelectedVersionNumber;
+    }
+    /** @deprecated Use {@link SelectedVersionNumber}. */
+    set selectedVersionNumber(value) {
+        this.SelectedVersionNumber = value;
+    }
     isLoading = true;
     error = null;
-    jsonContent = '';
-    showVersionDropdown = false;
-    artifactCollections = []; // All collections for ALL versions
-    currentVersionCollections = []; // Collections containing CURRENT version only
-    primaryCollection = null;
+    JsonContent = '';
+    /** @deprecated Use {@link JsonContent}. */
+    get jsonContent() {
+        return this.JsonContent;
+    }
+    /** @deprecated Use {@link JsonContent}. */
+    set jsonContent(value) {
+        this.JsonContent = value;
+    }
+    ShowVersionDropdown = false;
+    /** @deprecated Use {@link ShowVersionDropdown}. */
+    get showVersionDropdown() {
+        return this.ShowVersionDropdown;
+    }
+    /** @deprecated Use {@link ShowVersionDropdown}. */
+    set showVersionDropdown(value) {
+        this.ShowVersionDropdown = value;
+    }
+    ArtifactCollections = [];
+    /** @deprecated Use {@link ArtifactCollections}. */
+    get artifactCollections() {
+        return this.ArtifactCollections;
+    }
+    /** @deprecated Use {@link ArtifactCollections}. */
+    set artifactCollections(value) {
+        this.ArtifactCollections = value;
+    } // All collections for ALL versions
+    CurrentVersionCollections = [];
+    /** @deprecated Use {@link CurrentVersionCollections}. */
+    get currentVersionCollections() {
+        return this.CurrentVersionCollections;
+    }
+    /** @deprecated Use {@link CurrentVersionCollections}. */
+    set currentVersionCollections(value) {
+        this.CurrentVersionCollections = value;
+    } // Collections containing CURRENT version only
+    PrimaryCollection = null;
+    /** @deprecated Use {@link PrimaryCollection}. */
+    get primaryCollection() {
+        return this.PrimaryCollection;
+    }
+    /** @deprecated Use {@link PrimaryCollection}. */
+    set primaryCollection(value) {
+        this.PrimaryCollection = value;
+    }
     // Tabbed interface
-    activeTab = 'display'; // Changed to string to support dynamic tabs
-    displayMarkdown = null;
-    displayHtml = null;
+    ActiveTab = 'display';
+    /** @deprecated Use {@link ActiveTab}. */
+    get activeTab() {
+        return this.ActiveTab;
+    }
+    /** @deprecated Use {@link ActiveTab}. */
+    set activeTab(value) {
+        this.ActiveTab = value;
+    } // Changed to string to support dynamic tabs
+    DisplayMarkdown = null;
+    /** @deprecated Use {@link DisplayMarkdown}. */
+    get displayMarkdown() {
+        return this.DisplayMarkdown;
+    }
+    /** @deprecated Use {@link DisplayMarkdown}. */
+    set displayMarkdown(value) {
+        this.DisplayMarkdown = value;
+    }
+    DisplayHtml = null;
+    /** @deprecated Use {@link DisplayHtml}. */
+    get displayHtml() {
+        return this.DisplayHtml;
+    }
+    /** @deprecated Use {@link DisplayHtml}. */
+    set displayHtml(value) {
+        this.DisplayHtml = value;
+    }
     /**
      * The no-plugin fallback. An artifact type with no viewer plugin (CSV today) used to render an empty
      * pane: the display tab only knew the extracted markdown/HTML attributes, and a file-backed version
@@ -659,35 +915,99 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * text-like content (text/*, JSON, CSV) is fetched and shown as plain text — capped, so a large file
      * is downloaded rather than rendered.
      */
-    fallbackText = null;
-    fallbackTextTruncated = false;
-    fallbackBusy = false;
+    FallbackText = null;
+    /** @deprecated Use {@link FallbackText}. */
+    get fallbackText() {
+        return this.FallbackText;
+    }
+    /** @deprecated Use {@link FallbackText}. */
+    set fallbackText(value) {
+        this.FallbackText = value;
+    }
+    FallbackTextTruncated = false;
+    /** @deprecated Use {@link FallbackTextTruncated}. */
+    get fallbackTextTruncated() {
+        return this.FallbackTextTruncated;
+    }
+    /** @deprecated Use {@link FallbackTextTruncated}. */
+    set fallbackTextTruncated(value) {
+        this.FallbackTextTruncated = value;
+    }
+    FallbackBusy = false;
+    /** @deprecated Use {@link FallbackBusy}. */
+    get fallbackBusy() {
+        return this.FallbackBusy;
+    }
+    /** @deprecated Use {@link FallbackBusy}. */
+    set fallbackBusy(value) {
+        this.FallbackBusy = value;
+    }
     static FALLBACK_TEXT_MAX_CHARS = 200_000;
-    versionAttributes = [];
+    VersionAttributes = [];
+    /** @deprecated Use {@link VersionAttributes}. */
+    get versionAttributes() {
+        return this.VersionAttributes;
+    }
+    /** @deprecated Use {@link VersionAttributes}. */
+    set versionAttributes(value) {
+        this.VersionAttributes = value;
+    }
     artifactTypeDriverClass = null;
     /** Populated from ArtifactType.ContentCategory. Used to suppress the JSON tab for
      *  binary file-type artifacts — driven by metadata, not hardcoded plugin overrides. */
     artifactContentCategory = null;
     // Links tab data
-    originConversation = null;
-    allCollections = [];
-    hasAccessToOriginConversation = false;
-    originConversationVersionId = null; // Version ID that came from origin conversation
+    OriginConversation = null;
+    /** @deprecated Use {@link OriginConversation}. */
+    get originConversation() {
+        return this.OriginConversation;
+    }
+    /** @deprecated Use {@link OriginConversation}. */
+    set originConversation(value) {
+        this.OriginConversation = value;
+    }
+    AllCollections = [];
+    /** @deprecated Use {@link AllCollections}. */
+    get allCollections() {
+        return this.AllCollections;
+    }
+    /** @deprecated Use {@link AllCollections}. */
+    set allCollections(value) {
+        this.AllCollections = value;
+    }
+    HasAccessToOriginConversation = false;
+    /** @deprecated Use {@link HasAccessToOriginConversation}. */
+    get hasAccessToOriginConversation() {
+        return this.HasAccessToOriginConversation;
+    }
+    /** @deprecated Use {@link HasAccessToOriginConversation}. */
+    set hasAccessToOriginConversation(value) {
+        this.HasAccessToOriginConversation = value;
+    }
+    OriginConversationVersionId = null;
+    /** @deprecated Use {@link OriginConversationVersionId}. */
+    get originConversationVersionId() {
+        return this.OriginConversationVersionId;
+    }
+    /** @deprecated Use {@link OriginConversationVersionId}. */
+    set originConversationVersionId(value) {
+        this.OriginConversationVersionId = value;
+    } // Version ID that came from origin conversation
     // Dynamic tabs from plugin
-    get allTabs() {
+    get AllTabs() {
         const tabs = [];
         // Only add Display tab if there's content to display
-        if (this.hasDisplayTab) {
+        if (this.HasDisplayTab) {
             tabs.push('Display');
         }
         // Get plugin tabs directly from plugin instance (no caching needed - plugin always exists)
-        if (this.pluginViewer?.pluginInstance?.GetAdditionalTabs) {
-            const pluginTabs = this.pluginViewer.pluginInstance.GetAdditionalTabs();
+        if (this.PluginViewer?.pluginInstance?.GetAdditionalTabs) {
+            const pluginTabs = this.PluginViewer.pluginInstance.GetAdditionalTabs();
             const pluginTabLabels = pluginTabs.map((t) => t.label);
             tabs.push(...pluginTabLabels);
         }
         // Get tabs to remove from plugin (case-insensitive)
-        const removals = this.pluginViewer?.pluginInstance?.GetStandardTabRemovals?.() || [];
+        const removals = this.PluginViewer?.pluginInstance?.GetStandardTabRemovals?.() || [];
         const removalsLower = removals.map(r => r.toLowerCase());
         // File-category artifacts (PDF, Excel, Word) have binary content — the JSON tab
         // would show a base64 blob or a storage reference, which is meaningless. Suppress it
@@ -701,19 +1021,23 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             tabs.push('Details');
         }
         // Only add Links tab if there are links to show (unless plugin explicitly removes it)
-        if (!removalsLower.includes('links') && this.linksToShow.length > 0) {
+        if (!removalsLower.includes('links') && this.LinksToShow.length > 0) {
             tabs.push('Links');
         }
         return tabs;
     }
+    /** @deprecated Use {@link AllTabs}. */
+    get allTabs() {
+        return this.AllTabs;
+    }
     /**
      * Get the full tab definition for a given tab name.
      * Returns the ArtifactViewerTab which may include component info for custom component tabs.
      */
     GetTabDefinition(tabName) {
         // Check if this is a plugin-provided tab
-        if (this.pluginViewer?.pluginInstance?.GetAdditionalTabs) {
-            const pluginTabs = this.pluginViewer.pluginInstance.GetAdditionalTabs();
+        if (this.PluginViewer?.pluginInstance?.GetAdditionalTabs) {
+            const pluginTabs = this.PluginViewer.pluginInstance.GetAdditionalTabs();
             const pluginTab = pluginTabs.find((t) => t.label.toLowerCase() === tabName.toLowerCase());
             if (pluginTab) {
                 return pluginTab;
@@ -722,9 +1046,9 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         // Handle base tabs
         switch (tabName.toLowerCase()) {
             case 'json':
-                return { label: 'JSON', contentType: 'json', content: this.jsonContent, language: 'json' };
+                return { label: 'JSON', contentType: 'json', content: this.JsonContent, language: 'json' };
             case 'details':
-                return { label: 'Details', contentType: 'html', content: this.displayMarkdown || this.displayHtml || '' };
+                return { label: 'Details', contentType: 'html', content: this.DisplayMarkdown || this.DisplayHtml || '' };
             default:
                 return null;
         }
@@ -792,8 +1116,8 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     }
     async ngOnInit() {
         // Subscribe to refresh trigger for dynamic version changes
-        if (this.refreshTrigger) {
-            this.refreshTrigger.pipe(takeUntil(this.destroy$)).subscribe(async (data) => {
+        if (this.RefreshTrigger) {
+            this.RefreshTrigger.pipe(takeUntil(this.destroy$)).subscribe(async (data) => {
                 // UUIDsEqual, not ===: SQL Server hands back upper-case UUIDs and PostgreSQL lower-case, so
                 // a raw comparison silently drops a legitimate refresh whenever the emitting side and this
                 // input picked up the id from differently-cased sources.
@@ -810,9 +1134,9 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         // Using setTimeout(0) instead of Promise.resolve() because we need a fresh
         // macrotask boundary — microtasks can still drain inside Angular's CD cycle.
         setTimeout(async () => {
-            await this.loadArtifact(this.versionNumber);
+            await this.loadArtifact(this.VersionNumber);
             // Track that user viewed this artifact (deferred so it runs after the load)
-            if (this.artifactVersion?.ID && this.currentUser) {
+            if (this.artifactVersion?.ID && this.CurrentUser) {
                 this.trackArtifactUsage('Viewed');
                 // Also log to User Record Logs for recents feature (fire-and-forget)
                 this.recentAccessService.logAccess('MJ: Artifacts', this.artifactId, 'artifact');
@@ -822,7 +1146,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     async ngOnChanges(changes) {
         // Reload artifact when artifactId changes
         if (changes['artifactId'] && !changes['artifactId'].firstChange) {
-            await this.loadArtifact(this.versionNumber);
+            await this.loadArtifact(this.VersionNumber);
             // `loadArtifact` already honored the (possibly also-changed) versionNumber, so the branch
             // below has nothing left to do. Angular delivers both inputs in ONE SimpleChanges when a
             // caller switches artifact and version together, and these are two independent `if`s: the
@@ -837,14 +1161,14 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             const newVersionNumber = changes['versionNumber'].currentValue;
             if (newVersionNumber != null) {
                 // Check if we have metadata for this version (allVersions has lightweight metadata)
-                const targetVersion = this.allVersions.find(v => v.VersionNumber === newVersionNumber);
+                const targetVersion = this.AllVersions.find(v => v.VersionNumber === newVersionNumber);
                 if (targetVersion) {
-                    this.selectedVersionNumber = targetVersion.VersionNumber || 1;
+                    this.SelectedVersionNumber = targetVersion.VersionNumber || 1;
                     // Load full content for the selected version
                     const fullVersion = await this.loadVersionContent(targetVersion.ID);
                     if (fullVersion) {
                         this.artifactVersion = fullVersion;
-                        this.jsonContent = this.FormatJSON(fullVersion.Content || '{}');
+                        this.JsonContent = this.formatJSON(fullVersion.Content || '{}');
                     }
                     // Load attributes and collection data in parallel
                     await Promise.all([
@@ -869,18 +1193,18 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         return loadToken === this.artifactLoadToken && UUIDsEqual(artifactId, this.artifactId);
     }
     clearLoadedArtifactState() {
-        this.artifact = null;
+        this.Artifact = null;
         this.artifactVersion = null;
-        this.allVersions = [];
-        this.versionAttributes = [];
-        this.jsonContent = '';
-        this.displayMarkdown = null;
-        this.displayHtml = null;
-        this.fallbackText = null;
-        this.fallbackTextTruncated = false;
-        this.artifactCollections = [];
-        this.currentVersionCollections = [];
-        this.primaryCollection = null;
+        this.AllVersions = [];
+        this.VersionAttributes = [];
+        this.JsonContent = '';
+        this.DisplayMarkdown = null;
+        this.DisplayHtml = null;
+        this.FallbackText = null;
+        this.FallbackTextTruncated = false;
+        this.ArtifactCollections = [];
+        this.CurrentVersionCollections = [];
+        this.PrimaryCollection = null;
         this.artifactTypeDriverClass = null;
         this.artifactContentCategory = null;
         this.clearLinksData();
@@ -895,7 +1219,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             this.clearLoadedArtifactState();
             const md = this.ProviderToUse;
             // Load artifact — assign to local first to avoid mid-cycle icon flicker
-            const artifactEntity = await md.GetEntityObject('MJ: Artifacts', this.currentUser);
+            const artifactEntity = await md.GetEntityObject('MJ: Artifacts', this.CurrentUser);
             const loaded = await artifactEntity.Load(artifactId);
             if (!isCurrentLoad()) {
                 return;
@@ -935,7 +1259,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                     MaxRows: 1,
                     ResultType: 'simple'
                 }
-            ], this.currentUser);
+            ], this.CurrentUser);
             if (!isCurrentLoad()) {
                 return;
             }
@@ -944,8 +1268,8 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 this.error = 'No artifact version found';
                 return;
             }
-            this.artifact = artifactEntity;
-            this.allVersions = versionsResult.Results;
+            this.Artifact = artifactEntity;
+            this.AllVersions = versionsResult.Results;
             // Determine which version to display
             let selectedVersion;
             if (targetVersionNumber) {
@@ -953,7 +1277,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             }
             // Fall back to latest version (first in DESC order)
             const versionToLoad = selectedVersion || versionsResult.Results[0];
-            this.selectedVersionNumber = versionToLoad.VersionNumber || 1;
+            this.SelectedVersionNumber = versionToLoad.VersionNumber || 1;
             // PERF: Start artifact type resolution and selected version content load in parallel
             const [, selectedVersionEntity] = await Promise.all([
                 this.loadArtifactType(artifactEntity.Type, artifactId, loadToken),
@@ -964,7 +1288,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             }
             if (selectedVersionEntity) {
                 this.artifactVersion = selectedVersionEntity;
-                this.jsonContent = this.FormatJSON(selectedVersionEntity.Content || '{}');
+                this.JsonContent = this.formatJSON(selectedVersionEntity.Content || '{}');
             }
             else {
                 this.error = 'Failed to load artifact version content';
@@ -1004,7 +1328,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     async loadVersionContent(versionId) {
         try {
             const md = this.ProviderToUse;
-            const versionEntity = await md.GetEntityObject('MJ: Artifact Versions', this.currentUser);
+            const versionEntity = await md.GetEntityObject('MJ: Artifact Versions', this.CurrentUser);
             const loaded = await versionEntity.Load(versionId);
             return loaded ? versionEntity : null;
         }
@@ -1017,12 +1341,12 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * Clear all links-related data to prevent stale data when switching artifacts
      */
     clearLinksData() {
-        this.allCollections = [];
-        this.originConversation = null;
-        this.hasAccessToOriginConversation = false;
-        this.originConversationVersionId = null;
+        this.AllCollections = [];
+        this.OriginConversation = null;
+        this.HasAccessToOriginConversation = false;
+        this.OriginConversationVersionId = null;
     }
-    async loadArtifactType(artifactTypeName = this.artifact?.Type, artifactId = this.artifactId, loadToken = this.artifactLoadToken) {
+    async loadArtifactType(artifactTypeName = this.Artifact?.Type, artifactId = this.artifactId, loadToken = this.artifactLoadToken) {
         const isCurrentLoad = () => this.isCurrentArtifactLoad(artifactId, loadToken);
         this.artifactTypeDriverClass = null;
         this.artifactContentCategory = null;
@@ -1030,7 +1354,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             return;
         }
         try {
-            await ArtifactMetadataEngine.Instance.Config(false, this.currentUser);
+            await ArtifactMetadataEngine.Instance.Config(false, this.CurrentUser);
             if (!isCurrentLoad()) {
                 return;
             }
@@ -1060,21 +1384,21 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 EntityName: 'MJ: Artifact Version Attributes',
                 ExtraFilter: `ArtifactVersionID='${this.artifactVersion.ID}'`,
                 ResultType: 'simple'
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (!isCurrentLoad()) {
                 return;
             }
             if (result.Success && result.Results) {
-                this.versionAttributes = result.Results;
+                this.VersionAttributes = result.Results;
                 // Check for displayMarkdown or displayHtml attributes
-                const displayMarkdownAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displaymarkdown');
-                const displayHtmlAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displayhtml');
+                const displayMarkdownAttr = this.VersionAttributes.find(a => a.Name?.toLowerCase() === 'displaymarkdown');
+                const displayHtmlAttr = this.VersionAttributes.find(a => a.Name?.toLowerCase() === 'displayhtml');
                 // Parse values - they might be JSON-encoded strings
-                this.displayMarkdown = this.parseAttributeValue(displayMarkdownAttr?.Value);
-                this.displayHtml = this.parseAttributeValue(displayHtmlAttr?.Value);
+                this.DisplayMarkdown = this.parseAttributeValue(displayMarkdownAttr?.Value);
+                this.DisplayHtml = this.parseAttributeValue(displayHtmlAttr?.Value);
                 // Clean up double-escaped characters in HTML (from LLM generation)
-                if (this.displayHtml) {
-                    this.displayHtml = this.cleanEscapedCharacters(this.displayHtml);
+                if (this.DisplayHtml) {
+                    this.DisplayHtml = this.cleanEscapedCharacters(this.DisplayHtml);
                 }
                 // Set active tab to the first available tab
                 this.setActiveTabToFirstAvailable();
@@ -1097,15 +1421,19 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         if (this.artifactVersion?.Name) {
             return this.artifactVersion.Name;
         }
-        return this.artifact?.Name || 'Artifact';
+        return this.Artifact?.Name || 'Artifact';
     }
-    get displayDescription() {
+    get DisplayDescription() {
         if (this.artifactVersion?.Description) {
             return this.artifactVersion.Description;
         }
-        return this.artifact?.Description || null;
+        return this.Artifact?.Description || null;
     }
-    get hasDisplayTab() {
+    /** @deprecated Use {@link DisplayDescription}. */
+    get displayDescription() {
+        return this.DisplayDescription;
+    }
+    get HasDisplayTab() {
         // Show Display tab if:
         // 1. We have a plugin AND it reports having content to display, OR
         // 2. We have displayMarkdown or displayHtml attributes from extract rules
@@ -1113,19 +1441,31 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         // Note: hasDisplayContent defaults to false in base class, so plugins must
         // explicitly opt-in by overriding to return true when they have content.
         // This prevents showing Display tab before plugin loads or when plugin has no content.
-        const pluginHasContent = this.pluginViewer?.pluginInstance?.hasDisplayContent ?? false;
-        return pluginHasContent || !!this.displayMarkdown || !!this.displayHtml;
+        const pluginHasContent = this.PluginViewer?.pluginInstance?.hasDisplayContent ?? false;
+        return pluginHasContent || !!this.DisplayMarkdown || !!this.DisplayHtml;
+    }
+    /** @deprecated Use {@link HasDisplayTab}. */
+    get hasDisplayTab() {
+        return this.HasDisplayTab;
     }
     /** True when the display tab has nothing better than the file card to show. */
+    get ShowFileFallback() {
+        return !this.HasPlugin && !!this.artifactVersion && !this.DisplayMarkdown && !this.DisplayHtml;
+    }
+    /** @deprecated Use {@link ShowFileFallback}. */
     get showFileFallback() {
-        return !this.hasPlugin && !!this.artifactVersion && !this.displayMarkdown && !this.displayHtml;
+        return this.ShowFileFallback;
     }
     /** The file name shown on the fallback card. */
+    get FallbackFileName() {
+        return this.artifactVersion?.FileName || this.Artifact?.Name || 'file';
+    }
+    /** @deprecated Use {@link FallbackFileName}. */
     get fallbackFileName() {
-        return this.artifactVersion?.FileName || this.artifact?.Name || 'file';
+        return this.FallbackFileName;
     }
     /** Human file size for the fallback card, when the version knows it. */
-    get fallbackSize() {
+    get FallbackSize() {
         const content = this.artifactVersion?.Content;
         if (this.artifactVersion?.ContentMode === 'Text' && content?.startsWith('data:')) {
             const b64 = content.slice(content.indexOf(',') + 1);
@@ -1133,6 +1473,10 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         }
         return null;
     }
+    /** @deprecated Use {@link FallbackSize}. */
+    get fallbackSize() {
+        return this.FallbackSize;
+    }
     /** Text-like MIME types are shown inline on the fallback card; everything else is download-only. */
     isTextLike(mime) {
         const m = (mime ?? '').toLowerCase();
@@ -1143,10 +1487,10 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * inline: the data URL. Silent on failure — the Download action still works.
      */
     async prepareNoPluginFallback(isCurrentLoad) {
-        this.fallbackText = null;
-        this.fallbackTextTruncated = false;
+        this.FallbackText = null;
+        this.FallbackTextTruncated = false;
         const version = this.artifactVersion;
-        if (!this.showFileFallback || !version || !this.isTextLike(version.MimeType))
+        if (!this.ShowFileFallback || !version || !this.isTextLike(version.MimeType))
             return;
         try {
             let text = null;
@@ -1166,9 +1510,9 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 return;
             if (text.length > ArtifactViewerPanelComponent.FALLBACK_TEXT_MAX_CHARS) {
                 text = text.slice(0, ArtifactViewerPanelComponent.FALLBACK_TEXT_MAX_CHARS);
-                this.fallbackTextTruncated = true;
+                this.FallbackTextTruncated = true;
             }
-            this.fallbackText = text;
+            this.FallbackText = text;
             this.cdr.markForCheck();
         }
         catch (err) {
@@ -1176,11 +1520,11 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         }
     }
     /** Download the artifact's file: file-backed via MJ's URL (fetched to a blob so the browser saves it), inline via the data URL. */
-    async downloadArtifactFile() {
+    async DownloadArtifactFile() {
         const version = this.artifactVersion;
-        if (!version || this.fallbackBusy)
+        if (!version || this.FallbackBusy)
             return;
-        this.fallbackBusy = true;
+        this.FallbackBusy = true;
         try {
             let objectUrl = null;
             if (version.ContentMode === 'File') {
@@ -1206,7 +1550,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 return;
             const a = document.createElement('a');
             a.href = objectUrl;
-            a.download = this.fallbackFileName;
+            a.download = this.FallbackFileName;
             a.rel = 'noopener';
             document.body.appendChild(a);
             a.click();
@@ -1214,10 +1558,14 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);
         }
         finally {
-            this.fallbackBusy = false;
+            this.FallbackBusy = false;
             this.cdr.markForCheck();
         }
     }
+    /** @deprecated Use {@link DownloadArtifactFile}. */
+    async downloadArtifactFile() {
+        return this.DownloadArtifactFile();
+    }
     formatBytes(n) {
         if (n < 1024)
             return `${n} B`;
@@ -1225,50 +1573,70 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             return `${(n / 1024).toFixed(1)} KB`;
         return `${(n / (1024 * 1024)).toFixed(1)} MB`;
     }
-    get hasPlugin() {
+    get HasPlugin() {
         // Check if the artifact type has a DriverClass configured
         // If DriverClass is set, we have a plugin available
         return !!this.artifactTypeDriverClass;
     }
-    get hasJsonTab() {
+    /** @deprecated Use {@link HasPlugin}. */
+    get hasPlugin() {
+        return this.HasPlugin;
+    }
+    get HasJsonTab() {
         // Query plugin directly (no cache needed - plugin always exists when it should)
-        const pluginInstance = this.pluginViewer?.pluginInstance;
+        const pluginInstance = this.PluginViewer?.pluginInstance;
         return pluginInstance?.parentShouldShowRawContent || false;
     }
+    /** @deprecated Use {@link HasJsonTab}. */
+    get hasJsonTab() {
+        return this.HasJsonTab;
+    }
+    get ArtifactTypeName() {
+        return this.Artifact?.Type || '';
+    }
+    /** @deprecated Use {@link ArtifactTypeName}. */
     get artifactTypeName() {
-        return this.artifact?.Type || '';
+        return this.ArtifactTypeName;
     }
-    get contentType() {
+    get ContentType() {
         // Try to get content type from artifact type or attributes
-        const contentTypeAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'contenttype');
+        const contentTypeAttr = this.VersionAttributes.find(a => a.Name?.toLowerCase() === 'contenttype');
         return contentTypeAttr?.Value || undefined;
     }
-    get filteredAttributes() {
+    /** @deprecated Use {@link ContentType}. */
+    get contentType() {
+        return this.ContentType;
+    }
+    get FilteredAttributes() {
         // Filter out displayMarkdown and displayHtml as they're shown in the Display tab
-        return this.versionAttributes.filter(attr => {
+        return this.VersionAttributes.filter(attr => {
             const name = attr.Name?.toLowerCase();
             return name !== 'displaymarkdown' && name !== 'displayhtml';
         });
     }
+    /** @deprecated Use {@link FilteredAttributes}. */
+    get filteredAttributes() {
+        return this.FilteredAttributes;
+    }
     setActiveTab(tab) {
-        this.activeTab = tab;
+        this.ActiveTab = tab;
     }
     /**
      * Sets the active tab to the first available tab in the list.
      * Called when tabs change or when the currently active tab becomes unavailable.
      */
     setActiveTabToFirstAvailable() {
-        const tabs = this.allTabs;
+        const tabs = this.AllTabs;
         if (tabs.length > 0) {
             // If current tab is still available, keep it; otherwise switch to first
-            const currentTabStillAvailable = tabs.some(t => t.toLowerCase() === this.activeTab.toLowerCase());
+            const currentTabStillAvailable = tabs.some(t => t.toLowerCase() === this.ActiveTab.toLowerCase());
             if (!currentTabStillAvailable) {
-                this.activeTab = tabs[0].toLowerCase();
+                this.ActiveTab = tabs[0].toLowerCase();
             }
         }
         else {
             // Fallback to details if no tabs available (shouldn't happen)
-            this.activeTab = 'details';
+            this.ActiveTab = 'details';
         }
     }
     /**
@@ -1276,28 +1644,36 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * the full spec from the registry after initial render with a stripped spec).
      * Forces re-evaluation of allTabs so new tab labels render correctly.
      */
-    onTabsChanged() {
+    OnTabsChanged() {
         // If Display tab just became available (e.g., after plugin async load),
         // switch to it — it should be the default when present.
-        const tabs = this.allTabs;
-        if (tabs.length > 0 && tabs[0].toLowerCase() === 'display' && this.activeTab !== 'display') {
-            this.activeTab = 'display';
+        const tabs = this.AllTabs;
+        if (tabs.length > 0 && tabs[0].toLowerCase() === 'display' && this.ActiveTab !== 'display') {
+            this.ActiveTab = 'display';
         }
         this.cdr.detectChanges(); // zone.js 0.15: plugin emitted tabsChanged, force CD to re-evaluate allTabs
     }
+    /** @deprecated Use {@link OnTabsChanged}. */
+    onTabsChanged() {
+        return this.OnTabsChanged();
+    }
     /**
      * Called when the plugin viewer finishes loading.
      * Selects the first available tab now that plugin tabs are available.
      */
-    onPluginLoaded() {
+    OnPluginLoaded() {
         // Now that plugin is loaded, we have accurate tab information
         // Always select the first tab since this is the initial load
-        const tabs = this.allTabs;
+        const tabs = this.AllTabs;
         if (tabs.length > 0) {
-            this.activeTab = tabs[0].toLowerCase();
+            this.ActiveTab = tabs[0].toLowerCase();
         }
         this.cdr.detectChanges(); // zone.js 0.15: plugin loaded via async callback, force CD
     }
+    /** @deprecated Use {@link OnPluginLoaded}. */
+    onPluginLoaded() {
+        return this.OnPluginLoaded();
+    }
     parseAttributeValue(value) {
         if (!value)
             return null;
@@ -1352,42 +1728,42 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
           )`,
                     Fields: ['ID', 'CollectionID', 'ArtifactVersionID', 'Sequence'],
                     ResultType: 'simple'
-                }, this.currentUser);
+                }, this.CurrentUser);
                 collectionRows = (result.Success ? result.Results : []);
             }
             if (!isCurrentLoad()) {
                 return;
             }
             // Store as simple objects — these are read-only display data
-            this.artifactCollections = collectionRows;
+            this.ArtifactCollections = collectionRows;
             // Filter to get only collections containing the CURRENT version
             const currentVersionId = this.artifactVersion?.ID;
             if (currentVersionId) {
                 const currentIdStr = String(currentVersionId).toLowerCase();
-                this.currentVersionCollections = collectionRows.filter(ca => {
+                this.CurrentVersionCollections = collectionRows.filter(ca => {
                     const versionIdStr = String(ca['ArtifactVersionID'] || ca.ArtifactVersionID || '').toLowerCase();
                     return versionIdStr && currentIdStr && versionIdStr === currentIdStr;
                 });
             }
             else {
-                this.currentVersionCollections = [];
+                this.CurrentVersionCollections = [];
             }
             // Load the primary collection details if exists
-            if (this.artifactCollections.length > 0) {
+            if (this.ArtifactCollections.length > 0) {
                 const collectionId = collectionRows[0].CollectionID ||
-                    this.artifactCollections[0].CollectionID;
+                    this.ArtifactCollections[0].CollectionID;
                 if (collectionId) {
                     const md = this.ProviderToUse;
-                    const primaryCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+                    const primaryCollection = await md.GetEntityObject('MJ: Collections', this.CurrentUser);
                     await primaryCollection.Load(collectionId);
                     if (!isCurrentLoad()) {
                         return;
                     }
-                    this.primaryCollection = primaryCollection;
+                    this.PrimaryCollection = primaryCollection;
                 }
             }
             else {
-                this.primaryCollection = null;
+                this.PrimaryCollection = null;
             }
         }
         catch (err) {
@@ -1409,53 +1785,69 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     async loadCollectionAssociations() {
         return this.processCollectionAssociations();
     }
+    get IsInCollection() {
+        return this.CurrentVersionCollections.length > 0;
+    }
+    /** @deprecated Use {@link IsInCollection}. */
     get isInCollection() {
-        return this.currentVersionCollections.length > 0;
+        return this.IsInCollection;
     }
     /**
      * Get collection IDs that already contain the current version
      * Used to exclude them from the save picker
      */
+    get CurrentVersionCollectionIds() {
+        return this.CurrentVersionCollections.map(ca => ca.CollectionID);
+    }
+    /** @deprecated Use {@link CurrentVersionCollectionIds}. */
     get currentVersionCollectionIds() {
-        return this.currentVersionCollections.map(ca => ca.CollectionID);
+        return this.CurrentVersionCollectionIds;
     }
-    onCopyToClipboard() {
+    OnCopyToClipboard() {
         // Get content from the currently active tab instead of always copying jsonContent
-        const tabData = this.GetTabContent(this.activeTab);
+        const tabData = this.GetTabContent(this.ActiveTab);
         if (tabData?.content) {
             navigator.clipboard.writeText(tabData.content);
         }
-        else if (this.jsonContent) {
+        else if (this.JsonContent) {
             // Fallback to jsonContent if tab content not found
-            navigator.clipboard.writeText(this.jsonContent);
+            navigator.clipboard.writeText(this.JsonContent);
         }
     }
-    onCopyDisplayContent() {
-        const content = this.displayHtml || this.displayMarkdown;
+    /** @deprecated Use {@link OnCopyToClipboard}. */
+    onCopyToClipboard() {
+        return this.OnCopyToClipboard();
+    }
+    OnCopyDisplayContent() {
+        const content = this.DisplayHtml || this.DisplayMarkdown;
         if (content) {
             navigator.clipboard.writeText(content).catch(err => {
                 console.error('Failed to copy to clipboard:', err);
             });
         }
     }
-    onPrintDisplayContent() {
+    /** @deprecated Use {@link OnCopyDisplayContent}. */
+    onCopyDisplayContent() {
+        return this.OnCopyDisplayContent();
+    }
+    OnPrintDisplayContent() {
         // Try to delegate to the plugin viewer's print method
-        if (this.pluginViewer?.pluginInstance) {
-            const plugin = this.pluginViewer.pluginInstance;
+        if (this.PluginViewer?.pluginInstance) {
+            const plugin = this.PluginViewer.pluginInstance;
             if (typeof plugin.printHtml === 'function') {
                 plugin.printHtml();
                 return;
             }
         }
         // Fallback: create a temporary print window with displayHtml or displayMarkdown
-        const content = this.displayHtml || this.displayMarkdown;
+        const content = this.DisplayHtml || this.DisplayMarkdown;
         if (content) {
             const printWindow = window.open('', '_blank');
             if (printWindow) {
-                if (this.displayHtml) {
+                if (this.DisplayHtml) {
                     printWindow.document.write(content);
                 }
-                else if (this.displayMarkdown) {
+                else if (this.DisplayMarkdown) {
                     // Wrap markdown in basic HTML for printing
                     printWindow.document.write(`
             <!DOCTYPE html>
@@ -1482,19 +1874,27 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             }
         }
     }
-    toggleVersionDropdown() {
-        if (this.allVersions.length > 1) {
-            this.showVersionDropdown = !this.showVersionDropdown;
+    /** @deprecated Use {@link OnPrintDisplayContent}. */
+    onPrintDisplayContent() {
+        return this.OnPrintDisplayContent();
+    }
+    ToggleVersionDropdown() {
+        if (this.AllVersions.length > 1) {
+            this.ShowVersionDropdown = !this.ShowVersionDropdown;
         }
     }
-    async selectVersion(version) {
-        this.selectedVersionNumber = version.VersionNumber || 1;
-        this.showVersionDropdown = false;
+    /** @deprecated Use {@link ToggleVersionDropdown}. */
+    toggleVersionDropdown() {
+        return this.ToggleVersionDropdown();
+    }
+    async SelectVersion(version) {
+        this.SelectedVersionNumber = version.VersionNumber || 1;
+        this.ShowVersionDropdown = false;
         // Load full content for the selected version (allVersions only has metadata)
         const fullVersion = await this.loadVersionContent(version.ID);
         if (fullVersion) {
             this.artifactVersion = fullVersion;
-            this.jsonContent = this.FormatJSON(fullVersion.Content || '{}');
+            this.JsonContent = this.formatJSON(fullVersion.Content || '{}');
         }
         // Load attributes and collection data in parallel
         await Promise.all([
@@ -1504,22 +1904,34 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         ]);
         this.cdr.detectChanges();
     }
-    async onSaveToLibrary() {
+    /** @deprecated Use {@link SelectVersion}. */
+    async selectVersion(version) {
+        return this.SelectVersion(version);
+    }
+    async OnSaveToLibrary() {
         // Always show the collection picker modal
         // Artifacts can be saved to multiple collections
-        this.saveToCollectionRequested.emit({
+        this.SaveToCollectionRequested.emit({
             artifactId: this.artifactId,
-            excludedCollectionIds: this.excludedCollectionIds
+            excludedCollectionIds: this.ExcludedCollectionIds
         });
     }
-    get excludedCollectionIds() {
+    /** @deprecated Use {@link OnSaveToLibrary}. */
+    async onSaveToLibrary() {
+        return this.OnSaveToLibrary();
+    }
+    get ExcludedCollectionIds() {
         // Return IDs of collections that already contain the CURRENT VERSION
         // This allows saving different versions to the same collection
-        const excluded = this.currentVersionCollections
+        const excluded = this.CurrentVersionCollections
             .filter(ca => ca.CollectionID)
             .map(ca => String(ca.CollectionID));
         return excluded;
     }
+    /** @deprecated Use {@link ExcludedCollectionIds}. */
+    get excludedCollectionIds() {
+        return this.ExcludedCollectionIds;
+    }
     /**
      * Reload the cached set of collections that contain the *current version* of this artifact.
      * Called by the chat-area after the collection picker reports successful saves so the bookmark
@@ -1555,12 +1967,12 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                     EntityName: 'MJ: Collection Artifacts',
                     ExtraFilter: `CollectionID='${collectionId}' AND ArtifactVersionID='${currentVersionId}'`,
                     ResultType: 'entity_object'
-                }, this.currentUser);
+                }, this.CurrentUser);
                 if (existingResult.Success && existingResult.Results && existingResult.Results.length > 0) {
                     continue;
                 }
                 // Create junction record with version ID
-                const collectionArtifact = await md.GetEntityObject('MJ: Collection Artifacts', this.currentUser);
+                const collectionArtifact = await md.GetEntityObject('MJ: Collection Artifacts', this.CurrentUser);
                 collectionArtifact.CollectionID = collectionId;
                 collectionArtifact.ArtifactVersionID = currentVersionId;
                 collectionArtifact.Sequence = 0;
@@ -1616,7 +2028,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
           )`,
                     Fields: ['ID', 'CollectionID', 'ArtifactVersionID'],
                     ResultType: 'simple'
-                }, this.currentUser);
+                }, this.CurrentUser);
                 collectionRows = (result.Success ? result.Results : []);
             }
             if (!isCurrentLoad()) {
@@ -1631,12 +2043,12 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                     ExtraFilter: collectionsFilter,
                     Fields: ['ID', 'Name', 'UserID', 'Description'],
                     ResultType: 'simple'
-                }, this.currentUser);
+                }, this.CurrentUser);
                 if (!isCurrentLoad()) {
                     return;
                 }
                 if (collectionsEntityResult.Success && collectionsEntityResult.Results) {
-                    this.allCollections = collectionsEntityResult.Results;
+                    this.AllCollections = collectionsEntityResult.Results;
                 }
             }
             // Use pre-fetched conversation detail artifact data or fetch if not provided
@@ -1645,7 +2057,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 convDetailRows = convDetailResult.Results;
             }
             else {
-                const versionIds = this.allVersions.map(v => v.ID);
+                const versionIds = this.AllVersions.map(v => v.ID);
                 if (versionIds.length > 0) {
                     const versionFilter = versionIds.map(id => `ArtifactVersionID='${id}'`).join(' OR ');
                     const result = await rv.RunView({
@@ -1654,7 +2066,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                         Fields: ['ID', 'ConversationDetailID', 'ArtifactVersionID'],
                         MaxRows: 1,
                         ResultType: 'simple'
-                    }, this.currentUser);
+                    }, this.CurrentUser);
                     convDetailRows = (result.Success ? result.Results : []);
                 }
             }
@@ -1668,37 +2080,37 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 if (!isCurrentLoad()) {
                     return;
                 }
-                this.originConversationVersionId = artifactVersionId;
+                this.OriginConversationVersionId = artifactVersionId;
                 // Load conversation detail to get conversation ID
-                const conversationDetail = await md.GetEntityObject('MJ: Conversation Details', this.currentUser);
+                const conversationDetail = await md.GetEntityObject('MJ: Conversation Details', this.CurrentUser);
                 const detailLoaded = await conversationDetail.Load(conversationDetailId);
                 if (!isCurrentLoad()) {
                     return;
                 }
                 if (detailLoaded && conversationDetail.ConversationID) {
-                    const conversation = await md.GetEntityObject('MJ: Conversations', this.currentUser);
+                    const conversation = await md.GetEntityObject('MJ: Conversations', this.CurrentUser);
                     const loaded = await conversation.Load(conversationDetail.ConversationID);
                     if (!isCurrentLoad()) {
                         return;
                     }
                     if (loaded) {
                         // Check if user has access (is owner or participant)
-                        const userIsOwner = UUIDsEqual(conversation.UserID, this.currentUser.ID);
+                        const userIsOwner = UUIDsEqual(conversation.UserID, this.CurrentUser.ID);
                         const participantResult = await rv.RunView({
                             EntityName: 'MJ: Conversation Details',
-                            ExtraFilter: `ConversationID='${conversation.ID}' AND UserID='${this.currentUser.ID}'`,
+                            ExtraFilter: `ConversationID='${conversation.ID}' AND UserID='${this.CurrentUser.ID}'`,
                             MaxRows: 1,
                             Fields: ['ID'],
                             ResultType: 'simple'
-                        }, this.currentUser);
+                        }, this.CurrentUser);
                         if (!isCurrentLoad()) {
                             return;
                         }
                         const userIsParticipant = participantResult.Success &&
                             participantResult.Results &&
                             participantResult.Results.length > 0;
-                        this.originConversation = conversation;
-                        this.hasAccessToOriginConversation = userIsOwner || userIsParticipant;
+                        this.OriginConversation = conversation;
+                        this.HasAccessToOriginConversation = userIsOwner || userIsParticipant;
                     }
                 }
             }
@@ -1721,15 +2133,15 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     async loadLinksData() {
         return this.processLinksData();
     }
-    get linksToShow() {
+    get LinksToShow() {
         const links = [];
         // Get current version ID being viewed
         const currentVersionId = this.artifactVersion?.ID;
         // RULE: In conversation context, show ONLY collection links
         // RULE: In collection context, show ONLY conversation links
-        if (this.viewContext === 'conversation') {
+        if (this.ViewContext === 'conversation') {
             // Show all collections containing this artifact (any version)
-            for (const collection of this.allCollections) {
+            for (const collection of this.AllCollections) {
                 links.push({
                     type: 'collection',
                     id: collection.ID,
@@ -1738,60 +2150,88 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
                 });
             }
         }
-        else if (this.viewContext === 'collection') {
+        else if (this.ViewContext === 'collection') {
             // Show origin conversation if it exists
             // Show for ALL versions of the artifact, not just the original version that was added
-            if (this.originConversation) {
+            if (this.OriginConversation) {
                 links.push({
                     type: 'conversation',
-                    id: this.originConversation.ID,
-                    name: this.originConversation.Name || 'Untitled Conversation',
-                    hasAccess: this.hasAccessToOriginConversation
+                    id: this.OriginConversation.ID,
+                    name: this.OriginConversation.Name || 'Untitled Conversation',
+                    hasAccess: this.HasAccessToOriginConversation
                 });
             }
         }
         // If viewContext is null, show nothing (no links)
         return links;
     }
+    /** @deprecated Use {@link LinksToShow}. */
+    get linksToShow() {
+        return this.LinksToShow;
+    }
     /**
      * Navigate to a linked conversation or collection
      */
-    onNavigateToLink(link) {
+    OnNavigateToLink(link) {
         if (!link.hasAccess) {
             return;
         }
         // Include artifact ID, version number, and version ID so destination can show the artifact with correct URL
-        this.navigateToLink.emit({
+        this.NavigateToLink.emit({
             type: link.type,
             id: link.id,
             artifactId: this.artifactId,
-            versionNumber: this.selectedVersionNumber,
+            versionNumber: this.SelectedVersionNumber,
             versionId: this.artifactVersion?.ID
         });
     }
+    /** @deprecated Use {@link OnNavigateToLink}. */
+    onNavigateToLink(link) {
+        return this.OnNavigateToLink(link);
+    }
+    OnClose() {
+        this.Closed.emit();
+    }
+    /** @deprecated Use {@link OnClose}. */
     onClose() {
-        this.closed.emit();
+        return this.OnClose();
     }
+    OnShare() {
+        this.ShareRequested.emit(this.artifactId);
+    }
+    /** @deprecated Use {@link OnShare}. */
     onShare() {
-        this.shareRequested.emit(this.artifactId);
+        return this.OnShare();
+    }
+    OnMaximizeToggle() {
+        this.MaximizeToggled.emit();
     }
+    /** @deprecated Use {@link OnMaximizeToggle}. */
     onMaximizeToggle() {
-        this.maximizeToggled.emit();
+        return this.OnMaximizeToggle();
     }
     /**
      * Handle entity record open request from artifact viewer plugin (React component)
      * Propagates the event up to parent components
      */
+    OnOpenEntityRecord(event) {
+        this.OpenEntityRecord.emit(event);
+    }
+    /** @deprecated Use {@link OnOpenEntityRecord}. */
     onOpenEntityRecord(event) {
-        this.openEntityRecord.emit(event);
+        return this.OnOpenEntityRecord(event);
     }
     /**
      * Handle navigation request from artifact viewer plugin.
      * Propagates the event up to parent components for app-level navigation.
      */
-    onNavigationRequest(event) {
+    OnNavigationRequest(event) {
         this.navigationRequest.emit(event);
     }
+    /** @deprecated Use {@link OnNavigationRequest}. */
+    onNavigationRequest(event) {
+        return this.OnNavigationRequest(event);
+    }
     /**
      * Resolves the DriverClass for an artifact type by traversing up the parent hierarchy.
      * Returns the first DriverClass found, or null if none found in the hierarchy.
@@ -1818,7 +2258,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     async getArtifactTypeById(id) {
         try {
             const md = this.ProviderToUse;
-            const artifactType = await md.GetEntityObject('MJ: Artifact Types', this.currentUser);
+            const artifactType = await md.GetEntityObject('MJ: Artifact Types', this.CurrentUser);
             const loaded = await artifactType.Load(id);
             if (loaded) {
                 return artifactType;
@@ -1833,7 +2273,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
     /**
      * Format JSON content using ParseJSONRecursive for deep parsing and formatting
      */
-    FormatJSON(content) {
+    formatJSON(content) {
         try {
             // First parse the JSON string to an object
             const obj = JSON.parse(content);
@@ -1875,7 +2315,7 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
             return baseIcons[tabName];
         }
         // Check plugin tabs
-        const plugin = this.pluginViewer?.pluginInstance;
+        const plugin = this.PluginViewer?.pluginInstance;
         if (plugin?.GetAdditionalTabs) {
             const pluginTab = plugin.GetAdditionalTabs().find((t) => t.label === tabName);
             if (pluginTab?.icon) {
@@ -1888,24 +2328,24 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * Set active tab
      */
     SetActiveTab(tabName) {
-        this.activeTab = tabName.toLowerCase();
+        this.ActiveTab = tabName.toLowerCase();
     }
     /**
      * Track artifact usage event
      */
     async trackArtifactUsage(usageType) {
         try {
-            if (!this.artifactVersion?.ID || !this.currentUser?.ID) {
+            if (!this.artifactVersion?.ID || !this.CurrentUser?.ID) {
                 return;
             }
             const md = this.ProviderToUse;
             const usage = await md.GetEntityObject('MJ: Artifact Uses');
             usage.ArtifactVersionID = this.artifactVersion.ID;
-            usage.UserID = this.currentUser.ID;
+            usage.UserID = this.CurrentUser.ID;
             usage.UsageType = usageType;
             usage.UsageContext = JSON.stringify({
-                viewContext: this.viewContext,
-                contextCollectionId: this.contextCollectionId,
+                viewContext: this.ViewContext,
+                contextCollectionId: this.ContextCollectionId,
                 timestamp: new Date().toISOString()
             });
             // Save asynchronously - don't block UI
@@ -1922,11 +2362,19 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * Fallback priority: Plugin icon > Metadata icon > Hardcoded mapping > Generic icon
      */
     /** Cached icon class — set once after artifact loads to avoid mid-cycle flicker */
-    artifactIcon = 'fa-file';
+    ArtifactIcon = 'fa-file';
+    /** @deprecated Use {@link ArtifactIcon}. */
+    get artifactIcon() {
+        return this.ArtifactIcon;
+    }
+    /** @deprecated Use {@link ArtifactIcon}. */
+    set artifactIcon(value) {
+        this.ArtifactIcon = value;
+    }
     /** Update the cached icon from the loaded artifact */
     updateArtifactIcon() {
-        this.artifactIcon = this.artifact
-            ? this.artifactIconService.getArtifactIcon(this.artifact)
+        this.ArtifactIcon = this.Artifact
+            ? this.artifactIconService.getArtifactIcon(this.Artifact)
             : 'fa-file';
     }
     /**
@@ -1935,9 +2383,9 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      */
     OnAnalyze() {
         const snapshot = this.GetCurrentStateSnapshot();
-        if (snapshot && this.artifact) {
-            this.analyzeRequested.emit({
-                artifactId: this.artifact.ID,
+        if (snapshot && this.Artifact) {
+            this.AnalyzeRequested.emit({
+                artifactId: this.Artifact.ID,
                 snapshot
             });
         }
@@ -1950,15 +2398,15 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
      * Returns null if no plugin is loaded or the plugin has no snapshot.
      */
     GetCurrentStateSnapshot() {
-        return this.pluginViewer?.pluginInstance?.GetCurrentStateSnapshot() ?? null;
+        return this.PluginViewer?.pluginInstance?.GetCurrentStateSnapshot() ?? null;
     }
     static ɵfac = function ArtifactViewerPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ArtifactViewerPanelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.MJNotificationService), i0.ɵɵdirectiveInject(i2.DomSanitizer), i0.ɵɵdirectiveInject(i3.ArtifactIconService), i0.ɵɵdirectiveInject(i4.ArtifactFileService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArtifactViewerPanelComponent, selectors: [["mj-artifact-viewer-panel"]], viewQuery: function ArtifactViewerPanelComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(ArtifactTypePluginViewerComponent, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pluginViewer = _t.first);
-        } }, inputs: { artifactId: "artifactId", currentUser: "currentUser", environmentId: "environmentId", versionNumber: "versionNumber", showSaveToCollection: "showSaveToCollection", showHeader: "showHeader", showTabs: "showTabs", showCloseButton: "showCloseButton", showMaximizeButton: "showMaximizeButton", refreshTrigger: "refreshTrigger", viewContext: "viewContext", contextCollectionId: "contextCollectionId", canShare: "canShare", canEdit: "canEdit", isMaximized: "isMaximized" }, outputs: { closed: "closed", saveToCollectionRequested: "saveToCollectionRequested", navigateToLink: "navigateToLink", shareRequested: "shareRequested", maximizeToggled: "maximizeToggled", openEntityRecord: "openEntityRecord", navigationRequest: "navigationRequest", analyzeRequested: "analyzeRequested", applyFormRequested: "applyFormRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 6, consts: [[1, "artifact-viewer-panel"], [1, "panel-header"], [1, "panel-content"], [1, "loading-state"], ["Variant", "error", "Icon", "fa-solid fa-triangle-exclamation", "Title", "Couldn't load artifact", "Size", "compact", 3, "Message"], [1, "artifact-content-wrapper", 3, "no-tabs"], [1, "panel-header-left"], [1, "fas", 3, "ngClass"], [1, "header-description"], [1, "panel-header-right"], [1, "version-selector", 3, "click"], [1, "fas", "fa-history"], [1, "version-label"], [1, "fas", "fa-chevron-down", "dropdown-icon", 3, "open"], [1, "version-dropdown"], ["title", "Inspect & rate components", 1, "feedback-btn"], [1, "save-to-collection-btn", 3, "in-collection", "title"], ["title", "Share", 1, "share-btn"], ["title", "Analyze this artifact with AI", 1, "analyze-btn", 3, "click"], [1, "fas", "fa-magnifying-glass-chart"], [1, "maximize-btn", 3, "title"], ["title", "Close", 1, "close-btn"], [1, "fas", "fa-chevron-down", "dropdown-icon"], [1, "version-dropdown", 3, "click"], [1, "version-option", 3, "selected"], [1, "version-option", 3, "click"], [1, "version-number"], [1, "version-date"], [1, "fas", "fa-check"], ["title", "Inspect & rate components", 1, "feedback-btn", 3, "click"], [1, "fas", "fa-star-half-stroke"], [1, "save-to-collection-btn", 3, "click", "title"], ["title", "Share", 1, "share-btn", 3, "click"], [1, "fas", "fa-share-nodes"], [1, "maximize-btn", 3, "click", "title"], ["title", "Close", 1, "close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "fas", "fa-spinner", "fa-spin"], [1, "artifact-content-wrapper"], [1, "tab-navigation"], [1, "tab-content"], [1, "plugin-container", 3, "plugin-hidden"], [1, "display-content"], [1, "details-content"], [1, "artifact-meta"], [1, "meta-item"], [1, "meta-item", "full-width"], [1, "attributes-section"], [1, "links-container"], [1, "links-section"], ["Icon", "fa-solid fa-link", "Title", "No links available", "Size", "compact"], [1, "tab-btn", 3, "active"], [1, "tab-btn", 3, "click"], [3, "class"], [1, "plugin-container"], [3, "openEntityRecord", "navigationRequest", "pluginLoaded", "tabsChanged", "applyFormRequested", "artifactVersion", "artifactTypeName", "contentType", "readonly"], ["data-testid", "file-fallback", 1, "file-fallback"], [1, "display-toolbar"], ["title", "Print", 1, "btn-icon", 3, "click"], [1, "fas", "fa-print"], ["title", "Copy Content", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "markdown-content"], [1, "html-content", 3, "innerHTML"], [3, "data", "enableCollapsibleHeadings", "enableLineNumbers", "enableSmartypants", "enableHtml"], [1, "file-fallback-card"], ["aria-hidden", "true", 1, "fas", 3, "ngClass"], [1, "file-fallback-meta"], [1, "file-fallback-name"], [1, "file-fallback-sub"], ["type", "button", "title", "Download", 1, "btn-icon", "btn-primary", 3, "click", "disabled"], [1, "fas", "fa-download"], [1, "plaintext-viewer", "file-fallback-text"], [1, "attributes-list"], [1, "attribute-item"], [1, "attribute-empty-pill"], [1, "link-item", 3, "disabled", "clickable", "title"], [1, "link-item", 3, "click", "title"], [1, "link-icon"], [1, "fas", "fa-comments"], [1, "fas", "fa-folder"], [1, "link-content"], [1, "link-name"], [1, "link-type"], [1, "link-actions"], [1, "fas", "fa-arrow-right"], [1, "component-tab-content"], [4, "ngComponentOutlet", "ngComponentOutletInputs"], [1, "dynamic-tab-content"], [1, "markdown-viewer"], [1, "json-viewer"], [1, "code-viewer"], [1, "html-viewer", 3, "innerHTML"], [1, "plaintext-viewer"], [1, "json-toolbar"], ["title", "Copy JSON", 1, "btn-icon", 3, "click"], [1, "json-editor-container"], [2, "width", "100%", "height", "100%", 3, "value", "language", "readonly", "lineWrapping"], [1, "code-toolbar"], ["title", "Copy Code", 1, "btn-icon", 3, "click"], [1, "code-editor-container"]], template: function ArtifactViewerPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.PluginViewer = _t.first);
+        } }, inputs: { artifactId: "artifactId", CurrentUser: "CurrentUser", currentUser: "currentUser", EnvironmentId: "EnvironmentId", environmentId: "environmentId", VersionNumber: "VersionNumber", versionNumber: "versionNumber", ShowSaveToCollection: "ShowSaveToCollection", showSaveToCollection: "showSaveToCollection", ShowHeader: "ShowHeader", showHeader: "showHeader", ShowTabs: "ShowTabs", showTabs: "showTabs", ShowCloseButton: "ShowCloseButton", showCloseButton: "showCloseButton", ShowMaximizeButton: "ShowMaximizeButton", showMaximizeButton: "showMaximizeButton", RefreshTrigger: "RefreshTrigger", refreshTrigger: "refreshTrigger", ViewContext: "ViewContext", viewContext: "viewContext", ContextCollectionId: "ContextCollectionId", contextCollectionId: "contextCollectionId", canShare: "canShare", canEdit: "canEdit", IsMaximized: "IsMaximized", isMaximized: "isMaximized" }, outputs: { Closed: "Closed", closed: "closed", SaveToCollectionRequested: "SaveToCollectionRequested", saveToCollectionRequested: "saveToCollectionRequested", NavigateToLink: "NavigateToLink", navigateToLink: "navigateToLink", ShareRequested: "ShareRequested", shareRequested: "shareRequested", MaximizeToggled: "MaximizeToggled", maximizeToggled: "maximizeToggled", OpenEntityRecord: "OpenEntityRecord", openEntityRecord: "openEntityRecord", navigationRequest: "navigationRequest", AnalyzeRequested: "AnalyzeRequested", analyzeRequested: "analyzeRequested", ApplyFormRequested: "ApplyFormRequested", applyFormRequested: "applyFormRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 6, consts: [[1, "artifact-viewer-panel"], [1, "panel-header"], [1, "panel-content"], [1, "loading-state"], ["Variant", "error", "Icon", "fa-solid fa-triangle-exclamation", "Title", "Couldn't load artifact", "Size", "compact", 3, "Message"], [1, "artifact-content-wrapper", 3, "no-tabs"], [1, "panel-header-left"], [1, "fas", 3, "ngClass"], [1, "header-description"], [1, "panel-header-right"], [1, "version-selector", 3, "click"], [1, "fas", "fa-history"], [1, "version-label"], [1, "fas", "fa-chevron-down", "dropdown-icon", 3, "open"], [1, "version-dropdown"], ["title", "Inspect & rate components", 1, "feedback-btn"], [1, "save-to-collection-btn", 3, "in-collection", "title"], ["title", "Share", 1, "share-btn"], ["title", "Analyze this artifact with AI", 1, "analyze-btn", 3, "click"], [1, "fas", "fa-magnifying-glass-chart"], [1, "maximize-btn", 3, "title"], ["title", "Close", 1, "close-btn"], [1, "fas", "fa-chevron-down", "dropdown-icon"], [1, "version-dropdown", 3, "click"], [1, "version-option", 3, "selected"], [1, "version-option", 3, "click"], [1, "version-number"], [1, "version-date"], [1, "fas", "fa-check"], ["title", "Inspect & rate components", 1, "feedback-btn", 3, "click"], [1, "fas", "fa-star-half-stroke"], [1, "save-to-collection-btn", 3, "click", "title"], ["title", "Share", 1, "share-btn", 3, "click"], [1, "fas", "fa-share-nodes"], [1, "maximize-btn", 3, "click", "title"], ["title", "Close", 1, "close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "fas", "fa-spinner", "fa-spin"], [1, "artifact-content-wrapper"], [1, "tab-navigation"], [1, "tab-content"], [1, "plugin-container", 3, "plugin-hidden"], [1, "display-content"], [1, "details-content"], [1, "artifact-meta"], [1, "meta-item"], [1, "meta-item", "full-width"], [1, "attributes-section"], [1, "links-container"], [1, "links-section"], ["Icon", "fa-solid fa-link", "Title", "No links available", "Size", "compact"], [1, "tab-btn", 3, "active"], [1, "tab-btn", 3, "click"], [3, "class"], [1, "plugin-container"], [3, "openEntityRecord", "navigationRequest", "pluginLoaded", "tabsChanged", "applyFormRequested", "artifactVersion", "artifactTypeName", "contentType", "readonly"], ["data-testid", "file-fallback", 1, "file-fallback"], [1, "display-toolbar"], ["title", "Print", 1, "btn-icon", 3, "click"], [1, "fas", "fa-print"], ["title", "Copy Content", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "markdown-content"], [1, "html-content", 3, "innerHTML"], [3, "data", "enableCollapsibleHeadings", "enableLineNumbers", "enableSmartypants", "enableHtml"], [1, "file-fallback-card"], ["aria-hidden", "true", 1, "fas", 3, "ngClass"], [1, "file-fallback-meta"], [1, "file-fallback-name"], [1, "file-fallback-sub"], ["type", "button", "title", "Download", 1, "btn-icon", "btn-primary", 3, "click", "disabled"], [1, "fas", "fa-download"], [1, "plaintext-viewer", "file-fallback-text"], [1, "attributes-list"], [1, "attribute-item"], [1, "attribute-empty-pill"], [1, "link-item", 3, "disabled", "clickable", "title"], [1, "link-item", 3, "click", "title"], [1, "link-icon"], [1, "fas", "fa-comments"], [1, "fas", "fa-folder"], [1, "link-content"], [1, "link-name"], [1, "link-type"], [1, "link-actions"], [1, "fas", "fa-arrow-right"], [1, "component-tab-content"], [4, "ngComponentOutlet", "ngComponentOutletInputs"], [1, "dynamic-tab-content"], [1, "markdown-viewer"], [1, "json-viewer"], [1, "code-viewer"], [1, "html-viewer", 3, "innerHTML"], [1, "plaintext-viewer"], [1, "json-toolbar"], ["title", "Copy JSON", 1, "btn-icon", 3, "click"], [1, "json-editor-container"], [2, "width", "100%", "height", "100%", 3, "value", "language", "readonly", "lineWrapping"], [1, "code-toolbar"], ["title", "Copy Code", 1, "btn-icon", 3, "click"], [1, "code-editor-container"]], template: function ArtifactViewerPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, ArtifactViewerPanelComponent_Conditional_1_Template, 20, 13, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -1983,53 +2431,93 @@ export class ArtifactViewerPanelComponent extends BaseAngularComponent {
         args: [{ standalone: false, selector: 'mj-artifact-viewer-panel', template: "<div class=\"artifact-viewer-panel\" [class.no-header]=\"!showHeader\">\n  @if (showHeader) {\n    <div class=\"panel-header\">\n      <div class=\"panel-header-left\">\n        <h3>\n          <i class=\"fas\" [ngClass]=\"artifactIcon\"></i>\n          {{ displayName }}\n        </h3>\n        @if (displayDescription) {\n          <p class=\"header-description\">{{ displayDescription }}</p>\n        }\n      </div>\n      <div class=\"panel-header-right\">\n        <div class=\"version-selector\"\n             [class.clickable]=\"allVersions.length > 1 && viewContext !== 'collection'\"\n             (click)=\"viewContext !== 'collection' && toggleVersionDropdown()\">\n          <i class=\"fas fa-history\"></i>\n          <span class=\"version-label\">v{{ selectedVersionNumber }}</span>\n          @if (allVersions.length > 1 && viewContext !== 'collection') {\n            <i class=\"fas fa-chevron-down dropdown-icon\" [class.open]=\"showVersionDropdown\"></i>\n          }\n          @if (showVersionDropdown) {\n            <div class=\"version-dropdown\" (click)=\"$event.stopPropagation()\">\n              @for (version of allVersions; track version.ID) {\n                <div class=\"version-option\"\n                     [class.selected]=\"version.VersionNumber === selectedVersionNumber\"\n                     (click)=\"selectVersion(version); $event.stopPropagation()\">\n                  <span class=\"version-number\">v{{ version.VersionNumber }}</span>\n                  <span class=\"version-date\">{{ version.__mj_CreatedAt | date:'short' }}</span>\n                  @if (version.VersionNumber === selectedVersionNumber) {\n                    <i class=\"fas fa-check\"></i>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n        @if (pluginViewer?.SupportsFeedback) {\n          <button class=\"feedback-btn\"\n                  (click)=\"pluginViewer?.AskUserForFeedback()\"\n                  title=\"Inspect & rate components\">\n            <i class=\"fas fa-star-half-stroke\"></i>\n          </button>\n        }\n        @if (showSaveToCollection) {\n          <button class=\"save-to-collection-btn\"\n                  [class.in-collection]=\"isInCollection\"\n                  (click)=\"onSaveToLibrary()\"\n                  [title]=\"isInCollection ? 'Current version saved to ' + currentVersionCollections.length + ' collection(s)' : 'Save to Collection'\">\n            <i [class]=\"isInCollection ? 'fas fa-bookmark' : 'far fa-bookmark'\"></i>\n          </button>\n        }\n        @if (canShare) {\n          <button class=\"share-btn\"\n                  (click)=\"onShare()\"\n                  title=\"Share\">\n            <i class=\"fas fa-share-nodes\"></i>\n          </button>\n        }\n        <button class=\"analyze-btn\"\n                (click)=\"OnAnalyze()\"\n                title=\"Analyze this artifact with AI\">\n          <i class=\"fas fa-magnifying-glass-chart\"></i>\n        </button>\n        @if (showMaximizeButton) {\n          <button class=\"maximize-btn\"\n                  (click)=\"onMaximizeToggle()\"\n                  [title]=\"isMaximized ? 'Restore Width' : 'Maximize Width'\">\n            <i class=\"fas\" [ngClass]=\"isMaximized ? 'fa-compress-arrows-alt' : 'fa-arrows-left-right'\"></i>\n          </button>\n        }\n        @if (showCloseButton) {\n          <button class=\"close-btn\" (click)=\"onClose()\" title=\"Close\">\n            <i class=\"fas fa-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"panel-content\">\n    @if (isLoading) {\n      <div class=\"loading-state\">\n        <i class=\"fas fa-spinner fa-spin\"></i>\n        <span>Loading artifact...</span>\n      </div>\n    }\n\n    @if (error) {\n      <mj-empty-state\n        Variant=\"error\"\n        Icon=\"fa-solid fa-triangle-exclamation\"\n        Title=\"Couldn't load artifact\"\n        [Message]=\"error\"\n        Size=\"compact\" />\n    }\n\n    @if (!isLoading && !error && artifact) {\n      <div class=\"artifact-content-wrapper\" [class.no-tabs]=\"!showTabs\">\n        <!-- Tab Navigation (Dynamic) - Hidden when showTabs is false -->\n        @if (showTabs) {\n          <div class=\"tab-navigation\">\n            @for (tab of allTabs; track tab) {\n              <button class=\"tab-btn\"\n                      [class.active]=\"activeTab === tab.toLowerCase()\"\n                      (click)=\"SetActiveTab(tab)\">\n                @if (GetTabIcon(tab)) {\n                  <i [class]=\"GetTabIcon(tab)!\"></i>\n                }\n                {{ tab }}\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Tab Content (Dynamic) -->\n        <div class=\"tab-content\">\n          <!-- Plugin Viewer - Created once, kept alive, shown/hidden with CSS -->\n          @if (hasPlugin && artifactVersion && artifactTypeName) {\n            <div class=\"plugin-container\" [class.plugin-hidden]=\"activeTab !== 'display'\">\n              <mj-artifact-type-plugin-viewer\n                [artifactVersion]=\"artifactVersion\"\n                [artifactTypeName]=\"artifactTypeName\"\n                [contentType]=\"contentType\"\n                [readonly]=\"true\"\n                (openEntityRecord)=\"onOpenEntityRecord($event)\"\n                (navigationRequest)=\"onNavigationRequest($event)\"\n                (pluginLoaded)=\"onPluginLoaded()\"\n                (tabsChanged)=\"onTabsChanged()\"\n                (applyFormRequested)=\"applyFormRequested.emit($event)\">\n              </mj-artifact-type-plugin-viewer>\n            </div>\n          }\n\n          <!-- Display Tab - Fallback content when no plugin -->\n          @if (activeTab === 'display' && (!hasPlugin || !artifactVersion)) {\n            <div class=\"display-content\">\n              @if (displayMarkdown || displayHtml) {\n                <!-- Fallback to extracted markdown/HTML attributes -->\n                <div class=\"display-toolbar\">\n                  <button class=\"btn-icon\" title=\"Print\" (click)=\"onPrintDisplayContent()\">\n                    <i class=\"fas fa-print\"></i> Print\n                  </button>\n                  <button class=\"btn-icon\" title=\"Copy Content\" (click)=\"onCopyDisplayContent()\">\n                    <i class=\"fas fa-copy\"></i> Copy\n                  </button>\n                </div>\n                @if (displayMarkdown) {\n                  <div class=\"markdown-content\">\n                    <mj-markdown [data]=\"displayMarkdown\"\n                                 [enableCollapsibleHeadings]=\"true\"\n                                 [enableLineNumbers]=\"true\"\n                                 [enableSmartypants]=\"true\"\n                                 [enableHtml]=\"true\"></mj-markdown>\n                  </div>\n                } @else if (displayHtml) {\n                  <div class=\"html-content\" [innerHTML]=\"displayHtml\"></div>\n                }\n              } @else if (showFileFallback) {\n                <!-- No viewer plugin for this type: a file card with a real Download, plus the text for text-like content -->\n                <div class=\"file-fallback\" data-testid=\"file-fallback\">\n                  <div class=\"file-fallback-card\">\n                    <i class=\"fas\" [ngClass]=\"artifactIcon\" aria-hidden=\"true\"></i>\n                    <div class=\"file-fallback-meta\">\n                      <div class=\"file-fallback-name\">{{ fallbackFileName }}</div>\n                      <div class=\"file-fallback-sub\">{{ artifactVersion?.MimeType || artifact.Type }}@if (fallbackSize) { \u00B7 {{ fallbackSize }}}</div>\n                    </div>\n                    <button class=\"btn-icon btn-primary\" type=\"button\" (click)=\"downloadArtifactFile()\" [disabled]=\"fallbackBusy\" title=\"Download\">\n                      <i class=\"fas fa-download\"></i> {{ fallbackBusy ? 'Preparing\u2026' : 'Download' }}\n                    </button>\n                  </div>\n                  @if (fallbackText !== null) {\n                    <pre class=\"plaintext-viewer file-fallback-text\">{{ fallbackText }}</pre>\n                    @if (fallbackTextTruncated) {\n                      <div class=\"file-fallback-sub\">Showing the first part only \u2014 download the file for all of it.</div>\n                    }\n                  }\n                </div>\n              }\n            </div>\n          }\n\n          <!-- Details Tab - Artifact metadata (always in DOM, hidden with CSS) -->\n          <div class=\"details-content\" [class.tab-hidden]=\"activeTab !== 'details'\">\n              <div class=\"artifact-meta\">\n                <div class=\"meta-item\">\n                  <label>Type</label>\n                  <span>{{ artifact.Type }}</span>\n                </div>\n                <div class=\"meta-item\">\n                  <label>Version</label>\n                  <span>{{ artifactVersion?.VersionNumber || 1 }}</span>\n                </div>\n                <div class=\"meta-item\">\n                  <label>Created</label>\n                  <span>{{ artifact.__mj_CreatedAt | date:'short' }}</span>\n                </div>\n                <div class=\"meta-item\">\n                  <label>Updated</label>\n                  <span>{{ artifactVersion?.__mj_UpdatedAt | date:'short' }}</span>\n                </div>\n                @if (artifact.Description) {\n                  <div class=\"meta-item full-width\">\n                    <label>Artifact Description</label>\n                    <span>{{ artifact.Description }}</span>\n                  </div>\n                }\n                @if (artifactVersion?.Description && artifact.Description && artifactVersion?.Description !== artifact.Description) {\n                  <div class=\"meta-item full-width\">\n                    <label>Version Description</label>\n                    <span>{{ artifactVersion?.Description }}</span>\n                  </div>\n                }\n              </div>\n\n              <!-- Version Attributes -->\n              @if (filteredAttributes.length > 0) {\n                <div class=\"attributes-section\">\n                  <h4>Version Attributes</h4>\n                  <div class=\"attributes-list\">\n                    @for (attr of filteredAttributes; track attr.ID) {\n                      <div class=\"attribute-item\">\n                        <label>{{ attr.Name }}</label>\n                        @if (attr.Value) {\n                          <span>{{ attr.Value }}</span>\n                        } @else {\n                          <span class=\"attribute-empty-pill\">Empty</span>\n                        }\n                      </div>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n\n          <!-- Links Tab - Conversations and Collections (always in DOM, hidden with CSS) -->\n          <div class=\"links-container\" [class.tab-hidden]=\"activeTab !== 'links'\">\n            @if (linksToShow.length > 0) {\n              <div class=\"links-section\">\n                @for (link of linksToShow; track link.id) {\n                  <div class=\"link-item\"\n                       [class.disabled]=\"!link.hasAccess\"\n                       [class.clickable]=\"link.hasAccess\"\n                       (click)=\"link.hasAccess ? onNavigateToLink(link) : null\"\n                       [title]=\"link.hasAccess ? 'Click to open' : 'No access'\">\n                    <div class=\"link-icon\">\n                      @if (link.type === 'conversation') {\n                        <i class=\"fas fa-comments\"></i>\n                      } @else {\n                        <i class=\"fas fa-folder\"></i>\n                      }\n                    </div>\n                    <div class=\"link-content\">\n                      <div class=\"link-name\">{{ link.name }}</div>\n                      <div class=\"link-type\">{{ link.type === 'conversation' ? 'Conversation' : 'Collection' }}</div>\n                    </div>\n                    <div class=\"link-actions\">\n                      <i class=\"fas fa-arrow-right\"></i>\n                    </div>\n                  </div>\n                }\n              </div>\n            } @else {\n              <mj-empty-state\n                Icon=\"fa-solid fa-link\"\n                Title=\"No links available\"\n                Size=\"compact\" />\n            }\n          </div>\n\n          <!-- Dynamic Plugin Tabs and Base Tabs (JSON, etc.) -->\n          @if (activeTab !== 'display' && activeTab !== 'details' && activeTab !== 'links') {\n            <!-- Check if this is a component tab -->\n            @if (GetComponentTabType(activeTab); as componentType) {\n              <div class=\"component-tab-content\">\n                <ng-container *ngComponentOutlet=\"componentType; inputs: GetComponentInputs(activeTab)\"></ng-container>\n              </div>\n            } @else {\n              @if (GetTabContent(activeTab); as tabData) {\n                <div class=\"dynamic-tab-content\">\n                  @switch (tabData.type) {\n                    @case ('markdown') {\n                      <div class=\"markdown-viewer\">\n                        <mj-markdown [data]=\"tabData.content\"\n                                     [enableCollapsibleHeadings]=\"true\"\n                                     [enableLineNumbers]=\"true\"\n                                     [enableSmartypants]=\"true\"\n                                     [enableHtml]=\"true\"></mj-markdown>\n                      </div>\n                    }\n                    @case ('json') {\n                      <div class=\"json-viewer\">\n                        <div class=\"json-toolbar\">\n                          <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"onCopyToClipboard()\">\n                            <i class=\"fas fa-copy\"></i> Copy\n                          </button>\n                        </div>\n                        <div class=\"json-editor-container\">\n                          <mj-code-editor\n                            [value]=\"tabData.content\"\n                            [language]=\"'json'\"\n                            [readonly]=\"true\"\n                            [lineWrapping]=\"true\"\n                            style=\"width: 100%; height: 100%;\">\n                          </mj-code-editor>\n                        </div>\n                      </div>\n                    }\n                    @case ('code') {\n                      <div class=\"code-viewer\">\n                        <div class=\"code-toolbar\">\n                          <button class=\"btn-icon\" title=\"Copy Code\" (click)=\"onCopyToClipboard()\">\n                            <i class=\"fas fa-copy\"></i> Copy\n                          </button>\n                        </div>\n                        <div class=\"code-editor-container\">\n                          <mj-code-editor\n                            [value]=\"tabData.content\"\n                            [language]=\"tabData.language || 'typescript'\"\n                            [readonly]=\"true\"\n                            [lineWrapping]=\"true\"\n                            style=\"width: 100%; height: 100%;\">\n                          </mj-code-editor>\n                        </div>\n                      </div>\n                    }\n                    @case ('html') {\n                      <div class=\"html-viewer\" [innerHTML]=\"tabData.content\"></div>\n                    }\n                    @case ('plaintext') {\n                      <pre class=\"plaintext-viewer\">{{ tabData.content }}</pre>\n                    }\n                  }\n                </div>\n              }\n            }\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n", styles: [".artifact-viewer-panel {\n  width: 100%;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  flex-shrink: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.panel-header-left {\n  flex: 1;\n  min-width: 0;\n  margin-right: 16px;\n}\n\n.panel-header h3 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.panel-header h3 i {\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.header-description {\n  margin: 4px 0 0 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  font-weight: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.panel-header-right {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n}\n\n.version-selector {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 12px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n  transition: all 0.2s;\n}\n\n.version-selector.clickable {\n  cursor: pointer;\n}\n\n.version-selector.clickable:hover {\n  background: var(--mj-border-default);\n}\n\n.version-selector i {\n  font-size: 11px;\n}\n\n.version-selector .dropdown-icon {\n  margin-left: 2px;\n  transition: transform 0.2s;\n}\n\n.version-selector .dropdown-icon.open {\n  transform: rotate(180deg);\n}\n\n.version-label {\n  font-family: monospace;\n}\n\n.version-dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  min-width: 200px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-md);\n  z-index: 1000;\n  overflow: hidden;\n}\n\n.version-option {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background 0.15s;\n  font-size: 13px;\n}\n\n.version-option:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.version-option.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.version-option .version-number {\n  font-family: monospace;\n  font-weight: 600;\n  min-width: 35px;\n}\n\n.version-option .version-date {\n  flex: 1;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.version-option i.fa-check {\n  color: var(--mj-status-success);\n  margin-left: auto;\n}\n\n.feedback-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  padding: 6px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.feedback-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-brand-primary);\n}\n\n.feedback-btn i {\n  font-size: 14px;\n}\n\n.save-to-collection-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  padding: 6px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.save-to-collection-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n}\n\n.save-to-collection-btn i {\n  font-size: 14px;\n}\n\n.save-to-collection-btn.in-collection {\n  color: var(--mj-brand-primary);\n}\n\n.save-to-collection-btn.in-collection:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.share-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  padding: 6px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.share-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-brand-primary);\n}\n\n.share-btn i {\n  font-size: 14px;\n}\n\n.analyze-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  padding: 6px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.analyze-btn:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.analyze-btn i {\n  font-size: 14px;\n}\n\n.maximize-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  padding: 6px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.maximize-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n.maximize-btn i {\n  font-size: 14px;\n}\n\n.close-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  padding: 6px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.close-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n.close-btn i {\n  font-size: 14px;\n}\n\n.panel-content {\n  flex: 1;\n  overflow: hidden;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.artifact-content-wrapper {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.loading-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n\n.loading-state i {\n  font-size: 24px;\n}\n\n.artifact-meta {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 16px;\n  margin-bottom: 16px;\n  padding: 16px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  flex-shrink: 0;\n}\n\n.meta-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.meta-item label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.meta-item span {\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n.artifact-description {\n  padding: 12px;\n  margin-bottom: 16px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: 4px;\n  color: var(--mj-brand-primary);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.json-viewer {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n  min-height: 0;\n}\n\n.json-editor-container {\n  flex: 1;\n  overflow: hidden;\n  min-height: 0;\n}\n\n.json-toolbar {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.btn-icon {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  padding: 6px 12px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  transition: all 0.2s;\n}\n\n.btn-icon:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-text-disabled);\n}\n\n.btn-icon.btn-primary {\n  background: var(--mj-brand-primary);\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-icon.btn-primary:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.btn-icon i {\n  font-size: 14px;\n}\n\n/* Library Dialog Styles */\n.modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n}\n\n.modal-content {\n  background: var(--mj-bg-surface);\n  border-radius: 12px;\n  box-shadow: var(--mj-shadow-lg);\n  max-width: 500px;\n  width: 90%;\n  max-height: 90vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.modal-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.modal-header h3 i {\n  color: var(--mj-status-warning);\n}\n\n.modal-body {\n  padding: 20px;\n  overflow-y: auto;\n}\n\n.modal-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.form-section {\n  margin-bottom: 20px;\n}\n\n.form-section label {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n}\n\n.form-select,\n.form-input {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 6px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  transition: border-color 0.2s;\n}\n\n.form-select:focus,\n.form-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.divider {\n  display: flex;\n  align-items: center;\n  margin: 24px 0;\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.divider::before,\n.divider::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: var(--mj-border-default);\n}\n\n.divider span {\n  padding: 0 12px;\n}\n\n.create-collection-row {\n  display: flex;\n  gap: 8px;\n}\n\n.create-collection-row .form-input {\n  flex: 1;\n}\n\n.btn {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n\n.btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.btn-primary {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong);\n  color: var(--mj-text-secondary);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--mj-bg-surface-sunken);\n}\n\n/* Tab Navigation */\n.tab-navigation {\n  display: flex;\n  gap: 0;\n  border-bottom: 2px solid var(--mj-border-default);\n  padding: 0 16px;\n  background: var(--mj-bg-surface);\n}\n\n.tab-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 20px;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid transparent;\n  margin-bottom: -2px;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 150ms ease;\n}\n\n.tab-btn:hover {\n  color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n\n.tab-btn.active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.tab-btn i {\n  font-size: 14px;\n}\n\n/* Tab Content */\n.tab-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  width: 100%;\n  box-sizing: border-box;\n  margin-bottom: 5px;\n  min-width: 0;\n  min-height: 0;\n}\n\n/* Plugin Container */\n.plugin-container {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.plugin-container.plugin-hidden,\n.tab-hidden {\n  display: none;\n}\n\n/* Ensure artifact viewer component takes full height */\n.plugin-container mj-artifact-type-plugin-viewer {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n}\n\n.display-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  min-height: 0;\n  min-width: 0;\n  padding: 7px;\n}\n\n.display-toolbar {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  display: flex;\n  gap: 8px;\n  z-index: 10;\n}\n\n.markdown-content,\n.html-content {\n  flex: 1;\n  font-size: 14px;\n  line-height: 1.6;\n  width: 100%;\n  padding: 20px 10px 5px 20px; /* top right bottom left */\n  box-sizing: border-box;\n  overflow: auto;\n  min-height: 0;\n}\n\n.details-content {\n  padding: 20px;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.details-content .artifact-meta {\n  margin-bottom: 0;\n  padding: 20px;\n}\n\n.details-content .meta-item.full-width {\n  grid-column: 1 / -1;\n}\n\n.attributes-section {\n  margin-top: 24px;\n  padding: 24px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.attributes-section h4 {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.attributes-list {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 16px;\n}\n\n.attribute-item {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  background: var(--mj-bg-surface);\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n}\n\n.attribute-item label {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.attribute-item span {\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  word-break: break-word;\n}\n\n.attribute-empty-pill {\n  display: inline-block;\n  padding: 2px 8px;\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  font-weight: 500;\n  border-radius: 4px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Links Tab */\n.links-container {\n  padding: 20px;\n}\n\n.links-section {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.link-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: all 0.15s;\n}\n\n.link-item.clickable {\n  cursor: pointer;\n}\n\n.link-item.clickable:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: var(--mj-shadow-sm);\n  background: var(--mj-bg-surface-sunken);\n}\n\n.link-item.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.link-item:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.link-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  flex-shrink: 0;\n}\n\n.link-icon i {\n  font-size: 18px;\n  color: var(--mj-brand-primary);\n}\n\n.link-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.link-name {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.link-type {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  margin-top: 2px;\n}\n\n.link-actions {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.link-actions i {\n  font-size: 14px;\n  color: var(--mj-text-muted);\n  transition: all 0.15s;\n}\n\n.link-item.clickable:hover .link-actions i {\n  color: var(--mj-brand-primary);\n  transform: translateX(2px);\n}\n\n/* Dynamic Tab Content Styles */\n.dynamic-tab-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 16px;\n}\n\n/* Custom component tab content */\n.component-tab-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  padding: 16px;\n}\n\n.markdown-viewer {\n  flex: 1;\n  overflow: auto;\n  padding: 20px;\n  background: var(--mj-bg-surface);\n  line-height: 1.6;\n}\n\n.markdown-viewer h1, .markdown-viewer h2, .markdown-viewer h3 {\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: 600;\n}\n\n.markdown-viewer h1 { font-size: 24px; }\n.markdown-viewer h2 { font-size: 20px; }\n.markdown-viewer h3 { font-size: 18px; }\n\n.markdown-viewer p {\n  margin-bottom: 12px;\n}\n\n.markdown-viewer ul, .markdown-viewer ol {\n  margin-bottom: 12px;\n  padding-left: 24px;\n}\n\n.markdown-viewer code {\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-family: 'Courier New', monospace;\n  font-size: 13px;\n}\n\n.markdown-viewer pre {\n  background: var(--mj-bg-surface-sunken);\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n  margin-bottom: 12px;\n}\n\n.markdown-viewer pre code {\n  background: none;\n  padding: 0;\n}\n\n.code-viewer {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n  min-height: 0;\n}\n\n.code-toolbar {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.code-editor-container {\n  flex: 1;\n  overflow: hidden;\n  min-height: 0;\n}\n\n.plaintext-viewer {\n  flex: 1;\n  overflow: auto;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  font-family: 'Courier New', monospace;\n  font-size: 13px;\n  white-space: pre-wrap;\n}\n\n.html-viewer {\n  flex: 1;\n  overflow: auto;\n  padding: 20px;\n  background: var(--mj-bg-surface);\n}\n\n/* Mobile adjustments: 481px - 768px */\n@media (max-width: 768px) {\n  /* Add top border with slight visual separation from top nav */\n  .artifact-viewer-panel {\n    border-top: 3px solid var(--mj-brand-primary);\n    position: relative;\n  }\n\n  /* Create a small dark strip above the blue border to separate from top nav */\n  .artifact-viewer-panel::before {\n    content: '';\n    position: absolute;\n    top: -8px;\n    left: 0;\n    right: 0;\n    height: 8px;\n    background: var(--mj-brand-secondary);\n  }\n\n  .tab-navigation {\n    padding: 0 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n\n  .tab-navigation::-webkit-scrollbar {\n    display: none;\n  }\n\n  .tab-btn {\n    padding: 10px 12px;\n    font-size: 12px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  .tab-btn i {\n    font-size: 13px;\n  }\n\n  .panel-header {\n    padding: 12px;\n  }\n\n  .dynamic-tab-content {\n    padding: 12px;\n  }\n\n  .markdown-viewer {\n    padding: 12px;\n  }\n}\n\n/* Small Phone adjustments: <= 480px */\n@media (max-width: 480px) {\n  .tab-navigation {\n    padding: 0 4px;\n  }\n\n  .tab-btn {\n    padding: 8px 10px;\n    font-size: 11px;\n    gap: 4px;\n  }\n\n  .tab-btn i {\n    font-size: 12px;\n  }\n\n  .panel-header {\n    padding: 8px;\n  }\n\n  .dynamic-tab-content {\n    padding: 8px;\n  }\n\n  .markdown-viewer {\n    padding: 8px;\n  }\n}\n\n/* No-plugin fallback: a file card with a download action, text underneath when it is text-like */\n.file-fallback { display: flex; flex-direction: column; gap: var(--mj-space-3, 12px); padding: var(--mj-space-4, 16px); }\n.file-fallback-card {\n  display: flex; align-items: center; gap: var(--mj-space-3, 12px);\n  padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n  border: 1px solid var(--mj-border-default); border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface-card, var(--mj-bg-surface));\n}\n.file-fallback-card > i { font-size: 1.5rem; color: var(--mj-brand-primary); }\n.file-fallback-meta { flex: 1; min-width: 0; }\n.file-fallback-name { font-weight: var(--mj-font-semibold, 600); color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.file-fallback-sub { font-size: var(--mj-text-sm, 0.85rem); color: var(--mj-text-muted); }\n.file-fallback-text { max-height: 60vh; overflow: auto; margin: 0; }\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.MJNotificationService }, { type: i2.DomSanitizer }, { type: i3.ArtifactIconService }, { type: i4.ArtifactFileService }], { artifactId: [{
             type: Input
+        }], CurrentUser: [{
+            type: Input
         }], currentUser: [{
             type: Input
+        }], EnvironmentId: [{
+            type: Input
         }], environmentId: [{
             type: Input
+        }], VersionNumber: [{
+            type: Input
         }], versionNumber: [{
             type: Input
+        }], ShowSaveToCollection: [{
+            type: Input
         }], showSaveToCollection: [{
             type: Input
+        }], ShowHeader: [{
+            type: Input
         }], showHeader: [{
             type: Input
+        }], ShowTabs: [{
+            type: Input
         }], showTabs: [{
             type: Input
+        }], ShowCloseButton: [{
+            type: Input
         }], showCloseButton: [{
             type: Input
+        }], ShowMaximizeButton: [{
+            type: Input
         }], showMaximizeButton: [{
             type: Input
+        }], RefreshTrigger: [{
+            type: Input
         }], refreshTrigger: [{
             type: Input
+        }], ViewContext: [{
+            type: Input
         }], viewContext: [{
             type: Input
+        }], ContextCollectionId: [{
+            type: Input
         }], contextCollectionId: [{
             type: Input
         }], canShare: [{
             type: Input
         }], canEdit: [{
             type: Input
+        }], IsMaximized: [{
+            type: Input
         }], isMaximized: [{
             type: Input
+        }], Closed: [{
+            type: Output
         }], closed: [{
             type: Output
+        }], SaveToCollectionRequested: [{
+            type: Output
         }], saveToCollectionRequested: [{
             type: Output
+        }], NavigateToLink: [{
+            type: Output
         }], navigateToLink: [{
             type: Output
+        }], ShareRequested: [{
+            type: Output
         }], shareRequested: [{
             type: Output
+        }], MaximizeToggled: [{
+            type: Output
         }], maximizeToggled: [{
             type: Output
+        }], OpenEntityRecord: [{
+            type: Output
         }], openEntityRecord: [{
             type: Output
         }], navigationRequest: [{
             type: Output
+        }], AnalyzeRequested: [{
+            type: Output
         }], analyzeRequested: [{
             type: Output
+        }], ApplyFormRequested: [{
+            type: Output
         }], applyFormRequested: [{
             type: Output
-        }], pluginViewer: [{
+        }], PluginViewer: [{
             type: ViewChild,
             args: [ArtifactTypePluginViewerComponent]
         }] }); })();