@memberjunction/ng-artifacts 2.105.0

package/dist/lib/artifacts.module.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/artifact-type-plugin-viewer.component";
+import * as i2 from "./components/artifact-viewer-panel.component";
+import * as i3 from "./components/artifact-version-history.component";
+import * as i4 from "./components/artifact-message-card.component";
+import * as i5 from "./components/plugins/json-artifact-viewer.component";
+import * as i6 from "./components/plugins/code-artifact-viewer.component";
+import * as i7 from "./components/plugins/markdown-artifact-viewer.component";
+import * as i8 from "./components/plugins/html-artifact-viewer.component";
+import * as i9 from "./components/plugins/svg-artifact-viewer.component";
+import * as i10 from "./components/plugins/component-artifact-viewer.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/forms";
+import * as i13 from "ngx-markdown";
+import * as i14 from "@memberjunction/ng-code-editor";
+import * as i15 from "@memberjunction/ng-react";
+/**
+ * Module for artifact viewer plugin system.
+ * Provides components for viewing different types of artifacts (JSON, Code, Markdown, HTML, SVG, Components).
+ *
+ * Plugins are automatically registered via @RegisterClass decorator and can be instantiated
+ * using MJGlobal.Instance.ClassFactory.CreateInstance('PluginClassName').
+ */
+export declare class ArtifactsModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArtifactsModule, [typeof i1.ArtifactTypePluginViewerComponent, typeof i2.ArtifactViewerPanelComponent, typeof i3.ArtifactVersionHistoryComponent, typeof i4.ArtifactMessageCardComponent, typeof i5.JsonArtifactViewerComponent, typeof i6.CodeArtifactViewerComponent, typeof i7.MarkdownArtifactViewerComponent, typeof i8.HtmlArtifactViewerComponent, typeof i9.SvgArtifactViewerComponent, typeof i10.ComponentArtifactViewerComponent], [typeof i11.CommonModule, typeof i12.FormsModule, typeof i13.MarkdownModule, typeof i14.CodeEditorModule, typeof i15.MJReactModule], [typeof i1.ArtifactTypePluginViewerComponent, typeof i2.ArtifactViewerPanelComponent, typeof i3.ArtifactVersionHistoryComponent, typeof i4.ArtifactMessageCardComponent, typeof i5.JsonArtifactViewerComponent, typeof i6.CodeArtifactViewerComponent, typeof i7.MarkdownArtifactViewerComponent, typeof i8.HtmlArtifactViewerComponent, typeof i9.SvgArtifactViewerComponent, typeof i10.ComponentArtifactViewerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArtifactsModule>;
+}
+//# sourceMappingURL=artifacts.module.d.ts.map

package/dist/lib/artifacts.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifacts.module.d.ts","sourceRoot":"","sources":["../../src/lib/artifacts.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuBA;;;;;;GAMG;AACH,qBA8Ca,eAAe;;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAa3B"}

package/dist/lib/artifacts.module.js

