@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/artifact/inline-artifact.component.js

@@ -0,0 +1,447 @@
+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 "../../services/artifact-state.service";
+import * as i2 from "@angular/common";
+function InlineArtifactComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "div", 4)(2, "div", 5)(3, "div", 6);
+    i0.ɵɵelementEnd();
+} }
+function InlineArtifactComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Failed to load artifact");
+    i0.ɵɵelementEnd()();
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1, "NEW");
+    i0.ɵɵelementEnd();
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.artifact.Description);
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_16_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_57_r3 = i0.ɵɵnextContext().$index;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ɵ$index_57_r3 + 1);
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵtemplate(1, InlineArtifactComponent_Conditional_3_Conditional_16_For_2_Conditional_1_Template, 2, 1, "span", 37);
+    i0.ɵɵelementStart(2, "span", 38);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const line_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isCodeArtifact ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(line_r4);
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Show ", ctx_r1.remainingLines, " more lines...");
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵrepeaterCreate(1, InlineArtifactComponent_Conditional_3_Conditional_16_For_2_Template, 4, 2, "div", 35, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵtemplate(3, InlineArtifactComponent_Conditional_3_Conditional_16_Conditional_3_Template, 3, 1, "div", 36);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("code-preview", ctx_r1.isCodeArtifact);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.previewLines);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.hasMoreContent ? 3 : -1);
+} }
+function InlineArtifactComponent_Conditional_3_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i", 39);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No preview available");
+    i0.ɵɵelementEnd()();
+} }
+function InlineArtifactComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_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", 9)(2, "div", 10)(3, "div", 11);
+    i0.ɵɵelement(4, "i", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 13)(6, "span", 14);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, InlineArtifactComponent_Conditional_3_Conditional_8_Template, 2, 0, "span", 15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 16)(10, "span", 17);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 18);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(14, InlineArtifactComponent_Conditional_3_Conditional_14_Template, 2, 1, "span", 19);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 20);
+    i0.ɵɵtemplate(16, InlineArtifactComponent_Conditional_3_Conditional_16_Template, 4, 3, "div", 21)(17, InlineArtifactComponent_Conditional_3_Conditional_17_Template, 4, 0, "div", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 23);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_Conditional_3_Template_div_click_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(19, "button", 24);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_Conditional_3_Template_button_click_19_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveToLibrary($event)); });
+    i0.ɵɵelement(20, "i", 25);
+    i0.ɵɵelementStart(21, "span");
+    i0.ɵɵtext(22, "Save");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "button", 26);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_Conditional_3_Template_button_click_23_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.forkArtifact($event)); });
+    i0.ɵɵelement(24, "i", 27);
+    i0.ɵɵelementStart(25, "span");
+    i0.ɵɵtext(26, "Fork");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "button", 28);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_Conditional_3_Template_button_click_27_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.viewHistory($event)); });
+    i0.ɵɵelement(28, "i", 29);
+    i0.ɵɵelementStart(29, "span");
+    i0.ɵɵtext(30, "History");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "button", 30);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_Conditional_3_Template_button_click_31_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.shareArtifact($event)); });
+    i0.ɵɵelement(32, "i", 31);
+    i0.ɵɵelementStart(33, "span");
+    i0.ɵɵtext(34, "Share");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "button", 32);
+    i0.ɵɵlistener("click", function InlineArtifactComponent_Conditional_3_Template_button_click_35_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openFullView($event)); });
+    i0.ɵɵelement(36, "i", 33);
+    i0.ɵɵelementStart(37, "span");
+    i0.ɵɵtext(38, "Open");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngClass", ctx_r1.getArtifactIcon());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.artifact.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isNew ? 8 : -1);
+    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, "");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.artifact.Description ? 14 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.previewLines.length > 0 ? 16 : 17);
+} }
+/**
+ * Inline artifact display component that embeds rich artifact cards in conversation messages
+ * Shows artifact preview, type badge, quick actions, and metadata
+ */
+export class InlineArtifactComponent {
+    artifactState;
+    artifactId;
+    versionNumber;
+    currentUser;
+    actionPerformed = new EventEmitter();
+    artifact = null;
+    currentVersion = null;
+    loading = true;
+    error = false;
+    previewLines = [];
+    hasMoreContent = false;
+    remainingLines = 0;
+    PREVIEW_LINES = 10;
+    destroy$ = new Subject();
+    constructor(artifactState) {
+        this.artifactState = artifactState;
+    }
+    async ngOnInit() {
+        await this.loadArtifact();
+    }
+    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
+            this.artifact = await this.artifactState.loadArtifact(this.artifactId, this.currentUser);
+            if (!this.artifact) {
+                this.error = true;
+                return;
+            }
+            // Load version content
+            await this.loadVersionContent();
+        }
+        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];
+                this.generatePreview();
+            }
+        }
+        catch (err) {
+            console.error('Error loading version content:', err);
+        }
+    }
+    generatePreview() {
+        if (!this.currentVersion?.Content) {
+            this.previewLines = [];
+            return;
+        }
+        const lines = this.currentVersion.Content.split('\n');
+        this.previewLines = lines.slice(0, this.PREVIEW_LINES);
+        this.hasMoreContent = lines.length > this.PREVIEW_LINES;
+        this.remainingLines = Math.max(0, lines.length - this.PREVIEW_LINES);
+    }
+    get isNew() {
+        if (!this.artifact)
+            return false;
+        const createdAt = new Date(this.artifact.__mj_CreatedAt);
+        const now = new Date();
+        const hoursDiff = (now.getTime() - createdAt.getTime()) / (1000 * 60 * 60);
+        return hoursDiff < 24;
+    }
+    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(event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        if (this.artifact) {
+            this.artifactState.openArtifact(this.artifact.ID, this.versionNumber);
+            this.actionPerformed.emit({ action: 'open', artifact: this.artifact });
+        }
+    }
+    saveToLibrary(event) {
+        event.stopPropagation();
+        if (this.artifact) {
+            this.actionPerformed.emit({ action: 'save', artifact: this.artifact });
+        }
+    }
+    forkArtifact(event) {
+        event.stopPropagation();
+        if (this.artifact) {
+            this.actionPerformed.emit({ action: 'fork', artifact: this.artifact });
+        }
+    }
+    viewHistory(event) {
+        event.stopPropagation();
+        if (this.artifact) {
+            this.artifactState.openArtifact(this.artifact.ID);
+            this.artifactState.setPanelMode('view');
+            // Note: Parent component should switch to history tab
+            this.actionPerformed.emit({ action: 'history', artifact: this.artifact });
+        }
+    }
+    shareArtifact(event) {
+        event.stopPropagation();
+        if (this.artifact) {
+            this.actionPerformed.emit({ action: 'share', artifact: this.artifact });
+        }
+    }
+    static ɵfac = function InlineArtifactComponent_Factory(t) { return new (t || InlineArtifactComponent)(i0.ɵɵdirectiveInject(i1.ArtifactStateService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InlineArtifactComponent, selectors: [["mj-inline-artifact"]], inputs: { artifactId: "artifactId", versionNumber: "versionNumber", currentUser: "currentUser" }, outputs: { actionPerformed: "actionPerformed" }, decls: 4, vars: 5, consts: [[1, "inline-artifact-card"], [1, "artifact-skeleton"], [1, "artifact-error"], [1, "artifact-card"], [1, "skeleton-header"], [1, "skeleton-content"], [1, "skeleton-actions"], [1, "fa-solid", "fa-exclamation-circle"], [1, "artifact-card", 3, "click"], [1, "artifact-header"], [1, "artifact-title-row"], [1, "artifact-icon"], [1, "fa-solid", 3, "ngClass"], [1, "artifact-title"], [1, "artifact-name"], [1, "new-badge"], [1, "artifact-meta"], [1, "artifact-type-badge"], [1, "artifact-version"], [1, "artifact-description"], [1, "artifact-preview"], [1, "preview-content", 3, "code-preview"], [1, "preview-empty"], [1, "artifact-actions", 3, "click"], ["title", "Save to Library", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-bookmark"], ["title", "Fork", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-code-branch"], ["title", "View History", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-history"], ["title", "Share", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-share-nodes"], ["title", "View Full Artifact", 1, "action-btn", "primary", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "preview-content"], [1, "preview-line"], [1, "preview-more"], [1, "line-number"], [1, "line-content"], [1, "fa-solid", "fa-file"]], template: function InlineArtifactComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, InlineArtifactComponent_Conditional_1_Template, 4, 0, "div", 1)(2, InlineArtifactComponent_Conditional_2_Template, 4, 0, "div", 2)(3, InlineArtifactComponent_Conditional_3_Template, 39, 9, "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: [i2.NgClass], styles: [".inline-artifact-card[_ngcontent-%COMP%] {\n      margin: 12px 0;\n      border-radius: 8px;\n      overflow: hidden;\n      transition: all 200ms ease;\n    }\n\n    .artifact-skeleton[_ngcontent-%COMP%] {\n      padding: 16px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n    }\n\n    .skeleton-header[_ngcontent-%COMP%] {\n      height: 24px;\n      width: 60%;\n      background: #E5E7EB;\n      border-radius: 4px;\n      margin-bottom: 12px;\n      animation: _ngcontent-%COMP%_pulse 1.5s ease-in-out infinite;\n    }\n\n    .skeleton-content[_ngcontent-%COMP%] {\n      height: 80px;\n      background: #E5E7EB;\n      border-radius: 4px;\n      margin-bottom: 12px;\n      animation: _ngcontent-%COMP%_pulse 1.5s ease-in-out infinite;\n    }\n\n    .skeleton-actions[_ngcontent-%COMP%] {\n      height: 32px;\n      width: 40%;\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: 16px;\n      background: #FEE2E2;\n      border: 1px solid #FECACA;\n      border-radius: 8px;\n      color: #DC2626;\n    }\n\n    .artifact-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 18px;\n    }\n\n    .artifact-card[_ngcontent-%COMP%] {\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 200ms ease;\n    }\n\n    .artifact-card[_ngcontent-%COMP%]:hover {\n      border-color: #1e40af;\n      box-shadow: 0 4px 12px rgba(30, 64, 175, 0.1);\n    }\n\n    \n\n    .artifact-header[_ngcontent-%COMP%] {\n      padding: 16px;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .artifact-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 8px;\n    }\n\n    .artifact-icon[_ngcontent-%COMP%] {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #F3F4F6;\n      border-radius: 6px;\n      color: #6B7280;\n      font-size: 18px;\n    }\n\n    .artifact-title[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .artifact-name[_ngcontent-%COMP%] {\n      font-size: 15px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .new-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 8px;\n      background: #10B981;\n      color: white;\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n      border-radius: 4px;\n    }\n\n    .artifact-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .artifact-type-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 4px 10px;\n      color: white;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      border-radius: 4px;\n      text-transform: uppercase;\n    }\n\n    .artifact-version[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #6B7280;\n      font-weight: 500;\n    }\n\n    .artifact-description[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: #6B7280;\n      flex: 1;\n    }\n\n    \n\n    .artifact-preview[_ngcontent-%COMP%] {\n      padding: 16px;\n      background: #FAFAFA;\n      max-height: 200px;\n      overflow: hidden;\n    }\n\n    .preview-content[_ngcontent-%COMP%] {\n      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n    }\n\n    .preview-content.code-preview[_ngcontent-%COMP%] {\n      background: #1E1E1E;\n      padding: 12px;\n      border-radius: 6px;\n      color: #D4D4D4;\n    }\n\n    .preview-line[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      white-space: pre;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .line-number[_ngcontent-%COMP%] {\n      display: inline-block;\n      width: 40px;\n      text-align: right;\n      margin-right: 16px;\n      color: #858585;\n      user-select: none;\n    }\n\n    .line-content[_ngcontent-%COMP%] {\n      flex: 1;\n      word-break: break-all;\n    }\n\n    .preview-more[_ngcontent-%COMP%] {\n      margin-top: 8px;\n      padding: 8px;\n      background: rgba(30, 64, 175, 0.05);\n      border-radius: 4px;\n      text-align: center;\n      color: #1e40af;\n      font-size: 12px;\n      font-weight: 500;\n    }\n\n    .preview-empty[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n      color: #9CA3AF;\n    }\n\n    .preview-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n    }\n\n    .preview-empty[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      font-size: 13px;\n    }\n\n    \n\n    .artifact-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid #E5E7EB;\n      background: white;\n    }\n\n    .action-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      color: #6B7280;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .action-btn[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n      color: #111827;\n    }\n\n    .action-btn.primary[_ngcontent-%COMP%] {\n      background: #1e40af;\n      border-color: #1e40af;\n      color: white;\n    }\n\n    .action-btn.primary[_ngcontent-%COMP%]:hover {\n      background: #1e3a8a;\n      border-color: #1e3a8a;\n    }\n\n    .action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InlineArtifactComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-inline-artifact', template: `
+    <div class="inline-artifact-card" [class.loading]="loading" [class.error]="error">
+      @if (loading) {
+        <div class="artifact-skeleton">
+          <div class="skeleton-header"></div>
+          <div class="skeleton-content"></div>
+          <div class="skeleton-actions"></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-card" (click)="openFullView()">
+          <!-- Header -->
+          <div class="artifact-header">
+            <div class="artifact-title-row">
+              <div class="artifact-icon">
+                <i class="fa-solid" [ngClass]="getArtifactIcon()"></i>
+              </div>
+              <div class="artifact-title">
+                <span class="artifact-name">{{ artifact.Name }}</span>
+                @if (isNew) {
+                  <span class="new-badge">NEW</span>
+                }
+              </div>
+            </div>
+            <div class="artifact-meta">
+              <span class="artifact-type-badge" [style.background]="getTypeBadgeColor()">
+                {{ artifact.Type }}
+              </span>
+              <span class="artifact-version">v{{ currentVersion?.VersionNumber || 1 }}</span>
+              @if (artifact.Description) {
+                <span class="artifact-description">{{ artifact.Description }}</span>
+              }
+            </div>
+          </div>
+
+          <!-- Preview Content -->
+          <div class="artifact-preview">
+            @if (previewLines.length > 0) {
+              <div class="preview-content" [class.code-preview]="isCodeArtifact">
+                @for (line of previewLines; track $index; let i = $index) {
+                  <div class="preview-line">
+                    @if (isCodeArtifact) {
+                      <span class="line-number">{{ i + 1 }}</span>
+                    }
+                    <span class="line-content">{{ line }}</span>
+                  </div>
+                }
+                @if (hasMoreContent) {
+                  <div class="preview-more">
+                    <span>Show {{ remainingLines }} more lines...</span>
+                  </div>
+                }
+              </div>
+            } @else {
+              <div class="preview-empty">
+                <i class="fa-solid fa-file"></i>
+                <span>No preview available</span>
+              </div>
+            }
+          </div>
+
+          <!-- Quick Actions Bar -->
+          <div class="artifact-actions" (click)="$event.stopPropagation()">
+            <button class="action-btn" (click)="saveToLibrary($event)" title="Save to Library">
+              <i class="fa-solid fa-bookmark"></i>
+              <span>Save</span>
+            </button>
+            <button class="action-btn" (click)="forkArtifact($event)" title="Fork">
+              <i class="fa-solid fa-code-branch"></i>
+              <span>Fork</span>
+            </button>
+            <button class="action-btn" (click)="viewHistory($event)" title="View History">
+              <i class="fa-solid fa-history"></i>
+              <span>History</span>
+            </button>
+            <button class="action-btn" (click)="shareArtifact($event)" title="Share">
+              <i class="fa-solid fa-share-nodes"></i>
+              <span>Share</span>
+            </button>
+            <button class="action-btn primary" (click)="openFullView($event)" title="View Full Artifact">
+              <i class="fa-solid fa-arrow-up-right-from-square"></i>
+              <span>Open</span>
+            </button>
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: ["\n    .inline-artifact-card {\n      margin: 12px 0;\n      border-radius: 8px;\n      overflow: hidden;\n      transition: all 200ms ease;\n    }\n\n    .artifact-skeleton {\n      padding: 16px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n    }\n\n    .skeleton-header {\n      height: 24px;\n      width: 60%;\n      background: #E5E7EB;\n      border-radius: 4px;\n      margin-bottom: 12px;\n      animation: pulse 1.5s ease-in-out infinite;\n    }\n\n    .skeleton-content {\n      height: 80px;\n      background: #E5E7EB;\n      border-radius: 4px;\n      margin-bottom: 12px;\n      animation: pulse 1.5s ease-in-out infinite;\n    }\n\n    .skeleton-actions {\n      height: 32px;\n      width: 40%;\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: 16px;\n      background: #FEE2E2;\n      border: 1px solid #FECACA;\n      border-radius: 8px;\n      color: #DC2626;\n    }\n\n    .artifact-error i {\n      font-size: 18px;\n    }\n\n    .artifact-card {\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 200ms ease;\n    }\n\n    .artifact-card:hover {\n      border-color: #1e40af;\n      box-shadow: 0 4px 12px rgba(30, 64, 175, 0.1);\n    }\n\n    /* Header */\n    .artifact-header {\n      padding: 16px;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .artifact-title-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 8px;\n    }\n\n    .artifact-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #F3F4F6;\n      border-radius: 6px;\n      color: #6B7280;\n      font-size: 18px;\n    }\n\n    .artifact-title {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .artifact-name {\n      font-size: 15px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .new-badge {\n      display: inline-block;\n      padding: 2px 8px;\n      background: #10B981;\n      color: white;\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n      border-radius: 4px;\n    }\n\n    .artifact-meta {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .artifact-type-badge {\n      display: inline-block;\n      padding: 4px 10px;\n      color: white;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      border-radius: 4px;\n      text-transform: uppercase;\n    }\n\n    .artifact-version {\n      font-size: 12px;\n      color: #6B7280;\n      font-weight: 500;\n    }\n\n    .artifact-description {\n      font-size: 13px;\n      color: #6B7280;\n      flex: 1;\n    }\n\n    /* Preview */\n    .artifact-preview {\n      padding: 16px;\n      background: #FAFAFA;\n      max-height: 200px;\n      overflow: hidden;\n    }\n\n    .preview-content {\n      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n    }\n\n    .preview-content.code-preview {\n      background: #1E1E1E;\n      padding: 12px;\n      border-radius: 6px;\n      color: #D4D4D4;\n    }\n\n    .preview-line {\n      display: flex;\n      align-items: flex-start;\n      white-space: pre;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .line-number {\n      display: inline-block;\n      width: 40px;\n      text-align: right;\n      margin-right: 16px;\n      color: #858585;\n      user-select: none;\n    }\n\n    .line-content {\n      flex: 1;\n      word-break: break-all;\n    }\n\n    .preview-more {\n      margin-top: 8px;\n      padding: 8px;\n      background: rgba(30, 64, 175, 0.05);\n      border-radius: 4px;\n      text-align: center;\n      color: #1e40af;\n      font-size: 12px;\n      font-weight: 500;\n    }\n\n    .preview-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n      color: #9CA3AF;\n    }\n\n    .preview-empty i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n    }\n\n    .preview-empty span {\n      font-size: 13px;\n    }\n\n    /* Actions */\n    .artifact-actions {\n      display: flex;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid #E5E7EB;\n      background: white;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      color: #6B7280;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .action-btn:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n      color: #111827;\n    }\n\n    .action-btn.primary {\n      background: #1e40af;\n      border-color: #1e40af;\n      color: white;\n    }\n\n    .action-btn.primary:hover {\n      background: #1e3a8a;\n      border-color: #1e3a8a;\n    }\n\n    .action-btn i {\n      font-size: 14px;\n    }\n  "] }]
+    }], () => [{ type: i1.ArtifactStateService }], { artifactId: [{
+            type: Input
+        }], versionNumber: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], actionPerformed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InlineArtifactComponent, { className: "InlineArtifactComponent", filePath: "src/lib/components/artifact/inline-artifact.component.ts", lineNumber: 377 }); })();
+//# sourceMappingURL=inline-artifact.component.js.map

