@memberjunction/ng-conversations 4.3.1 → 5.0.0

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

@@ -158,7 +158,7 @@ function CollectionsFullViewComponent_Conditional_24_Conditional_2_Template(rf,
 } }
 function CollectionsFullViewComponent_Conditional_24_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 37);
+    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);
     i0.ɵɵtext(2, " Create Collection ");
@@ -207,7 +207,7 @@ function CollectionsFullViewComponent_Conditional_24_Template(rf, ctx) { if (rf
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 58);
+    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)); });
     i0.ɵɵelement(1, "i", 9);
     i0.ɵɵelementEnd();
@@ -217,12 +217,12 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_1_Templat
     i0.ɵɵproperty("ngClass", item_r14.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", 61);
-    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵelement(1, "i", 68);
     i0.ɵɵelementEnd();
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵelementStart(0, "div", 65);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -231,7 +231,7 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditi
     i0.ɵɵtextInterpolate1(" ", item_r14.description, " ");
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵelementStart(0, "div", 66);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -241,8 +241,8 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditi
     i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r14.itemCount), " ");
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
-    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -251,16 +251,16 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditi
     i0.ɵɵtextInterpolate1(" ", item_r14.owner, " ");
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 59);
-    i0.ɵɵelement(2, "i", 60);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_3_Template, 2, 0, "div", 61);
+    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);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 62)(5, "div", 63);
+    i0.ɵɵelementStart(4, "div", 63)(5, "div", 64);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_7_Template, 2, 1, "div", 64);
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_8_Template, 2, 1, "div", 65);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_9_Template, 3, 1, "div", 66);
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r14 = i0.ɵɵnextContext().$implicit;
@@ -277,7 +277,7 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Templat
     i0.ɵɵconditional(item_r14.isShared && item_r14.owner ? 9 : -1);
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵelementStart(0, "div", 65);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -286,7 +286,7 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditi
     i0.ɵɵtextInterpolate1(" ", item_r14.description, " ");
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 70);
+    i0.ɵɵelementStart(0, "span", 71);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -295,7 +295,7 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditi
     i0.ɵɵtextInterpolate1(" v", item_r14.versionNumber, " ");
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵelementStart(0, "span", 72);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -304,16 +304,16 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditi
     i0.ɵɵtextInterpolate1(" ", item_r14.artifactType, " ");
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 69);
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 70);
     i0.ɵɵelement(2, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 62)(4, "div", 63);
+    i0.ɵɵelementStart(3, "div", 63)(4, "div", 64);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_6_Template, 2, 1, "div", 64);
-    i0.ɵɵelementStart(7, "div", 65);
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_8_Template, 2, 1, "span", 70);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_9_Template, 2, 1, "span", 71);
+    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.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r14 = i0.ɵɵnextContext().$implicit;
@@ -331,11 +331,11 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Templat
 } }
 function CollectionsFullViewComponent_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 55);
+    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", 56);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Template, 10, 6, "div", 57);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Template, 10, 6, "div", 57);
+    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);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r14 = ctx.$implicit;
@@ -349,8 +349,8 @@ function CollectionsFullViewComponent_Conditional_25_For_2_Template(rf, ctx) { i
     i0.ɵɵconditional(item_r14.type === "artifact" ? 3 : -1);
 } }
 function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 53);
-    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_25_For_2_Template, 4, 7, "div", 54, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_25_For_2_Template, 4, 7, "div", 55, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -360,7 +360,7 @@ function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf
 } }
 function CollectionsFullViewComponent_Conditional_26_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 74)(1, "i", 80);
+    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()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -397,7 +397,7 @@ function CollectionsFullViewComponent_Conditional_26_Conditional_19_Template(rf,
 } }
 function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 74)(1, "i", 80);
+    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)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -406,7 +406,7 @@ function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_1_Templa
     i0.ɵɵproperty("ngClass", item_r19.selected ? "fa-check-circle" : "fa-circle");
 } }
 function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 84);
+    i0.ɵɵelement(0, "i", 85);
 } }
 function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -414,7 +414,7 @@ function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_9_Templa
     i0.ɵɵelementEnd();
 } }
 function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵelementStart(0, "span", 72);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -443,24 +443,24 @@ function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_14_Templ
 } }
 function CollectionsFullViewComponent_Conditional_26_For_24_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 81);
+    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", 74);
-    i0.ɵɵelementStart(2, "td", 82)(3, "div", 83);
+    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_1_Template, 2, 1, "td", 75);
+    i0.ɵɵelementStart(2, "td", 83)(3, "div", 84);
     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", 84);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_7_Template, 1, 0, "i", 85);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 85);
+    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", 71);
+    i0.ɵɵconditionalCreate(10, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_10_Template, 2, 1, "span", 72);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 86);
+    i0.ɵɵelementStart(11, "td", 87);
     i0.ɵɵconditionalCreate(12, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_12_Template, 3, 4, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 78);
+    i0.ɵɵelementStart(13, "td", 79);
     i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_14_Template, 2, 1, "span");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -486,9 +486,9 @@ function CollectionsFullViewComponent_Conditional_26_For_24_Template(rf, ctx) {
 } }
 function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 72)(1, "table", 73)(2, "thead")(3, "tr");
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_26_Conditional_4_Template, 2, 1, "th", 74);
-    i0.ɵɵelementStart(5, "th", 75);
+    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")); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Name");
@@ -496,7 +496,7 @@ function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf
     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.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 76);
+    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(11, "span");
     i0.ɵɵtext(12, "Type");
@@ -504,7 +504,7 @@ function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf
     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.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 77);
+    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(16, "span");
     i0.ɵɵtext(17, "Modified");
@@ -512,11 +512,11 @@ function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf
     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.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "th", 78);
+    i0.ɵɵelementStart(20, "th", 79);
     i0.ɵɵtext(21, "Owner");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(22, "tbody");
-    i0.ɵɵrepeaterCreate(23, CollectionsFullViewComponent_Conditional_26_For_24_Template, 15, 12, "tr", 79, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(23, CollectionsFullViewComponent_Conditional_26_For_24_Template, 15, 12, "tr", 80, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -1443,7 +1443,7 @@ export class CollectionsFullViewComponent {
         // 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"], [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"]], 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) {
             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);
@@ -1526,7 +1526,7 @@ export class CollectionsFullViewComponent {
             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      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      height: 100%;\n      color: #9CA3AF;\n      text-align: center;\n      padding: 48px 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-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.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    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsFullViewComponent, [{
         type: Component,
@@ -1696,7 +1696,7 @@ export class CollectionsFullViewComponent {
               <h3>No collections yet</h3>
               <p>Create your first collection to get started</p>
               @if (canEditCurrent()) {
-                <button class="btn-primary"
+                <button class="btn-primary empty-state-cta"
                   (click)="createCollection()"
                   >
                   <i class="fas fa-plus"></i>
@@ -1936,7 +1936,7 @@ 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      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      height: 100%;\n      color: #9CA3AF;\n      text-align: center;\n      padding: 48px 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-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  "] }]
     }], () => [{ type: i1.DialogService }, { type: i2.ArtifactStateService }, { type: i3.CollectionStateService }, { type: i4.CollectionPermissionService }, { type: i5.ArtifactIconService }, { type: i0.ChangeDetectorRef }], { environmentId: [{
             type: Input
         }], currentUser: [{
@@ -1944,5 +1944,5 @@ export class CollectionsFullViewComponent {
         }], collectionNavigated: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1123 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1132 }); })();
 //# sourceMappingURL=collections-full-view.component.js.map