@@ -0,0 +1,124 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MarkdownModule } from 'ngx-markdown';
+// Import MJ modules
+import { CodeEditorModule } from '@memberjunction/ng-code-editor';
+import { MJReactModule } from '@memberjunction/ng-react';
+// Import plugin components (note: base component is abstract and NOT declared)
+import { JsonArtifactViewerComponent } from './components/plugins/json-artifact-viewer.component';
+import { CodeArtifactViewerComponent } from './components/plugins/code-artifact-viewer.component';
+import { MarkdownArtifactViewerComponent } from './components/plugins/markdown-artifact-viewer.component';
+import { HtmlArtifactViewerComponent } from './components/plugins/html-artifact-viewer.component';
+import { SvgArtifactViewerComponent } from './components/plugins/svg-artifact-viewer.component';
+import { ComponentArtifactViewerComponent } from './components/plugins/component-artifact-viewer.component';
+// Import artifact type plugin viewer component
+import { ArtifactTypePluginViewerComponent } from './components/artifact-type-plugin-viewer.component';
+import { ArtifactVersionHistoryComponent } from './components/artifact-version-history.component';
+import { ArtifactViewerPanelComponent } from './components/artifact-viewer-panel.component';
+import { ArtifactMessageCardComponent } from './components/artifact-message-card.component';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-markdown";
+/**
+ * Module for artifact viewer plugin system.
+ * Provides components for viewing different types of artifacts (JSON, Code, Markdown, HTML, SVG, Components).
+ *
+ * Plugins are automatically registered via @RegisterClass decorator and can be instantiated
+ * using MJGlobal.Instance.ClassFactory.CreateInstance('PluginClassName').
+ */
+export class ArtifactsModule {
+    constructor() {
+        // Ensure plugin components are registered on module load by referencing their classes
+        // The @RegisterClass decorator on each component handles the actual registration with MJGlobal
+        [
+            JsonArtifactViewerComponent,
+            CodeArtifactViewerComponent,
+            MarkdownArtifactViewerComponent,
+            HtmlArtifactViewerComponent,
+            SvgArtifactViewerComponent,
+            ComponentArtifactViewerComponent
+        ];
+    }
+    static ɵfac = function ArtifactsModule_Factory(t) { return new (t || ArtifactsModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ArtifactsModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            FormsModule,
+            MarkdownModule.forChild(),
+            CodeEditorModule,
+            MJReactModule] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArtifactsModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    // Artifact type plugin viewer (loads appropriate plugin based on DriverClass)
+                    ArtifactTypePluginViewerComponent,
+                    // Artifact viewer UI components
+                    ArtifactViewerPanelComponent,
+                    ArtifactVersionHistoryComponent,
+                    ArtifactMessageCardComponent,
+                    // Plugin components
+                    JsonArtifactViewerComponent,
+                    CodeArtifactViewerComponent,
+                    MarkdownArtifactViewerComponent,
+                    HtmlArtifactViewerComponent,
+                    SvgArtifactViewerComponent,
+                    ComponentArtifactViewerComponent
+                ],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    MarkdownModule.forChild(),
+                    CodeEditorModule,
+                    MJReactModule
+                ],
+                exports: [
+                    // Export artifact type plugin viewer
+                    ArtifactTypePluginViewerComponent,
+                    // Export artifact viewer UI components
+                    ArtifactViewerPanelComponent,
+                    ArtifactVersionHistoryComponent,
+                    ArtifactMessageCardComponent,
+                    // Export plugin components
+                    JsonArtifactViewerComponent,
+                    CodeArtifactViewerComponent,
+                    MarkdownArtifactViewerComponent,
+                    HtmlArtifactViewerComponent,
+                    SvgArtifactViewerComponent,
+                    ComponentArtifactViewerComponent
+                ],
+                providers: [
+                // Plugins are registered via @RegisterClass decorator on component classes, no providers needed
+                ]
+            }]
+    }], () => [], null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ArtifactsModule, { declarations: [
+        // Artifact type plugin viewer (loads appropriate plugin based on DriverClass)
+        ArtifactTypePluginViewerComponent,
+        // Artifact viewer UI components
+        ArtifactViewerPanelComponent,
+        ArtifactVersionHistoryComponent,
+        ArtifactMessageCardComponent,
+        // Plugin components
+        JsonArtifactViewerComponent,
+        CodeArtifactViewerComponent,
+        MarkdownArtifactViewerComponent,
+        HtmlArtifactViewerComponent,
+        SvgArtifactViewerComponent,
+        ComponentArtifactViewerComponent], imports: [CommonModule,
+        FormsModule, i1.MarkdownModule, CodeEditorModule,
+        MJReactModule], exports: [
+        // Export artifact type plugin viewer
+        ArtifactTypePluginViewerComponent,
+        // Export artifact viewer UI components
+        ArtifactViewerPanelComponent,
+        ArtifactVersionHistoryComponent,
+        ArtifactMessageCardComponent,
+        // Export plugin components
+        JsonArtifactViewerComponent,
+        CodeArtifactViewerComponent,
+        MarkdownArtifactViewerComponent,
+        HtmlArtifactViewerComponent,
+        SvgArtifactViewerComponent,
+        ComponentArtifactViewerComponent] }); })();
+//# sourceMappingURL=artifacts.module.js.map

