cloud-ide-layout 1.0.61 → 1.0.62

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-grBP43Ly.mjs → cloud-ide-layout-cloud-ide-layout-CKLj-6xH.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-BdzYa5wO.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-L3hZ4LJm.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1558,7 +1558,7 @@ class CideLytHeaderWrapperComponent {
             // 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
+            // Load from API to get all notifications (including read status)
             this.notificationApiService.getNotifications({
                 pageSize: 20
             }).subscribe({
@@ -1577,19 +1577,32 @@ class CideLytHeaderWrapperComponent {
                             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)
+                            timestamp: new Date(notif.not_created_at),
+                            // Store read status for filtering
+                            isRead: notif.not_status === 'read' || notif.not_read_at !== undefined
                         }));
                         console.log('[Notifications] Converted API payloads:', apiPayloads.length);
-                        // Merge WebSocket and API notifications (WebSocket takes priority for duplicates)
-                        const mergedNotifications = [...wsNotifications];
+                        // Merge WebSocket and API notifications (API takes priority for read status)
+                        const mergedNotifications = [];
+                        // Add API notifications first (they have read status)
                         apiPayloads.forEach(apiNotif => {
-                            if (!mergedNotifications.find(n => n.id === apiNotif.id)) {
-                                mergedNotifications.push(apiNotif);
+                            mergedNotifications.push(apiNotif);
+                        });
+                        // Add WebSocket notifications that aren't in API (new real-time notifications)
+                        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 merged notifications:', mergedNotifications.length);
+                        // Update WebSocket service with read status
+                        if (this.wsNotificationService) {
+                            // Update unread count based on read status
+                            const unread = mergedNotifications.filter(n => !n.isRead);
+                            // Note: WebSocket service manages its own unread count, but we sync here
+                        }
                         this.notifications.set(mergedNotifications);
                         this.updateNotificationDropdown();
                     }
@@ -1617,22 +1630,49 @@ 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 => ({
             id: notif.id,
             label: notif.title,
-            description: notif.message,
             icon: this.getNotificationIcon(notif.type),
             iconColor: this.getNotificationIconColor(notif.type),
-            badge: notif.priority === 'urgent' ? 'Urgent' : undefined,
-            badgeColor: notif.priority === 'urgent' ? 'tw-bg-red-500' : undefined
+            // Note: description is not supported by DropdownItem interface, but keeping for future use
+            // description: notif.message,
         }));
-        // Add "View All" option if there are notifications
+        // Add action buttons if there are notifications
         if (notifs.length > 0) {
+            // Add divider before actions
             this.notificationItems.push({
-                id: 'divider',
+                id: 'divider-1',
                 label: '',
                 divider: true
             });
+            // Add "Mark All as Read" if there are unread notifications
+            if (unreadCount > 0) {
+                this.notificationItems.push({
+                    id: 'mark-all-read',
+                    label: 'Mark All as Read',
+                    icon: 'done_all',
+                    iconColor: 'tw-text-blue-500'
+                });
+            }
+            // Add "Clear All" option
+            this.notificationItems.push({
+                id: 'clear-all',
+                label: 'Clear All',
+                icon: 'clear_all',
+                iconColor: 'tw-text-red-500',
+                textColor: 'tw-text-red-600',
+                hoverBgColor: 'hover:tw-bg-red-50'
+            });
+            // Add divider before "View All"
+            this.notificationItems.push({
+                id: 'divider-2',
+                label: '',
+                divider: true
+            });
+            // Add "View All" option
             this.notificationItems.push({
                 id: 'view-all',
                 label: 'View All Notifications',
@@ -1680,30 +1720,86 @@ class CideLytHeaderWrapperComponent {
      * Handle notification dropdown item click
      */
     onNotificationClick(item) {
+        // Handle action buttons
+        if (item.id === 'mark-all-read') {
+            this.markAllAsRead();
+            return;
+        }
+        if (item.id === 'clear-all') {
+            this.clearAllNotifications();
+            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
             return;
         }
-        if (item.id === 'no-notifications' || item.id === 'divider') {
+        if (item.id === 'no-notifications' || item.id === 'divider' || item.id === 'divider-1' || item.id === 'divider-2') {
             return;
         }
-        // Mark notification as read
+        // Mark notification as read when clicked
+        this.markNotificationAsRead(String(item.id));
+        // Navigate to action URL if available
+        const notification = this.notifications().find(n => n.id === item.id);
+        if (notification?.action_url) {
+            this.router.navigate([notification.action_url]);
+        }
+    }
+    /**
+     * Mark a single notification as read
+     */
+    markNotificationAsRead(notificationId) {
+        // Mark in WebSocket service
         if (this.wsNotificationService) {
-            this.wsNotificationService.markAsRead(String(item.id));
+            this.wsNotificationService.markAsRead(notificationId);
         }
-        this.notificationApiService.markAsRead(String(item.id)).subscribe({
+        // Mark in API
+        this.notificationApiService.markAsRead(notificationId).subscribe({
             next: () => {
+                console.log('[Notifications] Marked as read:', notificationId);
+                // Reload notifications to update unread count
                 this.loadNotifications();
             },
             error: (error) => {
-                console.error('Error marking notification as read:', error);
+                console.error('[Notifications] Error marking notification as read:', error);
             }
         });
-        // Navigate to action URL if available
-        const notification = this.notifications().find(n => n.id === item.id);
-        if (notification?.action_url) {
-            this.router.navigate([notification.action_url]);
+    }
+    /**
+     * Mark all notifications as read
+     */
+    markAllAsRead() {
+        this.notificationApiService.markAllAsRead().subscribe({
+            next: () => {
+                console.log('[Notifications] All notifications marked as read');
+                // Reload notifications to update unread count
+                this.loadNotifications();
+            },
+            error: (error) => {
+                console.error('[Notifications] Error marking all as read:', error);
+            }
+        });
+    }
+    /**
+     * Clear all notifications (mark all as read and remove from view)
+     */
+    clearAllNotifications() {
+        if (confirm('Are you sure you want to clear all notifications? This will mark them all as read.')) {
+            // First mark all as read
+            this.notificationApiService.markAllAsRead().subscribe({
+                next: () => {
+                    console.log('[Notifications] All notifications cleared');
+                    // Clear local notifications array
+                    this.notifications.set([]);
+                    this.updateNotificationDropdown();
+                    // Reload to get updated state
+                    this.loadNotifications();
+                },
+                error: (error) => {
+                    console.error('[Notifications] Error clearing all notifications:', error);
+                }
+            });
         }
     }
     ngAfterViewInit() {
@@ -3310,8 +3406,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-buxglvep.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BJ6T7meW.mjs').then(m => m.CideLytDrawerThemeComponent);
+        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);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -3834,7 +3930,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-CdzzQ1bR.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-ZWphfyNz.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -5402,4 +5498,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-grBP43Ly.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-CKLj-6xH.mjs.map