@memberjunction/ng-conversations 6.1.4 → 6.2.0-edge.1

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

@@ -931,97 +931,409 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     permissionService;
     artifactIconService;
     cdr;
-    environmentId;
-    currentUser;
-    collectionNavigated = new EventEmitter();
+    EnvironmentId;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value) {
+        this.EnvironmentId = value;
+    }
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId() {
+        return this.EnvironmentId;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    CollectionNavigated = new EventEmitter();
+    /**
+     * @deprecated Use {@link CollectionNavigated}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (collectionNavigated) keeps working. Must stay AFTER CollectionNavigated: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    collectionNavigated = this.CollectionNavigated;
     /** Emitted when the user asks to open the conversation an artifact was produced in. */
-    openConversationRequested = new EventEmitter();
-    collections = [];
-    artifactVersions = [];
-    filteredCollections = [];
-    filteredArtifactVersions = [];
+    OpenConversationRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenConversationRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openConversationRequested) keeps working. Must stay AFTER OpenConversationRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openConversationRequested = this.OpenConversationRequested;
+    Collections = [];
+    /** @deprecated Use {@link Collections}. */
+    get collections() {
+        return this.Collections;
+    }
+    /** @deprecated Use {@link Collections}. */
+    set collections(value) {
+        this.Collections = value;
+    }
+    ArtifactVersions = [];
+    /** @deprecated Use {@link ArtifactVersions}. */
+    get artifactVersions() {
+        return this.ArtifactVersions;
+    }
+    /** @deprecated Use {@link ArtifactVersions}. */
+    set artifactVersions(value) {
+        this.ArtifactVersions = value;
+    }
+    FilteredCollections = [];
+    /** @deprecated Use {@link FilteredCollections}. */
+    get filteredCollections() {
+        return this.FilteredCollections;
+    }
+    /** @deprecated Use {@link FilteredCollections}. */
+    set filteredCollections(value) {
+        this.FilteredCollections = value;
+    }
+    FilteredArtifactVersions = [];
+    /** @deprecated Use {@link FilteredArtifactVersions}. */
+    get filteredArtifactVersions() {
+        return this.FilteredArtifactVersions;
+    }
+    /** @deprecated Use {@link FilteredArtifactVersions}. */
+    set filteredArtifactVersions(value) {
+        this.FilteredArtifactVersions = value;
+    }
     isLoading = false;
-    breadcrumbs = [];
-    currentCollectionId = null;
-    currentCollection = null;
-    isFormModalOpen = false;
-    editingCollection;
-    isArtifactModalOpen = false;
-    userPermissions = new Map();
-    isShareModalOpen = false;
-    sharingCollection = null;
+    Breadcrumbs = [];
+    /** @deprecated Use {@link Breadcrumbs}. */
+    get breadcrumbs() {
+        return this.Breadcrumbs;
+    }
+    /** @deprecated Use {@link Breadcrumbs}. */
+    set breadcrumbs(value) {
+        this.Breadcrumbs = value;
+    }
+    CurrentCollectionId = null;
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    get currentCollectionId() {
+        return this.CurrentCollectionId;
+    }
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    set currentCollectionId(value) {
+        this.CurrentCollectionId = value;
+    }
+    CurrentCollection = null;
+    /** @deprecated Use {@link CurrentCollection}. */
+    get currentCollection() {
+        return this.CurrentCollection;
+    }
+    /** @deprecated Use {@link CurrentCollection}. */
+    set currentCollection(value) {
+        this.CurrentCollection = value;
+    }
+    IsFormModalOpen = false;
+    /** @deprecated Use {@link IsFormModalOpen}. */
+    get isFormModalOpen() {
+        return this.IsFormModalOpen;
+    }
+    /** @deprecated Use {@link IsFormModalOpen}. */
+    set isFormModalOpen(value) {
+        this.IsFormModalOpen = value;
+    }
+    editingCollection; // case-violation-ok-legacy-back-compat: an accessor cannot be optional, so a stub would turn this into a required member
+    IsArtifactModalOpen = false;
+    /** @deprecated Use {@link IsArtifactModalOpen}. */
+    get isArtifactModalOpen() {
+        return this.IsArtifactModalOpen;
+    }
+    /** @deprecated Use {@link IsArtifactModalOpen}. */
+    set isArtifactModalOpen(value) {
+        this.IsArtifactModalOpen = value;
+    }
+    UserPermissions = new Map();
+    /** @deprecated Use {@link UserPermissions}. */
+    get userPermissions() {
+        return this.UserPermissions;
+    }
+    /** @deprecated Use {@link UserPermissions}. */
+    set userPermissions(value) {
+        this.UserPermissions = value;
+    }
+    IsShareModalOpen = false;
+    /** @deprecated Use {@link IsShareModalOpen}. */
+    get isShareModalOpen() {
+        return this.IsShareModalOpen;
+    }
+    /** @deprecated Use {@link IsShareModalOpen}. */
+    set isShareModalOpen(value) {
+        this.IsShareModalOpen = value;
+    }
+    SharingCollection = null;
+    /** @deprecated Use {@link SharingCollection}. */
+    get sharingCollection() {
+        return this.SharingCollection;
+    }
+    /** @deprecated Use {@link SharingCollection}. */
+    set sharingCollection(value) {
+        this.SharingCollection = value;
+    }
     // New UI state for Mac Finder-style view
-    viewMode = 'grid';
-    sortBy = 'name';
-    sortOrder = 'asc';
-    searchQuery = '';
+    ViewMode = 'grid';
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode() {
+        return this.ViewMode;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value) {
+        this.ViewMode = value;
+    }
+    SortBy = 'name';
+    /** @deprecated Use {@link SortBy}. */
+    get sortBy() {
+        return this.SortBy;
+    }
+    /** @deprecated Use {@link SortBy}. */
+    set sortBy(value) {
+        this.SortBy = value;
+    }
+    SortOrder = 'asc';
+    /** @deprecated Use {@link SortOrder}. */
+    get sortOrder() {
+        return this.SortOrder;
+    }
+    /** @deprecated Use {@link SortOrder}. */
+    set sortOrder(value) {
+        this.SortOrder = value;
+    }
+    SearchQuery = '';
+    /** @deprecated Use {@link SearchQuery}. */
+    get searchQuery() {
+        return this.SearchQuery;
+    }
+    /** @deprecated Use {@link SearchQuery}. */
+    set searchQuery(value) {
+        this.SearchQuery = value;
+    }
     /** Empty-state heading — varies by search / root / inside-collection context. */
     get EmptyStateTitle() {
-        if (this.searchQuery)
+        if (this.SearchQuery)
             return 'No items found';
-        if (!this.currentCollectionId)
+        if (!this.CurrentCollectionId)
             return 'No collections yet';
         return 'This collection is empty';
     }
     /** Empty-state supporting message (the rich inside-collection hint is projected, not bound here). */
     get EmptyStateMessage() {
-        if (this.searchQuery)
+        if (this.SearchQuery)
             return 'Try adjusting your search';
-        if (!this.currentCollectionId)
+        if (!this.CurrentCollectionId)
             return 'Create your first collection to get started';
         return '';
     }
-    unifiedItems = [];
-    selectedItems = new Set();
-    showNewDropdown = false;
-    showSortDropdown = false;
-    activeArtifactId = null; // Track which artifact is currently being viewed
+    UnifiedItems = [];
+    /** @deprecated Use {@link UnifiedItems}. */
+    get unifiedItems() {
+        return this.UnifiedItems;
+    }
+    /** @deprecated Use {@link UnifiedItems}. */
+    set unifiedItems(value) {
+        this.UnifiedItems = value;
+    }
+    SelectedItems = new Set();
+    /** @deprecated Use {@link SelectedItems}. */
+    get selectedItems() {
+        return this.SelectedItems;
+    }
+    /** @deprecated Use {@link SelectedItems}. */
+    set selectedItems(value) {
+        this.SelectedItems = value;
+    }
+    ShowNewDropdown = false;
+    /** @deprecated Use {@link ShowNewDropdown}. */
+    get showNewDropdown() {
+        return this.ShowNewDropdown;
+    }
+    /** @deprecated Use {@link ShowNewDropdown}. */
+    set showNewDropdown(value) {
+        this.ShowNewDropdown = value;
+    }
+    ShowSortDropdown = false;
+    /** @deprecated Use {@link ShowSortDropdown}. */
+    get showSortDropdown() {
+        return this.ShowSortDropdown;
+    }
+    /** @deprecated Use {@link ShowSortDropdown}. */
+    set showSortDropdown(value) {
+        this.ShowSortDropdown = value;
+    }
+    ActiveArtifactId = null;
+    /** @deprecated Use {@link ActiveArtifactId}. */
+    get activeArtifactId() {
+        return this.ActiveArtifactId;
+    }
+    /** @deprecated Use {@link ActiveArtifactId}. */
+    set activeArtifactId(value) {
+        this.ActiveArtifactId = value;
+    } // Track which artifact is currently being viewed
     itemCountMap = new Map();
     /** Normalized OwnerID → friendly display name (FirstName LastName when available, else Users.Name) */
     ownerNameMap = new Map();
-    isSelectMode = false; // Toggle for selection mode
+    IsSelectMode = false;
+    /** @deprecated Use {@link IsSelectMode}. */
+    get isSelectMode() {
+        return this.IsSelectMode;
+    }
+    /** @deprecated Use {@link IsSelectMode}. */
+    set isSelectMode(value) {
+        this.IsSelectMode = value;
+    } // Toggle for selection mode
     // Pagination state
     PageSize = 50;
     CurrentPage = 1;
     /** Total number of pages based on current items and page size */
     get TotalPages() {
-        return Math.max(1, Math.ceil(this.unifiedItems.length / this.PageSize));
+        return Math.max(1, Math.ceil(this.UnifiedItems.length / this.PageSize));
     }
     /** Items for the current page */
     get PagedItems() {
         const start = (this.CurrentPage - 1) * this.PageSize;
-        return this.unifiedItems.slice(start, start + this.PageSize);
+        return this.UnifiedItems.slice(start, start + this.PageSize);
     }
     /** Navigate to a specific page */
     GoToPage(page) {
         this.CurrentPage = Math.max(1, Math.min(page, this.TotalPages));
     }
     IsArtifactActive(item) {
-        return UUIDsEqual(item.artifact?.ID, this.activeArtifactId);
+        return UUIDsEqual(item.artifact?.ID, this.ActiveArtifactId);
     }
     // Context menu state