package/dist/lib/artifacts.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifacts.module.js","sourceRoot":"","sources":["../../src/lib/artifacts.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,oBAAoB;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,+EAA+E;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qDAAqD,CAAC;AAClG,OAAO,EAAE,2BAA2B,EAAE,MAAM,qDAAqD,CAAC;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,yDAAyD,CAAC;AAC1G,OAAO,EAAE,2BAA2B,EAAE,MAAM,qDAAqD,CAAC;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAChG,OAAO,EAAE,gCAAgC,EAAE,MAAM,0DAA0D,CAAC;AAE5G,+CAA+C;AAC/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,oDAAoD,CAAC;AACvG,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;;;AAE5F;;;;;;GAMG;AA+CH,MAAM,OAAO,eAAe;IAC1B;QACE,sFAAsF;QACtF,+FAA+F;QAC/F;YACE,2BAA2B;YAC3B,2BAA2B;YAC3B,+BAA+B;YAC/B,2BAA2B;YAC3B,0BAA0B;YAC1B,gCAAgC;SACjC,CAAC;IACJ,CAAC;yEAZU,eAAe;4DAAf,eAAe;gEA3BxB,YAAY;YACZ,WAAW;YACX,cAAc,CAAC,QAAQ,EAAE;YACzB,gBAAgB;YAChB,aAAa;;iFAuBJ,eAAe;cA9C3B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,8EAA8E;oBAC9E,iCAAiC;oBAEjC,gCAAgC;oBAChC,4BAA4B;oBAC5B,+BAA+B;oBAC/B,4BAA4B;oBAE5B,oBAAoB;oBACpB,2BAA2B;oBAC3B,2BAA2B;oBAC3B,+BAA+B;oBAC/B,2BAA2B;oBAC3B,0BAA0B;oBAC1B,gCAAgC;iBACjC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,cAAc,CAAC,QAAQ,EAAE;oBACzB,gBAAgB;oBAChB,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,qCAAqC;oBACrC,iCAAiC;oBAEjC,uCAAuC;oBACvC,4BAA4B;oBAC5B,+BAA+B;oBAC/B,4BAA4B;oBAE5B,2BAA2B;oBAC3B,2BAA2B;oBAC3B,2BAA2B;oBAC3B,+BAA+B;oBAC/B,2BAA2B;oBAC3B,0BAA0B;oBAC1B,gCAAgC;iBACjC;gBACD,SAAS,EAAE;gBACT,gGAAgG;iBACjG;aACF;;wFACY,eAAe;QA5CxB,8EAA8E;QAC9E,iCAAiC;QAEjC,gCAAgC;QAChC,4BAA4B;QAC5B,+BAA+B;QAC/B,4BAA4B;QAE5B,oBAAoB;QACpB,2BAA2B;QAC3B,2BAA2B;QAC3B,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;QAC1B,gCAAgC,aAGhC,YAAY;QACZ,WAAW,qBAEX,gBAAgB;QAChB,aAAa;QAGb,qCAAqC;QACrC,iCAAiC;QAEjC,uCAAuC;QACvC,4BAA4B;QAC5B,+BAA+B;QAC/B,4BAA4B;QAE5B,2BAA2B;QAC3B,2BAA2B;QAC3B,2BAA2B;QAC3B,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;QAC1B,gCAAgC"}

