cloud-ide-layout 1.0.109 → 1.0.111

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-DKLoBtjT.mjs → cloud-ide-layout-cloud-ide-layout-BbcIno6W.mjs}

@@ -7,7 +7,7 @@ import { map, filter, tap, catchError, shareReplay, take, distinctUntilChanged }
 import * as i2$1 from '@angular/router';
 import { Router, NavigationEnd, RouteReuseStrategy, RouterModule } from '@angular/router';
 import { Title, DomSanitizer } from '@angular/platform-browser';
-import { CideEleFileManagerService, CideElementsService, CideEleFloatingContainerService, NotificationService, CideIconComponent, CideEleButtonComponent, CideInputComponent, CideSelectComponent, CideThemeService, WebSocketNotificationService, NotificationApiService, CideEleDropdownComponent, CideEleFileImageDirective, CideEleResizerDirective, TooltipDirective, CideSpinnerComponent, CideEleSkeletonLoaderComponent, KeyboardShortcutService, CideEleFloatingContainerManagerComponent, CideEleGlobalNotificationsComponent, CideEleBreadcrumbComponent } from 'cloud-ide-element';
+import { CideEleFileManagerService, CideElementsService, CideEleFloatingContainerService, NotificationService, CideIconComponent, CideEleButtonComponent, CideInputComponent, CideSelectComponent, CideThemeService, WebSocketNotificationService, NotificationApiService, CideEleDropdownComponent, CideEleFileImageDirective, CideEleResizerDirective, TooltipDirective, CideSpinnerComponent, CideEleSkeletonLoaderComponent, KeyboardShortcutService, FloatingContainerShortcutsService, CideEleFloatingContainerManagerComponent, CideEleGlobalNotificationsComponent, CideEleBreadcrumbComponent } from 'cloud-ide-element';
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass, NgFor, NgIf, isPlatformBrowser } from '@angular/common';
 import { FINANCIAL_YEAR_SERVICE_TOKEN, ACADEMIC_YEAR_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, authGuard, ENTITY_SERVICE_TOKEN } from 'cloud-ide-shared';
@@ -1268,7 +1268,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-BWt2jNzs.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-DMS4hfOP.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1442,36 +1442,65 @@ class NotificationSettingsService {
             // Create audio context for sound generation
             // Handle browser autoplay policy - resume if suspended
             const AudioContextClass = window.AudioContext || window.webkitAudioContext;
-            const audioContext = new AudioContextClass();
+            let audioContext;
+            // Try to get existing audio context or create new one
+            if (!this._audioContext) {
+                audioContext = new AudioContextClass();
+                this._audioContext = audioContext;
+            }
+            else {
+                audioContext = this._audioContext;
+            }
+            // Resume audio context if suspended (required for browser autoplay policy)
             if (audioContext.state === 'suspended') {
-                audioContext.resume();
-            }
-            const volume = settings.soundVolume / 100;
-            const currentTime = audioContext.currentTime;
-            // Configure based on sound type
-            switch (settings.soundType) {
-                case 'gentle':
-                    this.playTone(audioContext, 800, 600, 0.15, volume, 'sine');
-                    break;
-                case 'alert':
-                    this.playTone(audioContext, 1000, 800, 0.2, volume, 'square');
-                    break;
-                case 'chime':
-                    // Play a chord (C-E-G)
-                    this.playTone(audioContext, 523.25, 523.25, 0.3, volume * 0.7, 'sine', 0); // C5
-                    this.playTone(audioContext, 659.25, 659.25, 0.3, volume * 0.7, 'sine', 0.05); // E5
-                    this.playTone(audioContext, 783.99, 783.99, 0.3, volume * 0.7, 'sine', 0.1); // G5
-                    break;
-                case 'default':
-                default:
-                    this.playTone(audioContext, 800, 600, 0.15, volume, 'sine');
-                    break;
+                audioContext.resume().then(() => {
+                    this.playSoundWithContext(audioContext, settings);
+                }).catch((error) => {
+                    console.warn('Failed to resume audio context:', error);
+                    // Try creating a new context as fallback
+                    try {
+                        const newContext = new AudioContextClass();
+                        this.playSoundWithContext(newContext, settings);
+                    }
+                    catch (fallbackError) {
+                        console.warn('Failed to create fallback audio context:', fallbackError);
+                    }
+                });
+            }
+            else {
+                // Context is already running, play sound immediately
+                this.playSoundWithContext(audioContext, settings);
             }
         }
         catch (error) {
             console.warn('Failed to play notification sound:', error);
         }
     }