-    showContextMenu = false;
-    contextMenuPosition = { x: 0, y: 0 };
-    contextMenuItem = null;
+    ShowContextMenu = false;
+    /** @deprecated Use {@link ShowContextMenu}. */
+    get showContextMenu() {
+        return this.ShowContextMenu;
+    }
+    /** @deprecated Use {@link ShowContextMenu}. */
+    set showContextMenu(value) {
+        this.ShowContextMenu = value;
+    }
+    ContextMenuPosition = { x: 0, y: 0 };
+    /** @deprecated Use {@link ContextMenuPosition}. */
+    get contextMenuPosition() {
+        return this.ContextMenuPosition;
+    }
+    /** @deprecated Use {@link ContextMenuPosition}. */
+    set contextMenuPosition(value) {
+        this.ContextMenuPosition = value;
+    }
+    ContextMenuItem = null;
+    /** @deprecated Use {@link ContextMenuItem}. */
+    get contextMenuItem() {
+        return this.ContextMenuItem;
+    }
+    /** @deprecated Use {@link ContextMenuItem}. */
+    set contextMenuItem(value) {
+        this.ContextMenuItem = value;
+    }
     /** "Move to Collection" submenu state (within the artifact context menu). */
-    showMoveSubmenu = false;
-    isLoadingMoveTargets = false;
-    moveTargets = [];
+    ShowMoveSubmenu = false;
+    /** @deprecated Use {@link ShowMoveSubmenu}. */
+    get showMoveSubmenu() {
+        return this.ShowMoveSubmenu;
+    }
+    /** @deprecated Use {@link ShowMoveSubmenu}. */
+    set showMoveSubmenu(value) {
+        this.ShowMoveSubmenu = value;
+    }
+    IsLoadingMoveTargets = false;
+    /** @deprecated Use {@link IsLoadingMoveTargets}. */
+    get isLoadingMoveTargets() {
+        return this.IsLoadingMoveTargets;
+    }
+    /** @deprecated Use {@link IsLoadingMoveTargets}. */
+    set isLoadingMoveTargets(value) {
+        this.IsLoadingMoveTargets = value;
+    }
+    MoveTargets = [];
+    /** @deprecated Use {@link MoveTargets}. */
+    get moveTargets() {
+        return this.MoveTargets;
+    }
+    /** @deprecated Use {@link MoveTargets}. */
+    set moveTargets(value) {
+        this.MoveTargets = value;
+    }
     /** 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 = [];
+    DraggedItemIds = [];
+    /** @deprecated Use {@link DraggedItemIds}. */
+    get draggedItemIds() {
+        return this.DraggedItemIds;
+    }
+    /** @deprecated Use {@link DraggedItemIds}. */
+    set draggedItemIds(value) {
+        this.DraggedItemIds = value;
+    }
     /** Tag of the current drop target for highlight: item id, 'root', 'crumb:<id>', or 'nav:<id>'. */
-    dragOverTargetId = null;
+    DragOverTargetId = null;
+    /** @deprecated Use {@link DragOverTargetId}. */
+    get dragOverTargetId() {
+        return this.DragOverTargetId;
+    }
+    /** @deprecated Use {@link DragOverTargetId}. */
+    set dragOverTargetId(value) {
+        this.DragOverTargetId = value;
+    }
     /** Bulk "Move to…" popover (selection toolbar). */
-    showBulkMovePopover = false;
+    ShowBulkMovePopover = false;
+    /** @deprecated Use {@link ShowBulkMovePopover}. */
+    get showBulkMovePopover() {
+        return this.ShowBulkMovePopover;
+    }
+    /** @deprecated Use {@link ShowBulkMovePopover}. */
+    set showBulkMovePopover(value) {
+        this.ShowBulkMovePopover = value;
+    }
     /** All accessible collections (navigator pane + move targets + folder-cycle checks). */
-    allCollections = [];
+    AllCollections = [];
+    /** @deprecated Use {@link AllCollections}. */
+    get allCollections() {
+        return this.AllCollections;
+    }
+    /** @deprecated Use {@link AllCollections}. */
+    set allCollections(value) {
+        this.AllCollections = value;
+    }
     allCollectionsById = new Map();
-    navigatorNodes = [];
-    showNavigator = true;
+    NavigatorNodes = [];
+    /** @deprecated Use {@link NavigatorNodes}. */
+    get navigatorNodes() {
+        return this.NavigatorNodes;
+    }
+    /** @deprecated Use {@link NavigatorNodes}. */
+    set navigatorNodes(value) {
+        this.NavigatorNodes = value;
+    }
+    ShowNavigator = true;
+    /** @deprecated Use {@link ShowNavigator}. */
+    get showNavigator() {
+        return this.ShowNavigator;
+    }
+    /** @deprecated Use {@link ShowNavigator}. */
+    set showNavigator(value) {
+        this.ShowNavigator = value;
+    }
     /** Staging shelf: items held across navigation, then dropped into a destination collection. */
-    shelf = [];
+    Shelf = [];
+    /** @deprecated Use {@link Shelf}. */
+    get shelf() {
+        return this.Shelf;
+    }
+    /** @deprecated Use {@link Shelf}. */
+    set shelf(value) {
+        this.Shelf = value;
+    }
     destroy$ = new Subject();
     isNavigatingProgrammatically = false;
     constructor(dialogService, artifactState, collectionState, permissionService, artifactIconService, cdr) {
@@ -1044,13 +1356,13 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         // 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();
+        void this.LoadAllCollections();
         // Check if there's an active collection from URL params (set by parent component)
         const activeCollectionId = this.collectionState.activeCollectionId;
         if (activeCollectionId) {
             // If there's an active collection, navigate to it (which will call loadData)
             console.log('📁 Initial load with active collection:', activeCollectionId);
-            this.navigateToCollectionById(activeCollectionId);
+            this.NavigateToCollectionById(activeCollectionId);
         }
         else {
             // Otherwise, just load the root level
@@ -1075,14 +1387,14 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             }
             // Only navigate if the state is different from our current state
             // This prevents double-loading during initialization
-            if (collectionId !== this.currentCollectionId) {
+            if (collectionId !== this.CurrentCollectionId) {
                 if (collectionId) {
                     console.log('📁 Collection state changed externally, navigating to:', collectionId);
-                    this.navigateToCollectionById(collectionId);
+                    this.NavigateToCollectionById(collectionId);
                 }
                 else {
                     console.log('📁 Collection state cleared externally, navigating to root');
-                    this.navigateToRoot();
+                    this.NavigateToRoot();
                 }
             }
         });
