@memberjunction/ng-conversations 5.0.0 → 5.2.0

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

@@ -1,4 +1,4 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
 import { RunView, Metadata } from '@memberjunction/core';
 import { Subject, takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -9,10 +9,11 @@ import * as i4 from "../../services/collection-permission.service";
 import * as i5 from "@memberjunction/ng-artifacts";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/forms";
-import * as i8 from "@memberjunction/ng-shared-generic";
-import * as i9 from "./collection-share-modal.component";
-import * as i10 from "./collection-form-modal.component";
-import * as i11 from "./artifact-create-modal.component";
+import * as i8 from "@progress/kendo-angular-dialog";
+import * as i9 from "@memberjunction/ng-shared-generic";
+import * as i10 from "./collection-share-modal.component";
+import * as i11 from "./collection-form-modal.component";
+import * as i12 from "./artifact-create-modal.component";
 function CollectionsFullViewComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelement(0, "i", 27);
@@ -87,17 +88,63 @@ function CollectionsFullViewComponent_Conditional_17_Template(rf, ctx) { if (rf
     i0.ɵɵelement(1, "i", 36);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_18_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.shareCurrentCollection()); });
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", "Share: " + ctx_r2.currentCollection.Name);
+} }
+function CollectionsFullViewComponent_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "button", 31);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createCollection()); });
-    i0.ɵɵelement(2, "i", 41);
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.editCurrentCollection()); });
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", "Edit: " + ctx_r2.currentCollection.Name);
+} }
+function CollectionsFullViewComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.deleteCurrentCollection()); });
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", "Delete: " + ctx_r2.currentCollection.Name);
+} }
+function CollectionsFullViewComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 37);
+    i0.ɵɵelementStart(1, "div", 38);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_18_Conditional_2_Template, 2, 1, "button", 39);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_18_Conditional_3_Template, 2, 1, "button", 39);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_18_Conditional_4_Template, 2, 1, "button", 40);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.canShareCurrent() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.canDeleteCurrent() ? 4 : -1);
+} }
+function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48)(1, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(2, "i", 49);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "New Collection");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 42);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_6_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
-    i0.ɵɵelement(6, "i", 43);
+    i0.ɵɵelementStart(5, "button", 50);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
+    i0.ɵɵelement(6, "i", 51);
     i0.ɵɵelementStart(7, "span");
     i0.ɵɵtext(8, "New Artifact");
     i0.ɵɵelementEnd()()();
@@ -106,36 +153,36 @@ function CollectionsFullViewComponent_Conditional_18_Conditional_6_Template(rf,
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("disabled", !ctx_r2.currentCollectionId);
 } }
-function CollectionsFullViewComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "button", 37);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showNewDropdown = !ctx_r2.showNewDropdown); });
-    i0.ɵɵelement(2, "i", 38);
+function CollectionsFullViewComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "button", 45);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showNewDropdown = !ctx_r2.showNewDropdown); });
+    i0.ɵɵelement(2, "i", 46);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "New");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "i", 39);
+    i0.ɵɵelement(5, "i", 47);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_18_Conditional_6_Template, 9, 1, "div", 40);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_19_Conditional_6_Template, 9, 1, "div", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(6);
     i0.ɵɵconditional(ctx_r2.showNewDropdown ? 6 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 44)(2, "span", 45);
+function CollectionsFullViewComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div", 52)(2, "span", 53);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 46)(5, "button", 47);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_21_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSelection()); });
+    i0.ɵɵelementStart(4, "div", 54)(5, "button", 55);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_22_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSelection()); });
     i0.ɵɵelement(6, "i", 36);
     i0.ɵɵtext(7, " Clear Selection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 48);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_21_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteSelected()); });
-    i0.ɵɵelement(9, "i", 49);
+    i0.ɵɵelementStart(8, "button", 56);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_22_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteSelected()); });
+    i0.ɵɵelement(9, "i", 44);
     i0.ɵɵtext(10, " Delete Selected ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -143,12 +190,12 @@ function CollectionsFullViewComponent_Conditional_21_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", ctx_r2.selectedItems.size, " selected");
 } }
-function CollectionsFullViewComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "mj-loading", 50);
+    i0.ɵɵelement(1, "mj-loading", 57);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_24_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_25_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "No items found");
     i0.ɵɵelementEnd();
@@ -156,28 +203,28 @@ function CollectionsFullViewComponent_Conditional_24_Conditional_2_Template(rf,
     i0.ɵɵtext(3, "Try adjusting your search");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_24_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 53);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Conditional_3_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createCollection()); });
-    i0.ɵɵelement(1, "i", 38);
+function CollectionsFullViewComponent_Conditional_25_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 60);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_25_Conditional_3_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵtext(2, " Create Collection ");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "No collections yet");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Create your first collection to get started");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_24_Conditional_3_Conditional_4_Template, 3, 0, "button", 52);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_25_Conditional_3_Conditional_4_Template, 3, 0, "button", 59);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 4 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_24_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "This collection is empty");
     i0.ɵɵelementEnd();
@@ -189,12 +236,12 @@ function CollectionsFullViewComponent_Conditional_24_Conditional_4_Template(rf,
     i0.ɵɵtext(6, " button above to add collections or artifacts");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 51);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_24_Conditional_2_Template, 4, 0);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_24_Conditional_3_Template, 5, 1);
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_24_Conditional_4_Template, 7, 0);
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_25_Conditional_2_Template, 4, 0);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_25_Conditional_3_Template, 5, 1);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_25_Conditional_4_Template, 7, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -205,152 +252,152 @@ function CollectionsFullViewComponent_Conditional_24_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r2.searchQuery && ctx_r2.currentCollectionId ? 4 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_1_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r15); const item_r14 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r14, $event)); });
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_1_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const item_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r17, $event)); });
     i0.ɵɵelement(1, "i", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext().$implicit;
+    const item_r17 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r14.selected ? "fa-check-circle" : "fa-circle");
+    i0.ɵɵproperty("ngClass", item_r17.selected ? "fa-check-circle" : "fa-circle");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 68);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "i", 75);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext(2).$implicit;
+    const item_r17 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r14.description, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r17.description, " ");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 73);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext(2).$implicit;
+    const item_r17 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r14.itemCount), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r17.itemCount), " ");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 67);
-    i0.ɵɵelement(1, "i", 69);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 74);
+    i0.ɵɵelement(1, "i", 76);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext(2).$implicit;
+    const item_r17 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r14.owner, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r17.owner, " ");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "div", 60);
-    i0.ɵɵelement(2, "i", 61);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_3_Template, 2, 0, "div", 62);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65)(1, "div", 67);
+    i0.ɵɵelement(2, "i", 68);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_3_Template, 2, 0, "div", 69);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 63)(5, "div", 64);
+    i0.ɵɵelementStart(4, "div", 70)(5, "div", 71);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_7_Template, 2, 1, "div", 65);
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_8_Template, 2, 1, "div", 66);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_9_Template, 3, 1, "div", 67);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_7_Template, 2, 1, "div", 72);
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_8_Template, 2, 1, "div", 73);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_9_Template, 3, 1, "div", 74);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r14.description || item_r14.name);
+    const item_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r17.description || item_r17.name);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(item_r14.isShared ? 3 : -1);
+    i0.ɵɵconditional(item_r17.isShared ? 3 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r14.name);
+    i0.ɵɵtextInterpolate(item_r17.name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.description ? 7 : -1);
+    i0.ɵɵconditional(item_r17.description ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.itemCount !== undefined ? 8 : -1);
+    i0.ɵɵconditional(item_r17.itemCount !== undefined ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.isShared && item_r14.owner ? 9 : -1);
+    i0.ɵɵconditional(item_r17.isShared && item_r17.owner ? 9 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext(2).$implicit;
+    const item_r17 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r14.description, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r17.description, " ");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 71);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 78);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext(2).$implicit;
+    const item_r17 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" v", item_r14.versionNumber, " ");
+    i0.ɵɵtextInterpolate1(" v", item_r17.versionNumber, " ");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 72);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 79);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext(2).$implicit;
+    const item_r17 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r14.artifactType, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r17.artifactType, " ");
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "div", 70);
+function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65)(1, "div", 77);
     i0.ɵɵelement(2, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 63)(4, "div", 64);