+    /**
+     * Play sound with the given audio context
+     */
+    playSoundWithContext(audioContext, settings) {
+        const volume = settings.soundVolume / 100;
+        // Configure based on sound type
+        switch (settings.soundType) {
+            case 'gentle':
+                this.playTone(audioContext, 800, 600, 0.15, volume, 'sine');
+                break;
+            case 'alert':
+                this.playTone(audioContext, 1000, 800, 0.2, volume, 'square');
+                break;
+            case 'chime':
+                // Play a chord (C-E-G)
+                this.playTone(audioContext, 523.25, 523.25, 0.3, volume * 0.7, 'sine', 0); // C5
+                this.playTone(audioContext, 659.25, 659.25, 0.3, volume * 0.7, 'sine', 0.05); // E5
+                this.playTone(audioContext, 783.99, 783.99, 0.3, volume * 0.7, 'sine', 0.1); // G5
+                break;
+            case 'default':
+            default:
+                this.playTone(audioContext, 800, 600, 0.15, volume, 'sine');
+                break;
+        }
+    }
     /**
      * Play a single tone
      */
@@ -2052,6 +2081,9 @@ class CideLytHeaderWrapperComponent {
     unreadCount = computed(() => this.wsNotificationService?.unreadNotificationsCount() || 0, ...(ngDevMode ? [{ debugName: "unreadCount" }] : []));
     isNotificationDropdownOpen = signal(false, ...(ngDevMode ? [{ debugName: "isNotificationDropdownOpen" }] : []));
     notificationItems = signal([], ...(ngDevMode ? [{ debugName: "notificationItems" }] : []));
+    // Track previously seen notification IDs to detect new ones
+    previousNotificationIds = new Set();
+    isInitialLoad = true; // Track if this is the first load
     // Animation and undo state
     animatingNotifications = signal(new Set(), ...(ngDevMode ? [{ debugName: "animatingNotifications" }] : []));
     recentlyRemovedNotifications = signal(new Map(), ...(ngDevMode ? [{ debugName: "recentlyRemovedNotifications" }] : []));
@@ -2187,6 +2219,9 @@ class CideLytHeaderWrapperComponent {
         });
     }
     ngOnInit() {
+        // Initialize audio context early to avoid browser autoplay restrictions
+        // This must be done on user interaction, so we'll do it on first user click
+        this.initializeAudioContext();
         // Subscribe to theme service for reactive theme updates
         this.themeService.getEffectiveTheme$()
             .pipe(takeUntilDestroyed(this.destroyRef))
@@ -2320,6 +2355,23 @@ class CideLytHeaderWrapperComponent {
                         }
                         // Sort by timestamp (newest first)
                         filteredNotifications.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+                        // Detect new notifications and play sound
+                        if (!this.isInitialLoad) {
+                            const currentNotificationIds = new Set(filteredNotifications.map(n => n.id));
+                            const newNotifications = filteredNotifications.filter(n => !this.previousNotificationIds.has(n.id));
+                            if (newNotifications.length > 0) {
+                                console.log(`[Notifications] ${newNotifications.length} new notification(s) detected, playing sound...`);
+                                // Play sound for new notifications
+                                this.playNotificationSound();
+                            }
+                            // Update previous notification IDs
+                            this.previousNotificationIds = currentNotificationIds;
+                        }
+                        else {
+                            // First load - just track IDs, don't play sound
+                            this.previousNotificationIds = new Set(filteredNotifications.map(n => n.id));
+                            this.isInitialLoad = false;
+                        }
                         console.log('[Notifications] Total notifications to display:', filteredNotifications.length);
                         this.notifications.set(filteredNotifications);
                         this.updateNotificationDropdown();
@@ -3245,6 +3297,44 @@ class CideLytHeaderWrapperComponent {
             }
         }
     }
