@memberjunction/ng-conversations 5.41.0 → 5.42.0

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

@@ -2,7 +2,7 @@ import { Component, Input, Output, EventEmitter, HostListener } from '@angular/c
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { RunView } from '@memberjunction/core';
 import { Subject, takeUntil } from 'rxjs';
-import { UUIDsEqual } from '@memberjunction/global';
+import { UUIDsEqual, NormalizeUUID } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/dialog.service";
 import * as i2 from "../../services/artifact-state.service";
@@ -15,48 +15,51 @@ 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_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+const _forTrack0 = ($index, $item) => $item.collection.ID;
+const _forTrack1 = ($index, $item) => $item.item.id;
+function CollectionsFullViewComponent_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "i", 25);
-    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.ɵɵelement(0, "i", 30);
+    i0.ɵɵelementStart(1, "a", 31);
+    i0.ɵɵlistener("dragover", function CollectionsFullViewComponent_Conditional_9_For_2_Template_a_dragover_1_listener($event) { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCrumbDragOver(crumb_r2.id, $event)); })("dragleave", function CollectionsFullViewComponent_Conditional_9_For_2_Template_a_dragleave_1_listener() { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onDragLeave("crumb:" + crumb_r2.id)); })("drop", function CollectionsFullViewComponent_Conditional_9_For_2_Template_a_drop_1_listener($event) { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCrumbDrop(crumb_r2.id, $event)); })("click", function CollectionsFullViewComponent_Conditional_9_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();
 } if (rf & 2) {
     const crumb_r2 = ctx.$implicit;
-    const ɵ$index_17_r4 = ctx.$index;
-    const ɵ$count_17_r5 = ctx.$count;
+    const ɵ$index_21_r4 = ctx.$index;
+    const ɵ$count_21_r5 = ctx.$count;
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ɵ$index_17_r4 === ɵ$count_17_r5 - 1);
+    i0.ɵɵclassProp("active", ɵ$index_21_r4 === ɵ$count_21_r5 - 1)("drag-over", ctx_r2.dragOverTargetId === "crumb:" + crumb_r2.id);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", crumb_r2.name, " ");
 } }
-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);
+function CollectionsFullViewComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_9_For_2_Template, 3, 5, null, null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.breadcrumbs);
 } }
-function CollectionsFullViewComponent_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 28)(1, "button", 29);
-    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", 30);
+    i0.ɵɵelementStart(0, "div", 34)(1, "button", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_15_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", 36);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Sort by Name");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 29);
-    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", 31);
+    i0.ɵɵelementStart(5, "button", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_15_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", 37);
     i0.ɵɵelementStart(7, "span");
     i0.ɵɵtext(8, "Sort by Date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "button", 29);
-    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", 32);
+    i0.ɵɵelementStart(9, "button", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_15_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", 38);
     i0.ɵɵelementStart(11, "span");
     i0.ɵɵtext(12, "Sort by Type");
     i0.ɵɵelementEnd()()();
@@ -69,62 +72,62 @@ function CollectionsFullViewComponent_Conditional_13_Conditional_3_Template(rf,
     i0.ɵɵadvance(4);
     i0.ɵɵclassProp("active", ctx_r2.sortBy === "type");
 } }
-function CollectionsFullViewComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "button", 26);
-    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", 27);
+    i0.ɵɵelementStart(0, "div", 13)(1, "button", 32);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_15_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", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_13_Conditional_3_Template, 13, 6, "div", 28);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_15_Conditional_3_Template, 13, 6, "div", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r2.showSortDropdown ? 3 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 33);
-    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", 34);
+    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_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", 40);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_20_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 8);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.shareCurrentCollection()); });
-    i0.ɵɵelement(1, "i", 39);
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_20_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.shareCurrentCollection()); });
+    i0.ɵɵelement(1, "i", 45);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("title", "Share: " + ctx_r2.currentCollection.Name);
 } }
-function CollectionsFullViewComponent_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 8);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.editCurrentCollection()); });
-    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_20_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.editCurrentCollection()); });
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("title", "Edit: " + ctx_r2.currentCollection.Name);
 } }
-function CollectionsFullViewComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_20_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_18_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.deleteCurrentCollection()); });
-    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_20_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.deleteCurrentCollection()); });
+    i0.ɵɵelement(1, "i", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("title", "Delete: " + ctx_r2.currentCollection.Name);
 } }
-function CollectionsFullViewComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 35);
-    i0.ɵɵelementStart(1, "div", 36);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_18_Conditional_2_Template, 2, 1, "button", 37);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_18_Conditional_3_Template, 2, 1, "button", 37);
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_18_Conditional_4_Template, 2, 1, "button", 38);
+function CollectionsFullViewComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 41);
+    i0.ɵɵelementStart(1, "div", 42);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_20_Conditional_2_Template, 2, 1, "button", 43);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_20_Conditional_3_Template, 2, 1, "button", 43);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_20_Conditional_4_Template, 2, 1, "button", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -135,17 +138,17 @@ function CollectionsFullViewComponent_Conditional_18_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.canDeleteCurrent() ? 4 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_21_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46)(1, "button", 29);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createCollection()); });
-    i0.ɵɵelement(2, "i", 47);
+    i0.ɵɵelementStart(0, "div", 52)(1, "button", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_21_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(2, "i", 53);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "New Collection");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 48);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
-    i0.ɵɵelement(6, "i", 49);
+    i0.ɵɵelementStart(5, "button", 54);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_21_Conditional_6_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.addArtifact()); });
+    i0.ɵɵelement(6, "i", 55);
     i0.ɵɵelementStart(7, "span");
     i0.ɵɵtext(8, "New Artifact");
     i0.ɵɵelementEnd()()();
@@ -154,49 +157,142 @@ function CollectionsFullViewComponent_Conditional_19_Conditional_6_Template(rf,
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("disabled", !ctx_r2.currentCollectionId);
 } }
-function CollectionsFullViewComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "button", 43);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_19_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showNewDropdown = !ctx_r2.showNewDropdown); });
-    i0.ɵɵelement(2, "i", 44);
+    i0.ɵɵelementStart(0, "div", 13)(1, "button", 49);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_21_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showNewDropdown = !ctx_r2.showNewDropdown); });
+    i0.ɵɵelement(2, "i", 50);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "New");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "i", 45);
+    i0.ɵɵelement(5, "i", 51);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_19_Conditional_6_Template, 9, 1, "div", 46);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_21_Conditional_6_Template, 9, 1, "div", 52);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(6);
     i0.ɵɵconditional(ctx_r2.showNewDropdown ? 6 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵtext(1, "No collections available");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 35);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_3_For_1_Template_button_click_0_listener() { const node_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.bulkMoveTo(node_r17.collection)); });
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const node_r17 = ctx.$implicit;
+    i0.ɵɵstyleProp("padding-left", 12 + node_r17.depth * 12, "px");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", node_r17.collection.Color || null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r17.collection.Name);
+} }
+function CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_3_For_1_Template, 4, 5, "button", 67, _forTrack0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r2.navigatorNodes);
+} }
+function CollectionsFullViewComponent_Conditional_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Conditional_9_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.closeBulkMove()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 65);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_2_Template, 2, 0, "div", 66)(3, CollectionsFullViewComponent_Conditional_24_Conditional_9_Conditional_3_Template, 2, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.navigatorNodes.length === 0 ? 2 : 3);
+} }
+function CollectionsFullViewComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 50)(2, "span", 51);
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 56)(2, "span", 57);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 52)(5, "button", 53);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_22_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSelection()); });
-    i0.ɵɵelement(6, "i", 34);
-    i0.ɵɵtext(7, " Clear Selection ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 54);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_22_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteSelected()); });
-    i0.ɵɵelement(9, "i", 42);
-    i0.ɵɵtext(10, " Delete Selected ");
+    i0.ɵɵelementStart(4, "div", 58)(5, "div", 13)(6, "button", 59);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Template_button_click_6_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.openBulkMove($event)); });
+    i0.ɵɵelement(7, "i", 60);
+    i0.ɵɵtext(8, " Move to\u2026 ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_24_Conditional_9_Template, 4, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 61);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.stageSelected()); });
+    i0.ɵɵelement(11, "i", 62);
+    i0.ɵɵtext(12, " Stage ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 59);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSelection()); });
+    i0.ɵɵelement(14, "i", 40);
+    i0.ɵɵtext(15, " Clear ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 63);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_24_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteSelected()); });
+    i0.ɵɵelement(17, "i", 48);
+    i0.ɵɵtext(18, " Delete ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", ctx_r2.selectedItems.size, " selected");
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.showBulkMovePopover ? 9 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "mj-loading", 55);
+function CollectionsFullViewComponent_Conditional_26_For_9_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 73);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_9_Template_button_click_0_listener() { const node_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigatorClick(node_r20.collection)); })("dragover", function CollectionsFullViewComponent_Conditional_26_For_9_Template_button_dragover_0_listener($event) { const node_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onNavigatorDragOver(node_r20.collection, $event)); })("dragleave", function CollectionsFullViewComponent_Conditional_26_For_9_Template_button_dragleave_0_listener() { const node_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onDragLeave("nav:" + node_r20.collection.ID)); })("drop", function CollectionsFullViewComponent_Conditional_26_For_9_Template_button_drop_0_listener($event) { const node_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onNavigatorDrop(node_r20.collection, $event)); });
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵelementStart(2, "span", 74);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const node_r20 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("padding-left", 10 + node_r20.depth * 14, "px");
+    i0.ɵɵclassProp("active", ctx_r2.isCurrentNavigator(node_r20.collection))("drag-over", ctx_r2.dragOverTargetId === "nav:" + node_r20.collection.ID);
+    i0.ɵɵproperty("title", node_r20.collection.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", node_r20.collection.Color || null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r20.collection.Name);
+} }
+function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 69);
+    i0.ɵɵtext(2, "Collections");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 70)(4, "button", 71);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.navigateToRoot()); })("dragover", function CollectionsFullViewComponent_Conditional_26_Template_button_dragover_4_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onCrumbDragOver(null, $event)); })("dragleave", function CollectionsFullViewComponent_Conditional_26_Template_button_dragleave_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDragLeave("root")); })("drop", function CollectionsFullViewComponent_Conditional_26_Template_button_drop_4_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onCrumbDrop(null, $event)); });
+    i0.ɵɵelement(5, "i", 6);
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7, "All Collections");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(8, CollectionsFullViewComponent_Conditional_26_For_9_Template, 4, 10, "button", 72, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("active", !ctx_r2.currentCollectionId)("drag-over", ctx_r2.dragOverTargetId === "root");
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.navigatorNodes);
+} }
+function CollectionsFullViewComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "mj-loading", 75);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_25_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_29_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "No items found");
     i0.ɵɵelementEnd();
@@ -204,28 +300,28 @@ function CollectionsFullViewComponent_Conditional_25_Conditional_2_Template(rf,
     i0.ɵɵtext(3, "Try adjusting your search");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_25_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 58);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_25_Conditional_3_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createCollection()); });
-    i0.ɵɵelement(1, "i", 44);
+function CollectionsFullViewComponent_Conditional_29_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 78);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_29_Conditional_3_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createCollection()); });
+    i0.ɵɵelement(1, "i", 50);
     i0.ɵɵtext(2, " Create Collection ");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_29_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "No collections yet");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Create your first collection to get started");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_25_Conditional_3_Conditional_4_Template, 3, 0, "button", 57);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_29_Conditional_3_Conditional_4_Template, 3, 0, "button", 77);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 4 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "This collection is empty");
     i0.ɵɵelementEnd();
@@ -237,12 +333,12 @@ function CollectionsFullViewComponent_Conditional_25_Conditional_4_Template(rf,
     i0.ɵɵtext(6, " button above to add collections or artifacts");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 56);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_25_Conditional_2_Template, 4, 0);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_25_Conditional_3_Template, 5, 1);
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_25_Conditional_4_Template, 7, 0);
+function CollectionsFullViewComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵelement(1, "i", 76);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_29_Conditional_2_Template, 4, 0);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_29_Conditional_3_Template, 5, 1);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_29_Conditional_4_Template, 7, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -253,172 +349,165 @@ function CollectionsFullViewComponent_Conditional_25_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r2.searchQuery && ctx_r2.currentCollectionId ? 4 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_1_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const item_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r17, $event)); });
-    i0.ɵɵelement(1, "i", 9);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r17.selected ? "fa-check-circle" : "fa-circle");
-} }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68);
-    i0.ɵɵelement(1, "i", 74);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86);
+    i0.ɵɵelement(1, "i", 92);
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
+    const item_r23 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r17.description, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r23.description, " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 90);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
+    const item_r23 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r17.itemCount), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemCountText(item_r23.itemCount), " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵelement(1, "i", 75);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91);
+    i0.ɵɵelement(1, "i", 93);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
+    const item_r23 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r17.owner, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r23.owner, " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64)(1, "div", 66);
-    i0.ɵɵelement(2, "i", 67);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_3_Template, 2, 0, "div", 68);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "div", 85);
+    i0.ɵɵelement(2, "i", 68);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_3_Template, 2, 0, "div", 86);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 69)(5, "div", 70);
+    i0.ɵɵelementStart(4, "div", 87)(5, "div", 88);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_7_Template, 2, 1, "div", 71);
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_8_Template, 2, 1, "div", 72);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Conditional_9_Template, 3, 1, "div", 73);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_7_Template, 2, 1, "div", 89);
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_8_Template, 2, 1, "div", 90);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Conditional_9_Template, 3, 1, "div", 91);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r17.description || item_r17.name);
+    const item_r23 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r23.description || item_r23.name);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(item_r17.isShared ? 3 : -1);
+    i0.ɵɵconditional(item_r23.isShared ? 3 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r17.name);
+    i0.ɵɵtextInterpolate(item_r23.name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.description ? 7 : -1);
+    i0.ɵɵconditional(item_r23.description ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.itemCount !== undefined ? 8 : -1);
+    i0.ɵɵconditional(item_r23.itemCount !== undefined ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.isShared && item_r17.owner ? 9 : -1);
+    i0.ɵɵconditional(item_r23.isShared && item_r23.owner ? 9 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
+    const item_r23 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r17.description, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r23.description, " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 77);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
+    const item_r23 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" v", item_r17.versionNumber, " ");
+    i0.ɵɵtextInterpolate1(" v", item_r23.versionNumber, " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 78);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 96);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
+    const item_r23 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r17.artifactType, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r23.artifactType, " ");
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64)(1, "div", 76);
-    i0.ɵɵelement(2, "i", 9);
+function CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "div", 94);
+    i0.ɵɵelement(2, "i", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 69)(4, "div", 70);
+    i0.ɵɵelementStart(3, "div", 87)(4, "div", 88);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_6_Template, 2, 1, "div", 71);
-    i0.ɵɵelementStart(7, "div", 72);
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_8_Template, 2, 1, "span", 77);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Conditional_9_Template, 2, 1, "span", 78);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Conditional_6_Template, 2, 1, "div", 89);
+    i0.ɵɵelementStart(7, "div", 90);
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Conditional_8_Template, 2, 1, "span", 95);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Conditional_9_Template, 2, 1, "span", 96);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r17.description || item_r17.name);
+    const item_r23 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r23.description || item_r23.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", item_r17.icon);
+    i0.ɵɵproperty("ngClass", item_r23.icon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r17.name);
+    i0.ɵɵtextInterpolate(item_r23.name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.description ? 6 : -1);
+    i0.ɵɵconditional(item_r23.description ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r17.versionNumber ? 8 : -1);
+    i0.ɵɵconditional(item_r23.versionNumber ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.artifactType ? 9 : -1);
+    i0.ɵɵconditional(item_r23.artifactType ? 9 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_26_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_For_2_Template_div_click_0_listener($event) { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r17, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_26_For_2_Template_div_dblclick_0_listener($event) { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r17, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_26_For_2_Template_div_contextmenu_0_listener($event) { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r17, $event)); });
-    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_1_Template, 2, 1, "div", 63);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_2_Template, 10, 6, "div", 64);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_26_For_2_Conditional_3_Template, 10, 6, "div", 64);
+function CollectionsFullViewComponent_Conditional_30_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵlistener("dragstart", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_dragstart_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDragStart(item_r23, $event)); })("dragend", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDragEnd()); })("dragover", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_dragover_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r23.type === "folder" ? ctx_r2.onFolderItemDragOver(item_r23, $event) : null); })("dragleave", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_dragleave_0_listener() { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r23.type === "folder" ? ctx_r2.onDragLeave(item_r23.id) : null); })("drop", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_drop_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r23.type === "folder" ? ctx_r2.onFolderItemDrop(item_r23, $event) : null); })("click", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_click_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r23, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_dblclick_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r23, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_contextmenu_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r23, $event)); });
+    i0.ɵɵelementStart(1, "div", 83);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_30_For_2_Template_div_click_1_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCheckboxClick(item_r23, $event)); });
+    i0.ɵɵelement(2, "i", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_3_Template, 10, 6, "div", 84);
+    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_30_For_2_Conditional_4_Template, 10, 6, "div", 84);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = ctx.$implicit;
+    const item_r23 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", item_r17.selected)("active", item_r17.type === "artifact" && ctx_r2.IsArtifactActive(item_r17));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isSelectMode ? 1 : -1);
+    i0.ɵɵclassProp("selected", item_r23.selected)("active", item_r23.type === "artifact" && ctx_r2.IsArtifactActive(item_r23))("dragging", ctx_r2.draggedItemIds.includes(item_r23.id))("drag-over", ctx_r2.dragOverTargetId === item_r23.id);
+    i0.ɵɵproperty("draggable", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", item_r23.selected ? "fa-check-circle" : "fa-circle");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.type === "folder" ? 2 : -1);
+    i0.ɵɵconditional(item_r23.type === "folder" ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.type === "artifact" ? 3 : -1);
+    i0.ɵɵconditional(item_r23.type === "artifact" ? 4 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_26_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 61)(1, "span", 79);
+function CollectionsFullViewComponent_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 81)(1, "span", 97);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 80)(4, "button", 81);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(1)); });
-    i0.ɵɵelement(5, "i", 82);
+    i0.ɵɵelementStart(3, "div", 98)(4, "button", 99);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_30_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(1)); });
+    i0.ɵɵelement(5, "i", 100);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 83);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Conditional_3_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage - 1)); });
-    i0.ɵɵelement(7, "i", 84);
+    i0.ɵɵelementStart(6, "button", 101);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_30_Conditional_3_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage - 1)); });
+    i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 85);
+    i0.ɵɵelementStart(8, "span", 103);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 86);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Conditional_3_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage + 1)); });
-    i0.ɵɵelement(11, "i", 87);
+    i0.ɵɵelementStart(10, "button", 104);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_30_Conditional_3_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage + 1)); });
+    i0.ɵɵelement(11, "i", 105);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 88);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_26_Conditional_3_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.TotalPages)); });
-    i0.ɵɵelement(13, "i", 89);
+    i0.ɵɵelementStart(12, "button", 106);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_30_Conditional_3_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.TotalPages)); });
+    i0.ɵɵelement(13, "i", 107);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -435,11 +524,11 @@ function CollectionsFullViewComponent_Conditional_26_Conditional_3_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r2.CurrentPage === ctx_r2.TotalPages);
 } }