+    i0.ɵɵelementStart(3, "div", 70)(4, "div", 71);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_6_Template, 2, 1, "div", 65);
-    i0.ɵɵelementStart(7, "div", 66);
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_8_Template, 2, 1, "span", 71);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_9_Template, 2, 1, "span", 72);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_6_Template, 2, 1, "div", 72);
+    i0.ɵɵelementStart(7, "div", 73);
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_8_Template, 2, 1, "span", 78);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_9_Template, 2, 1, "span", 79);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r14 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r14.description || item_r14.name);
+    const item_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r17.description || item_r17.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", item_r14.icon);
+    i0.ɵɵproperty("ngClass", item_r17.icon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r14.name);
+    i0.ɵɵtextInterpolate(item_r17.name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.description ? 6 : -1);
+    i0.ɵɵconditional(item_r17.description ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r14.versionNumber ? 8 : -1);
+    i0.ɵɵconditional(item_r17.versionNumber ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.artifactType ? 9 : -1);
+    i0.ɵɵconditional(item_r17.artifactType ? 9 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_25_For_2_Template_div_click_0_listener($event) { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r14, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_25_For_2_Template_div_dblclick_0_listener($event) { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r14, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_25_For_2_Template_div_contextmenu_0_listener($event) { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r14, $event)); });
-    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_1_Template, 2, 1, "div", 57);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Template, 10, 6, "div", 58);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Template, 10, 6, "div", 58);
+function CollectionsFullViewComponent_Conditional_26_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_2_Template_div_click_0_listener($event) { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r17, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_26_For_2_Template_div_dblclick_0_listener($event) { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r17, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_26_For_2_Template_div_contextmenu_0_listener($event) { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r17, $event)); });
+    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_1_Template, 2, 1, "div", 64);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Template, 10, 6, "div", 65);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Template, 10, 6, "div", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r14 = ctx.$implicit;
+    const item_r17 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", item_r14.selected)("active", item_r14.type === "artifact" && (item_r14.artifact == null ? null : item_r14.artifact.ID) === ctx_r2.activeArtifactId);
+    i0.ɵɵclassProp("selected", item_r17.selected)("active", item_r17.type === "artifact" && (item_r17.artifact == null ? null : item_r17.artifact.ID) === ctx_r2.activeArtifactId);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.isSelectMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.type === "folder" ? 2 : -1);
+    i0.ɵɵconditional(item_r17.type === "folder" ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r14.type === "artifact" ? 3 : -1);
+    i0.ɵɵconditional(item_r17.type === "artifact" ? 3 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54);
-    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_25_For_2_Template, 4, 7, "div", 55, i0.ɵɵrepeaterTrackByIdentity);
+function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_26_For_2_Template, 4, 7, "div", 62, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -358,165 +405,165 @@ function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.unifiedItems);
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 75)(1, "i", 81);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Conditional_4_Template_i_click_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length ? ctx_r2.clearSelection() : ctx_r2.selectAll()); });
+function CollectionsFullViewComponent_Conditional_27_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 82)(1, "i", 88);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Conditional_4_Template_i_click_1_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length ? ctx_r2.clearSelection() : ctx_r2.selectAll()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length ? "fa-check-square" : "fa-square");
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 29);
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 9);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.sortOrder === "asc" ? "fa-sort-up" : "fa-sort-down");
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 29);
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 9);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.sortOrder === "asc" ? "fa-sort-up" : "fa-sort-down");
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 29);
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 9);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.sortOrder === "asc" ? "fa-sort-up" : "fa-sort-down");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 75)(1, "i", 81);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_1_Template_i_click_1_listener($event) { i0.ɵɵrestoreView(_r20); const item_r19 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r19, $event)); });
+function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 82)(1, "i", 88);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_1_Template_i_click_1_listener($event) { i0.ɵɵrestoreView(_r23); const item_r22 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r22, $event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r19 = i0.ɵɵnextContext().$implicit;
+    const item_r22 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r19.selected ? "fa-check-circle" : "fa-circle");
+    i0.ɵɵproperty("ngClass", item_r22.selected ? "fa-check-circle" : "fa-circle");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 85);
+function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 92);
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Folder");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 72);
+function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 79);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r19 = i0.ɵɵnextContext().$implicit;
+    const item_r22 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r19.artifactType, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r22.artifactType, " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r19 = i0.ɵɵnextContext().$implicit;
+    const item_r22 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r19.lastModified, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r22.lastModified, "short"), " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r19 = i0.ɵɵnextContext().$implicit;
+    const item_r22 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(item_r19.owner);
+    i0.ɵɵtextInterpolate(item_r22.owner);
 } }
-function CollectionsFullViewComponent_Conditional_26_For_24_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 82);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_24_Template_tr_click_0_listener($event) { const item_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r19, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_26_For_24_Template_tr_dblclick_0_listener($event) { const item_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r19, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_26_For_24_Template_tr_contextmenu_0_listener($event) { const item_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r19, $event)); });
-    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_1_Template, 2, 1, "td", 75);
-    i0.ɵɵelementStart(2, "td", 83)(3, "div", 84);
+function CollectionsFullViewComponent_Conditional_27_For_24_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 89);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_For_24_Template_tr_click_0_listener($event) { const item_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r22, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_27_For_24_Template_tr_dblclick_0_listener($event) { const item_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r22, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_27_For_24_Template_tr_contextmenu_0_listener($event) { const item_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r22, $event)); });
+    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_1_Template, 2, 1, "td", 82);
+    i0.ɵɵelementStart(2, "td", 90)(3, "div", 91);
     i0.ɵɵelement(4, "i", 9);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_7_Template, 1, 0, "i", 85);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_7_Template, 1, 0, "i", 92);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 86);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_9_Template, 2, 0, "span");
-    i0.ɵɵconditionalCreate(10, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_10_Template, 2, 1, "span", 72);
+    i0.ɵɵelementStart(8, "td", 93);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_9_Template, 2, 0, "span");
+    i0.ɵɵconditionalCreate(10, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_10_Template, 2, 1, "span", 79);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 87);
-    i0.ɵɵconditionalCreate(12, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_12_Template, 3, 4, "span");
+    i0.ɵɵelementStart(11, "td", 94);
+    i0.ɵɵconditionalCreate(12, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_12_Template, 3, 4, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 79);
-    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_14_Template, 2, 1, "span");
+    i0.ɵɵelementStart(13, "td", 86);
+    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_14_Template, 2, 1, "span");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r19 = ctx.$implicit;
+    const item_r22 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", item_r19.selected)("active", item_r19.type === "artifact" && (item_r19.artifact == null ? null : item_r19.artifact.ID) === ctx_r2.activeArtifactId);
+    i0.ɵɵclassProp("selected", item_r22.selected)("active", item_r22.type === "artifact" && (item_r22.artifact == null ? null : item_r22.artifact.ID) === ctx_r2.activeArtifactId);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.isSelectMode ? 1 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", item_r19.type === "folder" ? "fa-folder" : item_r19.icon);
+    i0.ɵɵproperty("ngClass", item_r22.type === "folder" ? "fa-folder" : item_r22.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r19.name);
+    i0.ɵɵtextInterpolate(item_r22.name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r19.isShared ? 7 : -1);
+    i0.ɵɵconditional(item_r22.isShared ? 7 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r19.type === "folder" ? 9 : -1);
+    i0.ɵɵconditional(item_r22.type === "folder" ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r19.type === "artifact" ? 10 : -1);
+    i0.ɵɵconditional(item_r22.type === "artifact" ? 10 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r19.lastModified ? 12 : -1);
+    i0.ɵɵconditional(item_r22.lastModified ? 12 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r19.owner ? 14 : -1);
+    i0.ɵɵconditional(item_r22.owner ? 14 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 73)(1, "table", 74)(2, "thead")(3, "tr");
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_26_Conditional_4_Template, 2, 1, "th", 75);
-    i0.ɵɵelementStart(5, "th", 76);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
+function CollectionsFullViewComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 80)(1, "table", 81)(2, "thead")(3, "tr");
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_27_Conditional_4_Template, 2, 1, "th", 82);
+    i0.ɵɵelementStart(5, "th", 83);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_26_Conditional_8_Template, 1, 0, "i", 29);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_26_Conditional_9_Template, 1, 1, "i", 9);
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_27_Conditional_8_Template, 1, 0, "i", 29);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_27_Conditional_9_Template, 1, 1, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 77);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Template_th_click_10_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
+    i0.ɵɵelementStart(10, "th", 84);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Template_th_click_10_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
     i0.ɵɵelementStart(11, "span");
     i0.ɵɵtext(12, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, CollectionsFullViewComponent_Conditional_26_Conditional_13_Template, 1, 0, "i", 29);
-    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_26_Conditional_14_Template, 1, 1, "i", 9);
+    i0.ɵɵconditionalCreate(13, CollectionsFullViewComponent_Conditional_27_Conditional_13_Template, 1, 0, "i", 29);
+    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_27_Conditional_14_Template, 1, 1, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 78);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
+    i0.ɵɵelementStart(15, "th", 85);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
     i0.ɵɵelementStart(16, "span");
     i0.ɵɵtext(17, "Modified");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(18, CollectionsFullViewComponent_Conditional_26_Conditional_18_Template, 1, 0, "i", 29);
-    i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_26_Conditional_19_Template, 1, 1, "i", 9);
+    i0.ɵɵconditionalCreate(18, CollectionsFullViewComponent_Conditional_27_Conditional_18_Template, 1, 0, "i", 29);
+    i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_27_Conditional_19_Template, 1, 1, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "th", 79);
+    i0.ɵɵelementStart(20, "th", 86);
     i0.ɵɵtext(21, "Owner");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(22, "tbody");
-    i0.ɵɵrepeaterCreate(23, CollectionsFullViewComponent_Conditional_26_For_24_Template, 15, 12, "tr", 80, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(23, CollectionsFullViewComponent_Conditional_27_For_24_Template, 15, 12, "tr", 87, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -538,6 +585,97 @@ function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r2.unifiedItems);
 } }