@@ -1095,13 +1407,13 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             .pipe(takeUntil(this.destroy$))
             .subscribe(artifact => {
             // Update active artifact ID for highlighting
-            this.activeArtifactId = artifact?.ID || null;
+            this.ActiveArtifactId = artifact?.ID || null;
         });
     }
     async loadData() {
         // Only show loading spinner if we don't have data yet
         // This prevents flash of loading when navigating between collections
-        const hasData = this.collections.length > 0 || this.unifiedItems.length > 0;
+        const hasData = this.Collections.length > 0 || this.UnifiedItems.length > 0;
         if (!hasData) {
             this.isLoading = true;
         }
@@ -1109,15 +1421,15 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             // Load saved view preferences from localStorage
             const savedMode = localStorage.getItem('collections-view-mode');
             if (savedMode === 'grid' || savedMode === 'list') {
-                this.viewMode = savedMode;
+                this.ViewMode = savedMode;
             }
             const savedSortBy = localStorage.getItem('collections-sort-by');
             if (savedSortBy === 'name' || savedSortBy === 'date' || savedSortBy === 'type') {
-                this.sortBy = savedSortBy;
+                this.SortBy = savedSortBy;
             }
             const savedSortOrder = localStorage.getItem('collections-sort-order');
             if (savedSortOrder === 'asc' || savedSortOrder === 'desc') {
-                this.sortOrder = savedSortOrder;
+                this.SortOrder = savedSortOrder;
             }
             await Promise.all([
                 this.loadCollections(),
@@ -1136,14 +1448,14 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             // Load collections where user is owner OR has permissions
-            const ownerFilter = `OwnerID='${this.currentUser.ID}'`;
+            const ownerFilter = `OwnerID='${this.CurrentUser.ID}'`;
             const permissionSubquery = `ID IN (
         SELECT CollectionID
         FROM [__mj].[vwCollectionPermissions]
-        WHERE UserID='${this.currentUser.ID}'
+        WHERE UserID='${this.CurrentUser.ID}'
       )`;
-            const baseFilter = `EnvironmentID='${this.environmentId}'` +
-                (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');
+            const baseFilter = `EnvironmentID='${this.EnvironmentId}'` +
+                (this.CurrentCollectionId ? ` AND ParentID='${this.CurrentCollectionId}'` : ' AND ParentID IS NULL');
             const filter = `${baseFilter} AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
             const result = await rv.RunView({
                 EntityName: 'MJ: Collections',
@@ -1152,15 +1464,15 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 MaxRows: 1000,
                 ResultType: 'entity_object',
                 BypassCache: bypassCache
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (result.Success) {
-                this.collections = result.Results || [];
+                this.Collections = result.Results || [];
                 await Promise.all([
                     this.loadUserPermissions(),
                     this.loadItemCounts(bypassCache),
                     this.loadOwnerNames()
                 ]);
-                this.filteredCollections = [...this.collections];
+                this.FilteredCollections = [...this.Collections];
             }
         }
         catch (error) {
@@ -1174,9 +1486,9 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
      */
     async loadItemCounts(bypassCache = false) {
         this.itemCountMap.clear();
-        if (this.collections.length === 0)
+        if (this.Collections.length === 0)
             return;
-        const collectionIds = this.collections.map(c => c.ID);
+        const collectionIds = this.Collections.map(c => c.ID);
         const inClause = collectionIds.map(id => `'${id}'`).join(',');
         const rv = RunView.FromMetadataProvider(this.ProviderToUse);
         const [childResult, artifactResult] = await rv.RunViews([
@@ -1194,7 +1506,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 ResultType: 'simple',
                 BypassCache: bypassCache
             }
-        ], this.currentUser);
+        ], this.CurrentUser);
         // Count children per parent
         if (childResult.Success && childResult.Results) {
             for (const child of childResult.Results) {
@@ -1219,7 +1531,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         // Clear up front so a failed reload falls back to denormalized names
         // instead of serving a previous run's stale entries
         this.ownerNameMap.clear();
-        const ownerIds = [...new Set(this.collections
+        const ownerIds = [...new Set(this.Collections
                 .filter(c => c.OwnerID)
                 .map(c => NormalizeUUID(c.OwnerID)))];
         if (ownerIds.length === 0)
@@ -1231,7 +1543,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 ExtraFilter: `ID IN (${ownerIds.map(id => `'${id}'`).join(',')})`,
                 Fields: ['ID', 'Name', 'FirstName', 'LastName'],
                 ResultType: 'simple'
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (result.Success) {
                 for (const user of result.Results || []) {
                     const friendly = [user.FirstName, user.LastName].filter(Boolean).join(' ').trim();
@@ -1253,49 +1565,49 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         return collection.Owner || undefined;
     }
     async loadUserPermissions() {
-        this.userPermissions.clear();
-        for (const collection of this.collections) {
-            const permission = await this.permissionService.checkPermission(collection.ID, this.currentUser.ID, this.currentUser);
+        this.UserPermissions.clear();
+        for (const collection of this.Collections) {
+            const permission = await this.permissionService.checkPermission(collection.ID, this.CurrentUser.ID, this.CurrentUser);
             if (permission) {
-                this.userPermissions.set(collection.ID, permission);
+                this.UserPermissions.set(collection.ID, permission);
             }
         }
     }
     async loadCurrentCollectionPermission() {
-        if (!this.currentCollectionId || !this.currentCollection) {
+        if (!this.CurrentCollectionId || !this.CurrentCollection) {
             return;
         }
-        const permission = await this.permissionService.checkPermission(this.currentCollectionId, this.currentUser.ID, this.currentUser);
+        const permission = await this.permissionService.checkPermission(this.CurrentCollectionId, this.CurrentUser.ID, this.CurrentUser);
         if (permission) {
-            this.userPermissions.set(this.currentCollectionId, permission);
+            this.UserPermissions.set(this.CurrentCollectionId, permission);
         }
     }
     async loadArtifacts(bypassCache = false) {
-        if (!this.currentCollectionId) {
-            this.artifactVersions = [];
-            this.filteredArtifactVersions = [];
+        if (!this.CurrentCollectionId) {
+            this.ArtifactVersions = [];
+            this.FilteredArtifactVersions = [];
             return;
         }
         try {
-            this.artifactVersions = await this.artifactState.loadArtifactVersionsForCollection(this.currentCollectionId, this.currentUser, bypassCache);
-            this.filteredArtifactVersions = [...this.artifactVersions];
+            this.ArtifactVersions = await this.artifactState.loadArtifactVersionsForCollection(this.CurrentCollectionId, this.CurrentUser, bypassCache);
+            this.FilteredArtifactVersions = [...this.ArtifactVersions];
         }
         catch (error) {
             console.error('Failed to load artifact versions:', error);
         }
     }
-    async openCollection(collection) {
+    async OpenCollection(collection) {
         this.isNavigatingProgrammatically = true;
         try {
-            this.breadcrumbs.push({ id: collection.ID, name: collection.Name });
-            this.currentCollectionId = collection.ID;
-            this.currentCollection = collection;
-            this.activeArtifactId = null; // Clear active artifact when switching collections
+            this.Breadcrumbs.push({ id: collection.ID, name: collection.Name });
+            this.CurrentCollectionId = collection.ID;
+            this.CurrentCollection = collection;
+            this.ActiveArtifactId = null; // Clear active artifact when switching collections
             await this.loadData();
             // Update state service
             this.collectionState.setActiveCollection(collection.ID);
             // Close any open artifact when switching collections
-            this.collectionNavigated.emit({
+            this.CollectionNavigated.emit({
                 collectionId: collection.ID,
                 versionId: null
             });
@@ -1304,22 +1616,26 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             this.isNavigatingProgrammatically = false;
         }
     }
-    async navigateTo(crumb) {
+    /** @deprecated Use {@link OpenCollection}. */
+    async openCollection(collection) {
+        return this.OpenCollection(collection);
+    }
+    async NavigateTo(crumb) {
         this.isNavigatingProgrammatically = true;
         try {
-            const index = this.breadcrumbs.findIndex(b => b.id === crumb.id);
+            const index = this.Breadcrumbs.findIndex(b => b.id === crumb.id);
             if (index !== -1) {
-                this.breadcrumbs = this.breadcrumbs.slice(0, index + 1);
-                this.currentCollectionId = crumb.id;
+                this.Breadcrumbs = this.Breadcrumbs.slice(0, index + 1);
+                this.CurrentCollectionId = crumb.id;
                 // Load the collection entity
                 const md = this.ProviderToUse;
-                this.currentCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
-                await this.currentCollection.Load(crumb.id);
+                this.CurrentCollection = await md.GetEntityObject('MJ: Collections', this.CurrentUser);
+                await this.CurrentCollection.Load(crumb.id);
                 await this.loadData();
                 // Update state service
                 this.collectionState.setActiveCollection(crumb.id);
                 // Close any open artifact when navigating collections
-                this.collectionNavigated.emit({
+                this.CollectionNavigated.emit({
                     collectionId: crumb.id,
                     versionId: null
                 });
@@ -1329,17 +1645,21 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             this.isNavigatingProgrammatically = false;
         }
     }
-    async navigateToRoot() {
+    /** @deprecated Use {@link NavigateTo}. */
+    async navigateTo(crumb) {
+        return this.NavigateTo(crumb);
+    }
+    async NavigateToRoot() {
         this.isNavigatingProgrammatically = true;
         try {
-            this.breadcrumbs = [];
-            this.currentCollectionId = null;
-            this.currentCollection = null;
+            this.Breadcrumbs = [];
+            this.CurrentCollectionId = null;
+            this.CurrentCollection = null;
             await this.loadData();
             // Update state service
             this.collectionState.setActiveCollection(null);
             // Close any open artifact when navigating to root
-            this.collectionNavigated.emit({
+            this.CollectionNavigated.emit({
                 collectionId: null,
                 versionId: null
             });
@@ -1348,11 +1668,15 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             this.isNavigatingProgrammatically = false;
         }
     }
+    /** @deprecated Use {@link NavigateToRoot}. */
+    async navigateToRoot() {
+        return this.NavigateToRoot();
+    }
     /**
      * Update a breadcrumb entry's name in place (e.g., after rename)
      */
     updateBreadcrumbName(collectionId, newName) {
-        const crumb = this.breadcrumbs.find(b => UUIDsEqual(b.id, collectionId));
+        const crumb = this.Breadcrumbs.find(b => UUIDsEqual(b.id, collectionId));
         if (crumb) {
             crumb.name = newName;
         }
@@ -1361,13 +1685,13 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
      * Navigate to a collection by ID, building the breadcrumb trail
      * Used for deep linking from search results or URL parameters
      */
-    async navigateToCollectionById(collectionId) {
+    async NavigateToCollectionById(collectionId) {
         this.isNavigatingProgrammatically = true;
         try {
             console.log('📁 Navigating to collection by ID:', collectionId);
             // Load the target collection
             const md = this.ProviderToUse;
-            const targetCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+            const targetCollection = await md.GetEntityObject('MJ: Collections', this.CurrentUser);
             await targetCollection.Load(collectionId);
             if (!targetCollection || !targetCollection.ID) {
                 console.error('❌ Failed to load collection:', collectionId);
@@ -1378,7 +1702,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             const trail = [];
             let currentId = targetCollection.ParentID;
             while (currentId) {
-                const parentCollection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+                const parentCollection = await md.GetEntityObject('MJ: Collections', this.CurrentUser);
                 await parentCollection.Load(currentId);
                 if (parentCollection && parentCollection.ID) {
                     // Add to front of trail (we're working backwards)
@@ -1398,9 +1722,9 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 name: targetCollection.Name
             });
             // Update component state
-            this.breadcrumbs = trail;
-            this.currentCollectionId = targetCollection.ID;
-            this.currentCollection = targetCollection;
+            this.Breadcrumbs = trail;
+            this.CurrentCollectionId = targetCollection.ID;
+            this.CurrentCollection = targetCollection;
             // Load collections and artifacts for this collection
             await this.loadData();
             // Update state service
@@ -1408,7 +1732,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             // Emit navigation event
             // NOTE: We don't emit artifactId here because this is for deep linking/programmatic navigation
             // Artifact state is managed separately by the artifact state service
-            this.collectionNavigated.emit({
+            this.CollectionNavigated.emit({
                 collectionId: targetCollection.ID
             });
             console.log('✅ Successfully navigated to collection with breadcrumb trail:', trail);
@@ -1420,28 +1744,44 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             this.isNavigatingProgrammatically = false;
         }
     }
-    refresh() {
+    /** @deprecated Use {@link NavigateToCollectionById}. */
+    async navigateToCollectionById(collectionId) {
+        return this.NavigateToCollectionById(collectionId);
+    }
+    Refresh() {
         this.loadData();
     }
-    async createCollection() {
+    /** @deprecated Use {@link Refresh}. */
+    refresh() {
+        return this.Refresh();
+    }
+    async CreateCollection() {
         // Validate user can edit current collection (or at root level)
-        if (this.currentCollection) {
-            const canEdit = await this.validatePermission(this.currentCollection, 'edit');
+        if (this.CurrentCollection) {
+            const canEdit = await this.validatePermission(this.CurrentCollection, 'edit');
             if (!canEdit)
                 return;
         }
-        this.showNewDropdown = false;
+        this.ShowNewDropdown = false;
         this.editingCollection = undefined;
-        this.isFormModalOpen = true;
+        this.IsFormModalOpen = true;
     }
-    async editCollection(collection) {
+    /** @deprecated Use {@link CreateCollection}. */
+    async createCollection() {
+        return this.CreateCollection();
+    }
+    async EditCollection(collection) {
         const canEdit = await this.validatePermission(collection, 'edit');
         if (!canEdit)
             return;
         this.editingCollection = collection;
-        this.isFormModalOpen = true;
+        this.IsFormModalOpen = true;
     }
-    async deleteCollection(collection) {
+    /** @deprecated Use {@link EditCollection}. */
+    async editCollection(collection) {
+        return this.EditCollection(collection);
+    }
+    async DeleteCollection(collection) {
         console.log('deleteCollection called for:', collection.Name, collection.ID);
         // Validate user has delete permission
         const canDelete = await this.validatePermission(collection, 'delete');
@@ -1460,7 +1800,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 console.log('Attempting to delete collection and all children...');
                 await this.deleteCollectionRecursive(collection.ID);
                 await this.loadCollections(true);
-                await this.loadAllCollections(true);
+                await this.LoadAllCollections(true);
             }
             catch (error) {
                 console.error('Error deleting collection:', error);
@@ -1468,6 +1808,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             }
         }
     }
+    /** @deprecated Use {@link DeleteCollection}. */
+    async deleteCollection(collection) {
+        return this.DeleteCollection(collection);
+    }
     async deleteCollectionRecursive(collectionId) {
         const rv = RunView.FromMetadataProvider(this.ProviderToUse);
         // Step 1: Find and delete all child collections recursively
@@ -1476,21 +1820,21 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             ExtraFilter: `ParentID='${collectionId}'`,
             MaxRows: 1000,
             ResultType: 'entity_object'
-        }, this.currentUser);
+        }, this.CurrentUser);
         if (childrenResult.Success && childrenResult.Results) {
             for (const child of childrenResult.Results) {
                 await this.deleteCollectionRecursive(child.ID);
             }
         }
         // Step 2: Delete all permissions for this collection
-        await this.permissionService.deleteAllPermissions(collectionId, this.currentUser);
+        await this.permissionService.deleteAllPermissions(collectionId, this.CurrentUser);
         // Step 3: Delete all artifact links for this collection
         const artifactsResult = await rv.RunView({
             EntityName: 'MJ: Collection Artifacts',
             ExtraFilter: `CollectionID='${collectionId}'`,
             MaxRows: 1000,
             ResultType: 'entity_object'
-        }, this.currentUser);
+        }, this.CurrentUser);
         if (artifactsResult.Success && artifactsResult.Results) {
             for (const ca of artifactsResult.Results) {
                 await ca.Delete();
@@ -1498,57 +1842,77 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         }
         // Step 4: Delete the collection itself
         const md = this.ProviderToUse;
-        const collection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+        const collection = await md.GetEntityObject('MJ: Collections', this.CurrentUser);
         await collection.Load(collectionId);
         const deleted = await collection.Delete();
         if (!deleted) {
             throw new Error(`Failed to delete collection: ${collection.LatestResult?.Message || 'Unknown error'}`);
         }
     }
-    async onCollectionSaved(collection) {
-        this.isFormModalOpen = false;
+    async OnCollectionSaved(collection) {
+        this.IsFormModalOpen = false;
         this.editingCollection = undefined;
         await this.loadCollections(true);
-        await this.loadAllCollections(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
         this.updateBreadcrumbName(collection.ID, collection.Name);
-        if (this.currentCollection && UUIDsEqual(this.currentCollection.ID, collection.ID)) {
-            this.currentCollection = collection;
+        if (this.CurrentCollection && UUIDsEqual(this.CurrentCollection.ID, collection.ID)) {
+            this.CurrentCollection = collection;
         }
         // Rebuild unified list to show new collection
         this.buildUnifiedItemList();
         this.cdr.detectChanges();
     }
-    onFormCancelled() {
-        this.isFormModalOpen = false;
+    /** @deprecated Use {@link OnCollectionSaved}. */
+    async onCollectionSaved(collection) {
+        return this.OnCollectionSaved(collection);
+    }
+    OnFormCancelled() {
+        this.IsFormModalOpen = false;
         this.editingCollection = undefined;
     }
-    async addArtifact() {
+    /** @deprecated Use {@link OnFormCancelled}. */
+    onFormCancelled() {
+        return this.OnFormCancelled();
+    }
+    async AddArtifact() {
         // Validate user can edit current collection
-        if (this.currentCollection) {
-            const canEdit = await this.validatePermission(this.currentCollection, 'edit');
+        if (this.CurrentCollection) {
+            const canEdit = await this.validatePermission(this.CurrentCollection, 'edit');
             if (!canEdit)
                 return;
         }
-        this.showNewDropdown = false;
-        this.isArtifactModalOpen = true;
+        this.ShowNewDropdown = false;
+        this.IsArtifactModalOpen = true;
     }
-    async onArtifactSaved(artifact) {
-        this.isArtifactModalOpen = false;
+    /** @deprecated Use {@link AddArtifact}. */
+    async addArtifact() {
+        return this.AddArtifact();
+    }
+    async OnArtifactSaved(artifact) {
+        this.IsArtifactModalOpen = false;
         await this.loadArtifacts(true);
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnArtifactSaved}. */
+    async onArtifactSaved(artifact) {
+        return this.OnArtifactSaved(artifact);
+    }
+    OnArtifactModalCancelled() {
+        this.IsArtifactModalOpen = false;
+    }
+    /** @deprecated Use {@link OnArtifactModalCancelled}. */
     onArtifactModalCancelled() {
-        this.isArtifactModalOpen = false;
+        return this.OnArtifactModalCancelled();
     }
-    async removeArtifact(item) {
-        if (!this.currentCollectionId)
+    async RemoveArtifact(item) {
+        if (!this.CurrentCollectionId)
             return;
         // Validate user has delete permission on current collection
-        if (this.currentCollection) {
-            const canDelete = await this.validatePermission(this.currentCollection, 'delete');
+        if (this.CurrentCollection) {
+            const canDelete = await this.validatePermission(this.CurrentCollection, 'delete');
             if (!canDelete)
                 return;
         }
@@ -1565,9 +1929,9 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 const rv = RunView.FromMetadataProvider(this.ProviderToUse);
                 const result = await rv.RunView({
                     EntityName: 'MJ: Collection Artifacts',
-                    ExtraFilter: `CollectionID='${this.currentCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
+                    ExtraFilter: `CollectionID='${this.CurrentCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
                     ResultType: 'entity_object'
-                }, this.currentUser);
+                }, this.CurrentUser);
                 if (result.Success && result.Results && result.Results.length > 0) {
                     // Delete this version association
                     for (const joinRecord of result.Results) {
@@ -1586,10 +1950,18 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             }
         }
     }
-    viewArtifact(item) {
-        this.activeArtifactId = item.artifact.ID;
+    /** @deprecated Use {@link RemoveArtifact}. */
+    async removeArtifact(item) {
+        return this.RemoveArtifact(item);
+    }
+    ViewArtifact(item) {
+        this.ActiveArtifactId = item.artifact.ID;
         this.artifactState.openArtifact(item.artifact.ID, item.version.VersionNumber);
     }
+    /** @deprecated Use {@link ViewArtifact}. */
+    viewArtifact(item) {
+        return this.ViewArtifact(item);
+    }
     // Permission validation and checking methods
     async validatePermission(collection, requiredPermission) {
         // Owner has all permissions. Null OwnerID (legacy collection) still counts as
@@ -1599,11 +1971,11 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             return true;
         }
         if (collection.OwnerID
-            ? UUIDsEqual(collection.OwnerID, this.currentUser.ID)
+            ? UUIDsEqual(collection.OwnerID, this.CurrentUser.ID)
             : requiredPermission !== 'share') {
             return true;
         }
-        const permission = this.userPermissions.get(collection.ID);
+        const permission = this.UserPermissions.get(collection.ID);
         if (!permission) {
             await this.dialogService.alert('Permission Denied', 'You do not have permission to perform this action.');
             return false;
@@ -1620,18 +1992,18 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     }
     canEdit(collection) {
         // Backwards compatibility: treat null OwnerID as owned by current user
-        if (!collection.OwnerID || UUIDsEqual(collection.OwnerID, this.currentUser.ID))
+        if (!collection.OwnerID || UUIDsEqual(collection.OwnerID, this.CurrentUser.ID))
             return true;
         // Check permission record
-        const permission = this.userPermissions.get(collection.ID);
+        const permission = this.UserPermissions.get(collection.ID);
         return permission?.canEdit || false;
     }
     canDelete(collection) {
         // Backwards compatibility: treat null OwnerID as owned by current user
-        if (!collection.OwnerID || UUIDsEqual(collection.OwnerID, this.currentUser.ID))
+        if (!collection.OwnerID || UUIDsEqual(collection.OwnerID, this.CurrentUser.ID))
             return true;
         // Check permission record
-        const permission = this.userPermissions.get(collection.ID);
+        const permission = this.UserPermissions.get(collection.ID);
         return permission?.canDelete || false;
     }
     canShare(collection) {
@@ -1639,79 +2011,123 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         // treatment: the server-side create gate requires a real owner or an explicit
         // Share grant, so offering Share on a legacy null-owner collection would
         // always be rejected server-side (permit-then-deny UX).
-        if (collection.OwnerID && UUIDsEqual(collection.OwnerID, this.currentUser.ID))
+        if (collection.OwnerID && UUIDsEqual(collection.OwnerID, this.CurrentUser.ID))
             return true;
         // Check permission record
-        const permission = this.userPermissions.get(collection.ID);
+        const permission = this.UserPermissions.get(collection.ID);
         return permission?.canShare || false;
     }
-    canEditCurrent() {
+    CanEditCurrent() {
         // At root level, anyone can create
-        if (!this.currentCollectionId || !this.currentCollection) {
+        if (!this.CurrentCollectionId || !this.CurrentCollection) {
             return true;
         }
-        return this.canEdit(this.currentCollection);
+        return this.canEdit(this.CurrentCollection);
     }
-    canDeleteCurrent() {
+    /** @deprecated Use {@link CanEditCurrent}. */
+    canEditCurrent() {
+        return this.CanEditCurrent();
+    }
+    CanDeleteCurrent() {
         // At root level, no delete needed
-        if (!this.currentCollectionId || !this.currentCollection) {
+        if (!this.CurrentCollectionId || !this.CurrentCollection) {
             return false;
         }
-        return this.canDelete(this.currentCollection);
+        return this.canDelete(this.CurrentCollection);
     }
-    canShareCurrent() {
+    /** @deprecated Use {@link CanDeleteCurrent}. */
+    canDeleteCurrent() {
+        return this.CanDeleteCurrent();
+    }
+    CanShareCurrent() {
         // At root level, no share needed
-        if (!this.currentCollectionId || !this.currentCollection) {
+        if (!this.CurrentCollectionId || !this.CurrentCollection) {
             return false;
         }
-        return this.canShare(this.currentCollection);
+        return this.canShare(this.CurrentCollection);
     }
-    isShared(collection) {
+    /** @deprecated Use {@link CanShareCurrent}. */
+    canShareCurrent() {
+        return this.CanShareCurrent();
+    }
+    IsShared(collection) {
         // Collection is shared if user is not the owner and OwnerID is set
-        return collection.OwnerID != null && !UUIDsEqual(collection.OwnerID, this.currentUser.ID);
+        return collection.OwnerID != null && !UUIDsEqual(collection.OwnerID, this.CurrentUser.ID);
+    }
+    /** @deprecated Use {@link IsShared}. */
+    isShared(collection) {
+        return this.IsShared(collection);
     }
     // Sharing methods
-    async shareCollection(collection) {
+    async ShareCollection(collection) {
         // Validate user has share permission
         const canShare = await this.validatePermission(collection, 'share');
         if (!canShare)
             return;
-        this.sharingCollection = collection;
-        this.isShareModalOpen = true;
+        this.SharingCollection = collection;
+        this.IsShareModalOpen = true;
     }
-    async onPermissionsChanged() {
+    /** @deprecated Use {@link ShareCollection}. */
+    async shareCollection(collection) {
+        return this.ShareCollection(collection);
+    }
+    async OnPermissionsChanged() {
         // Reload collections and permissions after sharing changes
         await this.loadCollections(true);
-        await this.loadAllCollections(true);
+        await this.LoadAllCollections(true);
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnPermissionsChanged}. */
+    async onPermissionsChanged() {
+        return this.OnPermissionsChanged();
+    }
+    OnShareModalCancelled() {
+        this.IsShareModalOpen = false;
+        this.SharingCollection = null;
+    }
+    /** @deprecated Use {@link OnShareModalCancelled}. */
     onShareModalCancelled() {
-        this.isShareModalOpen = false;
-        this.sharingCollection = null;
+        return this.OnShareModalCancelled();
     }
     // Header toolbar action methods
+    ShareCurrentCollection() {
+        if (this.CurrentCollection) {
+            this.ShareCollection(this.CurrentCollection);
+        }
+    }
+    /** @deprecated Use {@link ShareCurrentCollection}. */
     shareCurrentCollection() {
-        if (this.currentCollection) {
-            this.shareCollection(this.currentCollection);
+        return this.ShareCurrentCollection();
+    }
+    EditCurrentCollection() {
+        if (this.CurrentCollection) {
+            this.EditCollection(this.CurrentCollection);
         }
     }
+    /** @deprecated Use {@link EditCurrentCollection}. */
     editCurrentCollection() {
-        if (this.currentCollection) {
-            this.editCollection(this.currentCollection);
+        return this.EditCurrentCollection();
+    }
+    DeleteCurrentCollection() {
+        if (this.CurrentCollection) {
+            this.DeleteCollection(this.CurrentCollection);
         }
     }
+    /** @deprecated Use {@link DeleteCurrentCollection}. */
     deleteCurrentCollection() {
-        if (this.currentCollection) {
-            this.deleteCollection(this.currentCollection);
-        }
+        return this.DeleteCurrentCollection();
     }
     /**
      * Get the icon for an artifact using the centralized icon service.
      * Fallback priority: Plugin icon > Metadata icon > Hardcoded mapping > Generic icon
      */
-    getArtifactIcon(artifact) {
+    GetArtifactIcon(artifact) {
         return this.artifactIconService.getArtifactIcon(artifact);
     }
+    /** @deprecated Use {@link GetArtifactIcon}. */
+    getArtifactIcon(artifact) {
+        return this.GetArtifactIcon(artifact);
+    }
     // ==================== NEW MAC FINDER-STYLE METHODS ====================
     /**
      * Build unified list of folders and artifacts (Phase 1)
@@ -1719,7 +2135,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     buildUnifiedItemList() {
         const items = [];
         // Add folders first (collections)
-        for (const collection of this.filteredCollections) {
+        for (const collection of this.FilteredCollections) {
             items.push({
                 type: 'folder',
                 id: collection.ID,
@@ -1728,29 +2144,29 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 icon: 'fa-folder',
                 itemCount: this.itemCountMap.get(collection.ID) || 0,
                 owner: this.getOwnerDisplayName(collection),
-                isShared: this.isShared(collection),
-                selected: this.selectedItems.has(collection.ID),
+                isShared: this.IsShared(collection),
+                selected: this.SelectedItems.has(collection.ID),
                 collection: collection
             });
         }
         // Then add artifacts
-        for (const item of this.filteredArtifactVersions) {
+        for (const item of this.FilteredArtifactVersions) {
             items.push({
                 type: 'artifact',
                 id: item.version.ID,
                 name: item.artifact.Name,
                 description: item.artifact.Description || undefined,
-                icon: this.getArtifactIcon(item.artifact),
+                icon: this.GetArtifactIcon(item.artifact),
                 versionNumber: item.version.VersionNumber,
                 artifactType: item.artifact.Type,
                 lastModified: item.version.__mj_UpdatedAt,
-                selected: this.selectedItems.has(item.version.ID),
+                selected: this.SelectedItems.has(item.version.ID),
                 artifact: item.artifact,
                 version: item.version
             });
         }
         // Apply sorting and reset pagination
-        this.unifiedItems = this.sortItems(items);
+        this.UnifiedItems = this.sortItems(items);
         this.CurrentPage = 1;
         this.cdr.detectChanges();
     }
@@ -1765,7 +2181,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 return a.type === 'folder' ? -1 : 1;
             }
             // Then sort by selected criteria
-            switch (this.sortBy) {
+            switch (this.SortBy) {
                 case 'name':
                     comparison = a.name.localeCompare(b.name);
                     break;
@@ -1778,137 +2194,169 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     comparison = (a.artifactType || '').localeCompare(b.artifactType || '');
                     break;
             }
-            return this.sortOrder === 'asc' ? comparison : -comparison;
+            return this.SortOrder === 'asc' ? comparison : -comparison;
         });
     }
     /**
      * Toggle between grid and list view
      */
-    toggleViewMode() {
-        this.viewMode = this.viewMode === 'grid' ? 'list' : 'grid';
+    ToggleViewMode() {
+        this.ViewMode = this.ViewMode === 'grid' ? 'list' : 'grid';
         // Save preference to localStorage
-        localStorage.setItem('collections-view-mode', this.viewMode);
+        localStorage.setItem('collections-view-mode', this.ViewMode);
+    }
+    /** @deprecated Use {@link ToggleViewMode}. */
+    toggleViewMode() {
+        return this.ToggleViewMode();
     }
     /**
      * Set view mode explicitly
      */
-    setViewMode(mode) {
-        this.viewMode = mode;
+    SetViewMode(mode) {
+        this.ViewMode = mode;
         // Save preference to localStorage
         localStorage.setItem('collections-view-mode', mode);
     }
+    /** @deprecated Use {@link SetViewMode}. */
+    setViewMode(mode) {
+        return this.SetViewMode(mode);
+    }
     /**
      * Toggle selection mode on/off
      * When entering select mode, clicks toggle selection instead of opening items
      * When exiting select mode, clears any selections
      */
-    toggleSelectMode() {
-        this.isSelectMode = !this.isSelectMode;
-        if (!this.isSelectMode) {
+    ToggleSelectMode() {
+        this.IsSelectMode = !this.IsSelectMode;
+        if (!this.IsSelectMode) {
             // Clear selection when exiting select mode (clearSelection calls buildUnifiedItemList which calls cdr)
-            this.clearSelection();
+            this.ClearSelection();
         }
         else {
             this.cdr.detectChanges();
         }
     }
+    /** @deprecated Use {@link ToggleSelectMode}. */
+    toggleSelectMode() {
+        return this.ToggleSelectMode();
+    }
     /**
      * Exit selection mode (called when navigating to a new folder)
      */
     exitSelectMode() {
-        if (this.isSelectMode) {
-            this.isSelectMode = false;
-            this.clearSelection();
+        if (this.IsSelectMode) {
+            this.IsSelectMode = false;
+            this.ClearSelection();
         }
     }
     /**
      * Set sort order - toggles asc/desc if clicking same column
      */
-    setSortBy(sortBy) {
-        if (this.sortBy === sortBy) {
+    SetSortBy(sortBy) {
+        if (this.SortBy === sortBy) {
             // Toggle order if same sort
-            this.sortOrder = this.sortOrder === 'asc' ? 'desc' : 'asc';
+            this.SortOrder = this.SortOrder === 'asc' ? 'desc' : 'asc';
         }
         else {
-            this.sortBy = sortBy;
-            this.sortOrder = 'asc';
+            this.SortBy = sortBy;
+            this.SortOrder = 'asc';
         }
         // Save sort preferences to localStorage
-        localStorage.setItem('collections-sort-by', this.sortBy);
-        localStorage.setItem('collections-sort-order', this.sortOrder);
+        localStorage.setItem('collections-sort-by', this.SortBy);
+        localStorage.setItem('collections-sort-order', this.SortOrder);
         // Close dropdown and rebuild list
-        this.showSortDropdown = false;
+        this.ShowSortDropdown = false;
         this.buildUnifiedItemList();
     }
+    /** @deprecated Use {@link SetSortBy}. */
+    setSortBy(sortBy) {
+        return this.SetSortBy(sortBy);
+    }
     /**
      * Filter items by search query (Phase 2)
      */
-    onSearchChange(query) {
+    OnSearchChange(query) {
         // If query parameter provided, use it; otherwise use searchQuery property
-        const searchText = query !== undefined ? query : this.searchQuery;
+        const searchText = query !== undefined ? query : this.SearchQuery;
         if (!searchText.trim()) {
             // Reset to all items
             this.buildUnifiedItemList();
             return;
         }
         const lowerQuery = searchText.toLowerCase();
-        this.unifiedItems = this.unifiedItems.filter(item => item.name.toLowerCase().includes(lowerQuery) ||
+        this.UnifiedItems = this.UnifiedItems.filter(item => item.name.toLowerCase().includes(lowerQuery) ||
             item.description?.toLowerCase().includes(lowerQuery));
     }
+    /** @deprecated Use {@link OnSearchChange}. */
+    onSearchChange(query) {
+        return this.OnSearchChange(query);
+    }
     /**
      * Multi-select: Toggle item selection (Phase 3)
      */
-    toggleItemSelection(item, event) {
+    ToggleItemSelection(item, event) {
         event.stopPropagation();
         // Checkbox click: additive toggle by default, shift = range, cmd/ctrl = toggle.
         this.applySelectionGesture(item, event);
     }
+    /** @deprecated Use {@link ToggleItemSelection}. */
+    toggleItemSelection(item, event) {
+        return this.ToggleItemSelection(item, event);
+    }
     /**
      * Multi-select: Select all items (Phase 3)
      */
-    selectAll() {
-        this.selectedItems.clear();
-        for (const item of this.unifiedItems) {
-            this.selectedItems.add(item.id);
+    SelectAll() {
+        this.SelectedItems.clear();
+        for (const item of this.UnifiedItems) {
+            this.SelectedItems.add(item.id);
         }
         this.refreshSelectionFlags();
     }
+    /** @deprecated Use {@link SelectAll}. */
+    selectAll() {
+        return this.SelectAll();
+    }
     /**
      * Multi-select: Clear selection (Phase 3)
      */
-    clearSelection() {
-        this.selectedItems.clear();
+    ClearSelection() {
+        this.SelectedItems.clear();
         this.lastSelectedIndex = null;
         this.refreshSelectionFlags();
     }
+    /** @deprecated Use {@link ClearSelection}. */
+    clearSelection() {
+        return this.ClearSelection();
+    }
     /**
      * Multi-select: Delete selected items
      */
-    async deleteSelected() {
-        if (this.selectedItems.size === 0)
+    async DeleteSelected() {
+        if (this.SelectedItems.size === 0)
             return;
         const confirmed = await this.dialogService.confirm({
-            title: `Delete ${this.selectedItems.size} item(s)?`,
+            title: `Delete ${this.SelectedItems.size} item(s)?`,
             message: 'This action cannot be undone.',
             dangerous: true
         });
         if (!confirmed)
             return;
-        const selectedViewItems = this.unifiedItems.filter(item => this.selectedItems.has(item.id));
+        const selectedViewItems = this.UnifiedItems.filter(item => this.SelectedItems.has(item.id));
         const folderItems = selectedViewItems.filter(item => item.type === 'folder' && item.collection);
         const artifactItems = selectedViewItems.filter(item => item.type === 'artifact' && item.version);
         try {
             for (const item of folderItems) {
                 await this.deleteCollectionRecursive(item.collection.ID);
             }
-            if (artifactItems.length > 0 && this.currentCollectionId) {
+            if (artifactItems.length > 0 && this.CurrentCollectionId) {
                 const rv = RunView.FromMetadataProvider(this.ProviderToUse);
                 for (const item of artifactItems) {
                     const result = await rv.RunView({
                         EntityName: 'MJ: Collection Artifacts',
-                        ExtraFilter: `CollectionID='${this.currentCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
+                        ExtraFilter: `CollectionID='${this.CurrentCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
                         ResultType: 'entity_object'
-                    }, this.currentUser);
+                    }, this.CurrentUser);
                     if (result.Success && result.Results) {
                         for (const joinRecord of result.Results) {
                             await joinRecord.Delete();
@@ -1916,9 +2364,9 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     }
                 }
             }
-            this.clearSelection();
+            this.ClearSelection();
             await this.loadCollections(true);
-            await this.loadAllCollections(true);
+            await this.LoadAllCollections(true);
             if (artifactItems.length > 0) {
                 await this.loadArtifacts(true);
             }
@@ -1929,6 +2377,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             await this.dialogService.alert('Error', `An error occurred while deleting: ${error}`);
         }
     }
+    /** @deprecated Use {@link DeleteSelected}. */
+    async deleteSelected() {
+        return this.DeleteSelected();
+    }
     /**
      * Get count of items in folder (Phase 1)
      */
@@ -1940,28 +2392,36 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
      * In select mode: toggles selection
      * In normal mode: opens item (folder or artifact)
      */
-    onItemClick(item, event) {
+    OnItemClick(item, event) {
         // 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) {
+        if (this.IsSelectMode) {
             this.toggleItemSelectionSimple(item);
             return;
         }
         // Normal mode: open the item
         this.openItem(item);
     }
+    /** @deprecated Use {@link OnItemClick}. */
+    onItemClick(item, event) {
+        return this.OnItemClick(item, event);
+    }
     /**
      * Handle double-clicking on unified item
      * Always opens the item, even in select mode
      */
-    onItemDoubleClick(item, event) {
+    OnItemDoubleClick(item, event) {
         event?.preventDefault();
         this.openItem(item);
     }
+    /** @deprecated Use {@link OnItemDoubleClick}. */
+    onItemDoubleClick(item, event) {
+        return this.OnItemDoubleClick(item, event);
+    }
     /**
      * Open an item (folder or artifact)
      */
@@ -1969,25 +2429,25 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         if (item.type === 'folder' && item.collection) {
             // Exit select mode when navigating to a new folder
             this.exitSelectMode();
-            this.openCollection(item.collection);
+            this.OpenCollection(item.collection);
         }
         else if (item.type === 'artifact') {
             if (!item.artifact || !item.version) {
                 console.error('Artifact or version is missing for item:', item.id);
                 return;
             }
-            this.viewArtifact({ artifact: item.artifact, version: item.version });
+            this.ViewArtifact({ artifact: item.artifact, version: item.version });
         }
     }
     /**
      * Simple toggle for item selection (used in select mode)
      */
     toggleItemSelectionSimple(item) {
-        if (this.selectedItems.has(item.id)) {
-            this.selectedItems.delete(item.id);
+        if (this.SelectedItems.has(item.id)) {
+            this.SelectedItems.delete(item.id);
         }
         else {
-            this.selectedItems.add(item.id);
+            this.SelectedItems.add(item.id);
         }
         this.lastSelectedIndex = this.indexOfItem(item.id);
         this.refreshSelectionFlags();
@@ -1995,7 +2455,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     /**
      * Get item count text for display
      */
-    getItemCountText(itemCount) {
+    GetItemCountText(itemCount) {
         if (itemCount !== undefined) {
             if (itemCount === 0)
                 return 'Empty';
@@ -2003,8 +2463,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 return '1 item';
             return `${itemCount} items`;
         }
-        const folders = this.unifiedItems.filter(i => i.type === 'folder').length;
-        const artifacts = this.unifiedItems.filter(i => i.type === 'artifact').length;
+        const folders = this.UnifiedItems.filter(i => i.type === 'folder').length;
+        const artifacts = this.UnifiedItems.filter(i => i.type === 'artifact').length;
         const total = folders + artifacts;
         if (total === 0)
             return 'No items';
@@ -2017,54 +2477,66 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             parts.push(`${artifacts} artifact${artifacts > 1 ? 's' : ''}`);
         return parts.join(', ');
     }
+    /** @deprecated Use {@link GetItemCountText}. */
+    getItemCountText(itemCount) {
+        return this.GetItemCountText(itemCount);
+    }
     /**
      * Handle keyboard shortcuts
      * - Cmd/Ctrl+A: Select all (enters select mode if not already)
      * - Escape: Exit select mode and clear selection
      * - Delete/Backspace: Delete selected items
      */
-    handleKeyboardShortcut(event) {
+    HandleKeyboardShortcut(event) {
         // Cmd+A / Ctrl+A: Select all (enters select mode)
         if ((event.metaKey || event.ctrlKey) && event.key === 'a') {
             event.preventDefault();
-            if (!this.isSelectMode) {
-                this.isSelectMode = true;
+            if (!this.IsSelectMode) {
+                this.IsSelectMode = true;
             }
-            this.selectAll();
+            this.SelectAll();
             return;
         }
         // Escape: Exit select mode
-        if (event.key === 'Escape' && this.isSelectMode) {
+        if (event.key === 'Escape' && this.IsSelectMode) {
             event.preventDefault();
             this.exitSelectMode();
             return;
         }
         // Delete/Backspace: Delete selected items
-        if ((event.key === 'Delete' || event.key === 'Backspace') && this.selectedItems.size > 0) {
+        if ((event.key === 'Delete' || event.key === 'Backspace') && this.SelectedItems.size > 0) {
             // Only if not focused on an input
             const target = event.target;
             if (target.tagName !== 'INPUT' && target.tagName !== 'TEXTAREA') {
                 event.preventDefault();
-                this.deleteSelected();
+                this.DeleteSelected();
             }
             return;
         }
     }
+    /** @deprecated Use {@link HandleKeyboardShortcut}. */
+    handleKeyboardShortcut(event) {
+        return this.HandleKeyboardShortcut(event);
+    }
     /**
      * Handle right-click context menu - shows custom context menu with permission-gated actions
      */
-    onItemContextMenu(item, event) {
+    OnItemContextMenu(item, event) {
         event.preventDefault();
         event.stopPropagation();
         // Close any open dropdowns
-        this.showNewDropdown = false;
-        this.showSortDropdown = false;
-        this.contextMenuItem = item;
-        this.contextMenuPosition = this.clampContextMenuPosition(event.clientX, event.clientY);
-        this.showContextMenu = true;
-        this.showMoveSubmenu = false;
+        this.ShowNewDropdown = false;
+        this.ShowSortDropdown = false;
+        this.ContextMenuItem = item;
+        this.ContextMenuPosition = this.clampContextMenuPosition(event.clientX, event.clientY);
+        this.ShowContextMenu = true;
+        this.ShowMoveSubmenu = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnItemContextMenu}. */
+    onItemContextMenu(item, event) {
+        return this.OnItemContextMenu(item, event);
+    }
     /** Clamp menu position to keep it within the viewport */
     clampContextMenuPosition(x, y) {
         const menuWidth = 200;
@@ -2076,54 +2548,66 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             y: Math.min(y, viewportHeight - menuHeight)
         };
     }
-    closeContextMenu() {
-        this.showContextMenu = false;
-        this.contextMenuItem = null;
-        this.showMoveSubmenu = false;
+    CloseContextMenu() {
+        this.ShowContextMenu = false;
+        this.ContextMenuItem = null;
+        this.ShowMoveSubmenu = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link CloseContextMenu}. */
+    closeContextMenu() {
+        return this.CloseContextMenu();
+    }
     /** Opens the inline "Move to Collection" submenu and loads candidate target collections. */
-    openMoveSubmenu(event) {
+    OpenMoveSubmenu(event) {
         event.stopPropagation();
-        this.showMoveSubmenu = true;
+        this.ShowMoveSubmenu = true;
         void this.loadMoveTargets();
     }
-    closeMoveSubmenu(event) {
+    /** @deprecated Use {@link OpenMoveSubmenu}. */
+    openMoveSubmenu(event) {
+        return this.OpenMoveSubmenu(event);
+    }
+    CloseMoveSubmenu(event) {
         event.stopPropagation();
-        this.showMoveSubmenu = false;
+        this.ShowMoveSubmenu = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link CloseMoveSubmenu}. */
+    closeMoveSubmenu(event) {
+        return this.CloseMoveSubmenu(event);
+    }
     /** Loads every collection the user can access in this environment (flattened, indented), minus the current one. */
     async loadMoveTargets() {
-        this.isLoadingMoveTargets = true;
-        this.moveTargets = [];
+        this.IsLoadingMoveTargets = true;
+        this.MoveTargets = [];
         this.cdr.detectChanges();
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-            const ownerFilter = `OwnerID='${this.currentUser.ID}'`;
+            const ownerFilter = `OwnerID='${this.CurrentUser.ID}'`;
             const permissionSubquery = `ID IN (
-        SELECT CollectionID FROM [__mj].[vwCollectionPermissions] WHERE UserID='${this.currentUser.ID}'
+        SELECT CollectionID FROM [__mj].[vwCollectionPermissions] WHERE UserID='${this.CurrentUser.ID}'
       )`;
-            const filter = `EnvironmentID='${this.environmentId}' AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
+            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);
+            }, 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))
+            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 = [];
+            this.MoveTargets = [];
         }
         finally {
-            this.isLoadingMoveTargets = false;
+            this.IsLoadingMoveTargets = false;
             this.cdr.detectChanges();
         }
     }