-function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_26_For_2_Template, 4, 7, "div", 60, i0.ɵɵrepeaterTrackByIdentity);
+function CollectionsFullViewComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79);
+    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_30_For_2_Template, 5, 12, "div", 80, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_26_Conditional_3_Template, 14, 9, "div", 61);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_30_Conditional_3_Template, 14, 9, "div", 81);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("select-mode", ctx_r2.isSelectMode);
@@ -448,155 +537,138 @@ function CollectionsFullViewComponent_Conditional_26_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r2.TotalPages > 1 ? 3 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 92)(1, "i", 98);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Conditional_4_Template_i_click_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length ? ctx_r2.clearSelection() : ctx_r2.selectAll()); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length ? "fa-check-square" : "fa-square");
-} }
-function CollectionsFullViewComponent_Conditional_27_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 27);
+function CollectionsFullViewComponent_Conditional_31_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 9);
+function CollectionsFullViewComponent_Conditional_31_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 11);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.sortOrder === "asc" ? "fa-sort-up" : "fa-sort-down");
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 27);
+function CollectionsFullViewComponent_Conditional_31_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 9);
+function CollectionsFullViewComponent_Conditional_31_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 11);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.sortOrder === "asc" ? "fa-sort-up" : "fa-sort-down");
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 27);
+function CollectionsFullViewComponent_Conditional_31_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 9);
+function CollectionsFullViewComponent_Conditional_31_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 11);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.sortOrder === "asc" ? "fa-sort-up" : "fa-sort-down");
 } }
-function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 92)(1, "i", 98);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_1_Template_i_click_1_listener($event) { i0.ɵɵrestoreView(_r24); const item_r23 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemSelection(item_r23, $event)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r23 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r23.selected ? "fa-check-circle" : "fa-circle");
-} }
-function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 102);
+function CollectionsFullViewComponent_Conditional_31_For_25_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 120);
 } }
-function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_31_For_25_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Folder");
     i0.ɵɵelementEnd();
 } }
-function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 78);
+function CollectionsFullViewComponent_Conditional_31_For_25_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 96);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r23 = i0.ɵɵnextContext().$implicit;
+    const item_r27 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r23.artifactType, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r27.artifactType, " ");
 } }
-function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_31_For_25_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r23 = i0.ɵɵnextContext().$implicit;
+    const item_r27 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r23.lastModified, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r27.lastModified, "short"), " ");
 } }
-function CollectionsFullViewComponent_Conditional_27_For_24_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function CollectionsFullViewComponent_Conditional_31_For_25_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r23 = i0.ɵɵnextContext().$implicit;
+    const item_r27 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(item_r23.owner);
+    i0.ɵɵtextInterpolate(item_r27.owner);
 } }
-function CollectionsFullViewComponent_Conditional_27_For_24_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 99);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_For_24_Template_tr_click_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r23, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_27_For_24_Template_tr_dblclick_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r23, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_27_For_24_Template_tr_contextmenu_0_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r23, $event)); });
-    i0.ɵɵconditionalCreate(1, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_1_Template, 2, 1, "td", 92);
-    i0.ɵɵelementStart(2, "td", 100)(3, "div", 101);
-    i0.ɵɵelement(4, "i", 9);
-    i0.ɵɵelementStart(5, "span");
-    i0.ɵɵtext(6);
+function CollectionsFullViewComponent_Conditional_31_For_25_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 117);
+    i0.ɵɵlistener("dragstart", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_dragstart_0_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDragStart(item_r27, $event)); })("dragend", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_dragend_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDragEnd()); })("dragover", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_dragover_0_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r27.type === "folder" ? ctx_r2.onFolderItemDragOver(item_r27, $event) : null); })("dragleave", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_dragleave_0_listener() { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r27.type === "folder" ? ctx_r2.onDragLeave(item_r27.id) : null); })("drop", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_drop_0_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r27.type === "folder" ? ctx_r2.onFolderItemDrop(item_r27, $event) : null); })("click", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_click_0_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemClick(item_r27, $event)); })("dblclick", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_dblclick_0_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemDoubleClick(item_r27, $event)); })("contextmenu", function CollectionsFullViewComponent_Conditional_31_For_25_Template_tr_contextmenu_0_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onItemContextMenu(item_r27, $event)); });
+    i0.ɵɵelementStart(1, "td", 110)(2, "i", 111);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_For_25_Template_i_click_2_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCheckboxClick(item_r27, $event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "td", 118)(4, "div", 119);
+    i0.ɵɵelement(5, "i", 11);
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_7_Template, 1, 0, "i", 102);
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_31_For_25_Conditional_8_Template, 1, 0, "i", 120);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 103);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_9_Template, 2, 0, "span");
-    i0.ɵɵconditionalCreate(10, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_10_Template, 2, 1, "span", 78);
+    i0.ɵɵelementStart(9, "td", 121);
+    i0.ɵɵconditionalCreate(10, CollectionsFullViewComponent_Conditional_31_For_25_Conditional_10_Template, 2, 0, "span");
+    i0.ɵɵconditionalCreate(11, CollectionsFullViewComponent_Conditional_31_For_25_Conditional_11_Template, 2, 1, "span", 96);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 104);
-    i0.ɵɵconditionalCreate(12, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_12_Template, 3, 4, "span");
+    i0.ɵɵelementStart(12, "td", 122);
+    i0.ɵɵconditionalCreate(13, CollectionsFullViewComponent_Conditional_31_For_25_Conditional_13_Template, 3, 4, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 96);
-    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_27_For_24_Conditional_14_Template, 2, 1, "span");
+    i0.ɵɵelementStart(14, "td", 115);
+    i0.ɵɵconditionalCreate(15, CollectionsFullViewComponent_Conditional_31_For_25_Conditional_15_Template, 2, 1, "span");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r23 = ctx.$implicit;
+    const item_r27 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", item_r23.selected)("active", item_r23.type === "artifact" && ctx_r2.IsArtifactActive(item_r23));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isSelectMode ? 1 : -1);
+    i0.ɵɵclassProp("selected", item_r27.selected)("active", item_r27.type === "artifact" && ctx_r2.IsArtifactActive(item_r27))("dragging", ctx_r2.draggedItemIds.includes(item_r27.id))("drag-over", ctx_r2.dragOverTargetId === item_r27.id);
+    i0.ɵɵproperty("draggable", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", item_r27.selected ? "fa-check-circle" : "fa-circle");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", item_r23.type === "folder" ? "fa-folder" : item_r23.icon);
+    i0.ɵɵproperty("ngClass", item_r27.type === "folder" ? "fa-folder" : item_r27.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r23.name);
+    i0.ɵɵtextInterpolate(item_r27.name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r23.isShared ? 7 : -1);
+    i0.ɵɵconditional(item_r27.isShared ? 8 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r23.type === "folder" ? 9 : -1);
+    i0.ɵɵconditional(item_r27.type === "folder" ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r23.type === "artifact" ? 10 : -1);
+    i0.ɵɵconditional(item_r27.type === "artifact" ? 11 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r23.lastModified ? 12 : -1);
+    i0.ɵɵconditional(item_r27.lastModified ? 13 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r23.owner ? 14 : -1);
+    i0.ɵɵconditional(item_r27.owner ? 15 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_27_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 61)(1, "span", 79);
+function CollectionsFullViewComponent_Conditional_31_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 81)(1, "span", 97);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 80)(4, "button", 81);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Conditional_25_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(1)); });
-    i0.ɵɵelement(5, "i", 82);
+    i0.ɵɵelementStart(3, "div", 98)(4, "button", 99);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Conditional_26_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(1)); });
+    i0.ɵɵelement(5, "i", 100);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 83);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Conditional_25_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage - 1)); });
-    i0.ɵɵelement(7, "i", 84);
+    i0.ɵɵelementStart(6, "button", 101);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Conditional_26_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage - 1)); });
+    i0.ɵɵelement(7, "i", 102);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 85);
+    i0.ɵɵelementStart(8, "span", 103);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 86);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Conditional_25_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage + 1)); });
-    i0.ɵɵelement(11, "i", 87);
+    i0.ɵɵelementStart(10, "button", 104);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Conditional_26_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.CurrentPage + 1)); });
+    i0.ɵɵelement(11, "i", 105);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 88);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Conditional_25_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.TotalPages)); });
-    i0.ɵɵelement(13, "i", 89);
+    i0.ɵɵelementStart(12, "button", 106);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Conditional_26_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.GoToPage(ctx_r2.TotalPages)); });
+    i0.ɵɵelement(13, "i", 107);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -613,103 +685,151 @@ function CollectionsFullViewComponent_Conditional_27_Conditional_25_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r2.CurrentPage === ctx_r2.TotalPages);
 } }
-function CollectionsFullViewComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 90)(1, "table", 91)(2, "thead")(3, "tr");
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_27_Conditional_4_Template, 2, 1, "th", 92);
-    i0.ɵɵelementStart(5, "th", 93);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
-    i0.ɵɵelementStart(6, "span");
-    i0.ɵɵtext(7, "Name");
+function CollectionsFullViewComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 108)(1, "table", 109)(2, "thead")(3, "tr")(4, "th", 110)(5, "i", 111);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Template_i_click_5_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length ? ctx_r2.clearSelection() : ctx_r2.selectAll()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "th", 112);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Template_th_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("name")); });
+    i0.ɵɵelementStart(7, "span");
+    i0.ɵɵtext(8, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_27_Conditional_8_Template, 1, 0, "i", 27);
-    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_27_Conditional_9_Template, 1, 1, "i", 9);
+    i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_31_Conditional_9_Template, 1, 0, "i", 33);
+    i0.ɵɵconditionalCreate(10, CollectionsFullViewComponent_Conditional_31_Conditional_10_Template, 1, 1, "i", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 94);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Template_th_click_10_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
-    i0.ɵɵelementStart(11, "span");
-    i0.ɵɵtext(12, "Type");
+    i0.ɵɵelementStart(11, "th", 113);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Template_th_click_11_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("type")); });
+    i0.ɵɵelementStart(12, "span");
+    i0.ɵɵtext(13, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, CollectionsFullViewComponent_Conditional_27_Conditional_13_Template, 1, 0, "i", 27);
-    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_27_Conditional_14_Template, 1, 1, "i", 9);
+    i0.ɵɵconditionalCreate(14, CollectionsFullViewComponent_Conditional_31_Conditional_14_Template, 1, 0, "i", 33);
+    i0.ɵɵconditionalCreate(15, CollectionsFullViewComponent_Conditional_31_Conditional_15_Template, 1, 1, "i", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 95);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_27_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
-    i0.ɵɵelementStart(16, "span");
-    i0.ɵɵtext(17, "Modified");
+    i0.ɵɵelementStart(16, "th", 114);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_31_Template_th_click_16_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setSortBy("date")); });
+    i0.ɵɵelementStart(17, "span");
+    i0.ɵɵtext(18, "Modified");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(18, CollectionsFullViewComponent_Conditional_27_Conditional_18_Template, 1, 0, "i", 27);
-    i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_27_Conditional_19_Template, 1, 1, "i", 9);
+    i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_31_Conditional_19_Template, 1, 0, "i", 33);
+    i0.ɵɵconditionalCreate(20, CollectionsFullViewComponent_Conditional_31_Conditional_20_Template, 1, 1, "i", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "th", 96);
-    i0.ɵɵtext(21, "Owner");
+    i0.ɵɵelementStart(21, "th", 115);
+    i0.ɵɵtext(22, "Owner");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(22, "tbody");
-    i0.ɵɵrepeaterCreate(23, CollectionsFullViewComponent_Conditional_27_For_24_Template, 15, 12, "tr", 97, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(23, "tbody");
+    i0.ɵɵrepeaterCreate(24, CollectionsFullViewComponent_Conditional_31_For_25_Template, 16, 17, "tr", 116, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(25, CollectionsFullViewComponent_Conditional_27_Conditional_25_Template, 14, 9, "div", 61);
+    i0.ɵɵconditionalCreate(26, CollectionsFullViewComponent_Conditional_31_Conditional_26_Template, 14, 9, "div", 81);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("select-mode", ctx_r2.isSelectMode);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngClass", ctx_r2.selectedItems.size === ctx_r2.unifiedItems.length && ctx_r2.unifiedItems.length > 0 ? "fa-check-square" : "fa-square");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.isSelectMode ? 4 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.sortBy !== "name" ? 8 : -1);
+    i0.ɵɵconditional(ctx_r2.sortBy !== "name" ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.sortBy === "name" ? 9 : -1);
+    i0.ɵɵconditional(ctx_r2.sortBy === "name" ? 10 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.sortBy !== "type" ? 13 : -1);
+    i0.ɵɵconditional(ctx_r2.sortBy !== "type" ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.sortBy === "type" ? 14 : -1);
+    i0.ɵɵconditional(ctx_r2.sortBy === "type" ? 15 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.sortBy !== "date" ? 18 : -1);
+    i0.ɵɵconditional(ctx_r2.sortBy !== "date" ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.sortBy === "date" ? 19 : -1);
+    i0.ɵɵconditional(ctx_r2.sortBy === "date" ? 20 : -1);
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r2.PagedItems);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.TotalPages > 1 ? 25 : -1);
+    i0.ɵɵconditional(ctx_r2.TotalPages > 1 ? 26 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 107);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("share")); });
-    i0.ɵɵelement(1, "i", 39);
+function CollectionsFullViewComponent_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 125);
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵelementStart(2, "span", 129);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 130);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_32_For_7_Template_button_click_4_listener() { const entry_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.removeFromShelf(entry_r31.item.id)); });
+    i0.ɵɵelement(5, "i", 40);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entry_r31 = ctx.$implicit;
+    i0.ɵɵproperty("title", entry_r31.item.name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", entry_r31.item.type === "folder" ? "fa-folder" : entry_r31.item.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r31.item.name);
+} }
+function CollectionsFullViewComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 123);
+    i0.ɵɵelement(2, "i", 62);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 124);
+    i0.ɵɵrepeaterCreate(6, CollectionsFullViewComponent_Conditional_32_For_7_Template, 6, 3, "span", 125, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 126)(9, "button", 127);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_32_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.dropShelfHere()); });
+    i0.ɵɵelement(10, "i", 128);
+    i0.ɵɵtext(11, " Move here ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "button", 59);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_32_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearShelf()); });
+    i0.ɵɵtext(13, "Clear");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r2.shelf.length, " staged");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.shelf);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r2.currentCollectionId)("title", ctx_r2.currentCollectionId ? "Move staged items into this collection" : "Open a collection to move items here");
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("share")); });
+    i0.ɵɵelement(1, "i", 45);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Share");
     i0.ɵɵelementEnd()();
 } }
