@memberjunction/ng-conversations 3.4.0 → 4.1.0

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

@@ -13,49 +13,48 @@ 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";
-function CollectionsFullViewComponent_span_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "i", 29);
-    i0.ɵɵelementStart(2, "a", 5);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_span_7_ng_container_1_Template_a_click_2_listener() { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigateTo(crumb_r2)); });
-    i0.ɵɵtext(3);
+    i0.ɵɵelement(0, "i", 27);
+    i0.ɵɵelementStart(1, "a", 5);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_7_For_2_Template_a_click_1_listener() { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigateTo(crumb_r2)); });
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const crumb_r2 = ctx.$implicit;
-    const last_r4 = ctx.last;
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", last_r4);
+    const ɵ$index_17_r4 = ctx.$index;
+    const ɵ$count_17_r5 = ctx.$count;
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ɵ$index_17_r4 === ɵ$count_17_r5 - 1);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", crumb_r2.name, " ");
 } }
-function CollectionsFullViewComponent_span_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 27);
-    i0.ɵɵtemplate(1, CollectionsFullViewComponent_span_7_ng_container_1_Template, 4, 3, "ng-container", 28);
+function CollectionsFullViewComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_7_For_2_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r2.breadcrumbs);
+    i0.ɵɵrepeater(ctx_r2.breadcrumbs);
 } }
-function CollectionsFullViewComponent_div_13_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34)(1, "button", 35);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_13_div_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
-    i0.ɵɵelement(2, "i", 36);
+function CollectionsFullViewComponent_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30)(1, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_13_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
+    i0.ɵɵelement(2, "i", 32);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Sort by Name");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 35);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_13_div_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
-    i0.ɵɵelement(6, "i", 37);
+    i0.ɵɵelementStart(5, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_13_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
+    i0.ɵɵelement(6, "i", 33);
     i0.ɵɵelementStart(7, "span");
     i0.ɵɵtext(8, "Sort by Date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "button", 35);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_13_div_3_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
-    i0.ɵɵelement(10, "i", 38);
+    i0.ɵɵelementStart(9, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_13_Conditional_3_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
+    i0.ɵɵelement(10, "i", 34);
     i0.ɵɵelementStart(11, "span");
     i0.ɵɵtext(12, "Sort by Type");
     i0.ɵɵelementEnd()()();
@@ -68,37 +67,37 @@ function CollectionsFullViewComponent_div_13_div_3_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(4);
     i0.ɵɵclassProp("active", ctx_r2.sortBy === "type");
 } }
-function CollectionsFullViewComponent_div_13_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "button", 31);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showSortDropdown = !ctx_r2.showSortDropdown); });
-    i0.ɵɵelement(2, "i", 32);
+function CollectionsFullViewComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "button", 28);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showSortDropdown = !ctx_r2.showSortDropdown); });
+    i0.ɵɵelement(2, "i", 29);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, CollectionsFullViewComponent_div_13_div_3_Template, 13, 6, "div", 33);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_13_Conditional_3_Template, 13, 6, "div", 30);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r2.showSortDropdown);
+    i0.ɵɵconditional(ctx_r2.showSortDropdown ? 3 : -1);
 } }
-function CollectionsFullViewComponent_button_17_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.searchQuery = ""; return i0.ɵɵresetView(ctx_r2.onSearchChange("")); });
-    i0.ɵɵelement(1, "i", 40);
+function CollectionsFullViewComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.searchQuery = ""; return i0.ɵɵresetView(ctx_r2.onSearchChange("")); });
+    i0.ɵɵelement(1, "i", 36);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_div_18_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 45)(1, "button", 35);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_18_div_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createCollection()); });
-    i0.ɵɵelement(2, "i", 46);
+function CollectionsFullViewComponent_Conditional_18_Conditional_6_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(3, "span");
     i0.ɵɵtext(4, "New Collection");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 47);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_18_div_6_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
-    i0.ɵɵelement(6, "i", 48);
+    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(7, "span");
     i0.ɵɵtext(8, "New Artifact");
     i0.ɵɵelementEnd()()();
@@ -107,36 +106,36 @@ function CollectionsFullViewComponent_div_18_div_6_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("disabled", !ctx_r2.currentCollectionId);
 } }
-function CollectionsFullViewComponent_div_18_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "button", 41);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showNewDropdown = !ctx_r2.showNewDropdown); });
-    i0.ɵɵelement(2, "i", 42);
+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);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "New");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "i", 43);
+    i0.ɵɵelement(5, "i", 39);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, CollectionsFullViewComponent_div_18_div_6_Template, 9, 1, "div", 44);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_18_Conditional_6_Template, 9, 1, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngIf", ctx_r2.showNewDropdown);
+    i0.ɵɵconditional(ctx_r2.showNewDropdown ? 6 : -1);
 } }
-function CollectionsFullViewComponent_div_21_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "div", 50)(2, "span", 51);
+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);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 52)(5, "button", 53);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSelection()); });
-    i0.ɵɵelement(6, "i", 40);
+    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.ɵɵelement(6, "i", 36);
     i0.ɵɵtext(7, " Clear Selection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 54);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_21_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteSelected()); });
-    i0.ɵɵelement(9, "i", 55);
+    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.ɵɵtext(10, " Delete Selected ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -144,395 +143,400 @@ function CollectionsFullViewComponent_div_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", ctx_r2.selectedItems.size, " selected");
 } }
-function CollectionsFullViewComponent_div_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵelement(1, "mj-loading", 57);
+function CollectionsFullViewComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "mj-loading", 50);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_div_24_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "h3");
-    i0.ɵɵtext(2, "No items found");
+function CollectionsFullViewComponent_Conditional_24_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1, "No items found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4, "Try adjusting your search");
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Try adjusting your search");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
 } }
-function CollectionsFullViewComponent_div_24_ng_container_3_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_24_ng_container_3_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createCollection()); });
-    i0.ɵɵelement(1, "i", 42);
+function CollectionsFullViewComponent_Conditional_24_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 37);
+    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 ");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_div_24_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "h3");
-    i0.ɵɵtext(2, "No collections yet");
+function CollectionsFullViewComponent_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1, "No collections yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4, "Create your first collection to get started");
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Create your first collection to get started");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, CollectionsFullViewComponent_div_24_ng_container_3_button_5_Template, 3, 0, "button", 61);
-    i0.ɵɵelementContainerEnd();
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_24_Conditional_3_Conditional_4_Template, 3, 0, "button", 52);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", ctx_r2.canEditCurrent());
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 4 : -1);
 } }
-function CollectionsFullViewComponent_div_24_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "h3");
-    i0.ɵɵtext(2, "This collection is empty");
+function CollectionsFullViewComponent_Conditional_24_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1, "This collection is empty");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4, "Use the ");
-    i0.ɵɵelementStart(5, "strong");
-    i0.ɵɵtext(6, "New");
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Use the ");
+    i0.ɵɵelementStart(4, "strong");
+    i0.ɵɵtext(5, "New");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(7, " button above to add collections or artifacts");
+    i0.ɵɵtext(6, " button above to add collections or artifacts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
 } }
