@memberjunction/ng-conversations 2.106.0 → 2.108.0

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

@@ -1,15 +1,19 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { RunView, Metadata } from '@memberjunction/core';
+import { Subject, takeUntil } from 'rxjs';
 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";
+import * as i3 from "../../services/collection-state.service";
+import * as i4 from "../../services/collection-permission.service";
+import * as i5 from "@angular/common";
+import * as i6 from "./collection-share-modal.component";
+import * as i7 from "./collection-form-modal.component";
+import * as i8 from "./artifact-create-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.ɵɵelement(1, "i", 19);
     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);
@@ -24,172 +28,221 @@ function CollectionsFullViewComponent_span_7_ng_container_1_Template(rf, ctx) {
     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.ɵɵelementStart(0, "span", 17);
+    i0.ɵɵtemplate(1, CollectionsFullViewComponent_span_7_ng_container_1_Template, 4, 3, "ng-container", 18);
     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);
+function CollectionsFullViewComponent_button_9_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵtext(2, " New Collection ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i", 23);
     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");
+function CollectionsFullViewComponent_div_14_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2, " New Collection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Create your first collection to organize artifacts");
+} }
+function CollectionsFullViewComponent_div_14_div_8_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "i", 48);
     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");
+function CollectionsFullViewComponent_div_14_div_8_div_1_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const collection_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(collection_r8.Owner);
 } }
-function CollectionsFullViewComponent_div_21_div_1_div_7_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
+function CollectionsFullViewComponent_div_14_div_8_div_1_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const collection_r7 = i0.ɵɵnextContext().$implicit;
+    const collection_r8 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", collection_r7.Description, " ");
+    i0.ɵɵtextInterpolate1(" ", collection_r8.Description, " ");
 } }
-function CollectionsFullViewComponent_div_21_div_1_div_7_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+function CollectionsFullViewComponent_div_14_div_8_div_1_button_10_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 52);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_8_div_1_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const collection_r8 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.shareCollection(collection_r8)); });
+    i0.ɵɵelement(1, "i", 53);
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_div_14_div_8_div_1_button_11_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 54);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_8_div_1_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const collection_r8 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.editCollection(collection_r8)); });
+    i0.ɵɵelement(1, "i", 55);
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_div_14_div_8_div_1_button_12_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 56);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_8_div_1_button_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const collection_r8 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deleteCollection(collection_r8)); });
+    i0.ɵɵelement(1, "i", 57);
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_div_14_div_8_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = 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.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_8_div_1_Template_div_click_0_listener() { const collection_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openCollection(collection_r8)); });
     i0.ɵɵelementStart(1, "div", 36);
     i0.ɵɵelement(2, "i", 37);
+    i0.ɵɵtemplate(3, CollectionsFullViewComponent_div_14_div_8_div_1_div_3_Template, 2, 0, "div", 38);
     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.ɵɵelementStart(4, "div", 39)(5, "div", 40);
+    i0.ɵɵtext(6);
     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.ɵɵtemplate(7, CollectionsFullViewComponent_div_14_div_8_div_1_div_7_Template, 4, 1, "div", 41)(8, CollectionsFullViewComponent_div_14_div_8_div_1_div_8_Template, 2, 1, "div", 42);
     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()()();
+    i0.ɵɵelementStart(9, "div", 43);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_8_div_1_Template_div_click_9_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtemplate(10, CollectionsFullViewComponent_div_14_div_8_div_1_button_10_Template, 2, 0, "button", 44)(11, CollectionsFullViewComponent_div_14_div_8_div_1_button_11_Template, 2, 0, "button", 45)(12, CollectionsFullViewComponent_div_14_div_8_div_1_button_12_Template, 2, 0, "button", 46);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const collection_r7 = ctx.$implicit;
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(collection_r7.Name);
+    const collection_r8 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r2.isShared(collection_r8));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(collection_r8.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.isShared(collection_r8) && collection_r8.Owner);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", collection_r8.Description);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.canShare(collection_r8));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.canEdit(collection_r8));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", collection_r7.Description);
+    i0.ɵɵproperty("ngIf", ctx_r2.canDelete(collection_r8));
 } }
-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");
+function CollectionsFullViewComponent_div_14_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵtemplate(1, CollectionsFullViewComponent_div_14_div_8_div_1_Template, 13, 7, "div", 34);
     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.ɵɵadvance();
     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);
+function CollectionsFullViewComponent_div_14_div_9_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_9_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
+    i0.ɵɵelement(1, "i", 32);
     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);
