cloud-ide-layout 1.0.61 → 1.0.63

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-grBP43Ly.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-BdzYa5wO.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
-            this.notificationApiService.getNotifications({
+            // Load from API to get all notifications (including read status)
+            // 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) {
@@ -1577,19 +1582,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,25 +1635,58 @@ class CideLytHeaderWrapperComponent {
      */
     updateNotificationDropdown() {
         const notifs = this.notifications();
-        this.notificationItems = notifs.slice(0, 10).map(notif => ({
+        const unreadCount = this.unreadCount();
+        // 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,
-            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-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 (only if there are notifications)
+            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',
+                id: 'divider-2',
                 label: '',
                 divider: true
             });
+            // 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'
             });
@@ -1680,30 +1731,186 @@ 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');
+            // 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') {
+        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) {
+        console.log('[Notifications] Marking as read:', 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({
-            next: () => {
+        // Mark in API
+        this.notificationApiService.markAsRead(notificationId).subscribe({
+            next: (response) => {
+                console.log('[Notifications] Marked as read successfully:', response);
+                // 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);
+                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();
             }
         });
-        // 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() {
+        console.log('[Notifications] Marking all as read');
+        this.notificationApiService.markAllAsRead().subscribe({
+            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();
+            }
+        });
+    }
+    /**
+     * 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.')) {
+            console.log('[Notifications] Clearing all notifications');
+            // First mark all as read
+            this.notificationApiService.markAllAsRead().subscribe({
+                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 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() {
@@ -3310,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-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-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);
@@ -3834,7 +4041,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-PzCCRZ1z.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -5402,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-grBP43Ly.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-D1c2ObrF.mjs.map