@@ -2153,10 +2637,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
      * 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();
+    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))
@@ -2170,9 +2654,9 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 ExtraFilter: `CollectionID='${target.ID}' AND ArtifactVersionID='${item.version.ID}'`,
                 ResultType: 'simple',
                 Fields: ['ID']
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (!(existing.Success && (existing.Results?.length ?? 0) > 0)) {
-                const junction = await p.GetEntityObject('MJ: Collection Artifacts', this.currentUser);
+                const junction = await p.GetEntityObject('MJ: Collection Artifacts', this.CurrentUser);
                 junction.CollectionID = target.ID;
                 junction.ArtifactVersionID = item.version.ID;
                 junction.Sequence = 0;
@@ -2186,7 +2670,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 EntityName: 'MJ: Collection Artifacts',
                 ExtraFilter: `CollectionID='${fromCollectionId}' AND ArtifactVersionID='${item.version.ID}'`,
                 ResultType: 'entity_object'
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (sourceRows.Success && sourceRows.Results) {
                 for (const row of sourceRows.Results) {
                     await row.Delete();
@@ -2194,7 +2678,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             }
             await this.loadArtifacts(true);
             await this.loadCollections(true);
-            await this.loadAllCollections(true);
+            await this.LoadAllCollections(true);
             this.buildUnifiedItemList();
         }
         catch (error) {
@@ -2202,10 +2686,14 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             await this.dialogService.alert('Error', 'Failed to move artifact. Please try again.');
         }
     }