+function CollectionsFullViewComponent_div_14_div_9_div_7_div_1_button_10_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_9_div_7_div_1_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const artifact_r14 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.removeArtifact(artifact_r14)); });
+    i0.ɵɵelement(1, "i", 68);
     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);
+function CollectionsFullViewComponent_div_14_div_9_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_9_div_7_div_1_Template_div_click_0_listener() { const artifact_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.viewArtifact(artifact_r14)); });
+    i0.ɵɵelementStart(1, "div", 62);
+    i0.ɵɵelement(2, "i", 63);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 38)(4, "div", 39);
+    i0.ɵɵelementStart(3, "div", 39)(4, "div", 40);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 55)(7, "span", 56);
+    i0.ɵɵelementStart(6, "div", 64)(7, "span", 65);
     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.ɵɵelementStart(9, "div", 43);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_14_div_9_div_7_div_1_Template_div_click_9_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtemplate(10, CollectionsFullViewComponent_div_14_div_9_div_7_div_1_button_10_Template, 2, 0, "button", 66);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const artifact_r10 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const artifact_r14 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(artifact_r10.Name);
+    i0.ɵɵtextInterpolate(artifact_r14.Name);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(artifact_r10.Type || "Unknown");
+    i0.ɵɵtextInterpolate(artifact_r14.Type || "Unknown");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.currentCollectionId);
+    i0.ɵɵproperty("ngIf", ctx_r2.canDeleteCurrent());
 } }
-function CollectionsFullViewComponent_div_21_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 31)(2, "h3");
+function CollectionsFullViewComponent_div_14_div_9_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵtemplate(1, CollectionsFullViewComponent_div_14_div_9_div_7_div_1_Template, 11, 3, "div", 60);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.filteredArtifacts);
+} }
+function CollectionsFullViewComponent_div_14_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 26)(2, "h3");
     i0.ɵɵtext(3, "Artifacts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 32);
+    i0.ɵɵelementStart(4, "span", 27);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, CollectionsFullViewComponent_div_21_div_2_button_6_Template, 3, 0, "button", 47);
+    i0.ɵɵtemplate(6, CollectionsFullViewComponent_div_14_div_9_button_6_Template, 3, 0, "button", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, CollectionsFullViewComponent_div_14_div_9_div_7_Template, 2, 1, "div", 58);
     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);
+    i0.ɵɵproperty("ngIf", ctx_r2.canEditCurrent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filteredArtifacts.length > 0);
 } }