package/dist/lib/components/artifact/inline-artifact.component.js.map

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

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { ArtifactEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class CollectionArtifactCardComponent {
+    artifact: ArtifactEntity;
+    selected: EventEmitter<ArtifactEntity>;
+    viewed: EventEmitter<ArtifactEntity>;
+    edited: EventEmitter<ArtifactEntity>;
+    removed: EventEmitter<ArtifactEntity>;
+    getIconClass(): string;
+    onSelect(): void;
+    onView(event: Event): void;
+    onEdit(event: Event): void;
+    onRemove(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionArtifactCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollectionArtifactCardComponent, "mj-collection-artifact-card", never, { "artifact": { "alias": "artifact"; "required": false; }; }, { "selected": "selected"; "viewed": "viewed"; "edited": "edited"; "removed": "removed"; }, never, never, false, never>;
+}
+//# sourceMappingURL=collection-artifact-card.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collection-artifact-card.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-artifact-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;;AAE/D,qBAwDa,+BAA+B;IACjC,QAAQ,EAAG,cAAc,CAAC;IAEzB,QAAQ,+BAAsC;IAC9C,MAAM,+BAAsC;IAC5C,MAAM,+BAAsC;IAC5C,OAAO,+BAAsC;IAEvD,YAAY,IAAI,MAAM;IAYtB,QAAQ,IAAI,IAAI;IAIhB,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1B,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAlCjB,+BAA+B;2CAA/B,+BAA+B;CAsC3C"}