+    /** @deprecated Use {@link MoveArtifactToCollection}. */
+    async moveArtifactToCollection(target) {
+        return this.MoveArtifactToCollection(target);
+    }
     /** Handle context menu action dispatch */
-    onContextMenuAction(action) {
-        const item = this.contextMenuItem;
-        this.closeContextMenu();
+    OnContextMenuAction(action) {
+        const item = this.ContextMenuItem;
+        this.CloseContextMenu();
         if (!item)
             return;
         switch (action) {
@@ -2217,22 +2705,22 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 break;
             case 'share':
                 if (item.collection) {
-                    this.shareCollection(item.collection);
+                    this.ShareCollection(item.collection);
                 }
                 break;
             case 'edit':
                 if (item.collection) {
-                    this.editCollection(item.collection);
+                    this.EditCollection(item.collection);
                 }
                 break;
             case 'delete':
                 if (item.collection) {
-                    this.deleteCollection(item.collection);
+                    this.DeleteCollection(item.collection);
                 }
                 break;
             case 'remove':
                 if (item.artifact && item.version) {
-                    this.removeArtifact({ artifact: item.artifact, version: item.version });
+                    this.RemoveArtifact({ artifact: item.artifact, version: item.version });
                 }
                 break;
             case 'openConversation':
@@ -2242,6 +2730,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                 break;
         }
     }
+    /** @deprecated Use {@link OnContextMenuAction}. */
+    onContextMenuAction(action) {
+        return this.OnContextMenuAction(action);
+    }
     /**
      * 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
@@ -2252,7 +2744,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             return;
         const conversationId = await this.resolveArtifactToConversation(item.version.ID);
         if (conversationId) {
-            this.openConversationRequested.emit({ conversationId });
+            this.OpenConversationRequested.emit({ conversationId });
         }
         else {
             await this.dialogService.alert('No Source Conversation', 'This artifact is not linked to a conversation.');
@@ -2267,7 +2759,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             ExtraFilter: `ArtifactVersionID='${artifactVersionId}'`,
             Fields: ['ConversationDetailID', 'Direction'],
             ResultType: 'simple'
-        }, this.currentUser);
+        }, this.CurrentUser);
         const links = linkResult.Success ? (linkResult.Results ?? []) : [];
         if (links.length === 0)
             return null;
@@ -2277,25 +2769,25 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             ExtraFilter: `ID='${link.ConversationDetailID}'`,
             Fields: ['ConversationID'],
             ResultType: 'simple'
-        }, this.currentUser);
+        }, this.CurrentUser);
         return detailResult.Success ? (detailResult.Results?.[0]?.ConversationID ?? null) : null;
     }
     /** Close context menu on Escape key */
     onEscapeKey() {
-        if (this.showContextMenu) {
-            this.closeContextMenu();
+        if (this.ShowContextMenu) {
+            this.CloseContextMenu();
         }
     }
     // ============================================================
     //  Selection gestures (#4 — frictionless multi-select)
     // ============================================================
     indexOfItem(id) {
-        return this.unifiedItems.findIndex(i => i.id === 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);
+        for (const it of this.UnifiedItems) {
+            it.selected = this.SelectedItems.has(it.id);
         }
         this.cdr.detectChanges();
     }
@@ -2311,74 +2803,94 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             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];
+                const it = this.UnifiedItems[i];
                 if (it)
-                    this.selectedItems.add(it.id);
+                    this.SelectedItems.add(it.id);
             }
         }
         else if (event.metaKey || event.ctrlKey || !plainReplaces) {
-            if (this.selectedItems.has(item.id)) {
-                this.selectedItems.delete(item.id);
+            if (this.SelectedItems.has(item.id)) {
+                this.SelectedItems.delete(item.id);
             }
             else {
-                this.selectedItems.add(item.id);
+                this.SelectedItems.add(item.id);
             }
             this.lastSelectedIndex = idx;
         }
         else {
-            this.selectedItems.clear();
-            this.selectedItems.add(item.id);
+            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) {
+    OnCheckboxClick(item, event) {
         event.stopPropagation();
         this.applySelectionGesture(item, event);
     }
+    /** @deprecated Use {@link OnCheckboxClick}. */
+    onCheckboxClick(item, event) {
+        return this.OnCheckboxClick(item, event);
+    }
     // ============================================================
     //  Drag-and-drop (#1, #2 — drag items onto folders / breadcrumbs / navigator)
     // ============================================================
-    onItemDragStart(item, event) {
+    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)
+        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(','));
+            event.dataTransfer.setData('text/plain', this.DraggedItemIds.join(','));
         }
     }