-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);
+function CollectionsFullViewComponent_div_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 25)(2, "div", 26)(3, "h3");
+    i0.ɵɵtext(4, "Collections");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 27);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, CollectionsFullViewComponent_div_14_button_7_Template, 3, 0, "button", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, CollectionsFullViewComponent_div_14_div_8_Template, 2, 1, "div", 29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, CollectionsFullViewComponent_div_14_div_9_Template, 8, 3, "div", 30);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r2.filteredCollections.length);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.canEditCurrent());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.filteredCollections.length > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.filteredArtifacts.length > 0);
+    i0.ɵɵproperty("ngIf", ctx_r2.currentCollectionId);
 } }
 /**
  * Full-panel Collections view component
@@ -198,32 +251,74 @@ function CollectionsFullViewComponent_div_21_Template(rf, ctx) { if (rf & 1) {
 export class CollectionsFullViewComponent {
     dialogService;
     artifactState;
+    collectionState;
+    permissionService;
     environmentId;
     currentUser;
+    collectionNavigated = new EventEmitter();
     collections = [];
     artifacts = [];
     filteredCollections = [];
     filteredArtifacts = [];
-    searchQuery = '';
     isLoading = false;
     breadcrumbs = [];
     currentCollectionId = null;
     currentCollection = null;
     isFormModalOpen = false;
     editingCollection;
-    constructor(dialogService, artifactState) {
+    isArtifactModalOpen = false;
+    userPermissions = new Map();
+    isShareModalOpen = false;
+    sharingCollection = null;
+    destroy$ = new Subject();
+    isNavigatingProgrammatically = false;
+    constructor(dialogService, artifactState, collectionState, permissionService) {
         this.dialogService = dialogService;
         this.artifactState = artifactState;
+        this.collectionState = collectionState;
+        this.permissionService = permissionService;
     }
     ngOnInit() {
         this.loadData();
+        // Subscribe to collection state changes for deep linking
+        this.subscribeToCollectionState();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Subscribe to collection state changes for deep linking support
+     */
+    subscribeToCollectionState() {
+        // Watch for external navigation requests (e.g., from search or URL)
+        this.collectionState.activeCollectionId$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(collectionId => {
+            // Ignore state changes that we triggered ourselves
+            if (this.isNavigatingProgrammatically) {
+                return;
+            }
+            // Only navigate if the state is different from our current state
+            if (collectionId !== this.currentCollectionId) {
+                if (collectionId) {
+                    console.log('📁 Collection state changed, navigating to:', collectionId);
+                    this.navigateToCollectionById(collectionId);
+                }
+                else {
+                    console.log('📁 Collection state cleared, navigating to root');
+                    this.navigateToRoot();
+                }
+            }
+        });
     }
     async loadData() {
         this.isLoading = true;
         try {
             await Promise.all([
                 this.loadCollections(),
-                this.loadArtifacts()
+                this.loadArtifacts(),
+                this.loadCurrentCollectionPermission()
             ]);
         }
         finally {
@@ -233,8 +328,16 @@ export class CollectionsFullViewComponent {
     async loadCollections() {
         try {
             const rv = new RunView();
-            const filter = `EnvironmentID='${this.environmentId}'` +
+            // Load collections where user is owner OR has permissions
+            const ownerFilter = `OwnerID='${this.currentUser.ID}'`;
+            const permissionSubquery = `ID IN (
+        SELECT CollectionID
+        FROM [__mj].[vwCollectionPermissions]
+        WHERE UserID='${this.currentUser.ID}'
+      )`;
+            const baseFilter = `EnvironmentID='${this.environmentId}'` +
                 (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');
+            const filter = `${baseFilter} AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
             const result = await rv.RunView({
                 EntityName: 'MJ: Collections',
                 ExtraFilter: filter,
@@ -244,13 +347,32 @@ export class CollectionsFullViewComponent {
             }, this.currentUser);
             if (result.Success) {
                 this.collections = result.Results || [];
-                this.applySearch();
+                await this.loadUserPermissions();
+                this.filteredCollections = [...this.collections];
             }
         }
         catch (error) {
             console.error('Failed to load collections:', error);
         }
     }
+    async loadUserPermissions() {
+        this.userPermissions.clear();
+        for (const collection of this.collections) {
+            const permission = await this.permissionService.checkPermission(collection.ID, this.currentUser.ID, this.currentUser);
+            if (permission) {
+                this.userPermissions.set(collection.ID, permission);
+            }
+        }
+    }
+    async loadCurrentCollectionPermission() {
+        if (!this.currentCollectionId || !this.currentCollection) {
+            return;
+        }
+        const permission = await this.permissionService.checkPermission(this.currentCollectionId, this.currentUser.ID, this.currentUser);
+        if (permission) {
+            this.userPermissions.set(this.currentCollectionId, permission);
+        }
+    }
     async loadArtifacts() {
         if (!this.currentCollectionId) {
             this.artifacts = [];
@@ -259,70 +381,167 @@ export class CollectionsFullViewComponent {
         }
         try {
             this.artifacts = await this.artifactState.loadArtifactsForCollection(this.currentCollectionId, this.currentUser);
-            this.applySearch();
+            this.filteredArtifacts = [...this.artifacts];
         }
         catch (error) {
             console.error('Failed to load artifacts:', error);
         }
     }
-    onSearchChange(query) {
-        this.applySearch();
+    async openCollection(collection) {
+        this.isNavigatingProgrammatically = true;
+        try {
+            this.breadcrumbs.push({ id: collection.ID, name: collection.Name });
+            this.currentCollectionId = collection.ID;
+            this.currentCollection = collection;
+            await this.loadData();
+            // Update state service
+            this.collectionState.setActiveCollection(collection.ID);
+            // Emit navigation event
+            this.collectionNavigated.emit({
+                collectionId: collection.ID,
+                artifactId: null
+            });
+        }
+        finally {
+            this.isNavigatingProgrammatically = false;
+        }
     }
-    applySearch() {
-        if (!this.searchQuery.trim()) {
-            this.filteredCollections = [...this.collections];
-            this.filteredArtifacts = [...this.artifacts];
+    async navigateTo(crumb) {
+        this.isNavigatingProgrammatically = true;
+        try {
+            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);
+                await this.loadData();
+                // Update state service
+                this.collectionState.setActiveCollection(crumb.id);
+                // Emit navigation event
+                this.collectionNavigated.emit({
+                    collectionId: crumb.id,
+                    artifactId: null
+                });
+            }
         }
-        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));
+        finally {
+            this.isNavigatingProgrammatically = false;
         }
     }
-    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 navigateToRoot() {
+        this.isNavigatingProgrammatically = true;
+        try {
+            this.breadcrumbs = [];
+            this.currentCollectionId = null;
+            this.currentCollection = null;
+            await this.loadData();
+            // Update state service
+            this.collectionState.setActiveCollection(null);
+            // Emit navigation event
+            this.collectionNavigated.emit({
+                collectionId: null,
+                artifactId: null
+            });
+        }
+        finally {
+            this.isNavigatingProgrammatically = false;
+        }
     }
-    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
+    /**
+     * Navigate to a collection by ID, building the breadcrumb trail
+     * Used for deep linking from search results or URL parameters
+     */
+    async navigateToCollectionById(collectionId) {
+        this.isNavigatingProgrammatically = true;
+        try {
+            console.log('📁 Navigating to collection by ID:', collectionId);
+            // Load the target collection
             const md = new Metadata();
-            this.currentCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
-            await this.currentCollection.Load(crumb.id);
-            this.searchQuery = '';
+            const targetCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+            await targetCollection.Load(collectionId);
+            if (!targetCollection || !targetCollection.ID) {
+                console.error('❌ Failed to load collection:', collectionId);
+                return;
+            }
+            // Build breadcrumb trail by traversing parent hierarchy
+            // Note: breadcrumbs includes ALL collections in the path including the current one
+            const trail = [];
+            let currentId = targetCollection.ParentID;
+            while (currentId) {
+                const parentCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+                await parentCollection.Load(currentId);
+                if (parentCollection && parentCollection.ID) {
+                    // Add to front of trail (we're working backwards)
+                    trail.unshift({
+                        id: parentCollection.ID,
+                        name: parentCollection.Name
+                    });
+                    currentId = parentCollection.ParentID;
+                }
+                else {
+                    break;
+                }
+            }
+            // Add the target collection to the trail (breadcrumbs includes current collection)
+            trail.push({
+                id: targetCollection.ID,
+                name: targetCollection.Name
+            });
+            // Update component state
+            this.breadcrumbs = trail;
+            this.currentCollectionId = targetCollection.ID;
+            this.currentCollection = targetCollection;
+            // Load collections and artifacts for this collection
             await this.loadData();
+            // Update state service
+            this.collectionState.setActiveCollection(targetCollection.ID);
+            // Emit navigation event
+            // NOTE: We don't emit artifactId here because this is for deep linking/programmatic navigation
+            // Artifact state is managed separately by the artifact state service
+            this.collectionNavigated.emit({
+                collectionId: targetCollection.ID
+            });
+            console.log('✅ Successfully navigated to collection with breadcrumb trail:', trail);
+        }
+        catch (error) {
+            console.error('❌ Error navigating to collection:', error);
+        }
+        finally {
+            this.isNavigatingProgrammatically = false;
         }
-    }
-    async navigateToRoot() {
-        this.breadcrumbs = [];
-        this.currentCollectionId = null;
-        this.currentCollection = null;
-        this.searchQuery = '';
-        await this.loadData();
     }
     refresh() {
         this.loadData();
     }
-    createCollection() {
+    async createCollection() {
+        // Validate user can edit current collection (or at root level)
+        if (this.currentCollection) {
+            const canEdit = await this.validatePermission(this.currentCollection, 'edit');
+            if (!canEdit)
+                return;
+        }
         this.editingCollection = undefined;
         this.isFormModalOpen = true;
     }
-    editCollection(collection) {
+    async editCollection(collection) {
+        const canEdit = await this.validatePermission(collection, 'edit');
+        if (!canEdit)
+            return;
         this.editingCollection = collection;
         this.isFormModalOpen = true;
     }
     async deleteCollection(collection) {
         console.log('deleteCollection called for:', collection.Name, collection.ID);
+        // Validate user has delete permission
+        const canDelete = await this.validatePermission(collection, 'delete');
+        if (!canDelete)
+            return;
         const confirmed = await this.dialogService.confirm({
             title: 'Delete Collection',
-            message: `Are you sure you want to delete "${collection.Name}"? This action cannot be undone.`,
+            message: `Are you sure you want to delete "${collection.Name}"? This will also delete all child collections and remove all artifacts. This action cannot be undone.`,
             okText: 'Delete',
             cancelText: 'Cancel',
             dangerous: true
@@ -330,15 +549,9 @@ export class CollectionsFullViewComponent {
         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.');
-                }
+                console.log('Attempting to delete collection and all children...');
+                await this.deleteCollectionRecursive(collection.ID);
+                await this.loadCollections();
             }
             catch (error) {
                 console.error('Error deleting collection:', error);
@@ -346,22 +559,79 @@ export class CollectionsFullViewComponent {
             }
         }
     }
+    async deleteCollectionRecursive(collectionId) {
+        const rv = new RunView();
+        // Step 1: Find and delete all child collections recursively
+        const childrenResult = await rv.RunView({
+            EntityName: 'MJ: Collections',
+            ExtraFilter: `ParentID='${collectionId}'`,
+            MaxRows: 1000,
+            ResultType: 'entity_object'
+        }, this.currentUser);
+        if (childrenResult.Success && childrenResult.Results) {
+            for (const child of childrenResult.Results) {
+                await this.deleteCollectionRecursive(child.ID);
+            }
+        }
+        // Step 2: Delete all permissions for this collection
+        await this.permissionService.deleteAllPermissions(collectionId, this.currentUser);
+        // Step 3: Delete all artifact links for this collection
+        const artifactsResult = await rv.RunView({
+            EntityName: 'MJ: Collection Artifacts',
+            ExtraFilter: `CollectionID='${collectionId}'`,
+            MaxRows: 1000,
+            ResultType: 'entity_object'
+        }, this.currentUser);
+        if (artifactsResult.Success && artifactsResult.Results) {
+            for (const ca of artifactsResult.Results) {
+                await ca.Delete();
+            }
+        }
+        // Step 4: Delete the collection itself
+        const md = new Metadata();
+        const collection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+        await collection.Load(collectionId);
+        const deleted = await collection.Delete();
+        if (!deleted) {
+            throw new Error(`Failed to delete collection: ${collection.LatestResult?.Message || 'Unknown error'}`);
+        }
+    }
     async onCollectionSaved(collection) {
         this.isFormModalOpen = false;
         this.editingCollection = undefined;
         await this.loadCollections();
+        // Reload current collection permission (it was cleared by loadUserPermissions)
+        await this.loadCurrentCollectionPermission();
     }
     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.');
+        // Validate user can edit current collection
+        if (this.currentCollection) {
+            const canEdit = await this.validatePermission(this.currentCollection, 'edit');
+            if (!canEdit)
+                return;
+        }
+        this.isArtifactModalOpen = true;
+    }
+    async onArtifactSaved(artifact) {
+        this.isArtifactModalOpen = false;
+        await this.loadArtifacts();
+    }
+    onArtifactModalCancelled() {
+        this.isArtifactModalOpen = false;
     }
     async removeArtifact(artifact) {
         if (!this.currentCollectionId)
             return;
+        // Validate user has delete permission on current collection
+        if (this.currentCollection) {
+            const canDelete = await this.validatePermission(this.currentCollection, 'delete');
+            if (!canDelete)
+                return;
+        }
         const confirmed = await this.dialogService.confirm({
             title: 'Remove Artifact',
             message: `Remove "${artifact.Name}" from this collection?`,
@@ -381,9 +651,94 @@ export class CollectionsFullViewComponent {
     }
     viewArtifact(artifact) {
         this.artifactState.openArtifact(artifact.ID);
+        // Emit navigation event with both collection and artifact
+        this.collectionNavigated.emit({
+            collectionId: this.currentCollectionId,
+            artifactId: artifact.ID
+        });
+    }
+    // Permission validation and checking methods
+    async validatePermission(collection, requiredPermission) {
+        // Owner has all permissions (including backwards compatibility for null OwnerID)
+        if (!collection?.OwnerID || collection.OwnerID === this.currentUser.ID) {
+            return true;
+        }
+        const permission = this.userPermissions.get(collection.ID);
+        if (!permission) {
+            await this.dialogService.alert('Permission Denied', 'You do not have permission to perform this action.');
+            return false;
+        }
+        const hasPermission = (requiredPermission === 'edit' && permission.canEdit) ||
+            (requiredPermission === 'delete' && permission.canDelete) ||
+            (requiredPermission === 'share' && permission.canShare);
+        if (!hasPermission) {
+            const permissionName = requiredPermission.charAt(0).toUpperCase() + requiredPermission.slice(1);
+            await this.dialogService.alert('Permission Denied', `You do not have ${permissionName} permission for this collection.`);
+            return false;
+        }
+        return true;
+    }
+    canEdit(collection) {
+        // Backwards compatibility: treat null OwnerID as owned by current user
+        if (!collection.OwnerID || collection.OwnerID === this.currentUser.ID)
+            return true;
+        // Check permission record
+        const permission = this.userPermissions.get(collection.ID);
+        return permission?.canEdit || false;
+    }
+    canDelete(collection) {
+        // Backwards compatibility: treat null OwnerID as owned by current user
+        if (!collection.OwnerID || collection.OwnerID === this.currentUser.ID)
+            return true;
+        // Check permission record
+        const permission = this.userPermissions.get(collection.ID);
+        return permission?.canDelete || false;
+    }
+    canShare(collection) {
+        // Backwards compatibility: treat null OwnerID as owned by current user
+        if (!collection.OwnerID || collection.OwnerID === this.currentUser.ID)
+            return true;
+        // Check permission record
+        const permission = this.userPermissions.get(collection.ID);
+        return permission?.canShare || false;
+    }
+    canEditCurrent() {
+        // At root level, anyone can create
+        if (!this.currentCollectionId || !this.currentCollection) {
+            return true;
+        }
+        return this.canEdit(this.currentCollection);
     }
-    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) {
+    canDeleteCurrent() {
+        // At root level, no delete needed
+        if (!this.currentCollectionId || !this.currentCollection) {
+            return false;
+        }
+        return this.canDelete(this.currentCollection);
+    }
+    isShared(collection) {
+        // Collection is shared if user is not the owner and OwnerID is set
+        return collection.OwnerID != null && collection.OwnerID !== this.currentUser.ID;
+    }
+    // Sharing methods
+    async shareCollection(collection) {
+        // Validate user has share permission
+        const canShare = await this.validatePermission(collection, 'share');
+        if (!canShare)
+            return;
+        this.sharingCollection = collection;
+        this.isShareModalOpen = true;
+    }
+    async onPermissionsChanged() {
+        // Reload collections and permissions after sharing changes
+        await this.loadCollections();
+    }
+    onShareModalCancelled() {
+        this.isShareModalOpen = false;
+        this.sharingCollection = null;
+    }
+    static ɵfac = function CollectionsFullViewComponent_Factory(t) { return new (t || CollectionsFullViewComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.ArtifactStateService), i0.ɵɵdirectiveInject(i3.CollectionStateService), i0.ɵɵdirectiveInject(i4.CollectionPermissionService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsFullViewComponent, selectors: [["mj-collections-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, outputs: { collectionNavigated: "collectionNavigated" }, decls: 18, vars: 17, 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-actions"], ["class", "btn-primary", "title", "New Collection", 3, "click", 4, "ngIf"], ["title", "Refresh", 1, "btn-secondary", 3, "click"], [1, "fas", "fa-sync"], [1, "collections-content"], ["class", "loading-state", 4, "ngIf"], ["class", "content-grid", 4, "ngIf"], [3, "saved", "cancelled", "isOpen", "collection", "parentCollection", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collectionId", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collection", "currentUser", "currentUserPermissions"], [1, "breadcrumb-path"], [4, "ngFor", "ngForOf"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["title", "New Collection", 1, "btn-primary", 3, "click"], [1, "fas", "fa-folder-plus"], [1, "loading-state"], [1, "fas", "fa-spinner", "fa-spin"], [1, "content-grid"], [1, "section"], [1, "section-header"], [1, "section-count"], ["class", "btn-primary btn-sm", 3, "click", 4, "ngIf"], ["class", "collection-grid", 4, "ngIf"], ["class", "section", 4, "ngIf"], [1, "btn-primary", "btn-sm", 3, "click"], [1, "fas", "fa-plus"], [1, "collection-grid"], ["class", "collection-card", 3, "click", 4, "ngFor", "ngForOf"], [1, "collection-card", 3, "click"], [1, "card-icon"], [1, "fas", "fa-folder"], ["class", "shared-badge", "title", "Shared with you", 4, "ngIf"], [1, "card-content"], [1, "card-name"], ["class", "card-owner", 4, "ngIf"], ["class", "card-description", 4, "ngIf"], [1, "card-actions", 3, "click"], ["class", "card-action-btn", "title", "Share", 3, "click", 4, "ngIf"], ["class", "card-action-btn", "title", "Edit", 3, "click", 4, "ngIf"], ["class", "card-action-btn danger", "title", "Delete", 3, "click", 4, "ngIf"], ["title", "Shared with you", 1, "shared-badge"], [1, "fas", "fa-users"], [1, "card-owner"], [1, "fas", "fa-user"], [1, "card-description"], ["title", "Share", 1, "card-action-btn", 3, "click"], [1, "fas", "fa-share-alt"], ["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"], ["class", "artifact-grid", 4, "ngIf"], [1, "artifact-grid"], ["class", "artifact-card", 3, "click", 4, "ngFor", "ngForOf"], [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);
@@ -393,42 +748,39 @@ export class CollectionsFullViewComponent {
             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.ɵɵtemplate(9, CollectionsFullViewComponent_button_9_Template, 3, 0, "button", 8);
+            i0.ɵɵelementStart(10, "button", 9);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_10_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(11, "i", 10);
             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.ɵɵelementStart(12, "div", 11);
+            i0.ɵɵtemplate(13, CollectionsFullViewComponent_div_13_Template, 4, 0, "div", 12)(14, CollectionsFullViewComponent_div_14_Template, 10, 4, "div", 13);
             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.ɵɵelementStart(15, "mj-collection-form-modal", 14);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_form_modal_saved_15_listener($event) { return ctx.onCollectionSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_form_modal_cancelled_15_listener() { return ctx.onFormCancelled(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "mj-artifact-create-modal", 15);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_saved_16_listener($event) { return ctx.onArtifactSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_cancelled_16_listener() { return ctx.onArtifactModalCancelled(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "mj-collection-share-modal", 16);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_share_modal_saved_17_listener() { return ctx.onPermissionsChanged(); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_share_modal_cancelled_17_listener() { return ctx.onShareModalCancelled(); });
             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.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.canEditCurrent());
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", ctx.isLoading);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.collections.length === 0 && ctx.artifacts.length === 0 && !ctx.searchQuery);
+            i0.ɵɵproperty("ngIf", !ctx.isLoading);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.collections.length === 0 && ctx.artifacts.length === 0 && ctx.searchQuery);
+            i0.ɵɵproperty("isOpen", ctx.isFormModalOpen)("collection", ctx.editingCollection)("parentCollection", ctx.currentCollection || undefined)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && (ctx.filteredCollections.length > 0 || ctx.filteredArtifacts.length > 0));
+            i0.ɵɵproperty("isOpen", ctx.isArtifactModalOpen)("collectionId", ctx.currentCollectionId || "")("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             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    }"] });
+            i0.ɵɵproperty("isOpen", ctx.isShareModalOpen)("collection", ctx.sharingCollection)("currentUser", ctx.currentUser)("currentUserPermissions", ctx.sharingCollection ? ctx.userPermissions.get(ctx.sharingCollection.ID) || null : null);
+        } }, dependencies: [i5.NgForOf, i5.NgIf, i6.CollectionShareModalComponent, i7.CollectionFormModalComponent, i8.ArtifactCreateModalComponent], 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-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      position: relative;\n    }\n\n    .card-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .shared-badge[_ngcontent-%COMP%] {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 18px;\n      height: 18px;\n      background: #10B981;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid white;\n    }\n\n    .shared-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 9px;\n      color: white;\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-owner[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 6px;\n      font-size: 12px;\n      color: #6B7280;\n    }\n\n    .card-owner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\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,
@@ -451,16 +803,8 @@ export class CollectionsFullViewComponent {
             </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">
+          <button class="btn-primary" (click)="createCollection()" *ngIf="canEditCurrent()" title="New Collection">
             <i class="fas fa-folder-plus"></i>
             New Collection
           </button>
@@ -476,46 +820,46 @@ export class CollectionsFullViewComponent {
           <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">
+        <div *ngIf="!isLoading" class="content-grid">
           <!-- Sub-collections -->
-          <div class="section" *ngIf="filteredCollections.length > 0">
+          <div class="section">
             <div class="section-header">
               <h3>Collections</h3>
               <span class="section-count">{{ filteredCollections.length }}</span>
+              <button class="btn-primary btn-sm" (click)="createCollection()" *ngIf="canEditCurrent()">
+                <i class="fas fa-plus"></i>
+                New Collection
+              </button>
             </div>
-            <div class="collection-grid">
+            <div class="collection-grid" *ngIf="filteredCollections.length > 0">
               <div *ngFor="let collection of filteredCollections"
                    class="collection-card"
                    (click)="openCollection(collection)">
                 <div class="card-icon">
                   <i class="fas fa-folder"></i>
+                  <!-- Shared indicator -->
+                  <div class="shared-badge" *ngIf="isShared(collection)" title="Shared with you">
+                    <i class="fas fa-users"></i>
+                  </div>
                 </div>
                 <div class="card-content">
                   <div class="card-name">{{ collection.Name }}</div>
+                  <div class="card-owner" *ngIf="isShared(collection) && collection.Owner">
+                    <i class="fas fa-user"></i>
+                    <span>{{ collection.Owner }}</span>
+                  </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">
+                  <button class="card-action-btn" *ngIf="canShare(collection)" (click)="shareCollection(collection)" title="Share">
+                    <i class="fas fa-share-alt"></i>
+                  </button>
+                  <button class="card-action-btn" *ngIf="canEdit(collection)" (click)="editCollection(collection)" title="Edit">
                     <i class="fas fa-edit"></i>
                   </button>
-                  <button class="card-action-btn danger" (click)="deleteCollection(collection)" title="Delete">
+                  <button class="card-action-btn danger" *ngIf="canDelete(collection)" (click)="deleteCollection(collection)" title="Delete">
                     <i class="fas fa-trash"></i>
                   </button>
                 </div>
@@ -524,16 +868,16 @@ export class CollectionsFullViewComponent {
           </div>
 
           <!-- Artifacts in current collection -->
-          <div class="section" *ngIf="filteredArtifacts.length > 0">
+          <div class="section" *ngIf="currentCollectionId">
             <div class="section-header">
               <h3>Artifacts</h3>
               <span class="section-count">{{ filteredArtifacts.length }}</span>
-              <button class="btn-secondary btn-sm" (click)="addArtifact()" *ngIf="currentCollectionId">
+              <button class="btn-primary btn-sm" (click)="addArtifact()" *ngIf="canEditCurrent()">
                 <i class="fas fa-plus"></i>
                 Add Artifact
               </button>
             </div>
-            <div class="artifact-grid">
+            <div class="artifact-grid" *ngIf="filteredArtifacts.length > 0">
               <div *ngFor="let artifact of filteredArtifacts"
                    class="artifact-card"
                    (click)="viewArtifact(artifact)">
@@ -547,7 +891,7 @@ export class CollectionsFullViewComponent {
                   </div>
                 </div>
                 <div class="card-actions" (click)="$event.stopPropagation()">
-                  <button class="card-action-btn" (click)="removeArtifact(artifact)" title="Remove from collection" *ngIf="currentCollectionId">
+                  <button class="card-action-btn" (click)="removeArtifact(artifact)" title="Remove from collection" *ngIf="canDeleteCurrent()">
                     <i class="fas fa-times"></i>
                   </button>
                 </div>
@@ -568,11 +912,33 @@ export class CollectionsFullViewComponent {
       (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: [{
+
+    <!-- Artifact Create Modal -->
+    <mj-artifact-create-modal
+      [isOpen]="isArtifactModalOpen"
+      [collectionId]="currentCollectionId || ''"
+      [environmentId]="environmentId"
+      [currentUser]="currentUser"
+      (saved)="onArtifactSaved($event)"
+      (cancelled)="onArtifactModalCancelled()">
+    </mj-artifact-create-modal>
+
+    <!-- Share Modal -->
+    <mj-collection-share-modal
+      [isOpen]="isShareModalOpen"
+      [collection]="sharingCollection"
+      [currentUser]="currentUser"
+      [currentUserPermissions]="sharingCollection ? userPermissions.get(sharingCollection.ID) || null : null"
+      (saved)="onPermissionsChanged()"
+      (cancelled)="onShareModalCancelled()">
+    </mj-collection-share-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-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      position: relative;\n    }\n\n    .card-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .shared-badge {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 18px;\n      height: 18px;\n      background: #10B981;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid white;\n    }\n\n    .shared-badge i {\n      font-size: 9px;\n      color: white;\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-owner {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 6px;\n      font-size: 12px;\n      color: #6B7280;\n    }\n\n    .card-owner i {\n      font-size: 10px;\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 }, { type: i3.CollectionStateService }, { type: i4.CollectionPermissionService }], { environmentId: [{
             type: Input
         }], currentUser: [{
             type: Input
+        }], collectionNavigated: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 514 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 533 }); })();
 //# sourceMappingURL=collections-full-view.component.js.map