-function CollectionsFullViewComponent_div_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵelement(1, "i", 59);
-    i0.ɵɵtemplate(2, CollectionsFullViewComponent_div_24_ng_container_2_Template, 5, 0, "ng-container", 60)(3, CollectionsFullViewComponent_div_24_ng_container_3_Template, 6, 1, "ng-container", 60)(4, CollectionsFullViewComponent_div_24_ng_container_4_Template, 8, 0, "ng-container", 60);
+function CollectionsFullViewComponent_Conditional_24_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.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.searchQuery);
+    i0.ɵɵconditional(ctx_r2.searchQuery ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.searchQuery && !ctx_r2.currentCollectionId);
+    i0.ɵɵconditional(!ctx_r2.searchQuery && !ctx_r2.currentCollectionId ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.searchQuery && ctx_r2.currentCollectionId);
+    i0.ɵɵconditional(!ctx_r2.searchQuery && ctx_r2.currentCollectionId ? 4 : -1);
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 67);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_25_div_1_div_1_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r14); const item_r13 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r13, $event)); });
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 58);
+    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();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext().$implicit;
+    const item_r14 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r13.selected ? "fa-check-circle" : "fa-circle");
+    i0.ɵɵproperty("ngClass", item_r14.selected ? "fa-check-circle" : "fa-circle");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵelement(1, "i", 78);
+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.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_2_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79);
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const item_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r13.description, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r14.description, " ");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_2_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const item_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r13.itemCount), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r14.itemCount), " ");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_2_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
-    i0.ɵɵelement(1, "i", 82);
+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.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const item_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r13.owner, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r14.owner, " ");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68)(1, "div", 69);
-    i0.ɵɵelement(2, "i", 70);
-    i0.ɵɵtemplate(3, CollectionsFullViewComponent_div_25_div_1_div_2_div_3_Template, 2, 0, "div", 71);
+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.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 72)(5, "div", 73);
+    i0.ɵɵelementStart(4, "div", 62)(5, "div", 63);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, CollectionsFullViewComponent_div_25_div_1_div_2_div_7_Template, 2, 1, "div", 74)(8, CollectionsFullViewComponent_div_25_div_1_div_2_div_8_Template, 2, 1, "div", 75)(9, CollectionsFullViewComponent_div_25_div_1_div_2_div_9_Template, 3, 1, "div", 76);
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r13.description || item_r13.name);
+    const item_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r14.description || item_r14.name);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", item_r13.isShared);
+    i0.ɵɵconditional(item_r14.isShared ? 3 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r13.name);
+    i0.ɵɵtextInterpolate(item_r14.name);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.description);
+    i0.ɵɵconditional(item_r14.description ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.itemCount !== undefined);
+    i0.ɵɵconditional(item_r14.itemCount !== undefined ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.isShared && item_r13.owner);
+    i0.ɵɵconditional(item_r14.isShared && item_r14.owner ? 9 : -1);
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_3_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79);
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const item_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r13.description, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r14.description, " ");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_3_span_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 86);
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const item_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" v", item_r13.versionNumber, " ");
+    i0.ɵɵtextInterpolate1(" v", item_r14.versionNumber, " ");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_3_span_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 87);
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const item_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r13.artifactType, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r14.artifactType, " ");
 } }
-function CollectionsFullViewComponent_div_25_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68)(1, "div", 83);
+function CollectionsFullViewComponent_Conditional_25_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57)(1, "div", 69);
     i0.ɵɵelement(2, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 72)(4, "div", 73);
+    i0.ɵɵelementStart(3, "div", 62)(4, "div", 63);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, CollectionsFullViewComponent_div_25_div_1_div_3_div_6_Template, 2, 1, "div", 74);
-    i0.ɵɵelementStart(7, "div", 80);
-    i0.ɵɵtemplate(8, CollectionsFullViewComponent_div_25_div_1_div_3_span_8_Template, 2, 1, "span", 84)(9, CollectionsFullViewComponent_div_25_div_1_div_3_span_9_Template, 2, 1, "span", 85);
+    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.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r13.description || item_r13.name);
+    const item_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r14.description || item_r14.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", item_r13.icon);
+    i0.ɵɵproperty("ngClass", item_r14.icon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r13.name);
+    i0.ɵɵtextInterpolate(item_r14.name);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.description);
+    i0.ɵɵconditional(item_r14.description ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r13.versionNumber);
+    i0.ɵɵconditional(item_r14.versionNumber ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.artifactType);
+    i0.ɵɵconditional(item_r14.artifactType ? 9 : -1);
 } }
-function CollectionsFullViewComponent_div_25_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 64);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_25_div_1_Template_div_click_0_listener($event) { const item_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r13, $event)); })("dblclick", function CollectionsFullViewComponent_div_25_div_1_Template_div_dblclick_0_listener($event) { const item_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r13, $event)); })("contextmenu", function CollectionsFullViewComponent_div_25_div_1_Template_div_contextmenu_0_listener($event) { const item_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r13, $event)); });
-    i0.ɵɵtemplate(1, CollectionsFullViewComponent_div_25_div_1_div_1_Template, 2, 1, "div", 65)(2, CollectionsFullViewComponent_div_25_div_1_div_2_Template, 10, 6, "div", 66)(3, CollectionsFullViewComponent_div_25_div_1_div_3_Template, 10, 6, "div", 66);
+function CollectionsFullViewComponent_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 55);
+    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.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = ctx.$implicit;
+    const item_r14 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", item_r13.selected)("active", item_r13.type === "artifact" && (item_r13.artifact == null ? null : item_r13.artifact.ID) === ctx_r2.activeArtifactId);
+    i0.ɵɵclassProp("selected", item_r14.selected)("active", item_r14.type === "artifact" && (item_r14.artifact == null ? null : item_r14.artifact.ID) === ctx_r2.activeArtifactId);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.isSelectMode);
+    i0.ɵɵconditional(ctx_r2.isSelectMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.type === "folder");
+    i0.ɵɵconditional(item_r14.type === "folder" ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r13.type === "artifact");
+    i0.ɵɵconditional(item_r14.type === "artifact" ? 3 : -1);
 } }
-function CollectionsFullViewComponent_div_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵtemplate(1, CollectionsFullViewComponent_div_25_div_1_Template, 4, 7, "div", 63);
+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.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("select-mode", ctx_r2.isSelectMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r2.unifiedItems);
+    i0.ɵɵrepeater(ctx_r2.unifiedItems);
 } }
-function CollectionsFullViewComponent_div_26_th_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 98)(1, "i", 99);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_26_th_4_Template_i_click_1_listener() { i0.ɵɵrestoreView(_r16); 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_26_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 74)(1, "i", 80);
+    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) {
     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_div_26_i_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
+function CollectionsFullViewComponent_Conditional_26_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 29);
 } }