+function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 97);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("share")); });
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Share");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 97);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("edit")); });
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Edit");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "div", 98);
+    i0.ɵɵelementStart(1, "button", 100);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("delete")); });
+    i0.ɵɵelement(2, "i", 44);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Delete");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_Conditional_28_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 97);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("open")); });
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Open");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(4, "div", 98);
+    i0.ɵɵconditionalCreate(5, CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_5_Template, 4, 0, "button", 99);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_6_Template, 4, 0, "button", 99);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_7_Template, 5, 0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.canShare(ctx_r2.contextMenuItem.collection) ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.canEdit(ctx_r2.contextMenuItem.collection) ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.canDelete(ctx_r2.contextMenuItem.collection) ? 7 : -1);
+} }
+function CollectionsFullViewComponent_Conditional_28_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "div", 98);
+    i0.ɵɵelementStart(1, "button", 100);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_3_Conditional_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("remove")); });
+    i0.ɵɵelement(2, "i", 102);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Remove from Collection");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionsFullViewComponent_Conditional_28_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 97);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("view")); });
+    i0.ɵɵelement(1, "i", 101);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "View");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_28_Conditional_3_Conditional_4_Template, 5, 0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 4 : -1);
+} }
+function CollectionsFullViewComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 96);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_28_Conditional_2_Template, 8, 3);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_28_Conditional_3_Template, 5, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("left", ctx_r2.contextMenuPosition.x, "px")("top", ctx_r2.contextMenuPosition.y, "px");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.contextMenuItem.type === "folder" && ctx_r2.contextMenuItem.collection ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.contextMenuItem.type === "artifact" ? 3 : -1);
+} }
 /**
  * Full-panel Collections view component
  * Comprehensive collection management with artifacts display
@@ -577,6 +715,10 @@ export class CollectionsFullViewComponent {
     showSortDropdown = false;
     activeArtifactId = null; // Track which artifact is currently being viewed
     isSelectMode = false; // Toggle for selection mode
+    // Context menu state
+    showContextMenu = false;
+    contextMenuPosition = { x: 0, y: 0 };
+    contextMenuItem = null;
     destroy$ = new Subject();
     isNavigatingProgrammatically = false;
     constructor(dialogService, artifactState, collectionState, permissionService, artifactIconService, cdr) {
@@ -961,6 +1103,7 @@ export class CollectionsFullViewComponent {
         await this.loadCurrentCollectionPermission();
         // Rebuild unified list to show new collection
         this.buildUnifiedItemList();
+        this.cdr.detectChanges();
     }
     onFormCancelled() {
         this.isFormModalOpen = false;
@@ -979,6 +1122,7 @@ export class CollectionsFullViewComponent {
     async onArtifactSaved(artifact) {
         this.isArtifactModalOpen = false;
         await this.loadArtifacts();
+        this.cdr.detectChanges();
     }
     onArtifactModalCancelled() {
         this.isArtifactModalOpen = false;
@@ -1088,6 +1232,13 @@ export class CollectionsFullViewComponent {
         }
         return this.canDelete(this.currentCollection);
     }
+    canShareCurrent() {
+        // At root level, no share needed
+        if (!this.currentCollectionId || !this.currentCollection) {
+            return false;
+        }
+        return this.canShare(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;
@@ -1104,11 +1255,28 @@ export class CollectionsFullViewComponent {
     async onPermissionsChanged() {
         // Reload collections and permissions after sharing changes
         await this.loadCollections();
+        this.cdr.detectChanges();
     }
     onShareModalCancelled() {
         this.isShareModalOpen = false;
         this.sharingCollection = null;
     }
+    // Header toolbar action methods
+    shareCurrentCollection() {
+        if (this.currentCollection) {
+            this.shareCollection(this.currentCollection);
+        }
+    }
+    editCurrentCollection() {
+        if (this.currentCollection) {
+            this.editCollection(this.currentCollection);
+        }
+    }
+    deleteCurrentCollection() {
+        if (this.currentCollection) {
+            this.deleteCollection(this.currentCollection);
+        }
+    }
     /**
      * Get the icon for an artifact using the centralized icon service.
      * Fallback priority: Plugin icon > Metadata icon > Hardcoded mapping > Generic icon
@@ -1155,6 +1323,7 @@ export class CollectionsFullViewComponent {
         }
         // Apply sorting
         this.unifiedItems = this.sortItems(items);
+        this.cdr.detectChanges();
     }
     /**
      * Sort items by selected criteria (Phase 2)
@@ -1207,9 +1376,12 @@ export class CollectionsFullViewComponent {
     toggleSelectMode() {
         this.isSelectMode = !this.isSelectMode;
         if (!this.isSelectMode) {
-            // Clear selection when exiting select mode
+            // Clear selection when exiting select mode (clearSelection calls buildUnifiedItemList which calls cdr)
             this.clearSelection();
         }
+        else {
+            this.cdr.detectChanges();
+        }
     }
     /**
      * Exit selection mode (called when navigating to a new folder)
@@ -1297,7 +1469,7 @@ export class CollectionsFullViewComponent {
         this.buildUnifiedItemList();
     }
     /**
-     * Multi-select: Delete selected items (Phase 3)
+     * Multi-select: Delete selected items
      */
     async deleteSelected() {
         if (this.selectedItems.size === 0)
@@ -1309,8 +1481,39 @@ export class CollectionsFullViewComponent {
         });
         if (!confirmed)
             return;