+    /** @deprecated Use {@link OnItemDragStart}. */
+    onItemDragStart(item, event) {
+        return this.OnItemDragStart(item, event);
+    }
+    OnItemDragEnd() {
+        this.DraggedItemIds = [];
+        this.DragOverTargetId = null;
+    }
+    /** @deprecated Use {@link OnItemDragEnd}. */
     onItemDragEnd() {
-        this.draggedItemIds = [];
-        this.dragOverTargetId = null;
+        return this.OnItemDragEnd();
     }
     draggedItems() {
-        return this.unifiedItems.filter(i => this.draggedItemIds.includes(i.id));
+        return this.UnifiedItems.filter(i => this.DraggedItemIds.includes(i.id));
     }
     /** Folder grid card / list row as a drop target. */
-    onFolderItemDragOver(folderItem, event) {
+    OnFolderItemDragOver(folderItem, event) {
         const targetId = folderItem.collection?.ID;
-        if (this.draggedItemIds.length === 0 || this.draggedItemIds.includes(folderItem.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;
+        this.DragOverTargetId = folderItem.id;
     }
-    onFolderItemDrop(folderItem, event) {
+    /** @deprecated Use {@link OnFolderItemDragOver}. */
+    onFolderItemDragOver(folderItem, event) {
+        return this.OnFolderItemDragOver(folderItem, event);
+    }
+    OnFolderItemDrop(folderItem, event) {
         event.preventDefault();
         const targetId = folderItem.collection?.ID ?? null;
-        this.dragOverTargetId = null;
+        this.DragOverTargetId = null;
         void this.moveDraggedItemsTo(targetId);
     }
+    /** @deprecated Use {@link OnFolderItemDrop}. */
+    onFolderItemDrop(folderItem, event) {
+        return this.OnFolderItemDrop(folderItem, event);
+    }
     /** Breadcrumb crumb / Home root as a drop target. crumbId null = top level. */
-    onCrumbDragOver(crumbId, event) {
-        if (this.draggedItemIds.length === 0)
+    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'))
@@ -2388,13 +2900,21 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
         event.preventDefault();
         if (event.dataTransfer)
             event.dataTransfer.dropEffect = 'move';
-        this.dragOverTargetId = crumbId === null ? 'root' : 'crumb:' + crumbId;
+        this.DragOverTargetId = crumbId === null ? 'root' : 'crumb:' + crumbId;
     }
-    onCrumbDrop(crumbId, event) {
+    /** @deprecated Use {@link OnCrumbDragOver}. */
+    onCrumbDragOver(crumbId, event) {
+        return this.OnCrumbDragOver(crumbId, event);
+    }
+    OnCrumbDrop(crumbId, event) {
         event.preventDefault();
-        this.dragOverTargetId = null;
+        this.DragOverTargetId = null;
         void this.moveDraggedItemsTo(crumbId);
     }
+    /** @deprecated Use {@link OnCrumbDrop}. */
+    onCrumbDrop(crumbId, event) {
+        return this.OnCrumbDrop(crumbId, event);
+    }
     /** True when the dragged set may be dropped on the target collection (blocks folder cycles). */
     canDropOnCollection(targetCollectionId) {
         if (targetCollectionId === undefined)
@@ -2425,8 +2945,8 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     }
     async moveDraggedItemsTo(targetCollectionId) {
         const items = this.draggedItems();
-        this.draggedItemIds = [];
-        await this.moveItemsTo(items, targetCollectionId, this.currentCollectionId);
+        this.DraggedItemIds = [];
+        await this.moveItemsTo(items, targetCollectionId, this.CurrentCollectionId);
     }
     // ============================================================
     //  Move primitives (shared by drag, bulk move, and shelf)
@@ -2460,10 +2980,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     await this.reparentCollection(fid, targetCollectionId);
                 }
             }
-            this.clearSelection();
+            this.ClearSelection();
             await this.loadCollections(true);
             await this.loadArtifacts(true);
-            await this.loadAllCollections(true);
+            await this.LoadAllCollections(true);
             this.buildUnifiedItemList();
         }
         catch (error) {
@@ -2477,10 +2997,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             ExtraFilter: `CollectionID='${collectionId}' AND ArtifactVersionID='${versionId}'`,
             ResultType: 'simple',
             Fields: ['ID']
-        }, this.currentUser);
+        }, this.CurrentUser);
         if (existing.Success && (existing.Results?.length ?? 0) > 0)
             return;