-function CollectionsFullViewComponent_div_26_i_9_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_26_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_div_26_i_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
+function CollectionsFullViewComponent_Conditional_26_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 29);
 } }
-function CollectionsFullViewComponent_div_26_i_14_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_26_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_div_26_i_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
+function CollectionsFullViewComponent_Conditional_26_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 29);
 } }
-function CollectionsFullViewComponent_div_26_i_19_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_26_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_div_26_tr_23_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 98)(1, "i", 99);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_26_tr_23_td_1_Template_i_click_1_listener($event) { i0.ɵɵrestoreView(_r19); const item_r18 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r18, $event)); });
+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.ɵɵ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) {
-    const item_r18 = i0.ɵɵnextContext().$implicit;
+    const item_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r18.selected ? "fa-check-circle" : "fa-circle");
+    i0.ɵɵproperty("ngClass", item_r19.selected ? "fa-check-circle" : "fa-circle");
 } }
-function CollectionsFullViewComponent_div_26_tr_23_i_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 106);
+function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 84);
 } }
-function CollectionsFullViewComponent_div_26_tr_23_span_9_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Folder");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_div_26_tr_23_span_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 87);
+function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r18 = i0.ɵɵnextContext().$implicit;
+    const item_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r18.artifactType, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r19.artifactType, " ");
 } }
-function CollectionsFullViewComponent_div_26_tr_23_span_12_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_26_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_r18 = i0.ɵɵnextContext().$implicit;
+    const item_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r18.lastModified, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r19.lastModified, "short"), " ");
 } }
-function CollectionsFullViewComponent_div_26_tr_23_span_14_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_26_For_24_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r18 = i0.ɵɵnextContext().$implicit;
+    const item_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(item_r18.owner);
+    i0.ɵɵtextInterpolate(item_r19.owner);
 } }
-function CollectionsFullViewComponent_div_26_tr_23_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 100);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_26_tr_23_Template_tr_click_0_listener($event) { const item_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r18, $event)); })("dblclick", function CollectionsFullViewComponent_div_26_tr_23_Template_tr_dblclick_0_listener($event) { const item_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r18, $event)); })("contextmenu", function CollectionsFullViewComponent_div_26_tr_23_Template_tr_contextmenu_0_listener($event) { const item_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r18, $event)); });
-    i0.ɵɵtemplate(1, CollectionsFullViewComponent_div_26_tr_23_td_1_Template, 2, 1, "td", 90);
-    i0.ɵɵelementStart(2, "td", 101)(3, "div", 102);
+function CollectionsFullViewComponent_Conditional_26_For_24_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 81);
+    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.ɵɵelement(4, "i", 9);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, CollectionsFullViewComponent_div_26_tr_23_i_7_Template, 1, 0, "i", 103);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_7_Template, 1, 0, "i", 84);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 104);
-    i0.ɵɵtemplate(9, CollectionsFullViewComponent_div_26_tr_23_span_9_Template, 2, 0, "span", 60)(10, CollectionsFullViewComponent_div_26_tr_23_span_10_Template, 2, 1, "span", 85);
+    i0.ɵɵelementStart(8, "td", 85);
+    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.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 105);
-    i0.ɵɵtemplate(12, CollectionsFullViewComponent_div_26_tr_23_span_12_Template, 3, 4, "span", 60);
+    i0.ɵɵelementStart(11, "td", 86);
+    i0.ɵɵconditionalCreate(12, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_12_Template, 3, 4, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 96);
-    i0.ɵɵtemplate(14, CollectionsFullViewComponent_div_26_tr_23_span_14_Template, 2, 1, "span", 60);
+    i0.ɵɵelementStart(13, "td", 78);
+    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_26_For_24_Conditional_14_Template, 2, 1, "span");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r18 = ctx.$implicit;
+    const item_r19 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", item_r18.selected)("active", item_r18.type === "artifact" && (item_r18.artifact == null ? null : item_r18.artifact.ID) === ctx_r2.activeArtifactId);
+    i0.ɵɵclassProp("selected", item_r19.selected)("active", item_r19.type === "artifact" && (item_r19.artifact == null ? null : item_r19.artifact.ID) === ctx_r2.activeArtifactId);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.isSelectMode);
+    i0.ɵɵconditional(ctx_r2.isSelectMode ? 1 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", item_r18.type === "folder" ? "fa-folder" : item_r18.icon);
+    i0.ɵɵproperty("ngClass", item_r19.type === "folder" ? "fa-folder" : item_r19.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r18.name);
+    i0.ɵɵtextInterpolate(item_r19.name);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r18.isShared);
+    i0.ɵɵconditional(item_r19.isShared ? 7 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r18.type === "folder");
+    i0.ɵɵconditional(item_r19.type === "folder" ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r18.type === "artifact");
+    i0.ɵɵconditional(item_r19.type === "artifact" ? 10 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r18.lastModified);
+    i0.ɵɵconditional(item_r19.lastModified ? 12 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r18.owner);
+    i0.ɵɵconditional(item_r19.owner ? 14 : -1);
 } }
-function CollectionsFullViewComponent_div_26_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 88)(1, "table", 89)(2, "thead")(3, "tr");
-    i0.ɵɵtemplate(4, CollectionsFullViewComponent_div_26_th_4_Template, 2, 1, "th", 90);
-    i0.ɵɵelementStart(5, "th", 91);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_26_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
+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.ɵɵ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");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, CollectionsFullViewComponent_div_26_i_8_Template, 1, 0, "i", 92)(9, CollectionsFullViewComponent_div_26_i_9_Template, 1, 1, "i", 93);
+    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", 94);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_26_Template_th_click_10_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
+    i0.ɵɵelementStart(10, "th", 76);
+    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");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(13, CollectionsFullViewComponent_div_26_i_13_Template, 1, 0, "i", 92)(14, CollectionsFullViewComponent_div_26_i_14_Template, 1, 1, "i", 93);
+    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", 95);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_div_26_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
+    i0.ɵɵelementStart(15, "th", 77);
+    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");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(18, CollectionsFullViewComponent_div_26_i_18_Template, 1, 0, "i", 92)(19, CollectionsFullViewComponent_div_26_i_19_Template, 1, 1, "i", 93);
+    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", 96);
+    i0.ɵɵelementStart(20, "th", 78);
     i0.ɵɵtext(21, "Owner");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(22, "tbody");
