@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/collection/collections-full-view.component.js

@@ -0,0 +1,578 @@
+import { Component, Input } from '@angular/core';
+import { RunView, Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/dialog.service";
+import * as i2 from "../../services/artifact-state.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "./collection-form-modal.component";
+function CollectionsFullViewComponent_span_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(2, "a", 5);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_span_7_ng_container_1_Template_a_click_2_listener() { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigateTo(crumb_r2)); });
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const crumb_r2 = ctx.$implicit;
+    const last_r4 = ctx.last;
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", last_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", crumb_r2.name, " ");
+} }
+function CollectionsFullViewComponent_span_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 20);
+    i0.ɵɵtemplate(1, CollectionsFullViewComponent_span_7_ng_container_1_Template, 4, 3, "ng-container", 21);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.breadcrumbs);
+} }
+function CollectionsFullViewComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Loading collections...");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_div_19_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No collections yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Create your first collection to organize artifacts");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 27);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_19_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(7, "i", 12);
+    i0.ɵɵtext(8, " Create Collection ");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_div_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵelement(1, "i", 8);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No collections or artifacts found");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_div_21_div_1_div_7_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const collection_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", collection_r7.Description, " ");
+} }
+function CollectionsFullViewComponent_div_21_div_1_div_7_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_1_div_7_Template_div_click_0_listener() { const collection_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openCollection(collection_r7)); });
+    i0.ɵɵelementStart(1, "div", 36);
+    i0.ɵɵelement(2, "i", 37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 38)(4, "div", 39);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, CollectionsFullViewComponent_div_21_div_1_div_7_div_6_Template, 2, 1, "div", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 41);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_1_div_7_Template_div_click_7_listener($event) { i0.ɵɵrestoreView(_r6); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(8, "button", 42);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_1_div_7_Template_button_click_8_listener() { const collection_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.editCollection(collection_r7)); });
+    i0.ɵɵelement(9, "i", 43);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 44);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_1_div_7_Template_button_click_10_listener() { const collection_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deleteCollection(collection_r7)); });
+    i0.ɵɵelement(11, "i", 45);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const collection_r7 = ctx.$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(collection_r7.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", collection_r7.Description);
+} }
+function CollectionsFullViewComponent_div_21_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 31)(2, "h3");
+    i0.ɵɵtext(3, "Collections");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 32);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 33);
+    i0.ɵɵtemplate(7, CollectionsFullViewComponent_div_21_div_1_div_7_Template, 12, 2, "div", 34);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.filteredCollections.length);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.filteredCollections);
+} }
+function CollectionsFullViewComponent_div_21_div_2_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_2_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
+    i0.ɵɵelement(1, "i", 51);
+    i0.ɵɵtext(2, " Add Artifact ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_div_21_div_2_div_8_button_10_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 58);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_2_div_8_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const artifact_r10 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.removeArtifact(artifact_r10)); });
+    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_div_21_div_2_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 52);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_2_div_8_Template_div_click_0_listener() { const artifact_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.viewArtifact(artifact_r10)); });
+    i0.ɵɵelementStart(1, "div", 53);
+    i0.ɵɵelement(2, "i", 54);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 38)(4, "div", 39);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 55)(7, "span", 56);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 41);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_div_2_div_8_Template_div_click_9_listener($event) { i0.ɵɵrestoreView(_r9); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtemplate(10, CollectionsFullViewComponent_div_21_div_2_div_8_button_10_Template, 2, 0, "button", 57);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const artifact_r10 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(artifact_r10.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(artifact_r10.Type || "Unknown");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.currentCollectionId);
+} }
+function CollectionsFullViewComponent_div_21_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 31)(2, "h3");
+    i0.ɵɵtext(3, "Artifacts");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 32);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, CollectionsFullViewComponent_div_21_div_2_button_6_Template, 3, 0, "button", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 48);
+    i0.ɵɵtemplate(8, CollectionsFullViewComponent_div_21_div_2_div_8_Template, 11, 3, "div", 49);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.filteredArtifacts.length);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.currentCollectionId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.filteredArtifacts);
+} }
+function CollectionsFullViewComponent_div_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵtemplate(1, CollectionsFullViewComponent_div_21_div_1_Template, 8, 2, "div", 29)(2, CollectionsFullViewComponent_div_21_div_2_Template, 9, 3, "div", 29);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filteredCollections.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filteredArtifacts.length > 0);
+} }
+/**
+ * Full-panel Collections view component
+ * Comprehensive collection management with artifacts display
+ */
+export class CollectionsFullViewComponent {
+    dialogService;
+    artifactState;
+    environmentId;
+    currentUser;
+    collections = [];
+    artifacts = [];
+    filteredCollections = [];
+    filteredArtifacts = [];
+    searchQuery = '';
+    isLoading = false;
+    breadcrumbs = [];
+    currentCollectionId = null;
+    currentCollection = null;
+    isFormModalOpen = false;
+    editingCollection;
+    constructor(dialogService, artifactState) {
+        this.dialogService = dialogService;
+        this.artifactState = artifactState;
+    }
+    ngOnInit() {
+        this.loadData();
+    }
+    async loadData() {
+        this.isLoading = true;
+        try {
+            await Promise.all([
+                this.loadCollections(),
+                this.loadArtifacts()
+            ]);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async loadCollections() {
+        try {
+            const rv = new RunView();
+            const filter = `EnvironmentID='${this.environmentId}'` +
+                (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');
+            const result = await rv.RunView({
+                EntityName: 'MJ: Collections',
+                ExtraFilter: filter,
+                OrderBy: 'Name ASC',
+                MaxRows: 1000,
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success) {
+                this.collections = result.Results || [];
+                this.applySearch();
+            }
+        }
+        catch (error) {
+            console.error('Failed to load collections:', error);
+        }
+    }
+    async loadArtifacts() {
+        if (!this.currentCollectionId) {
+            this.artifacts = [];
+            this.filteredArtifacts = [];
+            return;
+        }
+        try {
+            this.artifacts = await this.artifactState.loadArtifactsForCollection(this.currentCollectionId, this.currentUser);
+            this.applySearch();
+        }
+        catch (error) {
+            console.error('Failed to load artifacts:', error);
+        }
+    }
+    onSearchChange(query) {
+        this.applySearch();
+    }
+    applySearch() {
+        if (!this.searchQuery.trim()) {
+            this.filteredCollections = [...this.collections];
+            this.filteredArtifacts = [...this.artifacts];
+        }
+        else {
+            const query = this.searchQuery.toLowerCase();
+            this.filteredCollections = this.collections.filter(c => c.Name.toLowerCase().includes(query) ||
+                (c.Description && c.Description.toLowerCase().includes(query)));
+            this.filteredArtifacts = this.artifacts.filter(a => a.Name.toLowerCase().includes(query));
+        }
+    }
+    async openCollection(collection) {
+        this.breadcrumbs.push({ id: collection.ID, name: collection.Name });
+        this.currentCollectionId = collection.ID;
+        this.currentCollection = collection;
+        this.searchQuery = '';
+        await this.loadData();
+    }
+    async navigateTo(crumb) {
+        const index = this.breadcrumbs.findIndex(b => b.id === crumb.id);
+        if (index !== -1) {
+            this.breadcrumbs = this.breadcrumbs.slice(0, index + 1);
+            this.currentCollectionId = crumb.id;
+            // Load the collection entity
+            const md = new Metadata();
+            this.currentCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+            await this.currentCollection.Load(crumb.id);
+            this.searchQuery = '';
+            await this.loadData();
+        }
+    }
+    async navigateToRoot() {
+        this.breadcrumbs = [];
+        this.currentCollectionId = null;
+        this.currentCollection = null;
+        this.searchQuery = '';
+        await this.loadData();
+    }
+    refresh() {
+        this.loadData();
+    }
+    createCollection() {
+        this.editingCollection = undefined;
+        this.isFormModalOpen = true;
+    }
+    editCollection(collection) {
+        this.editingCollection = collection;
+        this.isFormModalOpen = true;
+    }
+    async deleteCollection(collection) {
+        console.log('deleteCollection called for:', collection.Name, collection.ID);
+        const confirmed = await this.dialogService.confirm({
+            title: 'Delete Collection',
+            message: `Are you sure you want to delete "${collection.Name}"? This action cannot be undone.`,
+            okText: 'Delete',
+            cancelText: 'Cancel',
+            dangerous: true
+        });
+        console.log('Delete confirmed:', confirmed);
+        if (confirmed) {
+            try {
+                console.log('Attempting to delete collection...');
+                const deleted = await collection.Delete();
+                console.log('Delete result:', deleted);
+                if (deleted) {
+                    await this.loadCollections();
+                }
+                else {
+                    await this.dialogService.alert('Error', 'Failed to delete collection.');
+                }
+            }
+            catch (error) {
+                console.error('Error deleting collection:', error);
+                await this.dialogService.alert('Error', `An error occurred while deleting the collection: ${error}`);
+            }
+        }
+    }
+    async onCollectionSaved(collection) {
+        this.isFormModalOpen = false;
+        this.editingCollection = undefined;
+        await this.loadCollections();
+    }
+    onFormCancelled() {
+        this.isFormModalOpen = false;
+        this.editingCollection = undefined;
+    }
+    async addArtifact() {
+        // Will be implemented with artifact upload modal
+        await this.dialogService.alert('Coming Soon', 'Artifact upload functionality will be available soon.');
+    }
+    async removeArtifact(artifact) {
+        if (!this.currentCollectionId)
+            return;
+        const confirmed = await this.dialogService.confirm({
+            title: 'Remove Artifact',
+            message: `Remove "${artifact.Name}" from this collection?`,
+            okText: 'Remove',
+            cancelText: 'Cancel'
+        });
+        if (confirmed) {
+            try {
+                await this.artifactState.removeFromCollection(artifact.ID, this.currentCollectionId, this.currentUser);
+                await this.loadArtifacts();
+            }
+            catch (error) {
+                console.error('Error removing artifact:', error);
+                await this.dialogService.alert('Error', 'Failed to remove artifact from collection.');
+            }
+        }
+    }
+    viewArtifact(artifact) {
+        this.artifactState.openArtifact(artifact.ID);
+    }
+    static ɵfac = function CollectionsFullViewComponent_Factory(t) { return new (t || CollectionsFullViewComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.ArtifactStateService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsFullViewComponent, selectors: [["mj-collections-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, decls: 23, vars: 11, consts: [[1, "collections-view"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], ["class", "breadcrumb-path", 4, "ngIf"], [1, "collections-search"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search collections and artifacts...", 1, "collection-search-input", 3, "ngModelChange", "ngModel"], [1, "collections-actions"], ["title", "New Collection", 1, "btn-primary", 3, "click"], [1, "fas", "fa-folder-plus"], ["title", "Refresh", 1, "btn-secondary", 3, "click"], [1, "fas", "fa-sync"], [1, "collections-content"], ["class", "loading-state", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], ["class", "content-grid", 4, "ngIf"], [3, "saved", "cancelled", "isOpen", "collection", "parentCollection", "environmentId", "currentUser"], [1, "breadcrumb-path"], [4, "ngFor", "ngForOf"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], [1, "loading-state"], [1, "fas", "fa-spinner", "fa-spin"], [1, "empty-state"], [1, "fas", "fa-folder-open"], [1, "btn-primary", 3, "click"], [1, "content-grid"], ["class", "section", 4, "ngIf"], [1, "section"], [1, "section-header"], [1, "section-count"], [1, "collection-grid"], ["class", "collection-card", 3, "click", 4, "ngFor", "ngForOf"], [1, "collection-card", 3, "click"], [1, "card-icon"], [1, "fas", "fa-folder"], [1, "card-content"], [1, "card-name"], ["class", "card-description", 4, "ngIf"], [1, "card-actions", 3, "click"], ["title", "Edit", 1, "card-action-btn", 3, "click"], [1, "fas", "fa-edit"], ["title", "Delete", 1, "card-action-btn", "danger", 3, "click"], [1, "fas", "fa-trash"], [1, "card-description"], ["class", "btn-secondary btn-sm", 3, "click", 4, "ngIf"], [1, "artifact-grid"], ["class", "artifact-card", 3, "click", 4, "ngFor", "ngForOf"], [1, "btn-secondary", "btn-sm", 3, "click"], [1, "fas", "fa-plus"], [1, "artifact-card", 3, "click"], [1, "card-icon", "artifact-icon"], [1, "fas", "fa-file-alt"], [1, "card-meta"], [1, "artifact-type"], ["class", "card-action-btn", "title", "Remove from collection", 3, "click", 4, "ngIf"], ["title", "Remove from collection", 1, "card-action-btn", 3, "click"], [1, "fas", "fa-times"]], template: function CollectionsFullViewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "a", 5);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_a_click_5_listener() { return ctx.navigateToRoot(); });
+            i0.ɵɵtext(6, "Collections");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(7, CollectionsFullViewComponent_span_7_Template, 2, 1, "span", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "div", 7);
+            i0.ɵɵelement(9, "i", 8);
+            i0.ɵɵelementStart(10, "input", 9);
+            i0.ɵɵtwoWayListener("ngModelChange", function CollectionsFullViewComponent_Template_input_ngModelChange_10_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchQuery, $event) || (ctx.searchQuery = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function CollectionsFullViewComponent_Template_input_ngModelChange_10_listener($event) { return ctx.onSearchChange($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 10)(12, "button", 11);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_12_listener() { return ctx.createCollection(); });
+            i0.ɵɵelement(13, "i", 12);
+            i0.ɵɵtext(14, " New Collection ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "button", 13);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_15_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(16, "i", 14);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(17, "div", 15);
+            i0.ɵɵtemplate(18, CollectionsFullViewComponent_div_18_Template, 4, 0, "div", 16)(19, CollectionsFullViewComponent_div_19_Template, 9, 0, "div", 17)(20, CollectionsFullViewComponent_div_20_Template, 4, 0, "div", 17)(21, CollectionsFullViewComponent_div_21_Template, 3, 2, "div", 18);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "mj-collection-form-modal", 19);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_form_modal_saved_22_listener($event) { return ctx.onCollectionSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_form_modal_cancelled_22_listener() { return ctx.onFormCancelled(); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("ngIf", ctx.breadcrumbs.length > 0);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.searchQuery);
+            i0.ɵɵadvance(8);
+            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.collections.length === 0 && ctx.artifacts.length === 0 && !ctx.searchQuery);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.collections.length === 0 && ctx.artifacts.length === 0 && ctx.searchQuery);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && (ctx.filteredCollections.length > 0 || ctx.filteredArtifacts.length > 0));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("isOpen", ctx.isFormModalOpen)("collection", ctx.editingCollection)("parentCollection", ctx.currentCollection || undefined)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgModel, i5.CollectionFormModalComponent], styles: [".collections-view[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%] {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%]:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active[_ngcontent-%COMP%] {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator[_ngcontent-%COMP%] {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .collection-search-input[_ngcontent-%COMP%] {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .collection-search-input[_ngcontent-%COMP%]::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-primary[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      background: #1e40af;\n      border: none;\n      border-radius: 6px;\n      color: white;\n      font-size: 14px;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary[_ngcontent-%COMP%]:hover {\n      background: #1e3a8a;\n    }\n\n    .btn-secondary[_ngcontent-%COMP%] {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .btn-sm[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      font-size: 13px;\n    }\n\n    .collections-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n      max-width: 400px;\n      margin: 0 auto;\n      text-align: center;\n      padding: 48px 24px;\n    }\n\n    .loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      margin-bottom: 16px;\n      opacity: 0.5;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 64px;\n      margin-bottom: 24px;\n      opacity: 0.3;\n      color: #D1D5DB;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0 0 8px 0;\n      color: #374151;\n      font-size: 20px;\n      font-weight: 600;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0 0 24px 0;\n      font-size: 14px;\n      color: #6B7280;\n      line-height: 1.5;\n    }\n\n    .loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   .btn-primary[_ngcontent-%COMP%] {\n      padding: 10px 20px;\n      font-size: 14px;\n      font-weight: 500;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    }\n\n    .empty-state[_ngcontent-%COMP%]   .btn-primary[_ngcontent-%COMP%]:hover {\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n    }\n\n    .content-grid[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 32px;\n    }\n\n    .section[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .section-count[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 24px;\n      height: 24px;\n      padding: 0 8px;\n      background: #EFF6FF;\n      border-radius: 12px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #1e40af;\n    }\n\n    .collection-grid[_ngcontent-%COMP%], .artifact-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .collection-card[_ngcontent-%COMP%], .artifact-card[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      position: relative;\n    }\n\n    .collection-card[_ngcontent-%COMP%]:hover, .artifact-card[_ngcontent-%COMP%]:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .card-icon[_ngcontent-%COMP%] {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .card-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .artifact-icon[_ngcontent-%COMP%] {\n      background: #F0FDF4;\n    }\n\n    .artifact-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #059669;\n    }\n\n    .card-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .card-name[_ngcontent-%COMP%] {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .card-description[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #9CA3AF;\n    }\n\n    .artifact-type[_ngcontent-%COMP%] {\n      padding: 2px 8px;\n      background: #F3F4F6;\n      border-radius: 4px;\n      font-weight: 500;\n    }\n\n    .card-actions[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      display: flex;\n      gap: 4px;\n      opacity: 0;\n      transition: opacity 150ms ease;\n    }\n\n    .collection-card[_ngcontent-%COMP%]:hover   .card-actions[_ngcontent-%COMP%], \n   .artifact-card[_ngcontent-%COMP%]:hover   .card-actions[_ngcontent-%COMP%] {\n      opacity: 1;\n    }\n\n    .card-action-btn[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      color: #6B7280;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .card-action-btn[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n      border-color: #D1D5DB;\n    }\n\n    .card-action-btn.danger[_ngcontent-%COMP%]:hover {\n      background: #FEE2E2;\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsFullViewComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-collections-full-view', template: `
+    <div class="collections-view">
+      <div class="collections-header">
+        <div class="collections-breadcrumb">
+          <div class="breadcrumb-item">
+            <i class="fas fa-home"></i>
+            <a class="breadcrumb-link" (click)="navigateToRoot()">Collections</a>
+          </div>
+          <span class="breadcrumb-path" *ngIf="breadcrumbs.length > 0">
+            <ng-container *ngFor="let crumb of breadcrumbs; let last = last">
+              <i class="fas fa-chevron-right breadcrumb-separator"></i>
+              <a class="breadcrumb-link"
+                 [class.active]="last"
+                 (click)="navigateTo(crumb)">
+                {{ crumb.name }}
+              </a>
+            </ng-container>
+          </span>
+        </div>
+        <div class="collections-search">
+          <i class="fas fa-search"></i>
+          <input type="text"
+                 [(ngModel)]="searchQuery"
+                 (ngModelChange)="onSearchChange($event)"
+                 placeholder="Search collections and artifacts..."
+                 class="collection-search-input">
+        </div>
+        <div class="collections-actions">
+          <button class="btn-primary" (click)="createCollection()" title="New Collection">
+            <i class="fas fa-folder-plus"></i>
+            New Collection
+          </button>
+          <button class="btn-secondary" (click)="refresh()" title="Refresh">
+            <i class="fas fa-sync"></i>
+          </button>
+        </div>
+      </div>
+
+      <div class="collections-content">
+        <div *ngIf="isLoading" class="loading-state">
+          <i class="fas fa-spinner fa-spin"></i>
+          <p>Loading collections...</p>
+        </div>
+
+        <div *ngIf="!isLoading && collections.length === 0 && artifacts.length === 0 && !searchQuery" class="empty-state">
+          <i class="fas fa-folder-open"></i>
+          <h3>No collections yet</h3>
+          <p>Create your first collection to organize artifacts</p>
+          <button class="btn-primary" (click)="createCollection()">
+            <i class="fas fa-folder-plus"></i>
+            Create Collection
+          </button>
+        </div>
+
+        <div *ngIf="!isLoading && collections.length === 0 && artifacts.length === 0 && searchQuery" class="empty-state">
+          <i class="fas fa-search"></i>
+          <p>No collections or artifacts found</p>
+        </div>
+
+        <div *ngIf="!isLoading && (filteredCollections.length > 0 || filteredArtifacts.length > 0)" class="content-grid">
+          <!-- Sub-collections -->
+          <div class="section" *ngIf="filteredCollections.length > 0">
+            <div class="section-header">
+              <h3>Collections</h3>
+              <span class="section-count">{{ filteredCollections.length }}</span>
+            </div>
+            <div class="collection-grid">
+              <div *ngFor="let collection of filteredCollections"
+                   class="collection-card"
+                   (click)="openCollection(collection)">
+                <div class="card-icon">
+                  <i class="fas fa-folder"></i>
+                </div>
+                <div class="card-content">
+                  <div class="card-name">{{ collection.Name }}</div>
+                  <div class="card-description" *ngIf="collection.Description">
+                    {{ collection.Description }}
+                  </div>
+                </div>
+                <div class="card-actions" (click)="$event.stopPropagation()">
+                  <button class="card-action-btn" (click)="editCollection(collection)" title="Edit">
+                    <i class="fas fa-edit"></i>
+                  </button>
+                  <button class="card-action-btn danger" (click)="deleteCollection(collection)" title="Delete">
+                    <i class="fas fa-trash"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Artifacts in current collection -->
+          <div class="section" *ngIf="filteredArtifacts.length > 0">
+            <div class="section-header">
+              <h3>Artifacts</h3>
+              <span class="section-count">{{ filteredArtifacts.length }}</span>
+              <button class="btn-secondary btn-sm" (click)="addArtifact()" *ngIf="currentCollectionId">
+                <i class="fas fa-plus"></i>
+                Add Artifact
+              </button>
+            </div>
+            <div class="artifact-grid">
+              <div *ngFor="let artifact of filteredArtifacts"
+                   class="artifact-card"
+                   (click)="viewArtifact(artifact)">
+                <div class="card-icon artifact-icon">
+                  <i class="fas fa-file-alt"></i>
+                </div>
+                <div class="card-content">
+                  <div class="card-name">{{ artifact.Name }}</div>
+                  <div class="card-meta">
+                    <span class="artifact-type">{{ artifact.Type || 'Unknown' }}</span>
+                  </div>
+                </div>
+                <div class="card-actions" (click)="$event.stopPropagation()">
+                  <button class="card-action-btn" (click)="removeArtifact(artifact)" title="Remove from collection" *ngIf="currentCollectionId">
+                    <i class="fas fa-times"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Collection Form Modal -->
+    <mj-collection-form-modal
+      [isOpen]="isFormModalOpen"
+      [collection]="editingCollection"
+      [parentCollection]="currentCollection || undefined"
+      [environmentId]="environmentId"
+      [currentUser]="currentUser"
+      (saved)="onCollectionSaved($event)"
+      (cancelled)="onFormCancelled()">
+    </mj-collection-form-modal>
+  `, styles: ["\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .collection-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .collection-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      background: #1e40af;\n      border: none;\n      border-radius: 6px;\n      color: white;\n      font-size: 14px;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary:hover {\n      background: #1e3a8a;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .btn-sm {\n      padding: 6px 12px;\n      font-size: 13px;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state, .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n      max-width: 400px;\n      margin: 0 auto;\n      text-align: center;\n      padding: 48px 24px;\n    }\n\n    .loading-state i {\n      font-size: 48px;\n      margin-bottom: 16px;\n      opacity: 0.5;\n    }\n\n    .empty-state i {\n      font-size: 64px;\n      margin-bottom: 24px;\n      opacity: 0.3;\n      color: #D1D5DB;\n    }\n\n    .empty-state h3 {\n      margin: 0 0 8px 0;\n      color: #374151;\n      font-size: 20px;\n      font-weight: 600;\n    }\n\n    .empty-state p {\n      margin: 0 0 24px 0;\n      font-size: 14px;\n      color: #6B7280;\n      line-height: 1.5;\n    }\n\n    .loading-state p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .empty-state .btn-primary {\n      padding: 10px 20px;\n      font-size: 14px;\n      font-weight: 500;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    }\n\n    .empty-state .btn-primary:hover {\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n    }\n\n    .content-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 32px;\n    }\n\n    .section {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .section-header h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .section-count {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 24px;\n      height: 24px;\n      padding: 0 8px;\n      background: #EFF6FF;\n      border-radius: 12px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #1e40af;\n    }\n\n    .collection-grid, .artifact-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .collection-card, .artifact-card {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      position: relative;\n    }\n\n    .collection-card:hover, .artifact-card:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .card-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .card-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .artifact-icon {\n      background: #F0FDF4;\n    }\n\n    .artifact-icon i {\n      color: #059669;\n    }\n\n    .card-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .card-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .card-description {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta {\n      font-size: 12px;\n      color: #9CA3AF;\n    }\n\n    .artifact-type {\n      padding: 2px 8px;\n      background: #F3F4F6;\n      border-radius: 4px;\n      font-weight: 500;\n    }\n\n    .card-actions {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      display: flex;\n      gap: 4px;\n      opacity: 0;\n      transition: opacity 150ms ease;\n    }\n\n    .collection-card:hover .card-actions,\n    .artifact-card:hover .card-actions {\n      opacity: 1;\n    }\n\n    .card-action-btn {\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      color: #6B7280;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .card-action-btn:hover {\n      background: #F9FAFB;\n      color: #111827;\n      border-color: #D1D5DB;\n    }\n\n    .card-action-btn.danger:hover {\n      background: #FEE2E2;\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n  "] }]
+    }], () => [{ type: i1.DialogService }, { type: i2.ArtifactStateService }], { environmentId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 514 }); })();
+//# sourceMappingURL=collections-full-view.component.js.map

package/dist/lib/components/collection/collections-full-view.component.js.map

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