+    /**
+     * Initialize audio context early to avoid browser autoplay restrictions
+     */
+    initializeAudioContext() {
+        // Initialize audio context on first user interaction
+        const initAudio = () => {
+            try {
+                const AudioContextClass = window.AudioContext || window.webkitAudioContext;
+                if (AudioContextClass && !window._notificationAudioContext) {
+                    const audioContext = new AudioContextClass();
+                    // Resume to unlock audio (required for autoplay policy)
+                    if (audioContext.state === 'suspended') {
+                        audioContext.resume().then(() => {
+                            console.log('[Notifications] Audio context initialized and resumed');
+                        }).catch((error) => {
+                            console.warn('[Notifications] Failed to initialize audio context:', error);
+                        });
+                    }
+                    window._notificationAudioContext = audioContext;
+                }
+            }
+            catch (error) {
+                console.warn('[Notifications] Failed to initialize audio context:', error);
+            }
+        };
+        // Try to initialize on any user interaction
+        const events = ['click', 'touchstart', 'keydown'];
+        const initOnce = () => {
+            initAudio();
+            // Remove listeners after first initialization
+            events.forEach(event => {
+                document.removeEventListener(event, initOnce);
+            });
+        };
+        events.forEach(event => {
+            document.addEventListener(event, initOnce, { once: true, passive: true });
+        });
+    }
     /**
      * Play notification sound based on user settings
      */
@@ -4693,8 +4783,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-CLgErxyC.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BnbifwOg.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-DYbvtr2t.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-CAocxERw.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -4865,6 +4955,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
 class ShortcutsPanelComponent {
     keyboardShortcutService = inject(KeyboardShortcutService);
     sanitizer = inject(DomSanitizer);
+    // Inject FloatingContainerShortcutsService to ensure it's initialized and shortcuts are registered
+    floatingContainerShortcutsService = inject(FloatingContainerShortcutsService);
     refreshInterval;
     shortcuts = signal([], ...(ngDevMode ? [{ debugName: "shortcuts" }] : []));
     searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
@@ -4887,6 +4979,8 @@ class ShortcutsPanelComponent {
         return Array.from(cats).sort();
     }, ...(ngDevMode ? [{ debugName: "categories" }] : []));
     ngOnInit() {
+        // FloatingContainerShortcutsService is now injected, so it's initialized
+        // Load shortcuts immediately
         this.loadShortcuts();
         // Reload shortcuts periodically to catch dynamically registered shortcuts
         // This ensures floating container shortcuts and custom shortcuts are shown
@@ -5353,7 +5447,7 @@ class SettingsContainerComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: SettingsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: SettingsContainerComponent, isStandalone: true, selector: "cide-lyt-settings-container", ngImport: i0, template: `
-    <div class="tw-flex tw-h-full tw-bg-white dark:tw-bg-gray-900">
+    <div class="tw-flex tw-h-full tw-bg-white dark:tw-bg-gray-900 tw-text-gray-900 dark:tw-text-gray-100">
       <!-- Left Sidebar Navigation -->
       <div class="tw-w-64 tw-border-r tw-border-gray-200 dark:tw-border-gray-700 tw-bg-gray-50 dark:tw-bg-gray-800 tw-flex tw-flex-col">
         <!-- Header -->
@@ -5447,7 +5541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         NotificationSettingsComponent,
                         ShortcutsPanelComponent
                     ], template: `
-    <div class="tw-flex tw-h-full tw-bg-white dark:tw-bg-gray-900">
+    <div class="tw-flex tw-h-full tw-bg-white dark:tw-bg-gray-900 tw-text-gray-900 dark:tw-text-gray-100">
       <!-- Left Sidebar Navigation -->
       <div class="tw-w-64 tw-border-r tw-border-gray-200 dark:tw-border-gray-700 tw-bg-gray-50 dark:tw-bg-gray-800 tw-flex tw-flex-col">
         <!-- Header -->
@@ -5926,7 +6020,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-DBEz2uEN.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-D3FEDXRo.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -7493,4 +7587,4 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, 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-DKLoBtjT.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-BbcIno6W.mjs.map