-    i0.ɵɵtemplate(23, CollectionsFullViewComponent_div_26_tr_23_Template, 15, 12, "tr", 97);
+    i0.ɵɵrepeaterCreate(23, CollectionsFullViewComponent_Conditional_26_For_24_Template, 15, 12, "tr", 79, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("select-mode", ctx_r2.isSelectMode);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r2.isSelectMode);
+    i0.ɵɵconditional(ctx_r2.isSelectMode ? 4 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r2.sortBy !== "name");
+    i0.ɵɵconditional(ctx_r2.sortBy !== "name" ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.sortBy === "name");
+    i0.ɵɵconditional(ctx_r2.sortBy === "name" ? 9 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r2.sortBy !== "type");
+    i0.ɵɵconditional(ctx_r2.sortBy !== "type" ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.sortBy === "type");
+    i0.ɵɵconditional(ctx_r2.sortBy === "type" ? 14 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r2.sortBy !== "date");
+    i0.ɵɵconditional(ctx_r2.sortBy !== "date" ? 18 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.sortBy === "date");
+    i0.ɵɵconditional(ctx_r2.sortBy === "date" ? 19 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r2.unifiedItems);
+    i0.ɵɵrepeater(ctx_r2.unifiedItems);
 } }
 /**
  * Full-panel Collections view component
@@ -544,6 +548,7 @@ export class CollectionsFullViewComponent {
     collectionState;
     permissionService;
     artifactIconService;
+    cdr;
     environmentId;
     currentUser;
     collectionNavigated = new EventEmitter();
@@ -574,12 +579,13 @@ export class CollectionsFullViewComponent {
     isSelectMode = false; // Toggle for selection mode
     destroy$ = new Subject();
     isNavigatingProgrammatically = false;
-    constructor(dialogService, artifactState, collectionState, permissionService, artifactIconService) {
+    constructor(dialogService, artifactState, collectionState, permissionService, artifactIconService, cdr) {
         this.dialogService = dialogService;
         this.artifactState = artifactState;
         this.collectionState = collectionState;
         this.permissionService = permissionService;
         this.artifactIconService = artifactIconService;
+        this.cdr = cdr;
     }
     ngOnInit() {
         // Subscribe to collection state changes for deep linking FIRST
@@ -671,6 +677,7 @@ export class CollectionsFullViewComponent {
         }
         finally {
             this.isLoading = false;
+            this.cdr.detectChanges();
         }
     }
     async loadCollections() {
@@ -1435,8 +1442,8 @@ export class CollectionsFullViewComponent {
         // 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)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsFullViewComponent, selectors: [["mj-collections-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, outputs: { collectionNavigated: "collectionNavigated" }, 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"], ["class", "breadcrumb-path", 4, "ngIf"], [1, "collections-actions"], [1, "btn-icon", 3, "click", "title"], [1, "fas", 3, "ngClass"], [1, "fas", "fa-check-square"], ["class", "dropdown-container", 4, "ngIf"], [1, "search-container"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search...", 1, "search-input", 3, "ngModelChange", "ngModel"], ["class", "search-clear", "title", "Clear search", 3, "click", 4, "ngIf"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sync"], ["class", "selection-toolbar", 4, "ngIf"], [1, "collections-content"], ["class", "loading-state", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], ["class", "unified-grid", 3, "select-mode", 4, "ngIf"], ["class", "unified-list", 3, "select-mode", 4, "ngIf"], [3, "saved", "cancelled", "isOpen", "collection", "parentCollection", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collectionId", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collection", "currentUser", "currentUserPermissions"], [1, "breadcrumb-path"], [4, "ngFor", "ngForOf"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], [1, "dropdown-container"], ["title", "Sort options", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sort"], ["class", "dropdown-menu", 4, "ngIf"], [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"], ["class", "dropdown-menu dropdown-menu-right", 4, "ngIf"], [1, "dropdown-menu", "dropdown-menu-right"], [1, "fas", "fa-folder-plus"], [1, "dropdown-item", 3, "click", "disabled"], [1, "fas", "fa-file-plus"], [1, "selection-toolbar"], [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"], [1, "loading-state"], ["text", "Loading collections...", "size", "large"], [1, "empty-state"], [1, "fas", "fa-folder-open"], [4, "ngIf"], ["class", "btn-primary", 3, "click", 4, "ngIf"], [1, "unified-grid"], ["class", "grid-item", 3, "selected", "active", "click", "dblclick", "contextmenu", 4, "ngFor", "ngForOf"], [1, "grid-item", 3, "click", "dblclick", "contextmenu"], ["class", "item-checkbox", 3, "click", 4, "ngIf"], ["class", "grid-item-content", 3, "title", 4, "ngIf"], [1, "item-checkbox", 3, "click"], [1, "grid-item-content", 3, "title"], [1, "grid-icon", "folder-icon"], [1, "fas", "fa-folder"], ["class", "shared-badge", "title", "Shared", 4, "ngIf"], [1, "grid-info"], [1, "grid-name"], ["class", "grid-description", 4, "ngIf"], ["class", "grid-meta", 4, "ngIf"], ["class", "grid-owner", 4, "ngIf"], ["title", "Shared", 1, "shared-badge"], [1, "fas", "fa-users"], [1, "grid-description"], [1, "grid-meta"], [1, "grid-owner"], [1, "fas", "fa-user"], [1, "grid-icon", "artifact-icon"], ["class", "version-badge", 4, "ngIf"], ["class", "artifact-type-badge", 4, "ngIf"], [1, "version-badge"], [1, "artifact-type-badge"], [1, "unified-list"], [1, "list-table"], ["class", "col-checkbox", 4, "ngIf"], [1, "col-name", "sortable", 3, "click"], ["class", "fas fa-sort", 4, "ngIf"], ["class", "fas", 3, "ngClass", 4, "ngIf"], [1, "col-type", "sortable", 3, "click"], [1, "col-modified", "sortable", 3, "click"], [1, "col-owner"], ["class", "list-item", 3, "selected", "active", "click", "dblclick", "contextmenu", 4, "ngFor", "ngForOf"], [1, "col-checkbox"], [1, "fas", 3, "click", "ngClass"], [1, "list-item", 3, "click", "dblclick", "contextmenu"], [1, "col-name"], [1, "list-name-cell"], ["class", "fas fa-users shared-indicator", "title", "Shared", 4, "ngIf"], [1, "col-type"], [1, "col-modified"], ["title", "Shared", 1, "fas", "fa-users", "shared-indicator"]], template: function CollectionsFullViewComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             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);
@@ -1445,7 +1452,7 @@ export class CollectionsFullViewComponent {
             i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_a_click_5_listener() { return ctx.navigateToRoot(); });
             i0.ɵɵtext(6, "Collections");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(7, CollectionsFullViewComponent_span_7_Template, 2, 1, "span", 6);
+            i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_7_Template, 3, 0, "span", 6);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(8, "div", 7)(9, "button", 8);
             i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_9_listener() { return ctx.toggleViewMode(); });
@@ -1455,23 +1462,26 @@ export class CollectionsFullViewComponent {
             i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_11_listener() { return ctx.toggleSelectMode(); });
             i0.ɵɵelement(12, "i", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(13, CollectionsFullViewComponent_div_13_Template, 4, 1, "div", 11);
+            i0.ɵɵconditionalCreate(13, CollectionsFullViewComponent_Conditional_13_Template, 4, 1, "div", 11);
             i0.ɵɵelementStart(14, "div", 12);
             i0.ɵɵelement(15, "i", 13);
             i0.ɵɵelementStart(16, "input", 14);
             i0.ɵɵtwoWayListener("ngModelChange", function CollectionsFullViewComponent_Template_input_ngModelChange_16_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchQuery, $event) || (ctx.searchQuery = $event); return $event; });
             i0.ɵɵlistener("ngModelChange", function CollectionsFullViewComponent_Template_input_ngModelChange_16_listener($event) { return ctx.onSearchChange($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(17, CollectionsFullViewComponent_button_17_Template, 2, 0, "button", 15);
+            i0.ɵɵconditionalCreate(17, CollectionsFullViewComponent_Conditional_17_Template, 2, 0, "button", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(18, CollectionsFullViewComponent_div_18_Template, 7, 1, "div", 11);
+            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.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(21, CollectionsFullViewComponent_div_21_Template, 11, 1, "div", 18);
+            i0.ɵɵconditionalCreate(21, CollectionsFullViewComponent_Conditional_21_Template, 11, 1, "div", 18);
             i0.ɵɵelementStart(22, "div", 19);
-            i0.ɵɵtemplate(23, CollectionsFullViewComponent_div_23_Template, 2, 0, "div", 20)(24, CollectionsFullViewComponent_div_24_Template, 5, 3, "div", 21)(25, CollectionsFullViewComponent_div_25_Template, 2, 3, "div", 22)(26, CollectionsFullViewComponent_div_26_Template, 24, 10, "div", 23);
+            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.ɵɵ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(); });
@@ -1484,7 +1494,7 @@ export class CollectionsFullViewComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(7);
-            i0.ɵɵproperty("ngIf", ctx.breadcrumbs.length > 0);
+            i0.ɵɵconditional(ctx.breadcrumbs.length > 0 ? 7 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("title", ctx.viewMode === "grid" ? "Switch to List View" : "Switch to Grid View");
             i0.ɵɵadvance();
@@ -1493,34 +1503,34 @@ export class CollectionsFullViewComponent {
             i0.ɵɵclassProp("active", ctx.isSelectMode);
             i0.ɵɵproperty("title", ctx.isSelectMode ? "Exit Select Mode" : "Select Items");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.viewMode === "grid");
+            i0.ɵɵconditional(ctx.viewMode === "grid" ? 13 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵtwoWayProperty("ngModel", ctx.searchQuery);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.searchQuery);
+            i0.ɵɵconditional(ctx.searchQuery ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.canEditCurrent());
+            i0.ɵɵconditional(ctx.canEditCurrent() ? 18 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.selectedItems.size > 0);
+            i0.ɵɵconditional(ctx.selectedItems.size > 0 ? 21 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵconditional(ctx.isLoading ? 23 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.unifiedItems.length === 0);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length === 0 ? 24 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "grid");
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "grid" ? 25 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "list");
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "list" ? 26 : -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, i6.NgForOf, i6.NgIf, 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      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    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsFullViewComponent, [{
         type: Component,
-        args: [{ selector: 'mj-collections-full-view', template: `
+        args: [{ standalone: false, selector: 'mj-collections-full-view', template: `
     <div class="collections-view" (keydown)="handleKeyboardShortcut($event)">
       <!-- Mac Finder-style Header -->
       <div class="collections-header">
@@ -1530,314 +1540,374 @@ export class CollectionsFullViewComponent {
             <i class="fas fa-home"></i>
             <a class="breadcrumb-link" (click)="navigateToRoot()">Collections</a>
           </div>
-          <span class="breadcrumb-path" *ngIf="breadcrumbs.length > 0">
-            <ng-container *ngFor="let crumb of breadcrumbs; let last = last">
-              <i class="fas fa-chevron-right breadcrumb-separator"></i>
-              <a class="breadcrumb-link"
-                 [class.active]="last"
-                 (click)="navigateTo(crumb)">
-                {{ crumb.name }}
-              </a>
-            </ng-container>
-          </span>
+          @if (breadcrumbs.length > 0) {
+            <span class="breadcrumb-path">
+              @for (crumb of breadcrumbs; track crumb; let last = $last) {
+                <i class="fas fa-chevron-right breadcrumb-separator"></i>
+                <a class="breadcrumb-link"
+                  [class.active]="last"
+                  (click)="navigateTo(crumb)">
+                  {{ crumb.name }}
+                </a>
+              }
+            </span>
+          }
         </div>
-
+    
         <!-- Action buttons -->
         <div class="collections-actions">
           <!-- View mode toggle -->
           <button class="btn-icon"
-                  (click)="toggleViewMode()"
-                  [title]="viewMode === 'grid' ? 'Switch to List View' : 'Switch to Grid View'">
+            (click)="toggleViewMode()"
+            [title]="viewMode === 'grid' ? 'Switch to List View' : 'Switch to Grid View'">
             <i class="fas" [ngClass]="viewMode === 'grid' ? 'fa-list' : 'fa-th'"></i>
           </button>
-
+    
           <!-- Select mode toggle -->
           <button class="btn-icon"
-                  [class.active]="isSelectMode"
-                  (click)="toggleSelectMode()"
-                  [title]="isSelectMode ? 'Exit Select Mode' : 'Select Items'">
+            [class.active]="isSelectMode"
+            (click)="toggleSelectMode()"
+            [title]="isSelectMode ? 'Exit Select Mode' : 'Select Items'">
             <i class="fas fa-check-square"></i>
           </button>
-
+    
           <!-- Sort dropdown (grid view only) -->
-          <div class="dropdown-container" *ngIf="viewMode === 'grid'">
-            <button class="btn-icon"
-                    (click)="showSortDropdown = !showSortDropdown"
-                    title="Sort options">
-              <i class="fas fa-sort"></i>
-            </button>
-            <div class="dropdown-menu" *ngIf="showSortDropdown">
-              <button class="dropdown-item"
-                      [class.active]="sortBy === 'name'"
-                      (click)="setSortBy('name')">
-                <i class="fas fa-sort-alpha-down"></i>
-                <span>Sort by Name</span>
-              </button>
-              <button class="dropdown-item"
-                      [class.active]="sortBy === 'date'"
-                      (click)="setSortBy('date')">
-                <i class="fas fa-calendar"></i>
-                <span>Sort by Date</span>
-              </button>
-              <button class="dropdown-item"
-                      [class.active]="sortBy === 'type'"
-                      (click)="setSortBy('type')">
-                <i class="fas fa-tag"></i>
-                <span>Sort by Type</span>
+          @if (viewMode === 'grid') {
+            <div class="dropdown-container">
+              <button class="btn-icon"
+                (click)="showSortDropdown = !showSortDropdown"
+                title="Sort options">
+                <i class="fas fa-sort"></i>
               </button>
+              @if (showSortDropdown) {
+                <div class="dropdown-menu">
+                  <button class="dropdown-item"
+                    [class.active]="sortBy === 'name'"
+                    (click)="setSortBy('name')">
+                    <i class="fas fa-sort-alpha-down"></i>
+                    <span>Sort by Name</span>
+                  </button>
+                  <button class="dropdown-item"
+                    [class.active]="sortBy === 'date'"
+                    (click)="setSortBy('date')">
+                    <i class="fas fa-calendar"></i>
+                    <span>Sort by Date</span>
+                  </button>
+                  <button class="dropdown-item"
+                    [class.active]="sortBy === 'type'"
+                    (click)="setSortBy('type')">
+                    <i class="fas fa-tag"></i>
+                    <span>Sort by Type</span>
+                  </button>
+                </div>
+              }
             </div>
-          </div>
-
+          }
+    
           <!-- Search -->
           <div class="search-container">
             <i class="fas fa-search"></i>
             <input type="text"
-                   class="search-input"
-                   placeholder="Search..."
-                   [(ngModel)]="searchQuery"
-                   (ngModelChange)="onSearchChange($event)">
-            <button class="search-clear"
-                    *ngIf="searchQuery"
-                    (click)="searchQuery = ''; onSearchChange('')"
-                    title="Clear search">
-              <i class="fas fa-times"></i>
-            </button>
+              class="search-input"
+              placeholder="Search..."
+              [(ngModel)]="searchQuery"
+              (ngModelChange)="onSearchChange($event)">
+            @if (searchQuery) {
+              <button class="search-clear"
+                (click)="searchQuery = ''; onSearchChange('')"
+                title="Clear search">
+                <i class="fas fa-times"></i>
+              </button>
+            }
           </div>
-
+    
           <!-- New dropdown -->
-          <div class="dropdown-container" *ngIf="canEditCurrent()">
-            <button class="btn-primary"
-                    (click)="showNewDropdown = !showNewDropdown">
-              <i class="fas fa-plus"></i>
-              <span>New</span>
-              <i class="fas fa-chevron-down"></i>
-            </button>
-            <div class="dropdown-menu dropdown-menu-right" *ngIf="showNewDropdown">
-              <button class="dropdown-item" (click)="createCollection()">
-                <i class="fas fa-folder-plus"></i>
-                <span>New Collection</span>
-              </button>
-              <button class="dropdown-item"
-                      (click)="addArtifact()"
-                      [disabled]="!currentCollectionId">
-                <i class="fas fa-file-plus"></i>
-                <span>New Artifact</span>
+          @if (canEditCurrent()) {
+            <div class="dropdown-container">
+              <button class="btn-primary"
+                (click)="showNewDropdown = !showNewDropdown">
+                <i class="fas fa-plus"></i>
+                <span>New</span>
+                <i class="fas fa-chevron-down"></i>
               </button>
+              @if (showNewDropdown) {
+                <div class="dropdown-menu dropdown-menu-right">
+                  <button class="dropdown-item" (click)="createCollection()">
+                    <i class="fas fa-folder-plus"></i>
+                    <span>New Collection</span>
+                  </button>
+                  <button class="dropdown-item"
+                    (click)="addArtifact()"
+                    [disabled]="!currentCollectionId">
+                    <i class="fas fa-file-plus"></i>
+                    <span>New Artifact</span>
+                  </button>
+                </div>
+              }
             </div>
-          </div>
-
+          }
+    
           <!-- Refresh button -->
           <button class="btn-icon" (click)="refresh()" title="Refresh">
             <i class="fas fa-sync"></i>
           </button>
         </div>
       </div>
-
+    
       <!-- Multi-select toolbar (appears when items selected) -->
-      <div class="selection-toolbar" *ngIf="selectedItems.size > 0">
-        <div class="selection-info">
-          <span class="selection-count">{{ selectedItems.size }} selected</span>
-        </div>
-        <div class="selection-actions">
-          <button class="btn-toolbar" (click)="clearSelection()">
-            <i class="fas fa-times"></i>
-            Clear Selection
-          </button>
-          <button class="btn-toolbar btn-danger" (click)="deleteSelected()">
-            <i class="fas fa-trash"></i>
-            Delete Selected
-          </button>
+      @if (selectedItems.size > 0) {
+        <div class="selection-toolbar">
+          <div class="selection-info">
+            <span class="selection-count">{{ selectedItems.size }} selected</span>
+          </div>
+          <div class="selection-actions">
+            <button class="btn-toolbar" (click)="clearSelection()">
+              <i class="fas fa-times"></i>
+              Clear Selection
+            </button>
+            <button class="btn-toolbar btn-danger" (click)="deleteSelected()">
+              <i class="fas fa-trash"></i>
+              Delete Selected
+            </button>
+          </div>
         </div>
-      </div>
-
+      }
+    
       <!-- Content area -->
       <div class="collections-content">
         <!-- Loading state -->
-        <div *ngIf="isLoading" class="loading-state">
-          <mj-loading text="Loading collections..." size="large"></mj-loading>
-        </div>
-
+        @if (isLoading) {
+          <div class="loading-state">
+            <mj-loading text="Loading collections..." size="large"></mj-loading>
+          </div>
+        }
+    
         <!-- Empty state -->
-        <div *ngIf="!isLoading && unifiedItems.length === 0" class="empty-state">
-          <i class="fas fa-folder-open"></i>
-
-          <!-- Search returned no results -->
-          <ng-container *ngIf="searchQuery">
-            <h3>No items found</h3>
-            <p>Try adjusting your search</p>
-          </ng-container>
-
-          <!-- Empty root level -->
-          <ng-container *ngIf="!searchQuery && !currentCollectionId">
-            <h3>No collections yet</h3>
-            <p>Create your first collection to get started</p>
-            <button class="btn-primary"
-                    (click)="createCollection()"
-                    *ngIf="canEditCurrent()">
-              <i class="fas fa-plus"></i>
-              Create Collection
-            </button>
-          </ng-container>
-
-          <!-- Empty collection (has parent) -->
-          <ng-container *ngIf="!searchQuery && currentCollectionId">
-            <h3>This collection is empty</h3>
-            <p>Use the <strong>New</strong> button above to add collections or artifacts</p>
-          </ng-container>
-        </div>
-
+        @if (!isLoading && unifiedItems.length === 0) {
+          <div class="empty-state">
+            <i class="fas fa-folder-open"></i>
+            <!-- Search returned no results -->
+            @if (searchQuery) {
+              <h3>No items found</h3>
+              <p>Try adjusting your search</p>
+            }
+            <!-- Empty root level -->
+            @if (!searchQuery && !currentCollectionId) {
+              <h3>No collections yet</h3>
+              <p>Create your first collection to get started</p>
+              @if (canEditCurrent()) {
+                <button class="btn-primary"
+                  (click)="createCollection()"
+                  >
+                  <i class="fas fa-plus"></i>
+                  Create Collection
+                </button>
+              }
+            }
+            <!-- Empty collection (has parent) -->
+            @if (!searchQuery && currentCollectionId) {
+              <h3>This collection is empty</h3>
+              <p>Use the <strong>New</strong> button above to add collections or artifacts</p>
+            }
+          </div>
+        }
+    
         <!-- Grid view -->
-        <div *ngIf="!isLoading && unifiedItems.length > 0 && viewMode === 'grid'"
-             class="unified-grid"
-             [class.select-mode]="isSelectMode">
-          <div *ngFor="let item of unifiedItems"
-               class="grid-item"
-               [class.selected]="item.selected"
-               [class.active]="item.type === 'artifact' && item.artifact?.ID === activeArtifactId"
-               (click)="onItemClick(item, $event)"
-               (dblclick)="onItemDoubleClick(item, $event)"
-               (contextmenu)="onItemContextMenu(item, $event)">
-
-            <!-- Selection checkbox (only visible in select mode) -->
-            <div class="item-checkbox"
-                 *ngIf="isSelectMode"
-                 (click)="toggleItemSelection(item, $event)">
-              <i class="fas"
-                 [ngClass]="item.selected ? 'fa-check-circle' : 'fa-circle'"></i>
-            </div>
-
-            <!-- Folder item -->
-            <div *ngIf="item.type === 'folder'"
-                 class="grid-item-content"
-                 [title]="item.description || item.name">
-              <div class="grid-icon folder-icon">
-                <i class="fas fa-folder"></i>
-                <div class="shared-badge" *ngIf="item.isShared" title="Shared">
-                  <i class="fas fa-users"></i>
-                </div>
-              </div>
-              <div class="grid-info">
-                <div class="grid-name">{{ item.name }}</div>
-                <div class="grid-description" *ngIf="item.description">
-                  {{ item.description }}
-                </div>
-                <div class="grid-meta" *ngIf="item.itemCount !== undefined">
-                  {{ getItemCountText(item.itemCount) }}
-                </div>
-                <div class="grid-owner" *ngIf="item.isShared && item.owner">
-                  <i class="fas fa-user"></i>
-                  {{ item.owner }}
-                </div>
-              </div>
-            </div>
-
-            <!-- Artifact item -->
-            <div *ngIf="item.type === 'artifact'"
-                 class="grid-item-content"
-                 [title]="item.description || item.name">
-              <div class="grid-icon artifact-icon">
-                <i class="fas" [ngClass]="item.icon"></i>
-              </div>
-              <div class="grid-info">
-                <div class="grid-name">{{ item.name }}</div>
-                <div class="grid-description" *ngIf="item.description">
-                  {{ item.description }}
-                </div>
-                <div class="grid-meta">
-                  <span class="version-badge" *ngIf="item.versionNumber">
-                    v{{ item.versionNumber }}
-                  </span>
-                  <span class="artifact-type-badge" *ngIf="item.artifactType">
-                    {{ item.artifactType }}
-                  </span>
-                </div>
+        @if (!isLoading && unifiedItems.length > 0 && viewMode === 'grid') {
+          <div
+            class="unified-grid"
+            [class.select-mode]="isSelectMode">
+            @for (item of unifiedItems; track item) {
+              <div
+                class="grid-item"
+                [class.selected]="item.selected"
+                [class.active]="item.type === 'artifact' && item.artifact?.ID === activeArtifactId"
+                (click)="onItemClick(item, $event)"
+                (dblclick)="onItemDoubleClick(item, $event)"
+                (contextmenu)="onItemContextMenu(item, $event)">
+                <!-- Selection checkbox (only visible in select mode) -->
+                @if (isSelectMode) {
+                  <div class="item-checkbox"
+                    (click)="toggleItemSelection(item, $event)">
+                    <i class="fas"
+                    [ngClass]="item.selected ? 'fa-check-circle' : 'fa-circle'"></i>
+                  </div>
+                }
+                <!-- Folder item -->
+                @if (item.type === 'folder') {
+                  <div
+                    class="grid-item-content"
+                    [title]="item.description || item.name">
+                    <div class="grid-icon folder-icon">
+                      <i class="fas fa-folder"></i>
+                      @if (item.isShared) {
+                        <div class="shared-badge" title="Shared">
+                          <i class="fas fa-users"></i>
+                        </div>
+                      }
+                    </div>
+                    <div class="grid-info">
+                      <div class="grid-name">{{ item.name }}</div>
+                      @if (item.description) {
+                        <div class="grid-description">
+                          {{ item.description }}
+                        </div>
+                      }
+                      @if (item.itemCount !== undefined) {
+                        <div class="grid-meta">
+                          {{ getItemCountText(item.itemCount) }}
+                        </div>
+                      }
+                      @if (item.isShared && item.owner) {
+                        <div class="grid-owner">
+                          <i class="fas fa-user"></i>
+                          {{ item.owner }}
+                        </div>
+                      }
+                    </div>
+                  </div>
+                }
+                <!-- Artifact item -->
+                @if (item.type === 'artifact') {
+                  <div
+                    class="grid-item-content"
+                    [title]="item.description || item.name">
+                    <div class="grid-icon artifact-icon">
+                      <i class="fas" [ngClass]="item.icon"></i>
+                    </div>
+                    <div class="grid-info">
+                      <div class="grid-name">{{ item.name }}</div>
+                      @if (item.description) {
+                        <div class="grid-description">
+                          {{ item.description }}
+                        </div>
+                      }
+                      <div class="grid-meta">
+                        @if (item.versionNumber) {
+                          <span class="version-badge">
+                            v{{ item.versionNumber }}
+                          </span>
+                        }
+                        @if (item.artifactType) {
+                          <span class="artifact-type-badge">
+                            {{ item.artifactType }}
+                          </span>
+                        }
+                      </div>
+                    </div>
+                  </div>
+                }
               </div>
-            </div>
+            }
           </div>
-        </div>
-
+        }
+    
         <!-- List view -->
-        <div *ngIf="!isLoading && unifiedItems.length > 0 && viewMode === 'list'"
-             class="unified-list"
-             [class.select-mode]="isSelectMode">
-          <table class="list-table">
-            <thead>
-              <tr>
-                <th class="col-checkbox" *ngIf="isSelectMode">
-                  <i class="fas"
-                     [ngClass]="selectedItems.size === unifiedItems.length ? 'fa-check-square' : 'fa-square'"
-                     (click)="selectedItems.size === unifiedItems.length ? clearSelection() : selectAll()"></i>
-                </th>
-                <th class="col-name sortable" (click)="setSortBy('name')">
-                  <span>Name</span>
-                  <i class="fas fa-sort" *ngIf="sortBy !== 'name'"></i>
-                  <i class="fas" *ngIf="sortBy === 'name'"
-                     [ngClass]="sortOrder === 'asc' ? 'fa-sort-up' : 'fa-sort-down'"></i>
-                </th>
-                <th class="col-type sortable" (click)="setSortBy('type')">
-                  <span>Type</span>
-                  <i class="fas fa-sort" *ngIf="sortBy !== 'type'"></i>
-                  <i class="fas" *ngIf="sortBy === 'type'"
-                     [ngClass]="sortOrder === 'asc' ? 'fa-sort-up' : 'fa-sort-down'"></i>
-                </th>
-                <th class="col-modified sortable" (click)="setSortBy('date')">
-                  <span>Modified</span>
-                  <i class="fas fa-sort" *ngIf="sortBy !== 'date'"></i>
-                  <i class="fas" *ngIf="sortBy === 'date'"
-                     [ngClass]="sortOrder === 'asc' ? 'fa-sort-up' : 'fa-sort-down'"></i>
-                </th>
-                <th class="col-owner">Owner</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr *ngFor="let item of unifiedItems"
-                  class="list-item"
-                  [class.selected]="item.selected"
-                  [class.active]="item.type === 'artifact' && item.artifact?.ID === activeArtifactId"
-                  (click)="onItemClick(item, $event)"
-                  (dblclick)="onItemDoubleClick(item, $event)"
-                  (contextmenu)="onItemContextMenu(item, $event)">
-
-                <td class="col-checkbox" *ngIf="isSelectMode">
-                  <i class="fas"
-                     [ngClass]="item.selected ? 'fa-check-circle' : 'fa-circle'"
-                     (click)="toggleItemSelection(item, $event)"></i>
-                </td>
-
-                <td class="col-name">
-                  <div class="list-name-cell">
-                    <i class="fas"
-                       [ngClass]="item.type === 'folder' ? 'fa-folder' : item.icon"></i>
-                    <span>{{ item.name }}</span>
-                    <i class="fas fa-users shared-indicator"
-                       *ngIf="item.isShared"
-                       title="Shared"></i>
-                  </div>
-                </td>
-
-                <td class="col-type">
-                  <span *ngIf="item.type === 'folder'">Folder</span>
-                  <span *ngIf="item.type === 'artifact'" class="artifact-type-badge">
-                    {{ item.artifactType }}
-                  </span>
-                </td>
-
-                <td class="col-modified">
-                  <span *ngIf="item.lastModified">
-                    {{ item.lastModified | date:'short' }}
-                  </span>
-                </td>
-
-                <td class="col-owner">
-                  <span *ngIf="item.owner">{{ item.owner }}</span>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
+        @if (!isLoading && unifiedItems.length > 0 && viewMode === 'list') {
+          <div
+            class="unified-list"
+            [class.select-mode]="isSelectMode">
+            <table class="list-table">
+              <thead>
+                <tr>
+                  @if (isSelectMode) {
+                    <th class="col-checkbox">
+                      <i class="fas"
+                        [ngClass]="selectedItems.size === unifiedItems.length ? 'fa-check-square' : 'fa-square'"
+                      (click)="selectedItems.size === unifiedItems.length ? clearSelection() : selectAll()"></i>
+                    </th>
+                  }
+                  <th class="col-name sortable" (click)="setSortBy('name')">
+                    <span>Name</span>
+                    @if (sortBy !== 'name') {
+                      <i class="fas fa-sort"></i>
+                    }
+                    @if (sortBy === 'name') {
+                      <i class="fas"
+                      [ngClass]="sortOrder === 'asc' ? 'fa-sort-up' : 'fa-sort-down'"></i>
+                    }
+                  </th>
+                  <th class="col-type sortable" (click)="setSortBy('type')">
+                    <span>Type</span>
+                    @if (sortBy !== 'type') {
+                      <i class="fas fa-sort"></i>
+                    }
+                    @if (sortBy === 'type') {
+                      <i class="fas"
+                      [ngClass]="sortOrder === 'asc' ? 'fa-sort-up' : 'fa-sort-down'"></i>
+                    }
+                  </th>
+                  <th class="col-modified sortable" (click)="setSortBy('date')">
+                    <span>Modified</span>
+                    @if (sortBy !== 'date') {
+                      <i class="fas fa-sort"></i>
+                    }
+                    @if (sortBy === 'date') {
+                      <i class="fas"
+                      [ngClass]="sortOrder === 'asc' ? 'fa-sort-up' : 'fa-sort-down'"></i>
+                    }
+                  </th>
+                  <th class="col-owner">Owner</th>
+                </tr>
+              </thead>
+              <tbody>
+                @for (item of unifiedItems; track item) {
+                  <tr
+                    class="list-item"
+                    [class.selected]="item.selected"
+                    [class.active]="item.type === 'artifact' && item.artifact?.ID === activeArtifactId"
+                    (click)="onItemClick(item, $event)"
+                    (dblclick)="onItemDoubleClick(item, $event)"
+                    (contextmenu)="onItemContextMenu(item, $event)">
+                    @if (isSelectMode) {
+                      <td class="col-checkbox">
+                        <i class="fas"
+                          [ngClass]="item.selected ? 'fa-check-circle' : 'fa-circle'"
+                        (click)="toggleItemSelection(item, $event)"></i>
+                      </td>
+                    }
+                    <td class="col-name">
+                      <div class="list-name-cell">
+                        <i class="fas"
+                        [ngClass]="item.type === 'folder' ? 'fa-folder' : item.icon"></i>
+                        <span>{{ item.name }}</span>
+                        @if (item.isShared) {
+                          <i class="fas fa-users shared-indicator"
+                          title="Shared"></i>
+                        }
+                      </div>
+                    </td>
+                    <td class="col-type">
+                      @if (item.type === 'folder') {
+                        <span>Folder</span>
+                      }
+                      @if (item.type === 'artifact') {
+                        <span class="artifact-type-badge">
+                          {{ item.artifactType }}
+                        </span>
+                      }
+                    </td>
+                    <td class="col-modified">
+                      @if (item.lastModified) {
+                        <span>
+                          {{ item.lastModified | date:'short' }}
+                        </span>
+                      }
+                    </td>
+                    <td class="col-owner">
+                      @if (item.owner) {
+                        <span>{{ item.owner }}</span>
+                      }
+                    </td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          </div>
+        }
       </div>
     </div>
-
+    
     <!-- Modals (unchanged) -->
     <mj-collection-form-modal
       [isOpen]="isFormModalOpen"
@@ -1848,7 +1918,7 @@ export class CollectionsFullViewComponent {
       (saved)="onCollectionSaved($event)"
       (cancelled)="onFormCancelled()">
     </mj-collection-form-modal>
-
+    
     <mj-artifact-create-modal
       [isOpen]="isArtifactModalOpen"
       [collectionId]="currentCollectionId || ''"
@@ -1857,7 +1927,7 @@ export class CollectionsFullViewComponent {
       (saved)="onArtifactSaved($event)"
       (cancelled)="onArtifactModalCancelled()">
     </mj-artifact-create-modal>
-
+    
     <mj-collection-share-modal
       [isOpen]="isShareModalOpen"
       [collection]="sharingCollection"
@@ -1866,13 +1936,13 @@ 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  "] }]
-    }], () => [{ type: i1.DialogService }, { type: i2.ArtifactStateService }, { type: i3.CollectionStateService }, { type: i4.CollectionPermissionService }, { type: i5.ArtifactIconService }], { environmentId: [{
+    `, 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  "] }]
+    }], () => [{ 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
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1062 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1123 }); })();
 //# sourceMappingURL=collections-full-view.component.js.map