cloud-ide-layout 1.0.62 → 1.0.63

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-CKLj-6xH.mjs → cloud-ide-layout-cloud-ide-layout-D1c2ObrF.mjs}

@@ -1266,7 +1266,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-L3hZ4LJm.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-mK3rgtPi.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1552,16 +1552,21 @@ class CideLytHeaderWrapperComponent {
     }
     /**
      * Load notifications from API
+     * @param showReadOnly - If true, only load read notifications. If false, load all.
      */
-    loadNotifications() {
+    loadNotifications(showReadOnly = false) {
         try {
             // Get notifications from WebSocket service (real-time)
             const wsNotifications = this.wsNotificationService?.allNotifications() || [];
             console.log('[Notifications] WebSocket notifications:', wsNotifications.length);
             // Load from API to get all notifications (including read status)
-            this.notificationApiService.getNotifications({
+            // By default, we can filter to show unread first, but load all for "View All"
+            const params = {
                 pageSize: 20
-            }).subscribe({
+            };
+            // Optionally filter by status if we only want unread
+            // Note: We load all and filter client-side for better UX
+            this.notificationApiService.getNotifications(params).subscribe({
                 next: (response) => {
                     console.log('[Notifications] API response:', response);
                     if (response && response.success && response.data) {
@@ -1631,8 +1636,11 @@ class CideLytHeaderWrapperComponent {
     updateNotificationDropdown() {
         const notifs = this.notifications();
         const unreadCount = this.unreadCount();
-        // Map notifications to dropdown items (show first 10)
-        this.notificationItems = notifs.slice(0, 10).map(notif => ({
+        // Filter to show only unread notifications in the dropdown (or all if "View All" was clicked)
+        // For now, show first 20 notifications (increased from 10 for better UX)
+        const notificationsToShow = notifs.slice(0, 20);
+        // Map notifications to dropdown items
+        this.notificationItems = notificationsToShow.map(notif => ({
             id: notif.id,
             label: notif.title,
             icon: this.getNotificationIcon(notif.type),
@@ -1657,7 +1665,7 @@ class CideLytHeaderWrapperComponent {
                     iconColor: 'tw-text-blue-500'
                 });
             }
-            // Add "Clear All" option
+            // Add "Clear All" option (only if there are notifications)
             this.notificationItems.push({
                 id: 'clear-all',
                 label: 'Clear All',
@@ -1672,10 +1680,13 @@ class CideLytHeaderWrapperComponent {
                 label: '',
                 divider: true
             });
-            // Add "View All" option
+            // Add "View All" option (show count if more than displayed)
+            const viewAllLabel = notifs.length > 20
+                ? `View All Notifications (${notifs.length})`
+                : 'View All Notifications';
             this.notificationItems.push({
                 id: 'view-all',
-                label: 'View All Notifications',
+                label: viewAllLabel,
                 icon: 'list',
                 iconColor: 'tw-text-blue-500'
             });
@@ -1730,9 +1741,9 @@ class CideLytHeaderWrapperComponent {
             return;
         }
         if (item.id === 'view-all') {
-            // Navigate to notifications page or open full panel
-            console.log('View all notifications');
-            // TODO: Navigate to full notifications page
+            // Show all notifications - for now, just reload with more items
+            console.log('[Notifications] View all notifications');
+            this.loadAllNotifications();
             return;
         }
         if (item.id === 'no-notifications' || item.id === 'divider' || item.id === 'divider-1' || item.id === 'divider-2') {
@@ -1750,19 +1761,28 @@ class CideLytHeaderWrapperComponent {
      * Mark a single notification as read
      */
     markNotificationAsRead(notificationId) {
+        console.log('[Notifications] Marking as read:', notificationId);
         // Mark in WebSocket service
         if (this.wsNotificationService) {
             this.wsNotificationService.markAsRead(notificationId);
         }
         // Mark in API
         this.notificationApiService.markAsRead(notificationId).subscribe({
-            next: () => {
-                console.log('[Notifications] Marked as read:', notificationId);
+            next: (response) => {
+                console.log('[Notifications] Marked as read successfully:', response);
                 // Reload notifications to update unread count
                 this.loadNotifications();
             },
             error: (error) => {
                 console.error('[Notifications] Error marking notification as read:', error);
+                console.error('[Notifications] Error details:', {
+                    status: error?.status,
+                    statusText: error?.statusText,
+                    message: error?.message,
+                    url: error?.url
+                });
+                // Still reload to get updated state
+                this.loadNotifications();
             }
         });
     }
@@ -1770,14 +1790,23 @@ class CideLytHeaderWrapperComponent {
      * Mark all notifications as read
      */
     markAllAsRead() {
+        console.log('[Notifications] Marking all as read');
         this.notificationApiService.markAllAsRead().subscribe({
-            next: () => {
-                console.log('[Notifications] All notifications marked as read');
+            next: (response) => {
+                console.log('[Notifications] All notifications marked as read successfully:', response);
                 // Reload notifications to update unread count
                 this.loadNotifications();
             },
             error: (error) => {
                 console.error('[Notifications] Error marking all as read:', error);
+                console.error('[Notifications] Error details:', {
+                    status: error?.status,
+                    statusText: error?.statusText,
+                    message: error?.message,
+                    url: error?.url
+                });
+                // Still reload to get updated state
+                this.loadNotifications();
             }
         });
     }
@@ -1786,21 +1815,103 @@ class CideLytHeaderWrapperComponent {
      */
     clearAllNotifications() {
         if (confirm('Are you sure you want to clear all notifications? This will mark them all as read.')) {
+            console.log('[Notifications] Clearing all notifications');
             // First mark all as read
             this.notificationApiService.markAllAsRead().subscribe({
-                next: () => {
-                    console.log('[Notifications] All notifications cleared');
-                    // Clear local notifications array
+                next: (response) => {
+                    console.log('[Notifications] All notifications marked as read:', response);
+                    // Filter current notifications to mark them as read locally
+                    const currentNotifs = this.notifications();
+                    const updatedNotifs = currentNotifs.map(notif => ({
+                        ...notif,
+                        isRead: true
+                    }));
+                    // Clear notifications from view (they're all read now)
                     this.notifications.set([]);
                     this.updateNotificationDropdown();
-                    // Reload to get updated state
-                    this.loadNotifications();
+                    // Reload after a short delay to get updated state from server
+                    // This will show empty or only new unread notifications
+                    setTimeout(() => {
+                        this.loadNotifications();
+                    }, 500);
                 },
                 error: (error) => {
                     console.error('[Notifications] Error clearing all notifications:', error);
+                    console.error('[Notifications] Error details:', {
+                        status: error?.status,
+                        statusText: error?.statusText,
+                        message: error?.message,
+                        url: error?.url
+                    });
+                    // Still try to reload
+                    this.loadNotifications();
+                }
+            });
+        }
+    }
+    /**
+     * Load all notifications (for "View All" functionality)
+     */
+    loadAllNotifications() {
+        try {
+            const wsNotifications = this.wsNotificationService?.allNotifications() || [];
+            console.log('[Notifications] Loading all notifications (View All)');
+            // Load more notifications from API (increase pageSize)
+            this.notificationApiService.getNotifications({
+                pageSize: 100 // Load more for "View All"
+            }).subscribe({
+                next: (response) => {
+                    console.log('[Notifications] All notifications API response:', response);
+                    if (response && response.success && response.data) {
+                        // Convert server notifications to notification payloads
+                        const apiPayloads = response.data.map((notif) => ({
+                            id: String(notif._id),
+                            type: notif.not_type || 'info',
+                            category: notif.not_category,
+                            title: notif.not_title,
+                            message: notif.not_message,
+                            data: notif.not_data,
+                            action_url: notif.not_action_url,
+                            action_label: notif.not_action_label,
+                            priority: notif.not_priority || 'normal',
+                            created_at: new Date(notif.not_created_at),
+                            timestamp: new Date(notif.not_created_at),
+                            isRead: notif.not_status === 'read' || notif.not_read_at !== undefined
+                        }));
+                        // Merge WebSocket and API notifications
+                        const mergedNotifications = [];
+                        // Add API notifications first
+                        apiPayloads.forEach(apiNotif => {
+                            mergedNotifications.push(apiNotif);
+                        });
+                        // Add WebSocket notifications that aren't in API
+                        wsNotifications.forEach(wsNotif => {
+                            if (!mergedNotifications.find(n => n.id === wsNotif.id)) {
+                                mergedNotifications.push({ ...wsNotif, isRead: false });
+                            }
+                        });
+                        // Sort by timestamp (newest first)
+                        mergedNotifications.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+                        console.log('[Notifications] Total notifications loaded:', mergedNotifications.length);
+                        this.notifications.set(mergedNotifications);
+                        this.updateNotificationDropdown();
+                    }
+                    else {
+                        console.warn('[Notifications] API response invalid');
+                        this.notifications.set(wsNotifications);
+                        this.updateNotificationDropdown();
+                    }
+                },
+                error: (error) => {
+                    console.error('[Notifications] Error loading all notifications:', error);
+                    this.notifications.set(wsNotifications);
+                    this.updateNotificationDropdown();
                 }
             });
         }
+        catch (error) {
+            console.error('[Notifications] Error in loadAllNotifications:', error);
+        }
     }
     ngAfterViewInit() {
         // No need to manually load file details - cideEleFileImage directive will handle it
@@ -3406,8 +3517,8 @@ class CideLytSidedrawerWrapperComponent {
     }
     ngOnInit() {
         // Initialize the component map (You'd likely populate this from a config or service)
-        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-sYWI-yH9.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-DMn2Cznf.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-B9CanGJ0.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-t7-o6zko.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -3930,7 +4041,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-ZWphfyNz.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-PzCCRZ1z.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -5498,4 +5609,4 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, CideLytSidebarService as a, CideLytRequestService as b, CideLytSidedrawerService as c, CideLytThemeService as d, AppStateService as e, CloudIdeLayoutService as f, CloudIdeLayoutComponent as g, CideLytSharedService as h, layoutControlPannelChildRoutes as i, CustomRouteReuseStrategy as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, setCSSVariable as s, themeFactory as t };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-CKLj-6xH.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-D1c2ObrF.mjs.map