-function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 107);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("edit")); });
-    i0.ɵɵelement(1, "i", 40);
+function CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("edit")); });
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Edit");
     i0.ɵɵelementEnd()();
 } }
-function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "div", 108);
-    i0.ɵɵelementStart(1, "button", 110);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("delete")); });
-    i0.ɵɵelement(2, "i", 42);
+function CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "div", 134);
+    i0.ɵɵelementStart(1, "button", 136);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("delete")); });
+    i0.ɵɵelement(2, "i", 48);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Delete");
     i0.ɵɵelementEnd()();
 } }
-function CollectionsFullViewComponent_Conditional_28_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 107);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("open")); });
-    i0.ɵɵelement(1, "i", 56);
+function CollectionsFullViewComponent_Conditional_33_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("open")); });
+    i0.ɵɵelement(1, "i", 76);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Open");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(4, "div", 108);
-    i0.ɵɵconditionalCreate(5, CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_5_Template, 4, 0, "button", 109);
-    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_6_Template, 4, 0, "button", 109);
-    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_28_Conditional_2_Conditional_7_Template, 5, 0);
+    i0.ɵɵelement(4, "div", 134);
+    i0.ɵɵconditionalCreate(5, CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_5_Template, 4, 0, "button", 135);
+    i0.ɵɵconditionalCreate(6, CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_6_Template, 4, 0, "button", 135);
+    i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_33_Conditional_2_Conditional_7_Template, 5, 0);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
@@ -719,38 +839,109 @@ function CollectionsFullViewComponent_Conditional_28_Conditional_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.canDelete(ctx_r2.contextMenuItem.collection) ? 7 : -1);
 } }
-function CollectionsFullViewComponent_Conditional_28_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "div", 108);
-    i0.ɵɵelementStart(1, "button", 110);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_3_Conditional_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r32); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("remove")); });
-    i0.ɵɵelement(2, "i", 112);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4, "Remove from Collection");
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137);
+    i0.ɵɵelement(1, "i", 139);
+    i0.ɵɵtext(2, " Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137);
+    i0.ɵɵtext(1, "No other collections");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_7_For_2_Template_button_click_0_listener() { const t_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.moveArtifactToCollection(t_r39.collection)); });
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const t_r39 = ctx.$implicit;
+    i0.ɵɵstyleProp("padding-left", 14 + t_r39.depth * 12, "px");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", t_r39.collection.Color || null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(t_r39.collection.Name);
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 138);
+    i0.ɵɵrepeaterCreate(1, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_7_For_2_Template, 4, 5, "button", 140, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.moveTargets);
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r37); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.closeMoveSubmenu($event)); });
+    i0.ɵɵelement(1, "i", 102);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Move to Collection");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(4, "div", 134);
+    i0.ɵɵconditionalCreate(5, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_5_Template, 3, 0, "div", 137)(6, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_6_Template, 2, 0, "div", 137)(7, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Conditional_7_Template, 3, 0, "div", 138);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.isLoadingMoveTargets ? 5 : ctx_r2.moveTargets.length === 0 ? 6 : 7);
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r41 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.openMoveSubmenu($event)); });
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Move to Collection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "i", 143);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "div", 134);
+    i0.ɵɵelementStart(6, "button", 136);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Conditional_8_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r41); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("remove")); });
+    i0.ɵɵelement(7, "i", 144);
+    i0.ɵɵelementStart(8, "span");
+    i0.ɵɵtext(9, "Remove from Collection");
     i0.ɵɵelementEnd()();
 } }
-function CollectionsFullViewComponent_Conditional_28_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 107);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("view")); });
-    i0.ɵɵelement(1, "i", 111);
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("view")); });
+    i0.ɵɵelement(1, "i", 141);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "View");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, CollectionsFullViewComponent_Conditional_28_Conditional_3_Conditional_4_Template, 5, 0);
+    i0.ɵɵelementStart(4, "button", 133);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onContextMenuAction("openConversation")); });
+    i0.ɵɵelement(5, "i", 142);
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7, "Open source conversation");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(8, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Conditional_8_Template, 10, 0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 8 : -1);
+} }
+function CollectionsFullViewComponent_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_0_Template, 8, 1)(1, CollectionsFullViewComponent_Conditional_33_Conditional_3_Conditional_1_Template, 9, 1);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.canEditCurrent() ? 4 : -1);
+    i0.ɵɵconditional(ctx_r2.showMoveSubmenu ? 0 : 1);
 } }
-function CollectionsFullViewComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 105);
-    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_28_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
+function CollectionsFullViewComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 131);
+    i0.ɵɵlistener("click", function CollectionsFullViewComponent_Conditional_33_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 106);
-    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_28_Conditional_2_Template, 8, 3);
-    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_28_Conditional_3_Template, 5, 1);
+    i0.ɵɵelementStart(1, "div", 132);
+    i0.ɵɵconditionalCreate(2, CollectionsFullViewComponent_Conditional_33_Conditional_2_Template, 8, 3);
+    i0.ɵɵconditionalCreate(3, CollectionsFullViewComponent_Conditional_33_Conditional_3_Template, 2, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -775,6 +966,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     environmentId;
     currentUser;
     collectionNavigated = new EventEmitter();
+    /** Emitted when the user asks to open the conversation an artifact was produced in. */
+    openConversationRequested = new EventEmitter();
     collections = [];
     artifactVersions = [];
     filteredCollections = [];
@@ -824,6 +1017,25 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     showContextMenu = false;
     contextMenuPosition = { x: 0, y: 0 };
     contextMenuItem = null;
+    /** "Move to Collection" submenu state (within the artifact context menu). */
+    showMoveSubmenu = false;
+    isLoadingMoveTargets = false;
+    moveTargets = [];
+    /** Anchor index (into unifiedItems) for shift-click range selection. */
+    lastSelectedIndex = null;
+    /** Drag-and-drop state. draggedItemIds = the item ids being dragged (1 or the whole selection). */
+    draggedItemIds = [];
+    /** Tag of the current drop target for highlight: item id, 'root', 'crumb:<id>', or 'nav:<id>'. */
+    dragOverTargetId = null;
+    /** Bulk "Move to…" popover (selection toolbar). */
+    showBulkMovePopover = false;
+    /** All accessible collections (navigator pane + move targets + folder-cycle checks). */
+    allCollections = [];
+    allCollectionsById = new Map();
+    navigatorNodes = [];
+    showNavigator = true;
+    /** Staging shelf: items held across navigation, then dropped into a destination collection. */
+    shelf = [];
     destroy$ = new Subject();
     isNavigatingProgrammatically = false;
     constructor(dialogService, artifactState, collectionState, permissionService, artifactIconService, cdr) {
@@ -845,6 +1057,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         this.subscribeToCollectionState();
         // Subscribe to artifact state changes to track active artifact
         this.subscribeToArtifactState();
+        // Load the full collection set for the navigator pane + drag targets + cycle checks
+        void this.loadAllCollections();
         // Check if there's an active collection from URL params (set by parent component)
         const activeCollectionId = this.collectionState.activeCollectionId;
         if (activeCollectionId) {
@@ -932,7 +1146,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             this.cdr.detectChanges();
         }
     }
-    async loadCollections() {
+    async loadCollections(bypassCache = false) {
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             // Load collections where user is owner OR has permissions
@@ -950,13 +1164,14 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 ExtraFilter: filter,
                 OrderBy: 'Name ASC',
                 MaxRows: 1000,
-                ResultType: 'entity_object'
+                ResultType: 'entity_object',
+                BypassCache: bypassCache
             }, this.currentUser);
             if (result.Success) {
                 this.collections = result.Results || [];
                 await Promise.all([
                     this.loadUserPermissions(),
-                    this.loadItemCounts()
+                    this.loadItemCounts(bypassCache)
                 ]);
                 this.filteredCollections = [...this.collections];
             }
@@ -966,9 +1181,11 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         }
     }
     /**
-     * Load item counts (child collections + artifacts) for all visible collections
+     * Load item counts (child collections + artifacts) for all visible collections.
+     * `bypassCache` is passed right after a mutation so the count badges reflect committed
+     * DB state immediately (cache invalidation is async relative to Save/Delete resolving).
      */
-    async loadItemCounts() {
+    async loadItemCounts(bypassCache = false) {
         this.itemCountMap.clear();
         if (this.collections.length === 0)
             return;
@@ -980,13 +1197,15 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 EntityName: 'MJ: Collections',
                 ExtraFilter: `ParentID IN (${inClause})`,
                 Fields: ['ID', 'ParentID'],
-                ResultType: 'simple'
+                ResultType: 'simple',
+                BypassCache: bypassCache
             },
             {
                 EntityName: 'MJ: Collection Artifacts',
                 ExtraFilter: `CollectionID IN (${inClause})`,
                 Fields: ['ID', 'CollectionID'],
-                ResultType: 'simple'
+                ResultType: 'simple',
+                BypassCache: bypassCache
             }
         ], this.currentUser);
         // Count children per parent
@@ -1022,14 +1241,14 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             this.userPermissions.set(this.currentCollectionId, permission);
         }
     }