-        // TODO: Implement batch delete
-        this.clearSelection();
+        const selectedViewItems = this.unifiedItems.filter(item => this.selectedItems.has(item.id));
+        const folderItems = selectedViewItems.filter(item => item.type === 'folder' && item.collection);
+        const artifactItems = selectedViewItems.filter(item => item.type === 'artifact' && item.version);
+        try {
+            for (const item of folderItems) {
+                await this.deleteCollectionRecursive(item.collection.ID);
+            }
+            if (artifactItems.length > 0 && this.currentCollectionId) {
+                const rv = new RunView();
+                for (const item of artifactItems) {
+                    const result = await rv.RunView({
+                        EntityName: 'MJ: Collection Artifacts',
+                        ExtraFilter: `CollectionID='${this.currentCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
+                        ResultType: 'entity_object'
+                    }, this.currentUser);
+                    if (result.Success && result.Results) {
+                        for (const joinRecord of result.Results) {
+                            await joinRecord.Delete();
+                        }
+                    }
+                }
+            }
+            this.clearSelection();
+            await this.loadCollections();
+            if (artifactItems.length > 0) {
+                await this.loadArtifacts();
+            }
+            this.buildUnifiedItemList();
+        }
+        catch (error) {
+            console.error('Error deleting selected items:', error);
+            await this.dialogService.alert('Error', `An error occurred while deleting: ${error}`);
+        }
     }
     /**
      * Get count of items in folder (Phase 1)
@@ -1429,21 +1632,80 @@ export class CollectionsFullViewComponent {
         }
     }
     /**
-     * Handle right-click context menu
-     * Opens browser context menu for now - can be extended with custom menu
+     * Handle right-click context menu - shows custom context menu with permission-gated actions
      */
     onItemContextMenu(item, event) {
-        // Select the item if not already selected
-        if (!item.selected) {
-            this.clearSelection();
-            this.toggleItemSelection(item, event);
+        event.preventDefault();
+        event.stopPropagation();
+        // Close any open dropdowns
+        this.showNewDropdown = false;
+        this.showSortDropdown = false;
+        this.contextMenuItem = item;
+        this.contextMenuPosition = this.clampContextMenuPosition(event.clientX, event.clientY);
+        this.showContextMenu = true;
+        this.cdr.detectChanges();
+    }
+    /** Clamp menu position to keep it within the viewport */
+    clampContextMenuPosition(x, y) {
+        const menuWidth = 200;
+        const menuHeight = 200;
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        return {
+            x: Math.min(x, viewportWidth - menuWidth),
+            y: Math.min(y, viewportHeight - menuHeight)
+        };
+    }
+    closeContextMenu() {
+        this.showContextMenu = false;
+        this.contextMenuItem = null;
+        this.cdr.detectChanges();
+    }
+    /** Handle context menu action dispatch */
+    onContextMenuAction(action) {
+        const item = this.contextMenuItem;
+        this.closeContextMenu();
+        if (!item)
+            return;
+        switch (action) {
+            case 'open':
+                this.openItem(item);
+                break;
+            case 'view':
+                this.openItem(item);
+                break;
+            case 'share':
+                if (item.collection) {
+                    this.shareCollection(item.collection);
+                }
+                break;
+            case 'edit':
+                if (item.collection) {
+                    this.editCollection(item.collection);
+                }
+                break;
+            case 'delete':
+                if (item.collection) {
+                    this.deleteCollection(item.collection);
+                }
+                break;
+            case 'remove':
+                if (item.artifact && item.version) {
+                    this.removeArtifact({ artifact: item.artifact, version: item.version });
+                }
+                break;
+        }
+    }
+    /** Close context menu on Escape key */
+    onEscapeKey() {
+        if (this.showContextMenu) {
+            this.closeContextMenu();
         }
-        // Allow browser's default context menu for now
-        // Future enhancement: implement custom context menu with actions
-        // event.preventDefault();
     }
     static ɵfac = function CollectionsFullViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollectionsFullViewComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.ArtifactStateService), i0.ɵɵdirectiveInject(i3.CollectionStateService), i0.ɵɵdirectiveInject(i4.CollectionPermissionService), i0.ɵɵdirectiveInject(i5.ArtifactIconService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsFullViewComponent, selectors: [["mj-collections-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, outputs: { collectionNavigated: "collectionNavigated" }, standalone: false, decls: 30, vars: 28, consts: [[1, "collections-view", 3, "keydown"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], [1, "breadcrumb-path"], [1, "collections-actions"], [1, "btn-icon", 3, "click", "title"], [1, "fas", 3, "ngClass"], [1, "fas", "fa-check-square"], [1, "dropdown-container"], [1, "search-container"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search...", 1, "search-input", 3, "ngModelChange", "ngModel"], ["title", "Clear search", 1, "search-clear"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sync"], [1, "selection-toolbar"], [1, "collections-content"], [1, "loading-state"], [1, "empty-state"], [1, "unified-grid", 3, "select-mode"], [1, "unified-list", 3, "select-mode"], [3, "saved", "cancelled", "isOpen", "collection", "parentCollection", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collectionId", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collection", "currentUser", "currentUserPermissions"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["title", "Sort options", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sort"], [1, "dropdown-menu"], [1, "dropdown-item", 3, "click"], [1, "fas", "fa-sort-alpha-down"], [1, "fas", "fa-calendar"], [1, "fas", "fa-tag"], ["title", "Clear search", 1, "search-clear", 3, "click"], [1, "fas", "fa-times"], [1, "btn-primary", 3, "click"], [1, "fas", "fa-plus"], [1, "fas", "fa-chevron-down"], [1, "dropdown-menu", "dropdown-menu-right"], [1, "fas", "fa-folder-plus"], [1, "dropdown-item", 3, "click", "disabled"], [1, "fas", "fa-file-plus"], [1, "selection-info"], [1, "selection-count"], [1, "selection-actions"], [1, "btn-toolbar", 3, "click"], [1, "btn-toolbar", "btn-danger", 3, "click"], [1, "fas", "fa-trash"], ["text", "Loading collections...", "size", "large"], [1, "fas", "fa-folder-open"], [1, "btn-primary", "empty-state-cta"], [1, "btn-primary", "empty-state-cta", 3, "click"], [1, "unified-grid"], [1, "grid-item", 3, "selected", "active"], [1, "grid-item", 3, "click", "dblclick", "contextmenu"], [1, "item-checkbox"], [1, "grid-item-content", 3, "title"], [1, "item-checkbox", 3, "click"], [1, "grid-icon", "folder-icon"], [1, "fas", "fa-folder"], ["title", "Shared", 1, "shared-badge"], [1, "grid-info"], [1, "grid-name"], [1, "grid-description"], [1, "grid-meta"], [1, "grid-owner"], [1, "fas", "fa-users"], [1, "fas", "fa-user"], [1, "grid-icon", "artifact-icon"], [1, "version-badge"], [1, "artifact-type-badge"], [1, "unified-list"], [1, "list-table"], [1, "col-checkbox"], [1, "col-name", "sortable", 3, "click"], [1, "col-type", "sortable", 3, "click"], [1, "col-modified", "sortable", 3, "click"], [1, "col-owner"], [1, "list-item", 3, "selected", "active"], [1, "fas", 3, "click", "ngClass"], [1, "list-item", 3, "click", "dblclick", "contextmenu"], [1, "col-name"], [1, "list-name-cell"], ["title", "Shared", 1, "fas", "fa-users", "shared-indicator"], [1, "col-type"], [1, "col-modified"]], template: function CollectionsFullViewComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsFullViewComponent, selectors: [["mj-collections-full-view"]], hostBindings: function CollectionsFullViewComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function CollectionsFullViewComponent_keydown_escape_HostBindingHandler() { return ctx.onEscapeKey(); }, i0.ɵɵresolveDocument);
+        } }, inputs: { environmentId: "environmentId", currentUser: "currentUser" }, outputs: { collectionNavigated: "collectionNavigated" }, standalone: false, decls: 32, vars: 30, consts: [["kendoDialogContainer", "", 1, "collections-view", 3, "keydown"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], [1, "breadcrumb-path"], [1, "collections-actions"], [1, "btn-icon", 3, "click", "title"], [1, "fas", 3, "ngClass"], [1, "fas", "fa-check-square"], [1, "dropdown-container"], [1, "search-container"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search...", 1, "search-input", 3, "ngModelChange", "ngModel"], ["title", "Clear search", 1, "search-clear"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sync"], [1, "selection-toolbar"], [1, "collections-content"], [1, "loading-state"], [1, "empty-state"], [1, "unified-grid", 3, "select-mode"], [1, "unified-list", 3, "select-mode"], [3, "saved", "cancelled", "isOpen", "collection", "parentCollection", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collectionId", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collection", "currentUser", "currentUserPermissions"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["title", "Sort options", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sort"], [1, "dropdown-menu"], [1, "dropdown-item", 3, "click"], [1, "fas", "fa-sort-alpha-down"], [1, "fas", "fa-calendar"], [1, "fas", "fa-tag"], ["title", "Clear search", 1, "search-clear", 3, "click"], [1, "fas", "fa-times"], [1, "toolbar-separator"], [1, "toolbar-actions-group"], [1, "btn-icon", 3, "title"], [1, "btn-icon", "btn-icon-danger", 3, "title"], [1, "fas", "fa-share-nodes"], [1, "fas", "fa-pen-to-square"], [1, "btn-icon", "btn-icon-danger", 3, "click", "title"], [1, "fas", "fa-trash"], [1, "btn-primary", 3, "click"], [1, "fas", "fa-plus"], [1, "fas", "fa-chevron-down"], [1, "dropdown-menu", "dropdown-menu-right"], [1, "fas", "fa-folder-plus"], [1, "dropdown-item", 3, "click", "disabled"], [1, "fas", "fa-file-plus"], [1, "selection-info"], [1, "selection-count"], [1, "selection-actions"], [1, "btn-toolbar", 3, "click"], [1, "btn-toolbar", "btn-danger", 3, "click"], ["text", "Loading collections...", "size", "large"], [1, "fas", "fa-folder-open"], [1, "btn-primary", "empty-state-cta"], [1, "btn-primary", "empty-state-cta", 3, "click"], [1, "unified-grid"], [1, "grid-item", 3, "selected", "active"], [1, "grid-item", 3, "click", "dblclick", "contextmenu"], [1, "item-checkbox"], [1, "grid-item-content", 3, "title"], [1, "item-checkbox", 3, "click"], [1, "grid-icon", "folder-icon"], [1, "fas", "fa-folder"], ["title", "Shared", 1, "shared-badge"], [1, "grid-info"], [1, "grid-name"], [1, "grid-description"], [1, "grid-meta"], [1, "grid-owner"], [1, "fas", "fa-users"], [1, "fas", "fa-user"], [1, "grid-icon", "artifact-icon"], [1, "version-badge"], [1, "artifact-type-badge"], [1, "unified-list"], [1, "list-table"], [1, "col-checkbox"], [1, "col-name", "sortable", 3, "click"], [1, "col-type", "sortable", 3, "click"], [1, "col-modified", "sortable", 3, "click"], [1, "col-owner"], [1, "list-item", 3, "selected", "active"], [1, "fas", 3, "click", "ngClass"], [1, "list-item", 3, "click", "dblclick", "contextmenu"], [1, "col-name"], [1, "list-name-cell"], ["title", "Shared", 1, "fas", "fa-users", "shared-indicator"], [1, "col-type"], [1, "col-modified"], [1, "context-menu-backdrop", 3, "click"], [1, "context-menu"], [1, "context-menu-item", 3, "click"], [1, "context-menu-divider"], [1, "context-menu-item"], [1, "context-menu-item", "context-menu-danger", 3, "click"], [1, "fas", "fa-eye"], [1, "fas", "fa-times-circle"]], template: function CollectionsFullViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("keydown", function CollectionsFullViewComponent_Template_div_keydown_0_listener($event) { return ctx.handleKeyboardShortcut($event); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
@@ -1471,26 +1733,28 @@ export class CollectionsFullViewComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(17, CollectionsFullViewComponent_Conditional_17_Template, 2, 0, "button", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(18, CollectionsFullViewComponent_Conditional_18_Template, 7, 1, "div", 11);
-            i0.ɵɵelementStart(19, "button", 16);
-            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_19_listener() { return ctx.refresh(); });
-            i0.ɵɵelement(20, "i", 17);
+            i0.ɵɵconditionalCreate(18, CollectionsFullViewComponent_Conditional_18_Template, 5, 3);
+            i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_19_Template, 7, 1, "div", 11);
+            i0.ɵɵelementStart(20, "button", 16);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_20_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(21, "i", 17);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(21, CollectionsFullViewComponent_Conditional_21_Template, 11, 1, "div", 18);
-            i0.ɵɵelementStart(22, "div", 19);
-            i0.ɵɵconditionalCreate(23, CollectionsFullViewComponent_Conditional_23_Template, 2, 0, "div", 20);
-            i0.ɵɵconditionalCreate(24, CollectionsFullViewComponent_Conditional_24_Template, 5, 3, "div", 21);
-            i0.ɵɵconditionalCreate(25, CollectionsFullViewComponent_Conditional_25_Template, 3, 2, "div", 22);
-            i0.ɵɵconditionalCreate(26, CollectionsFullViewComponent_Conditional_26_Template, 25, 9, "div", 23);
+            i0.ɵɵconditionalCreate(22, CollectionsFullViewComponent_Conditional_22_Template, 11, 1, "div", 18);
+            i0.ɵɵelementStart(23, "div", 19);
+            i0.ɵɵconditionalCreate(24, CollectionsFullViewComponent_Conditional_24_Template, 2, 0, "div", 20);
+            i0.ɵɵconditionalCreate(25, CollectionsFullViewComponent_Conditional_25_Template, 5, 3, "div", 21);
+            i0.ɵɵconditionalCreate(26, CollectionsFullViewComponent_Conditional_26_Template, 3, 2, "div", 22);
+            i0.ɵɵconditionalCreate(27, CollectionsFullViewComponent_Conditional_27_Template, 25, 9, "div", 23);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(27, "mj-collection-form-modal", 24);
-            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_form_modal_saved_27_listener($event) { return ctx.onCollectionSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_form_modal_cancelled_27_listener() { return ctx.onFormCancelled(); });
+            i0.ɵɵconditionalCreate(28, CollectionsFullViewComponent_Conditional_28_Template, 4, 6);
+            i0.ɵɵelementStart(29, "mj-collection-form-modal", 24);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_form_modal_saved_29_listener($event) { return ctx.onCollectionSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_form_modal_cancelled_29_listener() { return ctx.onFormCancelled(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "mj-artifact-create-modal", 25);
-            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_saved_28_listener($event) { return ctx.onArtifactSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_cancelled_28_listener() { return ctx.onArtifactModalCancelled(); });
+            i0.ɵɵelementStart(30, "mj-artifact-create-modal", 25);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_saved_30_listener($event) { return ctx.onArtifactSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_cancelled_30_listener() { return ctx.onArtifactModalCancelled(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "mj-collection-share-modal", 26);
-            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_share_modal_saved_29_listener() { return ctx.onPermissionsChanged(); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_share_modal_cancelled_29_listener() { return ctx.onShareModalCancelled(); });
+            i0.ɵɵelementStart(31, "mj-collection-share-modal", 26);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_share_modal_saved_31_listener() { return ctx.onPermissionsChanged(); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_share_modal_cancelled_31_listener() { return ctx.onShareModalCancelled(); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(7);
@@ -1509,29 +1773,33 @@ export class CollectionsFullViewComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.searchQuery ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.canEditCurrent() ? 18 : -1);
+            i0.ɵɵconditional(ctx.currentCollectionId && ctx.currentCollection ? 18 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.canEditCurrent() ? 19 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.selectedItems.size > 0 ? 21 : -1);
+            i0.ɵɵconditional(ctx.selectedItems.size > 0 ? 22 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.isLoading ? 23 : -1);
+            i0.ɵɵconditional(ctx.isLoading ? 24 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length === 0 ? 24 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length === 0 ? 25 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "grid" ? 25 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "grid" ? 26 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "list" ? 26 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "list" ? 27 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showContextMenu && ctx.contextMenuItem ? 28 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isFormModalOpen)("collection", ctx.editingCollection)("parentCollection", ctx.currentCollection || undefined)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isArtifactModalOpen)("collectionId", ctx.currentCollectionId || "")("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isShareModalOpen)("collection", ctx.sharingCollection)("currentUser", ctx.currentUser)("currentUserPermissions", ctx.sharingCollection ? ctx.userPermissions.get(ctx.sharingCollection.ID) || null : null);
-        } }, dependencies: [i6.NgClass, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel, i8.LoadingComponent, i9.CollectionShareModalComponent, i10.CollectionFormModalComponent, i11.ArtifactCreateModalComponent, i6.DatePipe], styles: ["\n\n    .collections-view[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: #FAFAFA;\n      position: relative;\n    }\n\n    \n\n    .collections-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 12px 20px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n      background: white;\n    }\n\n    .collections-breadcrumb[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\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      font-size: 14px;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%]:hover {\n      color: #0076D6;\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: 6px;\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      align-items: center;\n      gap: 8px;\n    }\n\n    \n\n    .btn-primary[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: #007AFF;\n      border: none;\n      border-radius: 6px;\n      color: white;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary[_ngcontent-%COMP%]:hover {\n      background: #0051D5;\n    }\n\n    .btn-primary[_ngcontent-%COMP%]   i.fa-chevron-down[_ngcontent-%COMP%] {\n      font-size: 10px;\n      margin-left: 2px;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 10px;\n      background: transparent;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n      border-color: #9CA3AF;\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n      color: #007AFF;\n      border-color: #007AFF;\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%]:hover {\n      background: #DBEAFE;\n    }\n\n    \n\n    .dropdown-container[_ngcontent-%COMP%] {\n      position: relative;\n    }\n\n    .dropdown-menu[_ngcontent-%COMP%] {\n      position: absolute;\n      top: calc(100% + 4px);\n      left: 0;\n      min-width: 200px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      padding: 4px;\n      z-index: 1000;\n    }\n\n    .dropdown-menu-right[_ngcontent-%COMP%] {\n      left: auto;\n      right: 0;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: #111827;\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #F3F4F6;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .dropdown-item.active[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n      color: #007AFF;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: #6B7280;\n    }\n\n    .dropdown-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #007AFF;\n    }\n\n    .dropdown-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: #E5E7EB;\n      margin: 4px 0;\n    }\n\n    \n\n    .search-container[_ngcontent-%COMP%] {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-width: 200px;\n    }\n\n    .search-container[_ngcontent-%COMP%]   i.fa-search[_ngcontent-%COMP%] {\n      position: absolute;\n      left: 10px;\n      color: #9CA3AF;\n      font-size: 13px;\n      pointer-events: none;\n    }\n\n    .search-input[_ngcontent-%COMP%] {\n      width: 100%;\n      padding: 6px 32px 6px 32px;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      font-size: 13px;\n      outline: none;\n      transition: all 150ms ease;\n    }\n\n    .search-input[_ngcontent-%COMP%]:focus {\n      border-color: #007AFF;\n      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);\n    }\n\n    .search-clear[_ngcontent-%COMP%] {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: #9CA3AF;\n      cursor: pointer;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .search-clear[_ngcontent-%COMP%]:hover {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    \n\n    .selection-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n      background: #EFF6FF;\n      border-bottom: 1px solid #BFDBFE;\n    }\n\n    .selection-info[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .selection-count[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 600;\n      color: #1E40AF;\n    }\n\n    .selection-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      color: #374151;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .btn-toolbar[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      border-color: #9CA3AF;\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%] {\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%]:hover {\n      background: #FEE2E2;\n      border-color: #DC2626;\n    }\n\n    \n\n    .collections-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\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      flex: 1;\n      min-height: 0;\n      color: #9CA3AF;\n      text-align: center;\n      padding: 24px;\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: 18px;\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    }\n\n    .empty-state[_ngcontent-%COMP%]   .empty-state-cta[_ngcontent-%COMP%] {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    \n\n    .unified-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n    }\n\n    .grid-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: white;\n      border: 2px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      position: relative;\n      user-select: none;\n    }\n\n    .grid-item[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .grid-item.selected[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n      border-color: #007AFF;\n    }\n\n    .grid-item.active[_ngcontent-%COMP%] {\n      background: #FEF3C7;\n      border-color: #F59E0B;\n      box-shadow: 0 0 0 1px #F59E0B;\n    }\n\n    .grid-item.active[_ngcontent-%COMP%]:hover {\n      background: #FDE68A;\n    }\n\n    \n\n    .unified-grid.select-mode[_ngcontent-%COMP%]   .grid-item[_ngcontent-%COMP%] {\n      cursor: pointer;\n    }\n\n    .unified-grid.select-mode[_ngcontent-%COMP%]   .grid-item[_ngcontent-%COMP%]:hover {\n      background: #EFF6FF;\n      border-color: #93C5FD;\n    }\n\n    .item-checkbox[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      width: 20px;\n      height: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n    }\n\n    .item-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: #9CA3AF;\n      transition: color 150ms ease;\n    }\n\n    .grid-item.selected[_ngcontent-%COMP%]   .item-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n   .item-checkbox[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n      color: #007AFF;\n    }\n\n    .grid-item-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .grid-icon[_ngcontent-%COMP%] {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      position: relative;\n    }\n\n    .grid-icon.folder-icon[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);\n    }\n\n    .grid-icon.folder-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 36px;\n      color: white;\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%] {\n      background: #F3F4F6;\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      color: #6B7280;\n    }\n\n    .shared-badge[_ngcontent-%COMP%] {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\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: 10px;\n      color: white;\n    }\n\n    .grid-info[_ngcontent-%COMP%] {\n      width: 100%;\n      text-align: center;\n    }\n\n    .grid-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: #111827;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      \n\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-description[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      \n\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-meta[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 4px;\n    }\n\n    .grid-owner[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 2px;\n    }\n\n    .grid-owner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      margin-right: 3px;\n    }\n\n    .version-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #FEF3C7;\n      color: #92400E;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 600;\n      font-family: monospace;\n      margin-right: 4px;\n    }\n\n    .artifact-type-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #DBEAFE;\n      color: #1E40AF;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    \n\n    .unified-list[_ngcontent-%COMP%] {\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .list-table[_ngcontent-%COMP%] {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .list-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n      background: #F9FAFB;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n      padding: 10px 16px;\n      text-align: left;\n      font-size: 12px;\n      font-weight: 600;\n      color: #6B7280;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n      cursor: pointer;\n      user-select: none;\n      transition: color 150ms ease;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n      color: #007AFF;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      display: inline-block;\n      margin-right: 6px;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      opacity: 0.5;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n      opacity: 1;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n      border-bottom: 1px solid #F3F4F6;\n      transition: background 150ms ease;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%] {\n      background: #FEF3C7;\n      border-left: 3px solid #F59E0B;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%]:hover {\n      background: #FDE68A;\n    }\n\n    .list-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: #374151;\n    }\n\n    .col-checkbox[_ngcontent-%COMP%] {\n      width: 40px;\n      text-align: center;\n    }\n\n    .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: #9CA3AF;\n      cursor: pointer;\n      transition: color 150ms ease;\n    }\n\n    .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:hover, \n   .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected[_ngcontent-%COMP%]   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #007AFF;\n    }\n\n    .col-name[_ngcontent-%COMP%] {\n      min-width: 300px;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: #6B7280;\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%]   .fa-folder[_ngcontent-%COMP%] {\n      color: #3B82F6;\n    }\n\n    .shared-indicator[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #10B981;\n      margin-left: auto;\n    }\n\n    .col-type[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    .col-modified[_ngcontent-%COMP%] {\n      width: 180px;\n    }\n\n    .col-owner[_ngcontent-%COMP%] {\n      width: 150px;\n    }"] });
+        } }, dependencies: [i6.NgClass, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel, i8.DialogContainerDirective, i9.LoadingComponent, i10.CollectionShareModalComponent, i11.CollectionFormModalComponent, i12.ArtifactCreateModalComponent, i6.DatePipe], styles: ["\n\n    .collections-view[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: #FAFAFA;\n      position: relative;\n    }\n\n    \n\n    .collections-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 12px 20px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n      background: white;\n    }\n\n    .collections-breadcrumb[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\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      font-size: 14px;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%]:hover {\n      color: #0076D6;\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: 6px;\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      align-items: center;\n      gap: 8px;\n    }\n\n    \n\n    .btn-primary[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: #007AFF;\n      border: none;\n      border-radius: 6px;\n      color: white;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary[_ngcontent-%COMP%]:hover {\n      background: #0051D5;\n    }\n\n    .btn-primary[_ngcontent-%COMP%]   i.fa-chevron-down[_ngcontent-%COMP%] {\n      font-size: 10px;\n      margin-left: 2px;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 10px;\n      background: transparent;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n      border-color: #9CA3AF;\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n      color: #007AFF;\n      border-color: #007AFF;\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%]:hover {\n      background: #DBEAFE;\n    }\n\n    \n\n    .dropdown-container[_ngcontent-%COMP%] {\n      position: relative;\n    }\n\n    .dropdown-menu[_ngcontent-%COMP%] {\n      position: absolute;\n      top: calc(100% + 4px);\n      left: 0;\n      min-width: 200px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      padding: 4px;\n      z-index: 1000;\n    }\n\n    .dropdown-menu-right[_ngcontent-%COMP%] {\n      left: auto;\n      right: 0;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: #111827;\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #F3F4F6;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .dropdown-item.active[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n      color: #007AFF;\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: #6B7280;\n    }\n\n    .dropdown-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #007AFF;\n    }\n\n    .dropdown-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: #E5E7EB;\n      margin: 4px 0;\n    }\n\n    \n\n    .search-container[_ngcontent-%COMP%] {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-width: 200px;\n    }\n\n    .search-container[_ngcontent-%COMP%]   i.fa-search[_ngcontent-%COMP%] {\n      position: absolute;\n      left: 10px;\n      color: #9CA3AF;\n      font-size: 13px;\n      pointer-events: none;\n    }\n\n    .search-input[_ngcontent-%COMP%] {\n      width: 100%;\n      padding: 6px 32px 6px 32px;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      font-size: 13px;\n      outline: none;\n      transition: all 150ms ease;\n    }\n\n    .search-input[_ngcontent-%COMP%]:focus {\n      border-color: #007AFF;\n      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);\n    }\n\n    .search-clear[_ngcontent-%COMP%] {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: #9CA3AF;\n      cursor: pointer;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .search-clear[_ngcontent-%COMP%]:hover {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    \n\n    .selection-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n      background: #EFF6FF;\n      border-bottom: 1px solid #BFDBFE;\n    }\n\n    .selection-info[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .selection-count[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 600;\n      color: #1E40AF;\n    }\n\n    .selection-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      color: #374151;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .btn-toolbar[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      border-color: #9CA3AF;\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%] {\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%]:hover {\n      background: #FEE2E2;\n      border-color: #DC2626;\n    }\n\n    \n\n    .collections-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\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      flex: 1;\n      min-height: 0;\n      color: #9CA3AF;\n      text-align: center;\n      padding: 24px;\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: 18px;\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    }\n\n    .empty-state[_ngcontent-%COMP%]   .empty-state-cta[_ngcontent-%COMP%] {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    \n\n    .unified-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n    }\n\n    .grid-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: white;\n      border: 2px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      position: relative;\n      user-select: none;\n    }\n\n    .grid-item[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .grid-item.selected[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n      border-color: #007AFF;\n    }\n\n    .grid-item.active[_ngcontent-%COMP%] {\n      background: #FEF3C7;\n      border-color: #F59E0B;\n      box-shadow: 0 0 0 1px #F59E0B;\n    }\n\n    .grid-item.active[_ngcontent-%COMP%]:hover {\n      background: #FDE68A;\n    }\n\n    \n\n    .unified-grid.select-mode[_ngcontent-%COMP%]   .grid-item[_ngcontent-%COMP%] {\n      cursor: pointer;\n    }\n\n    .unified-grid.select-mode[_ngcontent-%COMP%]   .grid-item[_ngcontent-%COMP%]:hover {\n      background: #EFF6FF;\n      border-color: #93C5FD;\n    }\n\n    .item-checkbox[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      width: 20px;\n      height: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n    }\n\n    .item-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: #9CA3AF;\n      transition: color 150ms ease;\n    }\n\n    .grid-item.selected[_ngcontent-%COMP%]   .item-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n   .item-checkbox[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n      color: #007AFF;\n    }\n\n    .grid-item-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .grid-icon[_ngcontent-%COMP%] {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      position: relative;\n    }\n\n    .grid-icon.folder-icon[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);\n    }\n\n    .grid-icon.folder-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 36px;\n      color: white;\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%] {\n      background: #F3F4F6;\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      color: #6B7280;\n    }\n\n    .shared-badge[_ngcontent-%COMP%] {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\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: 10px;\n      color: white;\n    }\n\n    .grid-info[_ngcontent-%COMP%] {\n      width: 100%;\n      text-align: center;\n    }\n\n    .grid-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: #111827;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      \n\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-description[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      \n\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-meta[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 4px;\n    }\n\n    .grid-owner[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 2px;\n    }\n\n    .grid-owner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      margin-right: 3px;\n    }\n\n    .version-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #FEF3C7;\n      color: #92400E;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 600;\n      font-family: monospace;\n      margin-right: 4px;\n    }\n\n    .artifact-type-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #DBEAFE;\n      color: #1E40AF;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    \n\n    .unified-list[_ngcontent-%COMP%] {\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .list-table[_ngcontent-%COMP%] {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .list-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n      background: #F9FAFB;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n      padding: 10px 16px;\n      text-align: left;\n      font-size: 12px;\n      font-weight: 600;\n      color: #6B7280;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n      cursor: pointer;\n      user-select: none;\n      transition: color 150ms ease;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n      color: #007AFF;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      display: inline-block;\n      margin-right: 6px;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      opacity: 0.5;\n    }\n\n    .list-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n      opacity: 1;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n      border-bottom: 1px solid #F3F4F6;\n      transition: background 150ms ease;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected[_ngcontent-%COMP%] {\n      background: #EFF6FF;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%] {\n      background: #FEF3C7;\n      border-left: 3px solid #F59E0B;\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%]:hover {\n      background: #FDE68A;\n    }\n\n    .list-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: #374151;\n    }\n\n    .col-checkbox[_ngcontent-%COMP%] {\n      width: 40px;\n      text-align: center;\n    }\n\n    .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: #9CA3AF;\n      cursor: pointer;\n      transition: color 150ms ease;\n    }\n\n    .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:hover, \n   .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected[_ngcontent-%COMP%]   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #007AFF;\n    }\n\n    .col-name[_ngcontent-%COMP%] {\n      min-width: 300px;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: #6B7280;\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%]   .fa-folder[_ngcontent-%COMP%] {\n      color: #3B82F6;\n    }\n\n    .shared-indicator[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #10B981;\n      margin-left: auto;\n    }\n\n    .col-type[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    .col-modified[_ngcontent-%COMP%] {\n      width: 180px;\n    }\n\n    .col-owner[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    \n\n    .toolbar-separator[_ngcontent-%COMP%] {\n      width: 1px;\n      height: 24px;\n      background: #D1D5DB;\n      margin: 0 4px;\n    }\n\n    .toolbar-actions-group[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .btn-icon-danger[_ngcontent-%COMP%] {\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n\n    .btn-icon-danger[_ngcontent-%COMP%]:hover {\n      background: #FEE2E2;\n      color: #DC2626;\n      border-color: #DC2626;\n    }\n\n    \n\n    .context-menu-backdrop[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1999;\n    }\n\n    .context-menu[_ngcontent-%COMP%] {\n      position: fixed;\n      min-width: 180px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n      padding: 4px;\n      z-index: 2000;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: #111827;\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%]:hover {\n      background: #F3F4F6;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: #6B7280;\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%] {\n      color: #DC2626;\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #DC2626;\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%]:hover {\n      background: #FEE2E2;\n    }\n\n    .context-menu-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: #E5E7EB;\n      margin: 4px 0;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsFullViewComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-collections-full-view', template: `
-    <div class="collections-view" (keydown)="handleKeyboardShortcut($event)">
+    <div class="collections-view" (keydown)="handleKeyboardShortcut($event)" kendoDialogContainer>
       <!-- Mac Finder-style Header -->
       <div class="collections-header">
         <!-- Breadcrumb navigation -->
@@ -1620,7 +1888,35 @@ export class CollectionsFullViewComponent {
               </button>
             }
           </div>
-    
+
+          <!-- Current collection actions (visible when inside a collection) -->
+          @if (currentCollectionId && currentCollection) {
+            <div class="toolbar-separator"></div>
+            <div class="toolbar-actions-group">
+              @if (canShareCurrent()) {
+                <button class="btn-icon"
+                  (click)="shareCurrentCollection()"
+                  [title]="'Share: ' + currentCollection.Name">
+                  <i class="fas fa-share-nodes"></i>
+                </button>
+              }
+              @if (canEditCurrent()) {
+                <button class="btn-icon"
+                  (click)="editCurrentCollection()"
+                  [title]="'Edit: ' + currentCollection.Name">
+                  <i class="fas fa-pen-to-square"></i>
+                </button>
+              }
+              @if (canDeleteCurrent()) {
+                <button class="btn-icon btn-icon-danger"
+                  (click)="deleteCurrentCollection()"
+                  [title]="'Delete: ' + currentCollection.Name">
+                  <i class="fas fa-trash"></i>
+                </button>
+              }
+            </div>
+          }
+
           <!-- New dropdown -->
           @if (canEditCurrent()) {
             <div class="dropdown-container">
@@ -1907,8 +2203,56 @@ export class CollectionsFullViewComponent {
         }
       </div>
     </div>
-    
-    <!-- Modals (unchanged) -->
+
+    <!-- Context Menu -->
+    @if (showContextMenu && contextMenuItem) {
+      <div class="context-menu-backdrop" (click)="closeContextMenu()"></div>
+      <div class="context-menu"
+        [style.left.px]="contextMenuPosition.x"
+        [style.top.px]="contextMenuPosition.y">
+        @if (contextMenuItem.type === 'folder' && contextMenuItem.collection) {
+          <button class="context-menu-item" (click)="onContextMenuAction('open')">
+            <i class="fas fa-folder-open"></i>
+            <span>Open</span>
+          </button>
+          <div class="context-menu-divider"></div>
+          @if (canShare(contextMenuItem.collection)) {
+            <button class="context-menu-item" (click)="onContextMenuAction('share')">
+              <i class="fas fa-share-nodes"></i>
+              <span>Share</span>
+            </button>
+          }
+          @if (canEdit(contextMenuItem.collection)) {
+            <button class="context-menu-item" (click)="onContextMenuAction('edit')">
+              <i class="fas fa-pen-to-square"></i>
+              <span>Edit</span>
+            </button>
+          }
+          @if (canDelete(contextMenuItem.collection)) {
+            <div class="context-menu-divider"></div>
+            <button class="context-menu-item context-menu-danger" (click)="onContextMenuAction('delete')">
+              <i class="fas fa-trash"></i>
+              <span>Delete</span>
+            </button>
+          }
+        }
+        @if (contextMenuItem.type === 'artifact') {
+          <button class="context-menu-item" (click)="onContextMenuAction('view')">
+            <i class="fas fa-eye"></i>
+            <span>View</span>
+          </button>
+          @if (canEditCurrent()) {
+            <div class="context-menu-divider"></div>
+            <button class="context-menu-item context-menu-danger" (click)="onContextMenuAction('remove')">
+              <i class="fas fa-times-circle"></i>
+              <span>Remove from Collection</span>
+            </button>
+          }
+        }
+      </div>
+    }
+
+    <!-- Modals -->
     <mj-collection-form-modal
       [isOpen]="isFormModalOpen"
       [collection]="editingCollection"
@@ -1936,13 +2280,16 @@ export class CollectionsFullViewComponent {
       (saved)="onPermissionsChanged()"
       (cancelled)="onShareModalCancelled()">
     </mj-collection-share-modal>
-    `, styles: ["\n    /* Main container */\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: #FAFAFA;\n      position: relative;\n    }\n\n    /* Header */\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 12px 20px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n      background: white;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\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      font-size: 14px;\n    }\n\n    .breadcrumb-link:hover {\n      color: #0076D6;\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: 6px;\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      align-items: center;\n      gap: 8px;\n    }\n\n    /* Button styles */\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: #007AFF;\n      border: none;\n      border-radius: 6px;\n      color: white;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary:hover {\n      background: #0051D5;\n    }\n\n    .btn-primary i.fa-chevron-down {\n      font-size: 10px;\n      margin-left: 2px;\n    }\n\n    .btn-icon {\n      padding: 6px 10px;\n      background: transparent;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-icon:hover {\n      background: #F9FAFB;\n      color: #111827;\n      border-color: #9CA3AF;\n    }\n\n    .btn-icon.active {\n      background: #EFF6FF;\n      color: #007AFF;\n      border-color: #007AFF;\n    }\n\n    .btn-icon.active:hover {\n      background: #DBEAFE;\n    }\n\n    /* Dropdown menus */\n    .dropdown-container {\n      position: relative;\n    }\n\n    .dropdown-menu {\n      position: absolute;\n      top: calc(100% + 4px);\n      left: 0;\n      min-width: 200px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      padding: 4px;\n      z-index: 1000;\n    }\n\n    .dropdown-menu-right {\n      left: auto;\n      right: 0;\n    }\n\n    .dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: #111827;\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .dropdown-item:hover:not(:disabled) {\n      background: #F3F4F6;\n    }\n\n    .dropdown-item:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .dropdown-item.active {\n      background: #EFF6FF;\n      color: #007AFF;\n    }\n\n    .dropdown-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: #6B7280;\n    }\n\n    .dropdown-item.active i {\n      color: #007AFF;\n    }\n\n    .dropdown-divider {\n      height: 1px;\n      background: #E5E7EB;\n      margin: 4px 0;\n    }\n\n    /* Search */\n    .search-container {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-width: 200px;\n    }\n\n    .search-container i.fa-search {\n      position: absolute;\n      left: 10px;\n      color: #9CA3AF;\n      font-size: 13px;\n      pointer-events: none;\n    }\n\n    .search-input {\n      width: 100%;\n      padding: 6px 32px 6px 32px;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      font-size: 13px;\n      outline: none;\n      transition: all 150ms ease;\n    }\n\n    .search-input:focus {\n      border-color: #007AFF;\n      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);\n    }\n\n    .search-clear {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: #9CA3AF;\n      cursor: pointer;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .search-clear:hover {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    /* Selection toolbar */\n    .selection-toolbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n      background: #EFF6FF;\n      border-bottom: 1px solid #BFDBFE;\n    }\n\n    .selection-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .selection-count {\n      font-size: 13px;\n      font-weight: 600;\n      color: #1E40AF;\n    }\n\n    .selection-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      color: #374151;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .btn-toolbar:hover {\n      background: #F9FAFB;\n      border-color: #9CA3AF;\n    }\n\n    .btn-toolbar.btn-danger {\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n\n    .btn-toolbar.btn-danger:hover {\n      background: #FEE2E2;\n      border-color: #DC2626;\n    }\n\n    /* Content area */\n    .collections-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\n    /* Loading and empty states */\n    .loading-state, .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-height: 0;\n      color: #9CA3AF;\n      text-align: center;\n      padding: 24px;\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: 18px;\n      font-weight: 600;\n    }\n\n    .empty-state p {\n      margin: 0 0 24px 0;\n      font-size: 14px;\n      color: #6B7280;\n    }\n\n    .empty-state .empty-state-cta {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    /* Grid view */\n    .unified-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n    }\n\n    .grid-item {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: white;\n      border: 2px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      position: relative;\n      user-select: none;\n    }\n\n    .grid-item:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .grid-item.selected {\n      background: #EFF6FF;\n      border-color: #007AFF;\n    }\n\n    .grid-item.active {\n      background: #FEF3C7;\n      border-color: #F59E0B;\n      box-shadow: 0 0 0 1px #F59E0B;\n    }\n\n    .grid-item.active:hover {\n      background: #FDE68A;\n    }\n\n    /* Select mode styling for grid */\n    .unified-grid.select-mode .grid-item {\n      cursor: pointer;\n    }\n\n    .unified-grid.select-mode .grid-item:hover {\n      background: #EFF6FF;\n      border-color: #93C5FD;\n    }\n\n    .item-checkbox {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      width: 20px;\n      height: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n    }\n\n    .item-checkbox i {\n      font-size: 16px;\n      color: #9CA3AF;\n      transition: color 150ms ease;\n    }\n\n    .grid-item.selected .item-checkbox i,\n    .item-checkbox:hover i {\n      color: #007AFF;\n    }\n\n    .grid-item-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .grid-icon {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      position: relative;\n    }\n\n    .grid-icon.folder-icon {\n      background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);\n    }\n\n    .grid-icon.folder-icon i {\n      font-size: 36px;\n      color: white;\n    }\n\n    .grid-icon.artifact-icon {\n      background: #F3F4F6;\n    }\n\n    .grid-icon.artifact-icon i {\n      font-size: 32px;\n      color: #6B7280;\n    }\n\n    .shared-badge {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\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: 10px;\n      color: white;\n    }\n\n    .grid-info {\n      width: 100%;\n      text-align: center;\n    }\n\n    .grid-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: #111827;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      /* Allow wrapping to 2 lines max */\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-description {\n      font-size: 11px;\n      color: #6B7280;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      /* Allow wrapping to 2 lines max */\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-meta {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 4px;\n    }\n\n    .grid-owner {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 2px;\n    }\n\n    .grid-owner i {\n      font-size: 10px;\n      margin-right: 3px;\n    }\n\n    .version-badge {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #FEF3C7;\n      color: #92400E;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 600;\n      font-family: monospace;\n      margin-right: 4px;\n    }\n\n    .artifact-type-badge {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #DBEAFE;\n      color: #1E40AF;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    /* List view */\n    .unified-list {\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .list-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .list-table thead {\n      background: #F9FAFB;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .list-table th {\n      padding: 10px 16px;\n      text-align: left;\n      font-size: 12px;\n      font-weight: 600;\n      color: #6B7280;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .list-table th.sortable {\n      cursor: pointer;\n      user-select: none;\n      transition: color 150ms ease;\n    }\n\n    .list-table th.sortable:hover {\n      color: #007AFF;\n    }\n\n    .list-table th.sortable span {\n      display: inline-block;\n      margin-right: 6px;\n    }\n\n    .list-table th.sortable i {\n      font-size: 10px;\n      opacity: 0.5;\n    }\n\n    .list-table th.sortable:hover i {\n      opacity: 1;\n    }\n\n    .list-table tbody tr {\n      border-bottom: 1px solid #F3F4F6;\n      transition: background 150ms ease;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .list-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    .list-table tbody tr:hover {\n      background: #F9FAFB;\n    }\n\n    .list-table tbody tr.selected {\n      background: #EFF6FF;\n    }\n\n    .list-table tbody tr.active {\n      background: #FEF3C7;\n      border-left: 3px solid #F59E0B;\n    }\n\n    .list-table tbody tr.active:hover {\n      background: #FDE68A;\n    }\n\n    .list-table td {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: #374151;\n    }\n\n    .col-checkbox {\n      width: 40px;\n      text-align: center;\n    }\n\n    .col-checkbox i {\n      font-size: 16px;\n      color: #9CA3AF;\n      cursor: pointer;\n      transition: color 150ms ease;\n    }\n\n    .col-checkbox i:hover,\n    .list-table tbody tr.selected .col-checkbox i {\n      color: #007AFF;\n    }\n\n    .col-name {\n      min-width: 300px;\n    }\n\n    .list-name-cell {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .list-name-cell i {\n      font-size: 16px;\n      color: #6B7280;\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell .fa-folder {\n      color: #3B82F6;\n    }\n\n    .shared-indicator {\n      font-size: 12px;\n      color: #10B981;\n      margin-left: auto;\n    }\n\n    .col-type {\n      width: 150px;\n    }\n\n    .col-modified {\n      width: 180px;\n    }\n\n    .col-owner {\n      width: 150px;\n    }\n  "] }]
+    `, styles: ["\n    /* Main container */\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: #FAFAFA;\n      position: relative;\n    }\n\n    /* Header */\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 12px 20px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n      background: white;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\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      font-size: 14px;\n    }\n\n    .breadcrumb-link:hover {\n      color: #0076D6;\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: 6px;\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      align-items: center;\n      gap: 8px;\n    }\n\n    /* Button styles */\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: #007AFF;\n      border: none;\n      border-radius: 6px;\n      color: white;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary:hover {\n      background: #0051D5;\n    }\n\n    .btn-primary i.fa-chevron-down {\n      font-size: 10px;\n      margin-left: 2px;\n    }\n\n    .btn-icon {\n      padding: 6px 10px;\n      background: transparent;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-icon:hover {\n      background: #F9FAFB;\n      color: #111827;\n      border-color: #9CA3AF;\n    }\n\n    .btn-icon.active {\n      background: #EFF6FF;\n      color: #007AFF;\n      border-color: #007AFF;\n    }\n\n    .btn-icon.active:hover {\n      background: #DBEAFE;\n    }\n\n    /* Dropdown menus */\n    .dropdown-container {\n      position: relative;\n    }\n\n    .dropdown-menu {\n      position: absolute;\n      top: calc(100% + 4px);\n      left: 0;\n      min-width: 200px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      padding: 4px;\n      z-index: 1000;\n    }\n\n    .dropdown-menu-right {\n      left: auto;\n      right: 0;\n    }\n\n    .dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: #111827;\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .dropdown-item:hover:not(:disabled) {\n      background: #F3F4F6;\n    }\n\n    .dropdown-item:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .dropdown-item.active {\n      background: #EFF6FF;\n      color: #007AFF;\n    }\n\n    .dropdown-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: #6B7280;\n    }\n\n    .dropdown-item.active i {\n      color: #007AFF;\n    }\n\n    .dropdown-divider {\n      height: 1px;\n      background: #E5E7EB;\n      margin: 4px 0;\n    }\n\n    /* Search */\n    .search-container {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-width: 200px;\n    }\n\n    .search-container i.fa-search {\n      position: absolute;\n      left: 10px;\n      color: #9CA3AF;\n      font-size: 13px;\n      pointer-events: none;\n    }\n\n    .search-input {\n      width: 100%;\n      padding: 6px 32px 6px 32px;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      font-size: 13px;\n      outline: none;\n      transition: all 150ms ease;\n    }\n\n    .search-input:focus {\n      border-color: #007AFF;\n      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);\n    }\n\n    .search-clear {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: #9CA3AF;\n      cursor: pointer;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .search-clear:hover {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    /* Selection toolbar */\n    .selection-toolbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n      background: #EFF6FF;\n      border-bottom: 1px solid #BFDBFE;\n    }\n\n    .selection-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .selection-count {\n      font-size: 13px;\n      font-weight: 600;\n      color: #1E40AF;\n    }\n\n    .selection-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #D1D5DB;\n      border-radius: 6px;\n      color: #374151;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .btn-toolbar:hover {\n      background: #F9FAFB;\n      border-color: #9CA3AF;\n    }\n\n    .btn-toolbar.btn-danger {\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n\n    .btn-toolbar.btn-danger:hover {\n      background: #FEE2E2;\n      border-color: #DC2626;\n    }\n\n    /* Content area */\n    .collections-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\n    /* Loading and empty states */\n    .loading-state, .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-height: 0;\n      color: #9CA3AF;\n      text-align: center;\n      padding: 24px;\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: 18px;\n      font-weight: 600;\n    }\n\n    .empty-state p {\n      margin: 0 0 24px 0;\n      font-size: 14px;\n      color: #6B7280;\n    }\n\n    .empty-state .empty-state-cta {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    /* Grid view */\n    .unified-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n    }\n\n    .grid-item {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: white;\n      border: 2px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      position: relative;\n      user-select: none;\n    }\n\n    .grid-item:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .grid-item.selected {\n      background: #EFF6FF;\n      border-color: #007AFF;\n    }\n\n    .grid-item.active {\n      background: #FEF3C7;\n      border-color: #F59E0B;\n      box-shadow: 0 0 0 1px #F59E0B;\n    }\n\n    .grid-item.active:hover {\n      background: #FDE68A;\n    }\n\n    /* Select mode styling for grid */\n    .unified-grid.select-mode .grid-item {\n      cursor: pointer;\n    }\n\n    .unified-grid.select-mode .grid-item:hover {\n      background: #EFF6FF;\n      border-color: #93C5FD;\n    }\n\n    .item-checkbox {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      width: 20px;\n      height: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n    }\n\n    .item-checkbox i {\n      font-size: 16px;\n      color: #9CA3AF;\n      transition: color 150ms ease;\n    }\n\n    .grid-item.selected .item-checkbox i,\n    .item-checkbox:hover i {\n      color: #007AFF;\n    }\n\n    .grid-item-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .grid-icon {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      position: relative;\n    }\n\n    .grid-icon.folder-icon {\n      background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);\n    }\n\n    .grid-icon.folder-icon i {\n      font-size: 36px;\n      color: white;\n    }\n\n    .grid-icon.artifact-icon {\n      background: #F3F4F6;\n    }\n\n    .grid-icon.artifact-icon i {\n      font-size: 32px;\n      color: #6B7280;\n    }\n\n    .shared-badge {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\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: 10px;\n      color: white;\n    }\n\n    .grid-info {\n      width: 100%;\n      text-align: center;\n    }\n\n    .grid-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: #111827;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      /* Allow wrapping to 2 lines max */\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-description {\n      font-size: 11px;\n      color: #6B7280;\n      line-height: 1.3;\n      margin-bottom: 4px;\n      /* Allow wrapping to 2 lines max */\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n    }\n\n    .grid-meta {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 4px;\n    }\n\n    .grid-owner {\n      font-size: 11px;\n      color: #6B7280;\n      margin-top: 2px;\n    }\n\n    .grid-owner i {\n      font-size: 10px;\n      margin-right: 3px;\n    }\n\n    .version-badge {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #FEF3C7;\n      color: #92400E;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 600;\n      font-family: monospace;\n      margin-right: 4px;\n    }\n\n    .artifact-type-badge {\n      display: inline-block;\n      padding: 2px 6px;\n      background: #DBEAFE;\n      color: #1E40AF;\n      border-radius: 3px;\n      font-size: 10px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    /* List view */\n    .unified-list {\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .list-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .list-table thead {\n      background: #F9FAFB;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .list-table th {\n      padding: 10px 16px;\n      text-align: left;\n      font-size: 12px;\n      font-weight: 600;\n      color: #6B7280;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .list-table th.sortable {\n      cursor: pointer;\n      user-select: none;\n      transition: color 150ms ease;\n    }\n\n    .list-table th.sortable:hover {\n      color: #007AFF;\n    }\n\n    .list-table th.sortable span {\n      display: inline-block;\n      margin-right: 6px;\n    }\n\n    .list-table th.sortable i {\n      font-size: 10px;\n      opacity: 0.5;\n    }\n\n    .list-table th.sortable:hover i {\n      opacity: 1;\n    }\n\n    .list-table tbody tr {\n      border-bottom: 1px solid #F3F4F6;\n      transition: background 150ms ease;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .list-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    .list-table tbody tr:hover {\n      background: #F9FAFB;\n    }\n\n    .list-table tbody tr.selected {\n      background: #EFF6FF;\n    }\n\n    .list-table tbody tr.active {\n      background: #FEF3C7;\n      border-left: 3px solid #F59E0B;\n    }\n\n    .list-table tbody tr.active:hover {\n      background: #FDE68A;\n    }\n\n    .list-table td {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: #374151;\n    }\n\n    .col-checkbox {\n      width: 40px;\n      text-align: center;\n    }\n\n    .col-checkbox i {\n      font-size: 16px;\n      color: #9CA3AF;\n      cursor: pointer;\n      transition: color 150ms ease;\n    }\n\n    .col-checkbox i:hover,\n    .list-table tbody tr.selected .col-checkbox i {\n      color: #007AFF;\n    }\n\n    .col-name {\n      min-width: 300px;\n    }\n\n    .list-name-cell {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .list-name-cell i {\n      font-size: 16px;\n      color: #6B7280;\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell .fa-folder {\n      color: #3B82F6;\n    }\n\n    .shared-indicator {\n      font-size: 12px;\n      color: #10B981;\n      margin-left: auto;\n    }\n\n    .col-type {\n      width: 150px;\n    }\n\n    .col-modified {\n      width: 180px;\n    }\n\n    .col-owner {\n      width: 150px;\n    }\n\n    /* Toolbar separator and action group */\n    .toolbar-separator {\n      width: 1px;\n      height: 24px;\n      background: #D1D5DB;\n      margin: 0 4px;\n    }\n\n    .toolbar-actions-group {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .btn-icon-danger {\n      color: #DC2626;\n      border-color: #FCA5A5;\n    }\n\n    .btn-icon-danger:hover {\n      background: #FEE2E2;\n      color: #DC2626;\n      border-color: #DC2626;\n    }\n\n    /* Context menu */\n    .context-menu-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1999;\n    }\n\n    .context-menu {\n      position: fixed;\n      min-width: 180px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n      padding: 4px;\n      z-index: 2000;\n    }\n\n    .context-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: #111827;\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .context-menu-item:hover {\n      background: #F3F4F6;\n    }\n\n    .context-menu-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: #6B7280;\n    }\n\n    .context-menu-danger {\n      color: #DC2626;\n    }\n\n    .context-menu-danger i {\n      color: #DC2626;\n    }\n\n    .context-menu-danger:hover {\n      background: #FEE2E2;\n    }\n\n    .context-menu-divider {\n      height: 1px;\n      background: #E5E7EB;\n      margin: 4px 0;\n    }\n  "] }]
     }], () => [{ type: i1.DialogService }, { type: i2.ArtifactStateService }, { type: i3.CollectionStateService }, { type: i4.CollectionPermissionService }, { type: i5.ArtifactIconService }, { type: i0.ChangeDetectorRef }], { environmentId: [{
             type: Input
         }], currentUser: [{
             type: Input
         }], collectionNavigated: [{
             type: Output
+        }], onEscapeKey: [{
+            type: HostListener,
+            args: ['document:keydown.escape']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1132 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1299 }); })();
 //# sourceMappingURL=collections-full-view.component.js.map