-        const junction = await p.GetEntityObject('MJ: Collection Artifacts', this.currentUser);
+        const junction = await p.GetEntityObject('MJ: Collection Artifacts', this.CurrentUser);
         junction.CollectionID = collectionId;
         junction.ArtifactVersionID = versionId;
         junction.Sequence = 0;
@@ -2493,7 +3013,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             EntityName: 'MJ: Collection Artifacts',
             ExtraFilter: `CollectionID='${collectionId}' AND ArtifactVersionID='${versionId}'`,
             ResultType: 'entity_object'
-        }, this.currentUser);
+        }, this.CurrentUser);
         if (rows.Success && rows.Results) {
             for (const row of rows.Results)
                 await row.Delete();
@@ -2501,7 +3021,7 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     }
     async reparentCollection(collectionId, newParentId) {
         const p = this.ProviderToUse;
-        const collection = await p.GetEntityObject('MJ: Collections', this.currentUser);
+        const collection = await p.GetEntityObject('MJ: Collections', this.CurrentUser);
         await collection.Load(collectionId);
         collection.ParentID = newParentId;
         const ok = await collection.Save();
@@ -2511,13 +3031,13 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
     // ============================================================
     //  All-collections cache (navigator + cycle checks + bulk move)
     // ============================================================
-    async loadAllCollections(bypassCache = false) {
+    async LoadAllCollections(bypassCache = false) {
         const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-        const ownerFilter = `OwnerID='${this.currentUser.ID}'`;
+        const ownerFilter = `OwnerID='${this.CurrentUser.ID}'`;
         const permissionSubquery = `ID IN (
-      SELECT CollectionID FROM [__mj].[vwCollectionPermissions] WHERE UserID='${this.currentUser.ID}'
+      SELECT CollectionID FROM [__mj].[vwCollectionPermissions] WHERE UserID='${this.CurrentUser.ID}'
     )`;
-        const filter = `EnvironmentID='${this.environmentId}' AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
+        const filter = `EnvironmentID='${this.EnvironmentId}' AND (OwnerID IS NULL OR ${ownerFilter} OR ${permissionSubquery})`;
         const result = await rv.RunView({
             EntityName: 'MJ: Collections',
             ExtraFilter: filter,
@@ -2525,87 +3045,139 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             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.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();
     }
+    /** @deprecated Use {@link LoadAllCollections}. */
+    async loadAllCollections(bypassCache = false) {
+        return this.LoadAllCollections(bypassCache);
+    }
+    ToggleNavigator() {
+        this.ShowNavigator = !this.ShowNavigator;
+    }
+    /** @deprecated Use {@link ToggleNavigator}. */
     toggleNavigator() {
-        this.showNavigator = !this.showNavigator;
+        return this.ToggleNavigator();
+    }
+    NavigatorClick(collection) {
+        void this.NavigateToCollectionById(collection.ID);
     }
+    /** @deprecated Use {@link NavigatorClick}. */
     navigatorClick(collection) {
-        void this.navigateToCollectionById(collection.ID);
+        return this.NavigatorClick(collection);
+    }
+    IsCurrentNavigator(collection) {
+        return !!this.CurrentCollectionId && UUIDsEqual(collection.ID, this.CurrentCollectionId);
     }
+    /** @deprecated Use {@link IsCurrentNavigator}. */
     isCurrentNavigator(collection) {
-        return !!this.currentCollectionId && UUIDsEqual(collection.ID, this.currentCollectionId);
+        return this.IsCurrentNavigator(collection);
     }
-    onNavigatorDragOver(collection, event) {
-        if (this.draggedItemIds.length === 0 || this.draggedItemIds.some(id => UUIDsEqual(id, collection.ID)))
+    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;
+        this.DragOverTargetId = 'nav:' + collection.ID;
     }
-    onNavigatorDrop(collection, event) {
+    /** @deprecated Use {@link OnNavigatorDragOver}. */
+    onNavigatorDragOver(collection, event) {
+        return this.OnNavigatorDragOver(collection, event);
+    }
+    OnNavigatorDrop(collection, event) {
         event.preventDefault();
-        this.dragOverTargetId = null;
+        this.DragOverTargetId = null;
         void this.moveDraggedItemsTo(collection.ID);
     }
+    /** @deprecated Use {@link OnNavigatorDrop}. */
+    onNavigatorDrop(collection, event) {
+        return this.OnNavigatorDrop(collection, event);
+    }
+    OnDragLeave(tag) {
+        if (this.DragOverTargetId === tag)
+            this.DragOverTargetId = null;
+    }
+    /** @deprecated Use {@link OnDragLeave}. */
     onDragLeave(tag) {
-        if (this.dragOverTargetId === tag)
-            this.dragOverTargetId = null;
+        return this.OnDragLeave(tag);
     }
     // ============================================================
     //  Bulk "Move to…" (#3)
     // ============================================================
-    openBulkMove(event) {
+    OpenBulkMove(event) {
         event.stopPropagation();
-        if (this.navigatorNodes.length === 0)
-            void this.loadAllCollections();
-        this.showBulkMovePopover = true;
+        if (this.NavigatorNodes.length === 0)
+            void this.LoadAllCollections();
+        this.ShowBulkMovePopover = true;
+    }
+    /** @deprecated Use {@link OpenBulkMove}. */
+    openBulkMove(event) {
+        return this.OpenBulkMove(event);
     }
+    CloseBulkMove() {
+        this.ShowBulkMovePopover = false;
+    }
+    /** @deprecated Use {@link CloseBulkMove}. */
     closeBulkMove() {
-        this.showBulkMovePopover = false;
+        return this.CloseBulkMove();
+    }
+    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);
     }
+    /** @deprecated Use {@link BulkMoveTo}. */
     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);
+        return this.BulkMoveTo(collection);
     }
     // ============================================================
     //  Staging shelf (#5)
     // ============================================================
-    stageSelected() {
-        const items = this.unifiedItems.filter(i => this.selectedItems.has(i.id));
+    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 });
+            if (!this.Shelf.some(s => s.item.id === it.id)) {
+                this.Shelf.push({ item: it, sourceCollectionId: this.CurrentCollectionId });
             }
         }
-        this.clearSelection();
+        this.ClearSelection();
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link StageSelected}. */
+    stageSelected() {
+        return this.StageSelected();
+    }
+    RemoveFromShelf(id) {
+        this.Shelf = this.Shelf.filter(s => s.item.id !== id);
+        this.cdr.detectChanges();
+    }
+    /** @deprecated Use {@link RemoveFromShelf}. */
     removeFromShelf(id) {
-        this.shelf = this.shelf.filter(s => s.item.id !== id);
+        return this.RemoveFromShelf(id);
+    }
+    ClearShelf() {
+        this.Shelf = [];
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link ClearShelf}. */
     clearShelf() {
-        this.shelf = [];
-        this.cdr.detectChanges();
+        return this.ClearShelf();
     }
     /** Moves all staged items into the currently-open collection. */
-    async dropShelfHere() {
-        if (this.shelf.length === 0 || !this.currentCollectionId)
+    async DropShelfHere() {
+        if (this.Shelf.length === 0 || !this.CurrentCollectionId)
             return;
-        const target = this.currentCollectionId;
+        const target = this.CurrentCollectionId;
         try {
             const p = this.ProviderToUse;
             const rv = RunView.FromMetadataProvider(p);
-            for (const entry of this.shelf) {
+            for (const entry of this.Shelf) {
                 const it = entry.item;
                 if (it.type === 'artifact' && it.version) {
                     if (entry.sourceCollectionId && UUIDsEqual(entry.sourceCollectionId, target))
@@ -2622,10 +3194,10 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
                     await this.reparentCollection(fid, target);
                 }
             }
-            this.shelf = [];
+            this.Shelf = [];
             await this.loadCollections(true);
             await this.loadArtifacts(true);
-            await this.loadAllCollections(true);
+            await this.LoadAllCollections(true);
             this.buildUnifiedItemList();
         }
         catch (error) {
@@ -2633,10 +3205,14 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
             await this.dialogService.alert('Error', 'Failed to move staged items. Please try again.');
         }
     }
+    /** @deprecated Use {@link DropShelfHere}. */
+    async dropShelfHere() {
+        return this.DropShelfHere();
+    }
     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", 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"], ["Icon", "fa-solid fa-folder-open", "ActionIcon", "fa-solid fa-plus", 3, "Variant", "Title", "Message", "ActionText"], [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"], ["Icon", "fa-solid fa-folder-open", "ActionIcon", "fa-solid fa-plus", 3, "Action", "Variant", "Title", "Message", "ActionText"], [1, "empty-collection-hint"], [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, "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, "fas", "fa-folder-open"], [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) {
+        } }, inputs: { EnvironmentId: "EnvironmentId", environmentId: "environmentId", CurrentUser: "CurrentUser", currentUser: "currentUser" }, outputs: { CollectionNavigated: "CollectionNavigated", collectionNavigated: "collectionNavigated", OpenConversationRequested: "OpenConversationRequested", 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"], ["Icon", "fa-solid fa-folder-open", "ActionIcon", "fa-solid fa-plus", 3, "Variant", "Title", "Message", "ActionText"], [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"], ["Icon", "fa-solid fa-folder-open", "ActionIcon", "fa-solid fa-plus", 3, "Action", "Variant", "Title", "Message", "ActionText"], [1, "empty-collection-hint"], [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, "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, "fas", "fa-folder-open"], [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, "button", 3);
@@ -3441,12 +4017,20 @@ export class CollectionsFullViewComponent extends BaseAngularComponent {
       (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 {\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    .collections-content mj-empty-state {\n      flex: 1;\n      min-height: 0;\n    }\n\n    .empty-collection-hint {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-muted);\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    /* Direct child only \u2014 the nested .shared-badge icon must keep its own sizing */\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: -6px;\n      right: -6px;\n      width: 22px;\n      height: 22px;\n      background: var(--mj-bg-surface);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid var(--mj-border-default);\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n    }\n\n    .shared-badge i {\n      font-size: 10px;\n      color: var(--mj-brand-primary);\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      max-width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\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      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      margin-left: auto;\n      padding: 2px 8px;\n      border-radius: var(--mj-radius-full);\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      font-size: 10px;\n      font-weight: 600;\n      flex-shrink: 0;\n    }\n\n    /* Beat the generic .list-name-cell i sizing for the chip's icon */\n    .list-name-cell .shared-indicator i {\n      font-size: 10px;\n      color: inherit;\n      width: 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: i1.DialogService }, { type: i2.ArtifactStateService }, { type: i3.CollectionStateService }, { type: i4.CollectionPermissionService }, { type: i5.ArtifactIconService }, { type: i0.ChangeDetectorRef }], { EnvironmentId: [{
+            type: Input
+        }], environmentId: [{
+            type: Input
+        }], CurrentUser: [{
             type: Input
         }], currentUser: [{
             type: Input
+        }], CollectionNavigated: [{
+            type: Output
         }], collectionNavigated: [{
             type: Output
+        }], OpenConversationRequested: [{
+            type: Output
         }], openConversationRequested: [{
             type: Output
         }], onEscapeKey: [{