package/dist/lib/components/artifact-message-card.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { ArtifactEntity, ArtifactVersionEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+/**
+ * Artifact message card component - displays a simple info bar for artifacts in conversation messages.
+ * Shows artifact icon, name, type badge, and version. Click to open full artifact viewer.
+ */
+export declare class ArtifactMessageCardComponent implements OnInit, OnDestroy {
+    artifactId: string;
+    versionNumber?: number;
+    currentUser: UserInfo;
+    artifact?: ArtifactEntity;
+    artifactVersion?: ArtifactVersionEntity;
+    actionPerformed: EventEmitter<{
+        action: string;
+        artifact: ArtifactEntity;
+        version?: ArtifactVersionEntity | undefined;
+    }>;
+    _artifact: ArtifactEntity | null;
+    _currentVersion: ArtifactVersionEntity | null;
+    loading: boolean;
+    error: boolean;
+    private destroy$;
+    constructor();
+    ngOnInit(): Promise<void>;
+    get artifactEntity(): ArtifactEntity | null;
+    get currentVersion(): ArtifactVersionEntity | null;
+    ngOnDestroy(): void;
+    private loadArtifact;
+    private loadVersionContent;
+    /**
+     * Get the display name - prefer version-specific name if available, otherwise use artifact name
+     */
+    get displayName(): string;
+    /**
+     * Get the display description - prefer version-specific description if available, otherwise use artifact description
+     */
+    get displayDescription(): string | null;
+    get isCodeArtifact(): boolean;
+    getArtifactIcon(): string;
+    getTypeBadgeColor(): string;
+    openFullView(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactMessageCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArtifactMessageCardComponent, "mj-artifact-message-card", never, { "artifactId": { "alias": "artifactId"; "required": false; }; "versionNumber": { "alias": "versionNumber"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "artifact": { "alias": "artifact"; "required": false; }; "artifactVersion": { "alias": "artifactVersion"; "required": false; }; }, { "actionPerformed": "actionPerformed"; }, never, never, false, never>;
+}
+//# sourceMappingURL=artifact-message-card.component.d.ts.map

package/dist/lib/components/artifact-message-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-message-card.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/artifact-message-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;;AAIzD;;;GAGG;AACH,qBAyKa,4BAA6B,YAAW,MAAM,EAAE,SAAS;IAC3D,UAAU,EAAG,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACvC,eAAe;gBAA6B,MAAM;kBAAY,cAAc;;OAAsC;IAErH,SAAS,EAAE,cAAc,GAAG,IAAI,CAAQ;IACxC,eAAe,EAAE,qBAAqB,GAAG,IAAI,CAAQ;IACrD,OAAO,UAAQ;IACf,KAAK,UAAS;IAErB,OAAO,CAAC,QAAQ,CAAuB;;IAIjC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAa/B,IAAW,cAAc,IAAI,cAAc,GAAG,IAAI,CAEjD;IAED,IAAW,cAAc,IAAI,qBAAqB,GAAG,IAAI,CAExD;IAED,WAAW,IAAI,IAAI;YAKL,YAAY;YAoCZ,kBAAkB;IAyBhC;;OAEG;IACH,IAAW,WAAW,IAAI,MAAM,CAK/B;IAED;;OAEG;IACH,IAAW,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAK7C;IAED,IAAW,cAAc,IAAI,OAAO,CAKnC;IAEM,eAAe,IAAI,MAAM;IAgBzB,iBAAiB,IAAI,MAAM;IAa3B,YAAY,IAAI,IAAI;yCAhKhB,4BAA4B;2CAA5B,4BAA4B;CAqKxC"}

package/dist/lib/components/artifact-message-card.component.js

@@ -0,0 +1,270 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { RunView } from '@memberjunction/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function ArtifactMessageCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "div", 4)(2, "div", 5);
+    i0.ɵɵelementEnd();
+} }
+function ArtifactMessageCardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 6);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Failed to load artifact");
+    i0.ɵɵelementEnd()();
+} }
+function ArtifactMessageCardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵlistener("click", function ArtifactMessageCardComponent_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openFullView()); });
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵelement(2, "i", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 10)(4, "span", 11);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 12)(7, "span", 13);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 14);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "div", 15);
+    i0.ɵɵelement(12, "i", 16);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.getArtifactIcon());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.displayName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("background", ctx_r1.getTypeBadgeColor());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.artifact.Type, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("v", (ctx_r1.currentVersion == null ? null : ctx_r1.currentVersion.VersionNumber) || 1, "");
+} }
+/**
+ * Artifact message card component - displays a simple info bar for artifacts in conversation messages.
+ * Shows artifact icon, name, type badge, and version. Click to open full artifact viewer.
+ */
+export class ArtifactMessageCardComponent {
+    artifactId;
+    versionNumber;
+    currentUser;
+    artifact; // Optional - if provided, skips loading
+    artifactVersion; // Optional - if provided, skips loading
+    actionPerformed = new EventEmitter();
+    _artifact = null;
+    _currentVersion = null;
+    loading = true;
+    error = false;
+    destroy$ = new Subject();
+    constructor() { }
+    async ngOnInit() {
+        // If entities are provided, use them directly
+        if (this.artifact && this.artifactVersion) {
+            this._artifact = this.artifact;
+            this._currentVersion = this.artifactVersion;
+            this.loading = false;
+        }
+        else {
+            // Otherwise load from database
+            await this.loadArtifact();
+        }
+    }
+    // Getters to access the internal properties
+    get artifactEntity() {
+        return this._artifact;
+    }
+    get currentVersion() {
+        return this._currentVersion;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    async loadArtifact() {
+        if (!this.artifactId) {
+            this.error = true;
+            this.loading = false;
+            return;
+        }
+        try {
+            this.loading = true;
+            this.error = false;
+            // Load artifact directly
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Conversation Artifacts',
+                ExtraFilter: `ID='${this.artifactId}'`,
+                MaxRows: 1,
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success && result.Results && result.Results.length > 0) {
+                this._artifact = result.Results[0];
+                // Load version content
+                await this.loadVersionContent();
+            }
+            else {
+                this.error = true;
+            }
+        }
+        catch (err) {
+            console.error('Error loading artifact:', err);
+            this.error = true;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async loadVersionContent() {
+        if (!this._artifact)
+            return;
+        try {
+            const rv = new RunView();
+            const filter = this.versionNumber
+                ? `ArtifactID='${this._artifact.ID}' AND VersionNumber=${this.versionNumber}`
+                : `ArtifactID='${this._artifact.ID}'`;
+            const result = await rv.RunView({
+                EntityName: 'MJ: Artifact Versions',
+                ExtraFilter: filter,
+                OrderBy: 'VersionNumber DESC',
+                MaxRows: 1,
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success && result.Results && result.Results.length > 0) {
+                this._currentVersion = result.Results[0];
+            }
+        }
+        catch (err) {
+            console.error('Error loading version content:', err);
+        }
+    }
+    /**
+     * Get the display name - prefer version-specific name if available, otherwise use artifact name
+     */
+    get displayName() {
+        if (this._currentVersion?.Name) {
+            return this._currentVersion.Name;
+        }
+        return this._artifact?.Name || 'Untitled';
+    }
+    /**
+     * Get the display description - prefer version-specific description if available, otherwise use artifact description
+     */
+    get displayDescription() {
+        if (this._currentVersion?.Description) {
+            return this._currentVersion.Description;
+        }
+        return this._artifact?.Description || null;
+    }
+    get isCodeArtifact() {
+        if (!this._artifact)
+            return false;
+        const name = this._artifact.Name?.toLowerCase() || '';
+        const codeExtensions = ['.js', '.ts', '.jsx', '.tsx', '.py', '.java', '.cs', '.cpp', '.c', '.go', '.rs', '.sql', '.html', '.css', '.scss'];
+        return codeExtensions.some(ext => name.endsWith(ext));
+    }
+    getArtifactIcon() {
+        if (!this._artifact)
+            return 'fa-file';
+        const name = this._artifact.Name?.toLowerCase() || '';
+        const type = this._artifact.Type?.toLowerCase() || '';
+        if (type.includes('code') || this.isCodeArtifact)
+            return 'fa-file-code';
+        if (type.includes('report'))
+            return 'fa-chart-line';
+        if (type.includes('dashboard'))
+            return 'fa-chart-bar';
+        if (type.includes('document') || name.endsWith('.md'))
+            return 'fa-file-lines';
+        if (name.endsWith('.json'))
+            return 'fa-file-code';
+        if (name.endsWith('.html'))
+            return 'fa-file-code';
+        return 'fa-file';
+    }
+    getTypeBadgeColor() {
+        if (!this._artifact)
+            return '#6B7280';
+        const type = this._artifact.Type?.toLowerCase() || '';
+        if (type.includes('code'))
+            return '#8B5CF6'; // Purple
+        if (type.includes('report'))
+            return '#3B82F6'; // Blue
+        if (type.includes('dashboard'))
+            return '#10B981'; // Green
+        if (type.includes('document'))
+            return '#F59E0B'; // Orange
+        return '#6B7280'; // Gray
+    }
+    openFullView() {
+        if (this._artifact) {
+            this.actionPerformed.emit({ action: 'open', artifact: this._artifact, version: this._currentVersion || undefined });
+        }
+    }
+    static ɵfac = function ArtifactMessageCardComponent_Factory(t) { return new (t || ArtifactMessageCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArtifactMessageCardComponent, selectors: [["mj-artifact-message-card"]], inputs: { artifactId: "artifactId", versionNumber: "versionNumber", currentUser: "currentUser", artifact: "artifact", artifactVersion: "artifactVersion" }, outputs: { actionPerformed: "actionPerformed" }, decls: 4, vars: 5, consts: [[1, "artifact-message-card"], [1, "artifact-skeleton"], [1, "artifact-error"], [1, "artifact-info-bar"], [1, "skeleton-icon"], [1, "skeleton-text"], [1, "fa-solid", "fa-exclamation-circle"], [1, "artifact-info-bar", 3, "click"], [1, "artifact-icon"], [1, "fa-solid", 3, "ngClass"], [1, "artifact-info"], [1, "artifact-name"], [1, "artifact-meta"], [1, "artifact-type-badge"], [1, "artifact-version"], [1, "open-icon"], [1, "fa-solid", "fa-arrow-up-right-from-square"]], template: function ArtifactMessageCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, ArtifactMessageCardComponent_Conditional_1_Template, 3, 0, "div", 1)(2, ArtifactMessageCardComponent_Conditional_2_Template, 4, 0, "div", 2)(3, ArtifactMessageCardComponent_Conditional_3_Template, 13, 6, "div", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("loading", ctx.loading)("error", ctx.error);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.loading ? 1 : ctx.error ? 2 : ctx.artifact ? 3 : -1);
+        } }, dependencies: [i1.NgClass], styles: [".artifact-message-card[_ngcontent-%COMP%] {\n      margin: 12px 0;\n    }\n\n    .artifact-skeleton[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n    }\n\n    .skeleton-icon[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      background: #E5E7EB;\n      border-radius: 6px;\n      animation: _ngcontent-%COMP%_pulse 1.5s ease-in-out infinite;\n    }\n\n    .skeleton-text[_ngcontent-%COMP%] {\n      flex: 1;\n      height: 32px;\n      background: #E5E7EB;\n      border-radius: 4px;\n      animation: _ngcontent-%COMP%_pulse 1.5s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .artifact-error[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: #FEE2E2;\n      border: 1px solid #FECACA;\n      border-radius: 6px;\n      color: #DC2626;\n      font-size: 14px;\n    }\n\n    .artifact-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n    }\n\n    .artifact-info-bar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 200ms ease;\n    }\n\n    .artifact-info-bar[_ngcontent-%COMP%]:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(30, 64, 175, 0.1);\n    }\n\n    .artifact-icon[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #F3F4F6;\n      border-radius: 6px;\n      flex-shrink: 0;\n      color: #6B7280;\n      font-size: 16px;\n    }\n\n    .artifact-info[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      min-width: 0;\n    }\n\n    .artifact-name[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #111827;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .artifact-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .artifact-type-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 8px;\n      color: white;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      border-radius: 3px;\n      text-transform: uppercase;\n    }\n\n    .artifact-version[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      font-weight: 500;\n    }\n\n    .open-icon[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      color: #9CA3AF;\n      font-size: 14px;\n      transition: color 200ms ease;\n    }\n\n    .artifact-info-bar[_ngcontent-%COMP%]:hover   .open-icon[_ngcontent-%COMP%] {\n      color: #1e40af;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArtifactMessageCardComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-artifact-message-card', template: `
+    <div class="artifact-message-card" [class.loading]="loading" [class.error]="error">
+      @if (loading) {
+        <div class="artifact-skeleton">
+          <div class="skeleton-icon"></div>
+          <div class="skeleton-text"></div>
+        </div>
+      } @else if (error) {
+        <div class="artifact-error">
+          <i class="fa-solid fa-exclamation-circle"></i>
+          <span>Failed to load artifact</span>
+        </div>
+      } @else if (artifact) {
+        <div class="artifact-info-bar" (click)="openFullView()">
+          <div class="artifact-icon">
+            <i class="fa-solid" [ngClass]="getArtifactIcon()"></i>
+          </div>
+          <div class="artifact-info">
+            <span class="artifact-name">{{ displayName }}</span>
+            <div class="artifact-meta">
+              <span class="artifact-type-badge" [style.background]="getTypeBadgeColor()">
+                {{ artifact.Type }}
+              </span>
+              <span class="artifact-version">v{{ currentVersion?.VersionNumber || 1 }}</span>
+            </div>
+          </div>
+          <div class="open-icon">
+            <i class="fa-solid fa-arrow-up-right-from-square"></i>
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: ["\n    .artifact-message-card {\n      margin: 12px 0;\n    }\n\n    .artifact-skeleton {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n    }\n\n    .skeleton-icon {\n      width: 32px;\n      height: 32px;\n      background: #E5E7EB;\n      border-radius: 6px;\n      animation: pulse 1.5s ease-in-out infinite;\n    }\n\n    .skeleton-text {\n      flex: 1;\n      height: 32px;\n      background: #E5E7EB;\n      border-radius: 4px;\n      animation: pulse 1.5s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .artifact-error {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: #FEE2E2;\n      border: 1px solid #FECACA;\n      border-radius: 6px;\n      color: #DC2626;\n      font-size: 14px;\n    }\n\n    .artifact-error i {\n      font-size: 16px;\n    }\n\n    .artifact-info-bar {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 200ms ease;\n    }\n\n    .artifact-info-bar:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(30, 64, 175, 0.1);\n    }\n\n    .artifact-icon {\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #F3F4F6;\n      border-radius: 6px;\n      flex-shrink: 0;\n      color: #6B7280;\n      font-size: 16px;\n    }\n\n    .artifact-info {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      min-width: 0;\n    }\n\n    .artifact-name {\n      font-size: 14px;\n      font-weight: 600;\n      color: #111827;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .artifact-meta {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .artifact-type-badge {\n      display: inline-block;\n      padding: 2px 8px;\n      color: white;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      border-radius: 3px;\n      text-transform: uppercase;\n    }\n\n    .artifact-version {\n      font-size: 11px;\n      color: #6B7280;\n      font-weight: 500;\n    }\n\n    .open-icon {\n      flex-shrink: 0;\n      color: #9CA3AF;\n      font-size: 14px;\n      transition: color 200ms ease;\n    }\n\n    .artifact-info-bar:hover .open-icon {\n      color: #1e40af;\n    }\n  "] }]
+    }], () => [], { artifactId: [{
+            type: Input
+        }], versionNumber: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], artifact: [{
+            type: Input
+        }], artifactVersion: [{
+            type: Input
+        }], actionPerformed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArtifactMessageCardComponent, { className: "ArtifactMessageCardComponent", filePath: "src/lib/components/artifact-message-card.component.ts", lineNumber: 180 }); })();
+//# sourceMappingURL=artifact-message-card.component.js.map