-    async loadArtifacts() {
+    async loadArtifacts(bypassCache = false) {
         if (!this.currentCollectionId) {
             this.artifactVersions = [];
             this.filteredArtifactVersions = [];
             return;
         }
         try {
-            this.artifactVersions = await this.artifactState.loadArtifactVersionsForCollection(this.currentCollectionId, this.currentUser);
+            this.artifactVersions = await this.artifactState.loadArtifactVersionsForCollection(this.currentCollectionId, this.currentUser, bypassCache);
             this.filteredArtifactVersions = [...this.artifactVersions];
         }
         catch (error) {
@@ -1211,7 +1430,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             try {
                 console.log('Attempting to delete collection and all children...');
                 await this.deleteCollectionRecursive(collection.ID);
-                await this.loadCollections();
+                await this.loadCollections(true);
+                await this.loadAllCollections(true);
             }
             catch (error) {
                 console.error('Error deleting collection:', error);
@@ -1259,7 +1479,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     async onCollectionSaved(collection) {
         this.isFormModalOpen = false;
         this.editingCollection = undefined;
-        await this.loadCollections();
+        await this.loadCollections(true);
+        await this.loadAllCollections(true);
         // Reload current collection permission (it was cleared by loadUserPermissions)
         await this.loadCurrentCollectionPermission();
         // Update breadcrumb and currentCollection if the saved collection is in the trail
@@ -1287,7 +1508,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     }
     async onArtifactSaved(artifact) {
         this.isArtifactModalOpen = false;
-        await this.loadArtifacts();
+        await this.loadArtifacts(true);
         this.cdr.detectChanges();
     }
     onArtifactModalCancelled() {
@@ -1323,7 +1544,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     for (const joinRecord of result.Results) {
                         await joinRecord.Delete();
                     }
-                    await this.loadArtifacts();
+                    await this.loadArtifacts(true);
                     this.buildUnifiedItemList();
                 }
                 else {
@@ -1421,7 +1642,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     }
     async onPermissionsChanged() {
         // Reload collections and permissions after sharing changes
-        await this.loadCollections();
+        await this.loadCollections(true);
+        await this.loadAllCollections(true);
         this.cdr.detectChanges();
     }
     onShareModalCancelled() {
@@ -1599,25 +1821,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
      */
     toggleItemSelection(item, event) {
         event.stopPropagation();
-        if (event.metaKey || event.ctrlKey) {
-            // Cmd/Ctrl+Click: Toggle individual selection
-            if (this.selectedItems.has(item.id)) {
-                this.selectedItems.delete(item.id);
-            }
-            else {
-                this.selectedItems.add(item.id);
-            }
-        }
-        else if (event.shiftKey) {
-            // Shift+Click: Select range (TODO: implement range selection)
-            this.selectedItems.add(item.id);
-        }
-        else {
-            // Regular click: Select only this item
-            this.selectedItems.clear();
-            this.selectedItems.add(item.id);
-        }
-        this.buildUnifiedItemList(); // Refresh to update selected states
+        // Checkbox click: additive toggle by default, shift = range, cmd/ctrl = toggle.
+        this.applySelectionGesture(item, event);
     }
     /**
      * Multi-select: Select all items (Phase 3)
@@ -1627,14 +1832,15 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         for (const item of this.unifiedItems) {
             this.selectedItems.add(item.id);
         }
-        this.buildUnifiedItemList();
+        this.refreshSelectionFlags();
     }
     /**
      * Multi-select: Clear selection (Phase 3)
      */
     clearSelection() {
         this.selectedItems.clear();
-        this.buildUnifiedItemList();
+        this.lastSelectedIndex = null;
+        this.refreshSelectionFlags();
     }
     /**
      * Multi-select: Delete selected items
@@ -1672,9 +1878,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 }
             }
             this.clearSelection();
-            await this.loadCollections();
+            await this.loadCollections(true);
+            await this.loadAllCollections(true);
             if (artifactItems.length > 0) {
-                await this.loadArtifacts();
+                await this.loadArtifacts(true);
             }
             this.buildUnifiedItemList();
         }
@@ -1695,7 +1902,12 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
      * In normal mode: opens item (folder or artifact)
      */
     onItemClick(item, event) {
-        // In select mode, single click toggles selection
+        // Modifier-click selects without needing select mode (shift = range, cmd/ctrl = toggle)
+        if (event && (event.shiftKey || event.metaKey || event.ctrlKey)) {
+            this.applySelectionGesture(item, event, true);
+            return;
+        }
+        // In sticky select mode, a plain click toggles selection
         if (this.isSelectMode) {
             this.toggleItemSelectionSimple(item);
             return;
@@ -1738,7 +1950,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         else {
             this.selectedItems.add(item.id);
         }
-        this.buildUnifiedItemList();
+        this.lastSelectedIndex = this.indexOfItem(item.id);
+        this.refreshSelectionFlags();
     }
     /**
      * Get item count text for display
@@ -1810,6 +2023,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         this.contextMenuItem = item;
         this.contextMenuPosition = this.clampContextMenuPosition(event.clientX, event.clientY);
         this.showContextMenu = true;
+        this.showMoveSubmenu = false;
         this.cdr.detectChanges();
     }
     /** Clamp menu position to keep it within the viewport */
@@ -1826,8 +2040,129 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     closeContextMenu() {
         this.showContextMenu = false;
         this.contextMenuItem = null;
+        this.showMoveSubmenu = false;
         this.cdr.detectChanges();
     }
+    /** Opens the inline "Move to Collection" submenu and loads candidate target collections. */
+    openMoveSubmenu(event) {
+        event.stopPropagation();
+        this.showMoveSubmenu = true;
+        void this.loadMoveTargets();
+    }
+    closeMoveSubmenu(event) {
+        event.stopPropagation();
+        this.showMoveSubmenu = false;
+        this.cdr.detectChanges();
+    }
+    /** Loads every collection the user can access in this environment (flattened, indented), minus the current one. */
+    async loadMoveTargets() {
+        this.isLoadingMoveTargets = true;
+        this.moveTargets = [];
+        this.cdr.detectChanges();
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const ownerFilter = `OwnerID='${this.currentUser.ID}'`;
+            const permissionSubquery = `ID IN (
+        SELECT CollectionID FROM [__mj].[vwCollectionPermissions] WHERE UserID='${this.currentUser.ID}'
+      )`;
+            const filter = `EnvironmentID='${this.environmentId}' AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
+            const result = await rv.RunView({
+                EntityName: 'MJ: Collections',
+                ExtraFilter: filter,
+                OrderBy: 'Name ASC',
+                MaxRows: 1000,
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            const all = result.Success ? (result.Results || []) : [];
+            const flattened = this.flattenCollectionTree(all);
+            this.moveTargets = this.currentCollectionId
+                ? flattened.filter(t => !UUIDsEqual(t.collection.ID, this.currentCollectionId))
+                : flattened;
+        }
+        catch (error) {
+            console.error('Failed to load move targets:', error);
+            this.moveTargets = [];
+        }
+        finally {
+            this.isLoadingMoveTargets = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Flattens collections into a depth-first, indented list (orphans treated as roots). */
+    flattenCollectionTree(all) {
+        const ids = new Set(all.map(c => NormalizeUUID(c.ID)));
+        const byParent = new Map();
+        for (const c of all) {
+            const pid = c.ParentID ? NormalizeUUID(c.ParentID) : null;
+            const key = pid && ids.has(pid) ? pid : null;
+            const arr = byParent.get(key) || [];
+            arr.push(c);
+            byParent.set(key, arr);
+        }
+        const out = [];
+        const walk = (parentKey, depth) => {
+            for (const c of (byParent.get(parentKey) || [])) {
+                out.push({ collection: c, depth });
+                walk(NormalizeUUID(c.ID), depth + 1);
+            }
+        };
+        walk(null, 0);
+        return out;
+    }
+    /**
+     * Moves the right-clicked artifact version from the current collection to the target.
+     * Adds to the target first (so a failure never drops it from the source), then removes
+     * the version's join row from the source collection.
+     */
+    async moveArtifactToCollection(target) {
+        const item = this.contextMenuItem;
+        const fromCollectionId = this.currentCollectionId;
+        this.closeContextMenu();
+        if (!item?.artifact || !item.version || !fromCollectionId)
+            return;
+        if (UUIDsEqual(target.ID, fromCollectionId))
+            return;
+        try {
+            const p = this.ProviderToUse;
+            const rv = RunView.FromMetadataProvider(p);
+            // Add to target (skip if the version is already there to avoid a duplicate join row)
+            const existing = await rv.RunView({
+                EntityName: 'MJ: Collection Artifacts',
+                ExtraFilter: `CollectionID='${target.ID}' AND ArtifactVersionID='${item.version.ID}'`,
+                ResultType: 'simple',
+                Fields: ['ID']
+            }, this.currentUser);
+            if (!(existing.Success && (existing.Results?.length ?? 0) > 0)) {
+                const junction = await p.GetEntityObject('MJ: Collection Artifacts', this.currentUser);
+                junction.CollectionID = target.ID;
+                junction.ArtifactVersionID = item.version.ID;
+                junction.Sequence = 0;
+                const saved = await junction.Save();
+                if (!saved) {
+                    throw new Error(junction.LatestResult?.CompleteMessage || 'Failed to add artifact to the target collection');
+                }
+            }
+            // Remove this version's join row(s) from the source collection
+            const sourceRows = await rv.RunView({
+                EntityName: 'MJ: Collection Artifacts',
+                ExtraFilter: `CollectionID='${fromCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (sourceRows.Success && sourceRows.Results) {
+                for (const row of sourceRows.Results) {
+                    await row.Delete();
+                }
+            }
+            await this.loadArtifacts(true);
+            await this.loadCollections(true);
+            await this.loadAllCollections(true);
+            this.buildUnifiedItemList();
+        }
+        catch (error) {
+            console.error('Error moving artifact:', error);
+            await this.dialogService.alert('Error', 'Failed to move artifact. Please try again.');
+        }
+    }
     /** Handle context menu action dispatch */
     onContextMenuAction(action) {
         const item = this.contextMenuItem;
@@ -1861,71 +2196,474 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     this.removeArtifact({ artifact: item.artifact, version: item.version });
                 }
                 break;
+            case 'openConversation':
+                if (item.artifact && item.version) {
+                    void this.openSourceConversation(item);
+                }
+                break;
         }
     }
+    /**
+     * Resolves the artifact version the user right-clicked to the conversation it was produced in,
+     * then asks the host to open it. Chain: Artifact Version → Conversation Detail Artifacts
+     * (prefer Direction='Output' = produced here) → Conversation Detail → ConversationID.
+     */
+    async openSourceConversation(item) {
+        if (!item.version)
+            return;
+        const conversationId = await this.resolveArtifactToConversation(item.version.ID);
+        if (conversationId) {
+            this.openConversationRequested.emit({ conversationId });
+        }
+        else {
+            await this.dialogService.alert('No Source Conversation', 'This artifact is not linked to a conversation.');
+        }
+    }
+    async resolveArtifactToConversation(artifactVersionId) {
+        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+        // Find the message(s) this version is attached to. Prefer the one that produced it
+        // (Direction='Output'); fall back to any link if it only appears as an input.
+        const linkResult = await rv.RunView({
+            EntityName: 'MJ: Conversation Detail Artifacts',
+            ExtraFilter: `ArtifactVersionID='${artifactVersionId}'`,
+            Fields: ['ConversationDetailID', 'Direction'],
+            ResultType: 'simple'
+        }, this.currentUser);
+        const links = linkResult.Success ? (linkResult.Results ?? []) : [];
+        if (links.length === 0)
+            return null;
+        const link = links.find(l => l.Direction === 'Output') ?? links[0];
+        const detailResult = await rv.RunView({
+            EntityName: 'MJ: Conversation Details',
+            ExtraFilter: `ID='${link.ConversationDetailID}'`,
+            Fields: ['ConversationID'],
+            ResultType: 'simple'
+        }, this.currentUser);
+        return detailResult.Success ? (detailResult.Results?.[0]?.ConversationID ?? null) : null;
+    }
     /** Close context menu on Escape key */
     onEscapeKey() {
         if (this.showContextMenu) {
             this.closeContextMenu();
         }
     }
+    // ============================================================
+    //  Selection gestures (#4 — frictionless multi-select)
+    // ============================================================
+    indexOfItem(id) {
+        return this.unifiedItems.findIndex(i => i.id === id);
+    }
+    /** Re-sync each item's `selected` flag from the set without rebuilding (preserves page). */
+    refreshSelectionFlags() {
+        for (const it of this.unifiedItems) {
+            it.selected = this.selectedItems.has(it.id);
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Centralized selection gesture used by both the hover checkbox and modifier-clicks.
+     * - shift  → range select from the last anchor
+     * - cmd/ctrl → additive toggle
+     * - plain  → additive toggle (checkbox) or replace (plainReplaces, used by body clicks)
+     */
+    applySelectionGesture(item, event, plainReplaces = false) {
+        const idx = this.indexOfItem(item.id);
+        if (event.shiftKey && this.lastSelectedIndex != null && this.lastSelectedIndex >= 0) {
+            const lo = Math.min(this.lastSelectedIndex, idx);
+            const hi = Math.max(this.lastSelectedIndex, idx);
+            for (let i = lo; i <= hi; i++) {
+                const it = this.unifiedItems[i];
+                if (it)
+                    this.selectedItems.add(it.id);
+            }
+        }
+        else if (event.metaKey || event.ctrlKey || !plainReplaces) {
+            if (this.selectedItems.has(item.id)) {
+                this.selectedItems.delete(item.id);
+            }
+            else {
+                this.selectedItems.add(item.id);
+            }
+            this.lastSelectedIndex = idx;
+        }
+        else {
+            this.selectedItems.clear();
+            this.selectedItems.add(item.id);
+            this.lastSelectedIndex = idx;
+        }
+        this.refreshSelectionFlags();
+    }
+    /** Hover-checkbox click — selects without requiring an explicit "select mode". */
+    onCheckboxClick(item, event) {
+        event.stopPropagation();
+        this.applySelectionGesture(item, event);
+    }
+    // ============================================================
+    //  Drag-and-drop (#1, #2 — drag items onto folders / breadcrumbs / navigator)
+    // ============================================================
+    onItemDragStart(item, event) {
+        // If the dragged item is part of the current selection, drag the whole selection;
+        // otherwise drag just this item.
+        this.draggedItemIds = (this.selectedItems.has(item.id) && this.selectedItems.size > 0)
+            ? Array.from(this.selectedItems)
+            : [item.id];
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = 'move';
+            event.dataTransfer.setData('text/plain', this.draggedItemIds.join(','));
+        }
+    }
+    onItemDragEnd() {
+        this.draggedItemIds = [];
+        this.dragOverTargetId = null;
+    }
+    draggedItems() {
+        return this.unifiedItems.filter(i => this.draggedItemIds.includes(i.id));
+    }
+    /** Folder grid card / list row as a drop target. */
+    onFolderItemDragOver(folderItem, event) {
+        const targetId = folderItem.collection?.ID;
+        if (this.draggedItemIds.length === 0 || this.draggedItemIds.includes(folderItem.id))
+            return;
+        if (!this.canDropOnCollection(targetId))
+            return;
+        event.preventDefault();
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = 'move';
+        this.dragOverTargetId = folderItem.id;
+    }
+    onFolderItemDrop(folderItem, event) {
+        event.preventDefault();
+        const targetId = folderItem.collection?.ID ?? null;
+        this.dragOverTargetId = null;
+        void this.moveDraggedItemsTo(targetId);
+    }
+    /** Breadcrumb crumb / Home root as a drop target. crumbId null = top level. */
+    onCrumbDragOver(crumbId, event) {
+        if (this.draggedItemIds.length === 0)
+            return;
+        // Artifacts can't live at the top level (no collection)
+        if (crumbId === null && this.draggedItems().some(i => i.type === 'artifact'))
+            return;
+        if (!this.canDropOnCollection(crumbId))
+            return;
+        event.preventDefault();
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = 'move';
+        this.dragOverTargetId = crumbId === null ? 'root' : 'crumb:' + crumbId;
+    }
+    onCrumbDrop(crumbId, event) {
+        event.preventDefault();
+        this.dragOverTargetId = null;
+        void this.moveDraggedItemsTo(crumbId);
+    }
+    /** True when the dragged set may be dropped on the target collection (blocks folder cycles). */
+    canDropOnCollection(targetCollectionId) {
+        if (targetCollectionId === undefined)
+            return false;
+        for (const f of this.draggedItems()) {
+            if (f.type !== 'folder' || !f.collection)
+                continue;
+            const fid = f.collection.ID;
+            if (targetCollectionId && (UUIDsEqual(fid, targetCollectionId) || this.isCollectionDescendant(targetCollectionId, fid))) {
+                return false;
+            }
+        }
+        return true;
+    }
+    isCollectionDescendant(nodeId, ancestorId) {
+        let cur = this.allCollectionsById.get(NormalizeUUID(nodeId));
+        const seen = new Set();
+        while (cur?.ParentID) {
+            const pid = NormalizeUUID(cur.ParentID);
+            if (seen.has(pid))
+                break;
+            seen.add(pid);
+            if (UUIDsEqual(pid, ancestorId))
+                return true;
+            cur = this.allCollectionsById.get(pid);
+        }
+        return false;
+    }
+    async moveDraggedItemsTo(targetCollectionId) {
+        const items = this.draggedItems();
+        this.draggedItemIds = [];
+        await this.moveItemsTo(items, targetCollectionId, this.currentCollectionId);
+    }
+    // ============================================================
+    //  Move primitives (shared by drag, bulk move, and shelf)
+    // ============================================================
+    /**
+     * Moves items into the target collection. Artifacts: add the version to the target and remove
+     * it from its source collection. Folders: reparent (target null = top level). Skips no-ops and
+     * invalid folder moves (cycles). Reloads and rebuilds when done.
+     */
+    async moveItemsTo(items, targetCollectionId, artifactSourceCollectionId) {
+        if (items.length === 0)
+            return;
+        try {
+            const p = this.ProviderToUse;
+            const rv = RunView.FromMetadataProvider(p);
+            for (const item of items) {
+                if (item.type === 'artifact' && item.version) {
+                    if (targetCollectionId == null)
+                        continue; // artifacts require a collection
+                    if (artifactSourceCollectionId && UUIDsEqual(artifactSourceCollectionId, targetCollectionId))
+                        continue;
+                    await this.addVersionToCollection(p, rv, item.version.ID, targetCollectionId);
+                    if (artifactSourceCollectionId) {
+                        await this.removeVersionFromCollection(rv, item.version.ID, artifactSourceCollectionId);
+                    }
+                }
+                else if (item.type === 'folder' && item.collection) {
+                    const fid = item.collection.ID;
+                    if (targetCollectionId && (UUIDsEqual(fid, targetCollectionId) || this.isCollectionDescendant(targetCollectionId, fid)))
+                        continue;
+                    await this.reparentCollection(fid, targetCollectionId);
+                }
+            }
+            this.clearSelection();
+            await this.loadCollections(true);
+            await this.loadArtifacts(true);
+            await this.loadAllCollections(true);
+            this.buildUnifiedItemList();
+        }
+        catch (error) {
+            console.error('Error moving items:', error);
+            await this.dialogService.alert('Error', 'Failed to move item(s). Please try again.');
+        }
+    }
+    async addVersionToCollection(p, rv, versionId, collectionId) {
+        const existing = await rv.RunView({
+            EntityName: 'MJ: Collection Artifacts',
+            ExtraFilter: `CollectionID='${collectionId}' AND ArtifactVersionID='${versionId}'`,
+            ResultType: 'simple',
+            Fields: ['ID']
+        }, this.currentUser);
+        if (existing.Success && (existing.Results?.length ?? 0) > 0)
+            return;
+        const junction = await p.GetEntityObject('MJ: Collection Artifacts', this.currentUser);
+        junction.CollectionID = collectionId;
+        junction.ArtifactVersionID = versionId;
+        junction.Sequence = 0;
+        const ok = await junction.Save();
+        if (!ok)
+            throw new Error(junction.LatestResult?.CompleteMessage || 'Failed to add artifact to collection');
+    }
+    async removeVersionFromCollection(rv, versionId, collectionId) {
+        const rows = await rv.RunView({
+            EntityName: 'MJ: Collection Artifacts',
+            ExtraFilter: `CollectionID='${collectionId}' AND ArtifactVersionID='${versionId}'`,
+            ResultType: 'entity_object'
+        }, this.currentUser);
+        if (rows.Success && rows.Results) {
+            for (const row of rows.Results)
+                await row.Delete();
+        }
+    }
+    async reparentCollection(collectionId, newParentId) {
+        const p = this.ProviderToUse;
+        const collection = await p.GetEntityObject('MJ: Collections', this.currentUser);
+        await collection.Load(collectionId);
+        collection.ParentID = newParentId;
+        const ok = await collection.Save();
+        if (!ok)
+            throw new Error(collection.LatestResult?.CompleteMessage || 'Failed to move folder');
+    }
+    // ============================================================
+    //  All-collections cache (navigator + cycle checks + bulk move)
+    // ============================================================
+    async loadAllCollections(bypassCache = false) {
+        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+        const ownerFilter = `OwnerID='${this.currentUser.ID}'`;
+        const permissionSubquery = `ID IN (
+      SELECT CollectionID FROM [__mj].[vwCollectionPermissions] WHERE UserID='${this.currentUser.ID}'
+    )`;
+        const filter = `EnvironmentID='${this.environmentId}' AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
+        const result = await rv.RunView({
+            EntityName: 'MJ: Collections',
+            ExtraFilter: filter,
+            OrderBy: 'Name ASC',
+            MaxRows: 1000,
+            ResultType: 'entity_object',
+            BypassCache: bypassCache
+        }, this.currentUser);
+        this.allCollections = result.Success ? (result.Results || []) : [];
+        this.allCollectionsById = new Map(this.allCollections.map(c => [NormalizeUUID(c.ID), c]));
+        this.navigatorNodes = this.flattenCollectionTree(this.allCollections);
+        this.cdr.detectChanges();
+    }
+    toggleNavigator() {
+        this.showNavigator = !this.showNavigator;
+    }
+    navigatorClick(collection) {
+        void this.navigateToCollectionById(collection.ID);
+    }
+    isCurrentNavigator(collection) {
+        return !!this.currentCollectionId && UUIDsEqual(collection.ID, this.currentCollectionId);
+    }
+    onNavigatorDragOver(collection, event) {
+        if (this.draggedItemIds.length === 0 || this.draggedItemIds.some(id => UUIDsEqual(id, collection.ID)))
+            return;
+        if (!this.canDropOnCollection(collection.ID))
+            return;
+        event.preventDefault();
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = 'move';
+        this.dragOverTargetId = 'nav:' + collection.ID;
+    }
+    onNavigatorDrop(collection, event) {
+        event.preventDefault();
+        this.dragOverTargetId = null;
+        void this.moveDraggedItemsTo(collection.ID);
+    }
+    onDragLeave(tag) {
+        if (this.dragOverTargetId === tag)
+            this.dragOverTargetId = null;
+    }
+    // ============================================================
+    //  Bulk "Move to…" (#3)
+    // ============================================================
+    openBulkMove(event) {
+        event.stopPropagation();
+        if (this.navigatorNodes.length === 0)
+            void this.loadAllCollections();
+        this.showBulkMovePopover = true;
+    }
+    closeBulkMove() {
+        this.showBulkMovePopover = false;
+    }
+    async bulkMoveTo(collection) {
+        const items = this.unifiedItems.filter(i => this.selectedItems.has(i.id));
+        this.showBulkMovePopover = false;
+        await this.moveItemsTo(items, collection.ID, this.currentCollectionId);
+    }
+    // ============================================================
+    //  Staging shelf (#5)
+    // ============================================================
+    stageSelected() {
+        const items = this.unifiedItems.filter(i => this.selectedItems.has(i.id));
+        for (const it of items) {
+            if (!this.shelf.some(s => s.item.id === it.id)) {
+                this.shelf.push({ item: it, sourceCollectionId: this.currentCollectionId });
+            }
+        }
+        this.clearSelection();
+        this.cdr.detectChanges();
+    }
+    removeFromShelf(id) {
+        this.shelf = this.shelf.filter(s => s.item.id !== id);
+        this.cdr.detectChanges();
+    }
+    clearShelf() {
+        this.shelf = [];
+        this.cdr.detectChanges();
+    }
+    /** Moves all staged items into the currently-open collection. */
+    async dropShelfHere() {
+        if (this.shelf.length === 0 || !this.currentCollectionId)
+            return;
+        const target = this.currentCollectionId;
+        try {
+            const p = this.ProviderToUse;
+            const rv = RunView.FromMetadataProvider(p);
+            for (const entry of this.shelf) {
+                const it = entry.item;
+                if (it.type === 'artifact' && it.version) {
+                    if (entry.sourceCollectionId && UUIDsEqual(entry.sourceCollectionId, target))
+                        continue;
+                    await this.addVersionToCollection(p, rv, it.version.ID, target);
+                    if (entry.sourceCollectionId) {
+                        await this.removeVersionFromCollection(rv, it.version.ID, entry.sourceCollectionId);
+                    }
+                }
+                else if (it.type === 'folder' && it.collection) {
+                    const fid = it.collection.ID;
+                    if (UUIDsEqual(fid, target) || this.isCollectionDescendant(target, fid))
+                        continue;
+                    await this.reparentCollection(fid, target);
+                }
+            }
+            this.shelf = [];
+            await this.loadCollections(true);
+            await this.loadArtifacts(true);
+            await this.loadAllCollections(true);
+            this.buildUnifiedItemList();
+        }
+        catch (error) {
+            console.error('Error moving staged items:', error);
+            await this.dialogService.alert('Error', 'Failed to move staged items. Please try again.');
+        }
+    }
     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"]], hostBindings: function CollectionsFullViewComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown.escape", function CollectionsFullViewComponent_keydown_escape_HostBindingHandler() { return ctx.onEscapeKey(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { environmentId: "environmentId", currentUser: "currentUser" }, outputs: { collectionNavigated: "collectionNavigated" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 32, vars: 30, 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"], [3, "saved", "cancelled", "isOpen", "collection", "parentCollection", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collectionId", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "collection", "currentUser", "currentUserPermissions"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["title", "Sort options", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sort"], [1, "dropdown-menu"], [1, "dropdown-item", 3, "click"], [1, "fas", "fa-sort-alpha-down"], [1, "fas", "fa-calendar"], [1, "fas", "fa-tag"], ["title", "Clear search", 1, "search-clear", 3, "click"], [1, "fas", "fa-times"], [1, "toolbar-separator"], [1, "toolbar-actions-group"], [1, "btn-icon", 3, "title"], [1, "btn-icon", "btn-icon-danger", 3, "title"], [1, "fas", "fa-share-nodes"], [1, "fas", "fa-pen-to-square"], [1, "btn-icon", "btn-icon-danger", 3, "click", "title"], [1, "fas", "fa-trash"], [1, "btn-primary", 3, "click"], [1, "fas", "fa-plus"], [1, "fas", "fa-chevron-down"], [1, "dropdown-menu", "dropdown-menu-right"], [1, "fas", "fa-folder-plus"], [1, "dropdown-item", 3, "click", "disabled"], [1, "fas", "fa-file-plus"], [1, "selection-info"], [1, "selection-count"], [1, "selection-actions"], [1, "btn-toolbar", 3, "click"], [1, "btn-toolbar", "btn-danger", 3, "click"], ["text", "Loading collections...", "size", "large"], [1, "fas", "fa-folder-open"], [1, "btn-primary", "empty-state-cta"], [1, "btn-primary", "empty-state-cta", 3, "click"], [1, "unified-grid"], [1, "grid-item", 3, "selected", "active"], [1, "pagination-bar"], [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, "pagination-info"], [1, "pagination-controls"], ["title", "First page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-angles-left"], ["title", "Previous page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-chevron-left"], [1, "pagination-page-info"], ["title", "Next page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-chevron-right"], ["title", "Last page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-angles-right"], [1, "unified-list"], [1, "list-table"], [1, "col-checkbox"], [1, "col-name", "sortable", 3, "click"], [1, "col-type", "sortable", 3, "click"], [1, "col-modified", "sortable", 3, "click"], [1, "col-owner"], [1, "list-item", 3, "selected", "active"], [1, "fas", 3, "click", "ngClass"], [1, "list-item", 3, "click", "dblclick", "contextmenu"], [1, "col-name"], [1, "list-name-cell"], ["title", "Shared", 1, "fas", "fa-users", "shared-indicator"], [1, "col-type"], [1, "col-modified"], [1, "context-menu-backdrop", 3, "click"], [1, "context-menu"], [1, "context-menu-item", 3, "click"], [1, "context-menu-divider"], [1, "context-menu-item"], [1, "context-menu-item", "context-menu-danger", 3, "click"], [1, "fas", "fa-eye"], [1, "fas", "fa-times-circle"]], template: function CollectionsFullViewComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { environmentId: "environmentId", currentUser: "currentUser" }, outputs: { collectionNavigated: "collectionNavigated", openConversationRequested: "openConversationRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 37, vars: 36, consts: [[1, "collections-view", 3, "keydown"], [1, "collections-header"], [1, "collections-breadcrumb"], ["title", "Toggle collections panel", 1, "btn-icon", "nav-toggle", 3, "click"], [1, "fas", "fa-bars"], [1, "breadcrumb-item", 3, "dragover", "dragleave", "drop"], [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-body"], [1, "collections-navigator"], [1, "collections-content"], [1, "loading-state"], [1, "empty-state"], [1, "staging-shelf"], [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"], [1, "breadcrumb-link", 3, "dragover", "dragleave", "drop", "click"], ["title", "Sort options", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sort"], [1, "dropdown-menu"], [1, "dropdown-item", 3, "click"], [1, "fas", "fa-sort-alpha-down"], [1, "fas", "fa-calendar"], [1, "fas", "fa-tag"], ["title", "Clear search", 1, "search-clear", 3, "click"], [1, "fas", "fa-times"], [1, "toolbar-separator"], [1, "toolbar-actions-group"], [1, "btn-icon", 3, "title"], [1, "btn-icon", "btn-icon-danger", 3, "title"], [1, "fas", "fa-share-nodes"], [1, "fas", "fa-pen-to-square"], [1, "btn-icon", "btn-icon-danger", 3, "click", "title"], [1, "fas", "fa-trash"], [1, "btn-primary", 3, "click"], [1, "fas", "fa-plus"], [1, "fas", "fa-chevron-down"], [1, "dropdown-menu", "dropdown-menu-right"], [1, "fas", "fa-folder-plus"], [1, "dropdown-item", 3, "click", "disabled"], [1, "fas", "fa-file-plus"], [1, "selection-info"], [1, "selection-count"], [1, "selection-actions"], [1, "btn-toolbar", 3, "click"], [1, "fas", "fa-folder-tree"], ["title", "Add to the staging shelf to move later", 1, "btn-toolbar", 3, "click"], [1, "fas", "fa-layer-group"], [1, "btn-toolbar", "btn-danger", 3, "click"], [1, "bulk-move-backdrop", 3, "click"], [1, "dropdown-menu", "bulk-move-menu"], [1, "dropdown-note"], [1, "dropdown-item", 3, "paddingLeft"], [1, "fas", "fa-folder"], [1, "nav-header"], [1, "nav-list"], [1, "nav-row", 3, "click", "dragover", "dragleave", "drop"], [1, "nav-row", 3, "active", "drag-over", "paddingLeft", "title"], [1, "nav-row", 3, "click", "dragover", "dragleave", "drop", "title"], [1, "nav-row-name"], ["text", "Loading collections...", "size", "large"], [1, "fas", "fa-folder-open"], [1, "btn-primary", "empty-state-cta"], [1, "btn-primary", "empty-state-cta", 3, "click"], [1, "unified-grid"], [1, "grid-item", 3, "selected", "active", "dragging", "drag-over", "draggable"], [1, "pagination-bar"], [1, "grid-item", 3, "dragstart", "dragend", "dragover", "dragleave", "drop", "click", "dblclick", "contextmenu", "draggable"], [1, "item-checkbox", 3, "click"], [1, "grid-item-content", 3, "title"], [1, "grid-icon", "folder-icon"], ["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, "pagination-info"], [1, "pagination-controls"], ["title", "First page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-angles-left"], ["title", "Previous page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-chevron-left"], [1, "pagination-page-info"], ["title", "Next page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-chevron-right"], ["title", "Last page", 1, "pagination-btn", 3, "click", "disabled"], [1, "fas", "fa-angles-right"], [1, "unified-list"], [1, "list-table"], [1, "col-checkbox"], [1, "fas", 3, "click", "ngClass"], [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", "dragging", "drag-over", "draggable"], [1, "list-item", 3, "dragstart", "dragend", "dragover", "dragleave", "drop", "click", "dblclick", "contextmenu", "draggable"], [1, "col-name"], [1, "list-name-cell"], ["title", "Shared", 1, "fas", "fa-users", "shared-indicator"], [1, "col-type"], [1, "col-modified"], [1, "shelf-info"], [1, "shelf-chips"], [1, "shelf-chip", 3, "title"], [1, "shelf-actions"], [1, "btn-toolbar", "btn-primary-toolbar", 3, "click", "disabled", "title"], [1, "fas", "fa-arrow-down"], [1, "shelf-chip-name"], ["title", "Remove", 1, "shelf-chip-x", 3, "click"], [1, "context-menu-backdrop", 3, "click"], [1, "context-menu"], [1, "context-menu-item", 3, "click"], [1, "context-menu-divider"], [1, "context-menu-item"], [1, "context-menu-item", "context-menu-danger", 3, "click"], [1, "context-menu-note"], [1, "move-target-list"], [1, "fas", "fa-spinner", "fa-spin"], [1, "context-menu-item", 3, "paddingLeft"], [1, "fas", "fa-eye"], [1, "fas", "fa-comments"], [1, "fas", "fa-chevron-right", "submenu-arrow"], [1, "fas", "fa-times-circle"]], template: function CollectionsFullViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("keydown", function CollectionsFullViewComponent_Template_div_keydown_0_listener($event) { return ctx.handleKeyboardShortcut($event); });
-            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "button", 3);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_3_listener() { return ctx.toggleNavigator(); });
             i0.ɵɵelement(4, "i", 4);
-            i0.ɵɵelementStart(5, "a", 5);
-            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_a_click_5_listener() { return ctx.navigateToRoot(); });
-            i0.ɵɵtext(6, "Collections");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 5);
+            i0.ɵɵlistener("dragover", function CollectionsFullViewComponent_Template_div_dragover_5_listener($event) { return ctx.onCrumbDragOver(null, $event); })("dragleave", function CollectionsFullViewComponent_Template_div_dragleave_5_listener() { return ctx.onDragLeave("root"); })("drop", function CollectionsFullViewComponent_Template_div_drop_5_listener($event) { return ctx.onCrumbDrop(null, $event); });
+            i0.ɵɵelement(6, "i", 6);
+            i0.ɵɵelementStart(7, "a", 7);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_a_click_7_listener() { return ctx.navigateToRoot(); });
+            i0.ɵɵtext(8, "Collections");
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(7, CollectionsFullViewComponent_Conditional_7_Template, 3, 0, "span", 6);
+            i0.ɵɵconditionalCreate(9, CollectionsFullViewComponent_Conditional_9_Template, 3, 0, "span", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 7)(9, "button", 8);
-            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_9_listener() { return ctx.toggleViewMode(); });
-            i0.ɵɵelement(10, "i", 9);
+            i0.ɵɵelementStart(10, "div", 9)(11, "button", 10);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_11_listener() { return ctx.toggleViewMode(); });
+            i0.ɵɵelement(12, "i", 11);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "button", 8);
-            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_11_listener() { return ctx.toggleSelectMode(); });
-            i0.ɵɵelement(12, "i", 10);
+            i0.ɵɵelementStart(13, "button", 10);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_13_listener() { return ctx.toggleSelectMode(); });
+            i0.ɵɵelement(14, "i", 12);
             i0.ɵɵelementEnd();
-            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.ɵɵconditionalCreate(15, CollectionsFullViewComponent_Conditional_15_Template, 4, 1, "div", 13);
+            i0.ɵɵelementStart(16, "div", 14);
+            i0.ɵɵelement(17, "i", 15);
+            i0.ɵɵelementStart(18, "input", 16);
+            i0.ɵɵtwoWayListener("ngModelChange", function CollectionsFullViewComponent_Template_input_ngModelChange_18_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchQuery, $event) || (ctx.searchQuery = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function CollectionsFullViewComponent_Template_input_ngModelChange_18_listener($event) { return ctx.onSearchChange($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(17, CollectionsFullViewComponent_Conditional_17_Template, 2, 0, "button", 15);
+            i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_19_Template, 2, 0, "button", 17);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(18, CollectionsFullViewComponent_Conditional_18_Template, 5, 3);
-            i0.ɵɵconditionalCreate(19, CollectionsFullViewComponent_Conditional_19_Template, 7, 1, "div", 11);
-            i0.ɵɵelementStart(20, "button", 16);
-            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_20_listener() { return ctx.refresh(); });
-            i0.ɵɵelement(21, "i", 17);
+            i0.ɵɵconditionalCreate(20, CollectionsFullViewComponent_Conditional_20_Template, 5, 3);
+            i0.ɵɵconditionalCreate(21, CollectionsFullViewComponent_Conditional_21_Template, 7, 1, "div", 13);
+            i0.ɵɵelementStart(22, "button", 18);
+            i0.ɵɵlistener("click", function CollectionsFullViewComponent_Template_button_click_22_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(23, "i", 19);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(22, CollectionsFullViewComponent_Conditional_22_Template, 11, 1, "div", 18);
-            i0.ɵɵelementStart(23, "div", 19);
-            i0.ɵɵconditionalCreate(24, CollectionsFullViewComponent_Conditional_24_Template, 2, 0, "div", 20);
-            i0.ɵɵconditionalCreate(25, CollectionsFullViewComponent_Conditional_25_Template, 5, 3, "div", 21);
-            i0.ɵɵconditionalCreate(26, CollectionsFullViewComponent_Conditional_26_Template, 4, 3);
-            i0.ɵɵconditionalCreate(27, CollectionsFullViewComponent_Conditional_27_Template, 26, 10);
+            i0.ɵɵconditionalCreate(24, CollectionsFullViewComponent_Conditional_24_Template, 19, 2, "div", 20);
+            i0.ɵɵelementStart(25, "div", 21);
+            i0.ɵɵconditionalCreate(26, CollectionsFullViewComponent_Conditional_26_Template, 10, 4, "div", 22);
+            i0.ɵɵelementStart(27, "div", 23);
+            i0.ɵɵconditionalCreate(28, CollectionsFullViewComponent_Conditional_28_Template, 2, 0, "div", 24);
+            i0.ɵɵconditionalCreate(29, CollectionsFullViewComponent_Conditional_29_Template, 5, 3, "div", 25);
+            i0.ɵɵconditionalCreate(30, CollectionsFullViewComponent_Conditional_30_Template, 4, 3);
+            i0.ɵɵconditionalCreate(31, CollectionsFullViewComponent_Conditional_31_Template, 27, 10);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(28, CollectionsFullViewComponent_Conditional_28_Template, 4, 6);
-            i0.ɵɵelementStart(29, "mj-collection-form-modal", 22);
-            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_form_modal_saved_29_listener($event) { return ctx.onCollectionSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_form_modal_cancelled_29_listener() { return ctx.onFormCancelled(); });
+            i0.ɵɵconditionalCreate(32, CollectionsFullViewComponent_Conditional_32_Template, 14, 3, "div", 26);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(33, CollectionsFullViewComponent_Conditional_33_Template, 4, 6);
+            i0.ɵɵelementStart(34, "mj-collection-form-modal", 27);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_form_modal_saved_34_listener($event) { return ctx.onCollectionSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_form_modal_cancelled_34_listener() { return ctx.onFormCancelled(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "mj-artifact-create-modal", 23);
-            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_saved_30_listener($event) { return ctx.onArtifactSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_cancelled_30_listener() { return ctx.onArtifactModalCancelled(); });
+            i0.ɵɵelementStart(35, "mj-artifact-create-modal", 28);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_saved_35_listener($event) { return ctx.onArtifactSaved($event); })("cancelled", function CollectionsFullViewComponent_Template_mj_artifact_create_modal_cancelled_35_listener() { return ctx.onArtifactModalCancelled(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "mj-collection-share-modal", 24);
-            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_share_modal_saved_31_listener() { return ctx.onPermissionsChanged(); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_share_modal_cancelled_31_listener() { return ctx.onShareModalCancelled(); });
+            i0.ɵɵelementStart(36, "mj-collection-share-modal", 29);
+            i0.ɵɵlistener("saved", function CollectionsFullViewComponent_Template_mj_collection_share_modal_saved_36_listener() { return ctx.onPermissionsChanged(); })("cancelled", function CollectionsFullViewComponent_Template_mj_collection_share_modal_cancelled_36_listener() { return ctx.onShareModalCancelled(); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵconditional(ctx.breadcrumbs.length > 0 ? 7 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.showNavigator);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("drag-over", ctx.dragOverTargetId === "root");
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.breadcrumbs.length > 0 ? 9 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("title", ctx.viewMode === "grid" ? "Switch to List View" : "Switch to Grid View");
             i0.ɵɵadvance();
@@ -1934,34 +2672,38 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             i0.ɵɵclassProp("active", ctx.isSelectMode);
             i0.ɵɵproperty("title", ctx.isSelectMode ? "Exit Select Mode" : "Select Items");
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.viewMode === "grid" ? 13 : -1);
+            i0.ɵɵconditional(ctx.viewMode === "grid" ? 15 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵtwoWayProperty("ngModel", ctx.searchQuery);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.searchQuery ? 17 : -1);
+            i0.ɵɵconditional(ctx.searchQuery ? 19 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.currentCollectionId && ctx.currentCollection ? 18 : -1);
+            i0.ɵɵconditional(ctx.currentCollectionId && ctx.currentCollection ? 20 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.canEditCurrent() ? 19 : -1);
+            i0.ɵɵconditional(ctx.canEditCurrent() ? 21 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.selectedItems.size > 0 ? 22 : -1);
+            i0.ɵɵconditional(ctx.selectedItems.size > 0 ? 24 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showNavigator ? 26 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.isLoading ? 24 : -1);
+            i0.ɵɵconditional(ctx.isLoading ? 28 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length === 0 ? 29 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length === 0 ? 25 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "grid" ? 30 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "grid" ? 26 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "list" ? 31 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.unifiedItems.length > 0 && ctx.viewMode === "list" ? 27 : -1);
+            i0.ɵɵconditional(ctx.shelf.length > 0 ? 32 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showContextMenu && ctx.contextMenuItem ? 28 : -1);
+            i0.ɵɵconditional(ctx.showContextMenu && ctx.contextMenuItem ? 33 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isFormModalOpen)("collection", ctx.editingCollection)("parentCollection", ctx.editingCollection ? undefined : ctx.currentCollection || undefined)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isArtifactModalOpen)("collectionId", ctx.currentCollectionId || "")("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isShareModalOpen)("collection", ctx.sharingCollection)("currentUser", ctx.currentUser)("currentUserPermissions", ctx.sharingCollection ? ctx.userPermissions.get(ctx.sharingCollection.ID) || null : null);
-        } }, dependencies: [i6.NgClass, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel, i8.LoadingComponent, i9.CollectionShareModalComponent, i10.CollectionFormModalComponent, i11.ArtifactCreateModalComponent, i6.DatePipe], styles: ["[_nghost-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      min-height: 0;\n    }\n\n    \n\n    .collections-view[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\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 var(--mj-border-default);\n      gap: 16px;\n      background: var(--mj-bg-surface);\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: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%] {\n      color: var(--mj-text-primary);\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: var(--mj-brand-primary);\n    }\n\n    .breadcrumb-link.active[_ngcontent-%COMP%] {\n      color: var(--mj-text-muted);\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: var(--mj-border-strong);\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: var(--mj-brand-primary);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-inverse);\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: var(--mj-brand-primary-hover);\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 var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--mj-text-muted);\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: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\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: var(--mj-text-primary);\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: var(--mj-bg-surface-sunken);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .dropdown-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: var(--mj-border-default);\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: var(--mj-text-disabled);\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 var(--mj-border-strong);\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: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .search-clear[_ngcontent-%COMP%] {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: var(--mj-text-disabled);\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: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\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: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n    }\n\n    \n\n    .collections-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\n    \n\n    .loading-state[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-height: 0;\n      color: var(--mj-text-disabled);\n      text-align: center;\n      padding: 24px;\n    }\n\n    .empty-state[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n      font-size: 64px;\n      margin-bottom: 24px;\n      opacity: 0.3;\n      color: var(--mj-border-strong);\n    }\n\n    .empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0 0 8px 0;\n      color: var(--mj-text-secondary);\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: var(--mj-text-muted);\n    }\n\n    .empty-state[_ngcontent-%COMP%]   .empty-state-cta[_ngcontent-%COMP%] {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    \n\n    .unified-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n      flex-shrink: 0;\n    }\n\n    .grid-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: var(--mj-bg-surface);\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: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-border-strong);\n    }\n\n    .grid-item.selected[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n    }\n\n    .grid-item.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-warning);\n      box-shadow: 0 0 0 1px var(--mj-status-warning);\n    }\n\n    .grid-item.active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-text-disabled);\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: var(--mj-brand-primary);\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: var(--mj-brand-primary);\n    }\n\n    .grid-icon.folder-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 36px;\n      color: var(--mj-text-inverse);\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      color: var(--mj-text-muted);\n    }\n\n    .shared-badge[_ngcontent-%COMP%] {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    .shared-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-inverse);\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: var(--mj-text-primary);\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: var(--mj-text-muted);\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: var(--mj-text-muted);\n      margin-top: 4px;\n    }\n\n    .grid-owner[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      overflow: hidden;\n      flex-shrink: 0;\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: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\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: var(--mj-text-muted);\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: var(--mj-brand-primary);\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 var(--mj-bg-surface-sunken);\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: var(--mj-bg-surface-sunken);\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-warning);\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\n    }\n\n    .list-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\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: var(--mj-text-disabled);\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: var(--mj-brand-primary);\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: var(--mj-text-muted);\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%]   .fa-folder[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .shared-indicator[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      margin-left: auto;\n    }\n\n    .col-type[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    .col-modified[_ngcontent-%COMP%] {\n      width: 180px;\n    }\n\n    .col-owner[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    \n\n    .pagination-bar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 16px;\n      margin-top: 8px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      flex-shrink: 0;\n    }\n\n    .pagination-info[_ngcontent-%COMP%] {\n      white-space: nowrap;\n    }\n\n    .pagination-controls[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .pagination-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 32px;\n      height: 32px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 150ms ease;\n      font-size: 12px;\n    }\n\n    .pagination-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: var(--mj-bg-surface-hover);\n      border-color: var(--mj-border-strong);\n      color: var(--mj-text-primary);\n    }\n\n    .pagination-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    .pagination-page-info[_ngcontent-%COMP%] {\n      padding: 0 8px;\n      white-space: nowrap;\n      font-weight: 500;\n    }\n\n    \n\n    .toolbar-separator[_ngcontent-%COMP%] {\n      width: 1px;\n      height: 24px;\n      background: var(--mj-border-strong);\n      margin: 0 4px;\n    }\n\n    .toolbar-actions-group[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .btn-icon-danger[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-icon-danger[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-error);\n      border-color: var(--mj-status-error);\n    }\n\n    \n\n    .context-menu-backdrop[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1999;\n    }\n\n    .context-menu[_ngcontent-%COMP%] {\n      position: fixed;\n      min-width: 180px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n      padding: 4px;\n      z-index: 2000;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: var(--mj-text-primary);\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .context-menu-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .context-menu-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }"] });
+        } }, dependencies: [i6.NgClass, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel, i8.LoadingComponent, i9.CollectionShareModalComponent, i10.CollectionFormModalComponent, i11.ArtifactCreateModalComponent, i6.DatePipe], styles: ["[_nghost-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      min-height: 0;\n    }\n\n    \n\n    .collections-view[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\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 var(--mj-border-default);\n      gap: 16px;\n      background: var(--mj-bg-surface);\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: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%] {\n      color: var(--mj-text-primary);\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: var(--mj-brand-primary);\n    }\n\n    .breadcrumb-link.active[_ngcontent-%COMP%] {\n      color: var(--mj-text-muted);\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: var(--mj-border-strong);\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: var(--mj-brand-primary);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-inverse);\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: var(--mj-brand-primary-hover);\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 var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--mj-text-muted);\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: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\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: var(--mj-text-primary);\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: var(--mj-bg-surface-sunken);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .dropdown-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: var(--mj-border-default);\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: var(--mj-text-disabled);\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 var(--mj-border-strong);\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: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .search-clear[_ngcontent-%COMP%] {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: var(--mj-text-disabled);\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: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\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: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-toolbar.btn-danger[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n    }\n\n    \n\n    .collections-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\n    \n\n    .loading-state[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-height: 0;\n      color: var(--mj-text-disabled);\n      text-align: center;\n      padding: 24px;\n    }\n\n    .empty-state[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n      font-size: 64px;\n      margin-bottom: 24px;\n      opacity: 0.3;\n      color: var(--mj-border-strong);\n    }\n\n    .empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0 0 8px 0;\n      color: var(--mj-text-secondary);\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: var(--mj-text-muted);\n    }\n\n    .empty-state[_ngcontent-%COMP%]   .empty-state-cta[_ngcontent-%COMP%] {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    \n\n    .unified-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n      flex-shrink: 0;\n    }\n\n    .grid-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: var(--mj-bg-surface);\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: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-border-strong);\n    }\n\n    .grid-item.selected[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n    }\n\n    .grid-item.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-warning);\n      box-shadow: 0 0 0 1px var(--mj-status-warning);\n    }\n\n    .grid-item.active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-text-disabled);\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: var(--mj-brand-primary);\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: var(--mj-brand-primary);\n    }\n\n    .grid-icon.folder-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 36px;\n      color: var(--mj-text-inverse);\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .grid-icon.artifact-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      color: var(--mj-text-muted);\n    }\n\n    .shared-badge[_ngcontent-%COMP%] {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    .shared-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-inverse);\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: var(--mj-text-primary);\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: var(--mj-text-muted);\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: var(--mj-text-muted);\n      margin-top: 4px;\n    }\n\n    .grid-owner[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      overflow: hidden;\n      flex-shrink: 0;\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: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\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: var(--mj-text-muted);\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: var(--mj-brand-primary);\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 var(--mj-bg-surface-sunken);\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: var(--mj-bg-surface-sunken);\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-warning);\n    }\n\n    .list-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\n    }\n\n    .list-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\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: var(--mj-text-disabled);\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: var(--mj-brand-primary);\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: var(--mj-text-muted);\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell[_ngcontent-%COMP%]   .fa-folder[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .shared-indicator[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      margin-left: auto;\n    }\n\n    .col-type[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    .col-modified[_ngcontent-%COMP%] {\n      width: 180px;\n    }\n\n    .col-owner[_ngcontent-%COMP%] {\n      width: 150px;\n    }\n\n    \n\n    .pagination-bar[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 16px;\n      margin-top: 8px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      flex-shrink: 0;\n    }\n\n    .pagination-info[_ngcontent-%COMP%] {\n      white-space: nowrap;\n    }\n\n    .pagination-controls[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .pagination-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 32px;\n      height: 32px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 150ms ease;\n      font-size: 12px;\n    }\n\n    .pagination-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: var(--mj-bg-surface-hover);\n      border-color: var(--mj-border-strong);\n      color: var(--mj-text-primary);\n    }\n\n    .pagination-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    .pagination-page-info[_ngcontent-%COMP%] {\n      padding: 0 8px;\n      white-space: nowrap;\n      font-weight: 500;\n    }\n\n    \n\n    .toolbar-separator[_ngcontent-%COMP%] {\n      width: 1px;\n      height: 24px;\n      background: var(--mj-border-strong);\n      margin: 0 4px;\n    }\n\n    .toolbar-actions-group[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .btn-icon-danger[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-icon-danger[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-error);\n      border-color: var(--mj-status-error);\n    }\n\n    \n\n    .context-menu-backdrop[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1999;\n    }\n\n    .context-menu[_ngcontent-%COMP%] {\n      position: fixed;\n      min-width: 180px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n      padding: 4px;\n      z-index: 2000;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: var(--mj-text-primary);\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .context-menu-item[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .context-menu-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .context-menu-divider[_ngcontent-%COMP%] {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n    .submenu-arrow[_ngcontent-%COMP%] {\n      margin-left: auto;\n      font-size: 10px;\n      opacity: 0.6;\n    }\n    .move-target-list[_ngcontent-%COMP%] {\n      max-height: 240px;\n      overflow-y: auto;\n    }\n    .context-menu-note[_ngcontent-%COMP%] {\n      padding: 8px 14px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    \n\n    .collections-body[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: row;\n      min-height: 0;\n      overflow: hidden;\n    }\n    .collections-navigator[_ngcontent-%COMP%] {\n      width: 240px;\n      flex-shrink: 0;\n      border-right: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface);\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n    }\n    .nav-header[_ngcontent-%COMP%] {\n      padding: 12px 14px 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--mj-text-muted);\n    }\n    .nav-list[_ngcontent-%COMP%] { display: flex; flex-direction: column; padding: 0 6px 12px; gap: 1px; }\n    .nav-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      width: 100%;\n      padding: 7px 10px;\n      border: 1px solid transparent;\n      border-radius: 6px;\n      background: transparent;\n      color: var(--mj-text-secondary);\n      font-size: 13px;\n      text-align: left;\n      cursor: pointer;\n      transition: background 0.12s ease;\n    }\n    .nav-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n    .nav-row.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n    .nav-row.drag-over[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 22%, transparent);\n      border-color: var(--mj-brand-primary);\n    }\n    .nav-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 13px; width: 16px; flex-shrink: 0; }\n    .nav-row-name[_ngcontent-%COMP%] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .nav-toggle.active[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n    \n\n    .grid-item.dragging[_ngcontent-%COMP%], .list-item.dragging[_ngcontent-%COMP%] { opacity: 0.4; }\n    .grid-item.drag-over[_ngcontent-%COMP%] {\n      border-color: var(--mj-brand-primary) !important;\n      background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface)) !important;\n    }\n    .list-item.drag-over[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n      box-shadow: inset 0 0 0 1px var(--mj-brand-primary);\n    }\n    .breadcrumb-item.drag-over[_ngcontent-%COMP%], .breadcrumb-link.drag-over[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n      border-radius: 6px;\n      outline: 1px solid var(--mj-brand-primary);\n    }\n\n    \n\n    .item-checkbox[_ngcontent-%COMP%] { opacity: 0; transition: opacity 150ms ease; }\n    .grid-item[_ngcontent-%COMP%]:hover   .item-checkbox[_ngcontent-%COMP%], \n   .grid-item.selected[_ngcontent-%COMP%]   .item-checkbox[_ngcontent-%COMP%], \n   .unified-grid.select-mode[_ngcontent-%COMP%]   .item-checkbox[_ngcontent-%COMP%] { opacity: 1; }\n    .list-item[_ngcontent-%COMP%]   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { opacity: 0; transition: opacity 150ms ease; }\n    .list-item[_ngcontent-%COMP%]:hover   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n   .list-item.selected[_ngcontent-%COMP%]   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n   .unified-list.select-mode[_ngcontent-%COMP%]   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { opacity: 1; }\n    .list-item.selected[_ngcontent-%COMP%]   .col-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n    \n\n    .bulk-move-backdrop[_ngcontent-%COMP%] {\n      position: fixed; inset: 0; z-index: 1000;\n    }\n    .bulk-move-menu[_ngcontent-%COMP%] {\n      max-height: 320px;\n      overflow-y: auto;\n      z-index: 1001;\n    }\n    .dropdown-note[_ngcontent-%COMP%] { padding: 10px 14px; font-size: 12px; color: var(--mj-text-muted); }\n\n    \n\n    .staging-shelf[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      padding: 10px 16px;\n      background: var(--mj-bg-surface);\n      border-top: 1px solid var(--mj-border-default);\n      box-shadow: 0 -2px 8px color-mix(in srgb, var(--mj-text-primary) 6%, transparent);\n    }\n    .shelf-info[_ngcontent-%COMP%] {\n      display: flex; align-items: center; gap: 8px;\n      font-weight: 600; font-size: 13px; color: var(--mj-text-primary);\n      flex-shrink: 0;\n    }\n    .shelf-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n    .shelf-chips[_ngcontent-%COMP%] {\n      flex: 1; min-width: 0;\n      display: flex; gap: 6px; overflow-x: auto; padding: 2px 0;\n    }\n    .shelf-chip[_ngcontent-%COMP%] {\n      display: inline-flex; align-items: center; gap: 6px;\n      padding: 4px 6px 4px 10px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 999px;\n      font-size: 12px; color: var(--mj-text-secondary);\n      flex-shrink: 0;\n    }\n    .shelf-chip-name[_ngcontent-%COMP%] { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .shelf-chip-x[_ngcontent-%COMP%] {\n      width: 18px; height: 18px; border: 0; background: transparent;\n      color: var(--mj-text-muted); cursor: pointer; border-radius: 50%;\n      display: flex; align-items: center; justify-content: center; font-size: 10px;\n    }\n    .shelf-chip-x[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n    .shelf-actions[_ngcontent-%COMP%] { display: flex; gap: 8px; flex-shrink: 0; }\n    .btn-toolbar.btn-primary-toolbar[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border-color: var(--mj-brand-primary);\n    }\n    .btn-toolbar.btn-primary-toolbar[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .btn-toolbar[_ngcontent-%COMP%]:disabled { opacity: 0.5; cursor: not-allowed; }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsFullViewComponent, [{
         type: Component,
@@ -1971,7 +2713,15 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
       <div class="collections-header">
         <!-- Breadcrumb navigation -->
         <div class="collections-breadcrumb">
-          <div class="breadcrumb-item">
+          <button class="btn-icon nav-toggle" (click)="toggleNavigator()"
+            [class.active]="showNavigator" title="Toggle collections panel">
+            <i class="fas fa-bars"></i>
+          </button>
+          <div class="breadcrumb-item"
+            [class.drag-over]="dragOverTargetId === 'root'"
+            (dragover)="onCrumbDragOver(null, $event)"
+            (dragleave)="onDragLeave('root')"
+            (drop)="onCrumbDrop(null, $event)">
             <i class="fas fa-home"></i>
             <a class="breadcrumb-link" (click)="navigateToRoot()">Collections</a>
           </div>
@@ -1981,6 +2731,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 <i class="fas fa-chevron-right breadcrumb-separator"></i>
                 <a class="breadcrumb-link"
                   [class.active]="last"
+                  [class.drag-over]="dragOverTargetId === 'crumb:' + crumb.id"
+                  (dragover)="onCrumbDragOver(crumb.id, $event)"
+                  (dragleave)="onDragLeave('crumb:' + crumb.id)"
+                  (drop)="onCrumbDrop(crumb.id, $event)"
                   (click)="navigateTo(crumb)">
                   {{ crumb.name }}
                 </a>
@@ -2124,18 +2878,77 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             <span class="selection-count">{{ selectedItems.size }} selected</span>
           </div>
           <div class="selection-actions">
+            <div class="dropdown-container">
+              <button class="btn-toolbar" (click)="openBulkMove($event)">
+                <i class="fas fa-folder-tree"></i>
+                Move to…
+              </button>
+              @if (showBulkMovePopover) {
+                <div class="bulk-move-backdrop" (click)="closeBulkMove()"></div>
+                <div class="dropdown-menu bulk-move-menu">
+                  @if (navigatorNodes.length === 0) {
+                    <div class="dropdown-note">No collections available</div>
+                  } @else {
+                    @for (node of navigatorNodes; track node.collection.ID) {
+                      <button class="dropdown-item" [style.paddingLeft.px]="12 + node.depth * 12"
+                        (click)="bulkMoveTo(node.collection)">
+                        <i class="fas fa-folder" [style.color]="node.collection.Color || null"></i>
+                        <span>{{ node.collection.Name }}</span>
+                      </button>
+                    }
+                  }
+                </div>
+              }
+            </div>
+            <button class="btn-toolbar" (click)="stageSelected()" title="Add to the staging shelf to move later">
+              <i class="fas fa-layer-group"></i>
+              Stage
+            </button>
             <button class="btn-toolbar" (click)="clearSelection()">
               <i class="fas fa-times"></i>
-              Clear Selection
+              Clear
             </button>
             <button class="btn-toolbar btn-danger" (click)="deleteSelected()">
               <i class="fas fa-trash"></i>
-              Delete Selected
+              Delete
             </button>
           </div>
         </div>
       }
     
+      <!-- Body: navigator pane (#6) + content -->
+      <div class="collections-body">
+        @if (showNavigator) {
+          <div class="collections-navigator">
+            <div class="nav-header">Collections</div>
+            <div class="nav-list">
+              <button class="nav-row"
+                [class.active]="!currentCollectionId"
+                [class.drag-over]="dragOverTargetId === 'root'"
+                (click)="navigateToRoot()"
+                (dragover)="onCrumbDragOver(null, $event)"
+                (dragleave)="onDragLeave('root')"
+                (drop)="onCrumbDrop(null, $event)">
+                <i class="fas fa-home"></i>
+                <span>All Collections</span>
+              </button>
+              @for (node of navigatorNodes; track node.collection.ID) {
+                <button class="nav-row"
+                  [class.active]="isCurrentNavigator(node.collection)"
+                  [class.drag-over]="dragOverTargetId === 'nav:' + node.collection.ID"
+                  [style.paddingLeft.px]="10 + node.depth * 14"
+                  (click)="navigatorClick(node.collection)"
+                  (dragover)="onNavigatorDragOver(node.collection, $event)"
+                  (dragleave)="onDragLeave('nav:' + node.collection.ID)"
+                  (drop)="onNavigatorDrop(node.collection, $event)"
+                  [title]="node.collection.Name">
+                  <i class="fas fa-folder" [style.color]="node.collection.Color || null"></i>
+                  <span class="nav-row-name">{{ node.collection.Name }}</span>
+                </button>
+              }
+            </div>
+          </div>
+        }
       <!-- Content area -->
       <div class="collections-content">
         <!-- Loading state -->
@@ -2185,17 +2998,23 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 class="grid-item"
                 [class.selected]="item.selected"
                 [class.active]="item.type === 'artifact' && IsArtifactActive(item)"
+                [class.dragging]="draggedItemIds.includes(item.id)"
+                [class.drag-over]="dragOverTargetId === item.id"
+                [draggable]="true"
+                (dragstart)="onItemDragStart(item, $event)"
+                (dragend)="onItemDragEnd()"
+                (dragover)="item.type === 'folder' ? onFolderItemDragOver(item, $event) : null"
+                (dragleave)="item.type === 'folder' ? onDragLeave(item.id) : null"
+                (drop)="item.type === 'folder' ? onFolderItemDrop(item, $event) : null"
                 (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>
-                }
+                <!-- Selection checkbox (hover-reveal — no explicit select mode needed) -->
+                <div class="item-checkbox"
+                  (click)="onCheckboxClick(item, $event)">
+                  <i class="fas"
+                  [ngClass]="item.selected ? 'fa-check-circle' : 'fa-circle'"></i>
+                </div>
                 <!-- Folder item -->
                 @if (item.type === 'folder') {
                   <div
@@ -2312,13 +3131,11 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             <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-checkbox">
+                    <i class="fas"
+                      [ngClass]="selectedItems.size === unifiedItems.length && unifiedItems.length > 0 ? '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') {
@@ -2358,16 +3175,22 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     class="list-item"
                     [class.selected]="item.selected"
                     [class.active]="item.type === 'artifact' && IsArtifactActive(item)"
+                    [class.dragging]="draggedItemIds.includes(item.id)"
+                    [class.drag-over]="dragOverTargetId === item.id"
+                    [draggable]="true"
+                    (dragstart)="onItemDragStart(item, $event)"
+                    (dragend)="onItemDragEnd()"
+                    (dragover)="item.type === 'folder' ? onFolderItemDragOver(item, $event) : null"
+                    (dragleave)="item.type === 'folder' ? onDragLeave(item.id) : null"
+                    (drop)="item.type === 'folder' ? onFolderItemDrop(item, $event) : null"
                     (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-checkbox">
+                      <i class="fas"
+                        [ngClass]="item.selected ? 'fa-check-circle' : 'fa-circle'"
+                      (click)="onCheckboxClick(item, $event)"></i>
+                    </td>
                     <td class="col-name">
                       <div class="list-name-cell">
                         <i class="fas"
@@ -2447,6 +3270,38 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
           }
         }
       </div>
+      </div>
+
+      <!-- Staging shelf (#5) — survives navigation; drop staged items into the open collection -->
+      @if (shelf.length > 0) {
+        <div class="staging-shelf">
+          <div class="shelf-info">
+            <i class="fas fa-layer-group"></i>
+            <span>{{ shelf.length }} staged</span>
+          </div>
+          <div class="shelf-chips">
+            @for (entry of shelf; track entry.item.id) {
+              <span class="shelf-chip" [title]="entry.item.name">
+                <i class="fas" [ngClass]="entry.item.type === 'folder' ? 'fa-folder' : entry.item.icon"></i>
+                <span class="shelf-chip-name">{{ entry.item.name }}</span>
+                <button class="shelf-chip-x" (click)="removeFromShelf(entry.item.id)" title="Remove">
+                  <i class="fas fa-times"></i>
+                </button>
+              </span>
+            }
+          </div>
+          <div class="shelf-actions">
+            <button class="btn-toolbar btn-primary-toolbar"
+              (click)="dropShelfHere()"
+              [disabled]="!currentCollectionId"
+              [title]="currentCollectionId ? 'Move staged items into this collection' : 'Open a collection to move items here'">
+              <i class="fas fa-arrow-down"></i>
+              Move here
+            </button>
+            <button class="btn-toolbar" (click)="clearShelf()">Clear</button>
+          </div>
+        </div>
+      }
     </div>
 
     <!-- Context Menu -->
@@ -2482,16 +3337,48 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
           }
         }
         @if (contextMenuItem.type === 'artifact') {
-          <button class="context-menu-item" (click)="onContextMenuAction('view')">
-            <i class="fas fa-eye"></i>
-            <span>View</span>
-          </button>
-          @if (canEditCurrent()) {
+          @if (showMoveSubmenu) {
+            <button class="context-menu-item" (click)="closeMoveSubmenu($event)">
+              <i class="fas fa-chevron-left"></i>
+              <span>Move to Collection</span>
+            </button>
             <div class="context-menu-divider"></div>
-            <button class="context-menu-item context-menu-danger" (click)="onContextMenuAction('remove')">
-              <i class="fas fa-times-circle"></i>
-              <span>Remove from Collection</span>
+            @if (isLoadingMoveTargets) {
+              <div class="context-menu-note"><i class="fas fa-spinner fa-spin"></i> Loading…</div>
+            } @else if (moveTargets.length === 0) {
+              <div class="context-menu-note">No other collections</div>
+            } @else {
+              <div class="move-target-list">
+                @for (t of moveTargets; track t.collection.ID) {
+                  <button class="context-menu-item" [style.paddingLeft.px]="14 + t.depth * 12"
+                          (click)="moveArtifactToCollection(t.collection)">
+                    <i class="fas fa-folder" [style.color]="t.collection.Color || null"></i>
+                    <span>{{ t.collection.Name }}</span>
+                  </button>
+                }
+              </div>
+            }
+          } @else {
+            <button class="context-menu-item" (click)="onContextMenuAction('view')">
+              <i class="fas fa-eye"></i>
+              <span>View</span>
+            </button>
+            <button class="context-menu-item" (click)="onContextMenuAction('openConversation')">
+              <i class="fas fa-comments"></i>
+              <span>Open source conversation</span>
             </button>
+            @if (canEditCurrent()) {
+              <button class="context-menu-item" (click)="openMoveSubmenu($event)">
+                <i class="fas fa-folder-tree"></i>
+                <span>Move to Collection</span>
+                <i class="fas fa-chevron-right submenu-arrow"></i>
+              </button>
+              <div class="context-menu-divider"></div>
+              <button class="context-menu-item context-menu-danger" (click)="onContextMenuAction('remove')">
+                <i class="fas fa-times-circle"></i>
+                <span>Remove from Collection</span>
+              </button>
+            }
           }
         }
       </div>
@@ -2525,16 +3412,18 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
       (saved)="onPermissionsChanged()"
       (cancelled)="onShareModalCancelled()">
     </mj-collection-share-modal>
-    `, styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      min-height: 0;\n    }\n\n    /* Main container */\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\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 var(--mj-border-default);\n      gap: 16px;\n      background: var(--mj-bg-surface);\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: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: var(--mj-text-primary);\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: var(--mj-brand-primary);\n    }\n\n    .breadcrumb-link.active {\n      color: var(--mj-text-muted);\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: var(--mj-border-strong);\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: var(--mj-brand-primary);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-inverse);\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary:hover {\n      background: var(--mj-brand-primary-hover);\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 var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--mj-text-muted);\n      transition: all 150ms ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-icon:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-icon.active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n    }\n\n    .btn-icon.active:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\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: var(--mj-text-primary);\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: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-item:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .dropdown-item.active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .dropdown-item.active i {\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-divider {\n      height: 1px;\n      background: var(--mj-border-default);\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: var(--mj-text-disabled);\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 var(--mj-border-strong);\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: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .search-clear {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: var(--mj-text-disabled);\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: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .btn-toolbar:hover {\n      background: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-toolbar.btn-danger {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-toolbar.btn-danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n    }\n\n    /* Content area */\n    .collections-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\n    /* Loading and empty states */\n    .loading-state, .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-height: 0;\n      color: var(--mj-text-disabled);\n      text-align: center;\n      padding: 24px;\n    }\n\n    .empty-state > i {\n      font-size: 64px;\n      margin-bottom: 24px;\n      opacity: 0.3;\n      color: var(--mj-border-strong);\n    }\n\n    .empty-state h3 {\n      margin: 0 0 8px 0;\n      color: var(--mj-text-secondary);\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: var(--mj-text-muted);\n    }\n\n    .empty-state .empty-state-cta {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    /* Grid view */\n    .unified-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n      flex-shrink: 0;\n    }\n\n    .grid-item {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: var(--mj-bg-surface);\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: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-border-strong);\n    }\n\n    .grid-item.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n    }\n\n    .grid-item.active {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-warning);\n      box-shadow: 0 0 0 1px var(--mj-status-warning);\n    }\n\n    .grid-item.active:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-text-disabled);\n      transition: color 150ms ease;\n    }\n\n    .grid-item.selected .item-checkbox i,\n    .item-checkbox:hover i {\n      color: var(--mj-brand-primary);\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: var(--mj-brand-primary);\n    }\n\n    .grid-icon.folder-icon i {\n      font-size: 36px;\n      color: var(--mj-text-inverse);\n    }\n\n    .grid-icon.artifact-icon {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .grid-icon.artifact-icon i {\n      font-size: 32px;\n      color: var(--mj-text-muted);\n    }\n\n    .shared-badge {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    .shared-badge i {\n      font-size: 10px;\n      color: var(--mj-text-inverse);\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: var(--mj-text-primary);\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: var(--mj-text-muted);\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: var(--mj-text-muted);\n      margin-top: 4px;\n    }\n\n    .grid-owner {\n      font-size: 11px;\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      overflow: hidden;\n      flex-shrink: 0;\n    }\n\n    .list-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .list-table thead {\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-table th {\n      padding: 10px 16px;\n      text-align: left;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\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: var(--mj-brand-primary);\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 var(--mj-bg-surface-sunken);\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: var(--mj-bg-surface-sunken);\n    }\n\n    .list-table tbody tr.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-table tbody tr.active {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-warning);\n    }\n\n    .list-table tbody tr.active:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\n    }\n\n    .list-table td {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .col-checkbox {\n      width: 40px;\n      text-align: center;\n    }\n\n    .col-checkbox i {\n      font-size: 16px;\n      color: var(--mj-text-disabled);\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: var(--mj-brand-primary);\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: var(--mj-text-muted);\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell .fa-folder {\n      color: var(--mj-brand-primary);\n    }\n\n    .shared-indicator {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      margin-left: auto;\n    }\n\n    .col-type {\n      width: 150px;\n    }\n\n    .col-modified {\n      width: 180px;\n    }\n\n    .col-owner {\n      width: 150px;\n    }\n\n    /* Pagination */\n    .pagination-bar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 16px;\n      margin-top: 8px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      flex-shrink: 0;\n    }\n\n    .pagination-info {\n      white-space: nowrap;\n    }\n\n    .pagination-controls {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .pagination-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 32px;\n      height: 32px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 150ms ease;\n      font-size: 12px;\n    }\n\n    .pagination-btn:hover:not(:disabled) {\n      background: var(--mj-bg-surface-hover);\n      border-color: var(--mj-border-strong);\n      color: var(--mj-text-primary);\n    }\n\n    .pagination-btn:disabled {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    .pagination-page-info {\n      padding: 0 8px;\n      white-space: nowrap;\n      font-weight: 500;\n    }\n\n    /* Toolbar separator and action group */\n    .toolbar-separator {\n      width: 1px;\n      height: 24px;\n      background: var(--mj-border-strong);\n      margin: 0 4px;\n    }\n\n    .toolbar-actions-group {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .btn-icon-danger {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-icon-danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-error);\n      border-color: var(--mj-status-error);\n    }\n\n    /* Context menu */\n    .context-menu-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1999;\n    }\n\n    .context-menu {\n      position: fixed;\n      min-width: 180px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n      padding: 4px;\n      z-index: 2000;\n    }\n\n    .context-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: var(--mj-text-primary);\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .context-menu-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .context-menu-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .context-menu-danger {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger i {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .context-menu-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n  "] }]
+    `, styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      min-height: 0;\n    }\n\n    /* Main container */\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\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 var(--mj-border-default);\n      gap: 16px;\n      background: var(--mj-bg-surface);\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: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: var(--mj-text-primary);\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: var(--mj-brand-primary);\n    }\n\n    .breadcrumb-link.active {\n      color: var(--mj-text-muted);\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: var(--mj-border-strong);\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: var(--mj-brand-primary);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-inverse);\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .btn-primary:hover {\n      background: var(--mj-brand-primary-hover);\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 var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--mj-text-muted);\n      transition: all 150ms ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-icon:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-icon.active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n    }\n\n    .btn-icon.active:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\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: var(--mj-text-primary);\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: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-item:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .dropdown-item.active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .dropdown-item.active i {\n      color: var(--mj-brand-primary);\n    }\n\n    .dropdown-divider {\n      height: 1px;\n      background: var(--mj-border-default);\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: var(--mj-text-disabled);\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 var(--mj-border-strong);\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: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .search-clear {\n      position: absolute;\n      right: 6px;\n      padding: 4px;\n      background: transparent;\n      border: none;\n      color: var(--mj-text-disabled);\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: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .btn-toolbar:hover {\n      background: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .btn-toolbar.btn-danger {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-toolbar.btn-danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n    }\n\n    /* Content area */\n    .collections-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px;\n    }\n\n    /* Loading and empty states */\n    .loading-state, .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-height: 0;\n      color: var(--mj-text-disabled);\n      text-align: center;\n      padding: 24px;\n    }\n\n    .empty-state > i {\n      font-size: 64px;\n      margin-bottom: 24px;\n      opacity: 0.3;\n      color: var(--mj-border-strong);\n    }\n\n    .empty-state h3 {\n      margin: 0 0 8px 0;\n      color: var(--mj-text-secondary);\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: var(--mj-text-muted);\n    }\n\n    .empty-state .empty-state-cta {\n      padding: 10px 20px;\n      font-size: 14px;\n      border-radius: 8px;\n    }\n\n    .empty-state-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    /* Grid view */\n    .unified-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 16px;\n      padding: 4px;\n      flex-shrink: 0;\n    }\n\n    .grid-item {\n      display: flex;\n      flex-direction: column;\n      padding: 12px;\n      background: var(--mj-bg-surface);\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: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-border-strong);\n    }\n\n    .grid-item.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n    }\n\n    .grid-item.active {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-warning);\n      box-shadow: 0 0 0 1px var(--mj-status-warning);\n    }\n\n    .grid-item.active:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\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: var(--mj-text-disabled);\n      transition: color 150ms ease;\n    }\n\n    .grid-item.selected .item-checkbox i,\n    .item-checkbox:hover i {\n      color: var(--mj-brand-primary);\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: var(--mj-brand-primary);\n    }\n\n    .grid-icon.folder-icon i {\n      font-size: 36px;\n      color: var(--mj-text-inverse);\n    }\n\n    .grid-icon.artifact-icon {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .grid-icon.artifact-icon i {\n      font-size: 32px;\n      color: var(--mj-text-muted);\n    }\n\n    .shared-badge {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      width: 20px;\n      height: 20px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    .shared-badge i {\n      font-size: 10px;\n      color: var(--mj-text-inverse);\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: var(--mj-text-primary);\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: var(--mj-text-muted);\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: var(--mj-text-muted);\n      margin-top: 4px;\n    }\n\n    .grid-owner {\n      font-size: 11px;\n      color: var(--mj-text-muted);\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: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      overflow: hidden;\n      flex-shrink: 0;\n    }\n\n    .list-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .list-table thead {\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-table th {\n      padding: 10px 16px;\n      text-align: left;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\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: var(--mj-brand-primary);\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 var(--mj-bg-surface-sunken);\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: var(--mj-bg-surface-sunken);\n    }\n\n    .list-table tbody tr.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-table tbody tr.active {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-warning);\n    }\n\n    .list-table tbody tr.active:hover {\n      background: color-mix(in srgb, var(--mj-status-warning) 25%, var(--mj-bg-surface));\n    }\n\n    .list-table td {\n      padding: 12px 16px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .col-checkbox {\n      width: 40px;\n      text-align: center;\n    }\n\n    .col-checkbox i {\n      font-size: 16px;\n      color: var(--mj-text-disabled);\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: var(--mj-brand-primary);\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: var(--mj-text-muted);\n      width: 20px;\n      text-align: center;\n    }\n\n    .list-name-cell .fa-folder {\n      color: var(--mj-brand-primary);\n    }\n\n    .shared-indicator {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      margin-left: auto;\n    }\n\n    .col-type {\n      width: 150px;\n    }\n\n    .col-modified {\n      width: 180px;\n    }\n\n    .col-owner {\n      width: 150px;\n    }\n\n    /* Pagination */\n    .pagination-bar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 16px;\n      margin-top: 8px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      flex-shrink: 0;\n    }\n\n    .pagination-info {\n      white-space: nowrap;\n    }\n\n    .pagination-controls {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .pagination-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 32px;\n      height: 32px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 150ms ease;\n      font-size: 12px;\n    }\n\n    .pagination-btn:hover:not(:disabled) {\n      background: var(--mj-bg-surface-hover);\n      border-color: var(--mj-border-strong);\n      color: var(--mj-text-primary);\n    }\n\n    .pagination-btn:disabled {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    .pagination-page-info {\n      padding: 0 8px;\n      white-space: nowrap;\n      font-weight: 500;\n    }\n\n    /* Toolbar separator and action group */\n    .toolbar-separator {\n      width: 1px;\n      height: 24px;\n      background: var(--mj-border-strong);\n      margin: 0 4px;\n    }\n\n    .toolbar-actions-group {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .btn-icon-danger {\n      color: var(--mj-status-error);\n      border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n    }\n\n    .btn-icon-danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-error);\n      border-color: var(--mj-status-error);\n    }\n\n    /* Context menu */\n    .context-menu-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1999;\n    }\n\n    .context-menu {\n      position: fixed;\n      min-width: 180px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n      padding: 4px;\n      z-index: 2000;\n    }\n\n    .context-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 8px 12px;\n      background: transparent;\n      border: none;\n      border-radius: 4px;\n      color: var(--mj-text-primary);\n      font-size: 13px;\n      cursor: pointer;\n      text-align: left;\n      transition: background 100ms ease;\n    }\n\n    .context-menu-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .context-menu-item i {\n      font-size: 14px;\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .context-menu-danger {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger i {\n      color: var(--mj-status-error);\n    }\n\n    .context-menu-danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .context-menu-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n    .submenu-arrow {\n      margin-left: auto;\n      font-size: 10px;\n      opacity: 0.6;\n    }\n    .move-target-list {\n      max-height: 240px;\n      overflow-y: auto;\n    }\n    .context-menu-note {\n      padding: 8px 14px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    /* ===== Body: navigator pane + content (#6) ===== */\n    .collections-body {\n      flex: 1;\n      display: flex;\n      flex-direction: row;\n      min-height: 0;\n      overflow: hidden;\n    }\n    .collections-navigator {\n      width: 240px;\n      flex-shrink: 0;\n      border-right: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface);\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n    }\n    .nav-header {\n      padding: 12px 14px 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--mj-text-muted);\n    }\n    .nav-list { display: flex; flex-direction: column; padding: 0 6px 12px; gap: 1px; }\n    .nav-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      width: 100%;\n      padding: 7px 10px;\n      border: 1px solid transparent;\n      border-radius: 6px;\n      background: transparent;\n      color: var(--mj-text-secondary);\n      font-size: 13px;\n      text-align: left;\n      cursor: pointer;\n      transition: background 0.12s ease;\n    }\n    .nav-row:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n    .nav-row.active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n    .nav-row.drag-over {\n      background: color-mix(in srgb, var(--mj-brand-primary) 22%, transparent);\n      border-color: var(--mj-brand-primary);\n    }\n    .nav-row i { font-size: 13px; width: 16px; flex-shrink: 0; }\n    .nav-row-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .nav-toggle.active { color: var(--mj-brand-primary); }\n\n    /* ===== Drag-and-drop visuals (#1/#2) ===== */\n    .grid-item.dragging, .list-item.dragging { opacity: 0.4; }\n    .grid-item.drag-over {\n      border-color: var(--mj-brand-primary) !important;\n      background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface)) !important;\n    }\n    .list-item.drag-over td {\n      background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n      box-shadow: inset 0 0 0 1px var(--mj-brand-primary);\n    }\n    .breadcrumb-item.drag-over, .breadcrumb-link.drag-over {\n      background: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n      border-radius: 6px;\n      outline: 1px solid var(--mj-brand-primary);\n    }\n\n    /* Hover-reveal checkboxes (frictionless selection #4) */\n    .item-checkbox { opacity: 0; transition: opacity 150ms ease; }\n    .grid-item:hover .item-checkbox,\n    .grid-item.selected .item-checkbox,\n    .unified-grid.select-mode .item-checkbox { opacity: 1; }\n    .list-item .col-checkbox i { opacity: 0; transition: opacity 150ms ease; }\n    .list-item:hover .col-checkbox i,\n    .list-item.selected .col-checkbox i,\n    .unified-list.select-mode .col-checkbox i { opacity: 1; }\n    .list-item.selected .col-checkbox i { color: var(--mj-brand-primary); }\n\n    /* ===== Bulk \"Move to\u2026\" popover (#3) ===== */\n    .bulk-move-backdrop {\n      position: fixed; inset: 0; z-index: 1000;\n    }\n    .bulk-move-menu {\n      max-height: 320px;\n      overflow-y: auto;\n      z-index: 1001;\n    }\n    .dropdown-note { padding: 10px 14px; font-size: 12px; color: var(--mj-text-muted); }\n\n    /* ===== Staging shelf (#5) ===== */\n    .staging-shelf {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      padding: 10px 16px;\n      background: var(--mj-bg-surface);\n      border-top: 1px solid var(--mj-border-default);\n      box-shadow: 0 -2px 8px color-mix(in srgb, var(--mj-text-primary) 6%, transparent);\n    }\n    .shelf-info {\n      display: flex; align-items: center; gap: 8px;\n      font-weight: 600; font-size: 13px; color: var(--mj-text-primary);\n      flex-shrink: 0;\n    }\n    .shelf-info i { color: var(--mj-brand-primary); }\n    .shelf-chips {\n      flex: 1; min-width: 0;\n      display: flex; gap: 6px; overflow-x: auto; padding: 2px 0;\n    }\n    .shelf-chip {\n      display: inline-flex; align-items: center; gap: 6px;\n      padding: 4px 6px 4px 10px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 999px;\n      font-size: 12px; color: var(--mj-text-secondary);\n      flex-shrink: 0;\n    }\n    .shelf-chip-name { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .shelf-chip-x {\n      width: 18px; height: 18px; border: 0; background: transparent;\n      color: var(--mj-text-muted); cursor: pointer; border-radius: 50%;\n      display: flex; align-items: center; justify-content: center; font-size: 10px;\n    }\n    .shelf-chip-x:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n    .shelf-actions { display: flex; gap: 8px; flex-shrink: 0; }\n    .btn-toolbar.btn-primary-toolbar {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border-color: var(--mj-brand-primary);\n    }\n    .btn-toolbar.btn-primary-toolbar:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .btn-toolbar:disabled { opacity: 0.5; cursor: not-allowed; }\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
+        }], openConversationRequested: [{
+            type: Output
         }], onEscapeKey: [{
             type: HostListener,
             args: ['document:keydown.escape']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1445 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsFullViewComponent, { className: "CollectionsFullViewComponent", filePath: "src/lib/components/collection/collections-full-view.component.ts", lineNumber: 1746 }); })();
 //# sourceMappingURL=collections-full-view.component.js.map