package/dist/lib/components/artifact-message-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-message-card.component.js","sourceRoot":"","sources":["../../../src/lib/components/artifact-message-card.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/artifact-type-plugin-viewer.component.d.ts

@@ -0,0 +1,42 @@
+import { OnInit, OnChanges, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { ArtifactVersionEntity } from '@memberjunction/core-entities';
+import { BaseArtifactViewerPluginComponent } from './base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+/**
+ * Artifact type plugin viewer that loads the appropriate plugin based on the artifact's DriverClass.
+ * Uses MJGlobal.Instance.ClassFactory.CreateInstance() to dynamically load viewer plugins.
+ */
+export declare class ArtifactTypePluginViewerComponent implements OnInit, OnChanges {
+    artifactVersion: ArtifactVersionEntity;
+    artifactTypeName: string;
+    contentType?: string;
+    height?: string;
+    readonly: boolean;
+    cssClass?: string;
+    viewerContainer: ViewContainerRef;
+    isLoading: boolean;
+    error: string | null;
+    private componentRef;
+    /**
+     * Get the loaded plugin instance (if available)
+     */
+    get pluginInstance(): BaseArtifactViewerPluginComponent | null;
+    ngOnInit(): Promise<void>;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    ngOnDestroy(): void;
+    /**
+     * Load the appropriate viewer plugin for the artifact
+     */
+    private loadViewer;
+    /**
+     * Get the artifact type entity for the current artifact
+     */
+    private getArtifactType;
+    /**
+     * Destroy the current viewer component
+     */
+    private destroyCurrentViewer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactTypePluginViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArtifactTypePluginViewerComponent, "mj-artifact-type-plugin-viewer", never, { "artifactVersion": { "alias": "artifactVersion"; "required": false; }; "artifactTypeName": { "alias": "artifactTypeName"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "height": { "alias": "height"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=artifact-type-plugin-viewer.component.d.ts.map

package/dist/lib/components/artifact-type-plugin-viewer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-type-plugin-viewer.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/artifact-type-plugin-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EACN,SAAS,EACT,aAAa,EAEb,gBAAgB,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAsB,MAAM,+BAA+B,CAAC;AAI1F,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;;AAErF;;;GAGG;AACH,qBAmDa,iCAAkC,YAAW,MAAM,EAAE,SAAS;IAChE,eAAe,EAAG,qBAAqB,CAAC;IACxC,gBAAgB,EAAG,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAQ;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAG3B,eAAe,EAAG,gBAAgB,CAAC;IAE5B,SAAS,UAAQ;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnC,OAAO,CAAC,YAAY,CAAkC;IAEtD;;OAEG;IACH,IAAW,cAAc,IAAI,iCAAiC,GAAG,IAAI,CAEpE;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAOxD,WAAW,IAAI,IAAI;IAInB;;OAEG;YACW,UAAU;IAkFxB;;OAEG;YACW,eAAe;IAoB7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;yCArJjB,iCAAiC;2CAAjC,iCAAiC;CA4J7C"}