cloud-ide-layout 1.0.123 → 1.0.125

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-BpATV-Pe.mjs → cloud-ide-layout-cloud-ide-layout-DdMf1j7_.mjs}

@@ -248,7 +248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
         }] });
 
 class AppStateService {
-    // Inject file manager service
+    // Inject services
     fileManagerService = inject(CideEleFileManagerService);
     // Private signal for current user
     currentUserSignal = signal(null, ...(ngDevMode ? [{ debugName: "currentUserSignal" }] : []));
@@ -256,6 +256,10 @@ class AppStateService {
     activeModuleSignal = signal(null, ...(ngDevMode ? [{ debugName: "activeModuleSignal" }] : []));
     // Private signal for active entity
     activeEntitySignal = signal(null, ...(ngDevMode ? [{ debugName: "activeEntitySignal" }] : []));
+    // Track if entity change handler is initialized (to prevent triggering on initial load)
+    entityChangeHandlerInitialized = false;
+    // Callback registration for entity change handlers (to avoid circular dependencies)
+    entityChangeCallbacks = [];
     // Public computed signal for current user, for other services to get the user value
     currentUser = computed(() => this.currentUserSignal(), ...(ngDevMode ? [{ debugName: "currentUser" }] : []));
     // Public computed signal for active module
@@ -316,6 +320,52 @@ class AppStateService {
                 this.fileManagerService.setUserId('');
             }
         });
+        // GLOBAL ENTITY CHANGE HANDLER: When entity changes, close all tabs and navigate to home
+        // This ensures all components are destroyed and data is refreshed for the new entity
+        // No need to inject this service in any component - it works globally
+        let previousEntityId = null;
+        effect(() => {
+            const currentEntity = this.activeEntitySignal();
+            const currentEntityId = currentEntity?._id || null;
+            // Mark handler as initialized after first run (to skip initial load from localStorage)
+            if (!this.entityChangeHandlerInitialized) {
+                previousEntityId = currentEntityId;
+                this.entityChangeHandlerInitialized = true;
+                console.log('🏢 [AppStateService] Entity change handler initialized with initial entity:', currentEntityId);
+                return; // Skip on initial load
+            }
+            // Only trigger if entity actually changed (not on initial load)
+            if (previousEntityId !== null && currentEntityId !== previousEntityId && currentEntityId !== null) {
+                console.log('🏢 [AppStateService] Entity changed - notifying registered handlers', {
+                    previousEntityId,
+                    newEntityId: currentEntityId,
+                    newEntityName: currentEntity?.syen_name
+                });
+                // Notify all registered entity change callbacks (e.g., close tabs, refresh components)
+                this.entityChangeCallbacks.forEach(callback => {
+                    try {
+                        callback(currentEntity);
+                    }
+                    catch (error) {
+                        console.error('Error in entity change callback:', error);
+                    }
+                });
+            }
+            else if (previousEntityId !== null && currentEntityId === null) {
+                // Entity was cleared - also notify callbacks
+                console.log('🏢 [AppStateService] Entity cleared - notifying registered handlers');
+                this.entityChangeCallbacks.forEach(callback => {
+                    try {
+                        callback(null);
+                    }
+                    catch (error) {
+                        console.error('Error in entity change callback:', error);
+                    }
+                });
+            }
+            // Update previous entity ID for next comparison
+            previousEntityId = currentEntityId;
+        });
         // Listen for localStorage changes from other tabs/windows
         this.setupStorageListener();
     }
@@ -371,6 +421,26 @@ class AppStateService {
     getActiveEntityValue() {
         return this.activeEntitySignal();
     }
+    /**
+     * Register a callback to be called when entity changes
+     * This allows other services to react to entity changes without creating circular dependencies
+     * @param callback Function to call when entity changes, receives the new entity (or null if cleared)
+     */
+    registerEntityChangeHandler(callback) {
+        this.entityChangeCallbacks.push(callback);
+        console.log('📝 [AppStateService] Registered entity change handler, total handlers:', this.entityChangeCallbacks.length);
+    }
+    /**
+     * Unregister an entity change callback
+     * @param callback The callback function to remove
+     */
+    unregisterEntityChangeHandler(callback) {
+        const index = this.entityChangeCallbacks.indexOf(callback);
+        if (index > -1) {
+            this.entityChangeCallbacks.splice(index, 1);
+            console.log('📝 [AppStateService] Unregistered entity change handler, remaining handlers:', this.entityChangeCallbacks.length);
+        }
+    }
     /**
      * Manually refresh state from localStorage
      * Call this method when you need to sync with external localStorage changes
@@ -1283,7 +1353,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-DIQDQ_7Q.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-DteJtUqk.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -4479,6 +4549,8 @@ class CideLytRequestService {
     tabStateService = inject(TabStateService);
     sidedrawerService = inject(CideLytSidedrawerService);
     sharedService = inject(CideLytSharedService);
+    floatingContainerService = inject(CideEleFloatingContainerService);
+    appStateService = inject(AppStateService);
     constructor() {
         // Initialize router
         this.router = inject(Router);
@@ -4487,6 +4559,12 @@ class CideLytRequestService {
         this.sharedService.registerTabManagement(this.handleRouteBasedTabManagement.bind(this));
         // Register request visibility callback
         this.sharedService.registerRequestVisibility(this.handleRequestVisibility.bind(this));
+        // Register entity change handler with AppStateService to close tabs when entity changes
+        // This is safe because AppStateService no longer imports CideLytRequestService
+        this.appStateService.registerEntityChangeHandler((entity) => {
+            console.log('🏢 [RequestService] Entity changed, closing all tabs:', entity?._id);
+            this.closeAllTabs();
+        });
     }
     /**
      * Handle request visibility changes from shared service
@@ -4683,6 +4761,47 @@ class CideLytRequestService {
         // Request wrapper visibility is now controlled by layout configuration
         // The wrapper will be hidden/shown based on sytm_layout_request.status in setPageData
     }
+    /**
+     * Close all tabs and navigate to home
+     * This is used when entity changes to ensure all components are destroyed and refreshed
+     */
+    closeAllTabs() {
+        console.log('🧹 REQUEST SERVICE: Closing all tabs due to entity change');
+        const currentTabs = this.tabsSignal();
+        // Close all floating containers first
+        this.floatingContainerService.hideAll();
+        console.log('🧹 REQUEST SERVICE: Closed all floating containers');
+        // Clear all tabs from TabStateService
+        currentTabs.forEach(tab => {
+            this.tabStateService.removeTab(tab.id);
+            // Clear stored routes from route reuse strategy
+            if (this.routeReuseStrategy instanceof CustomRouteReuseStrategy) {
+                let pathKey = tab.route.startsWith('/') ? tab.route.substring(1) : tab.route;
+                if (tab.params && Object.keys(tab.params).length > 0) {
+                    const queryParamsString = Object.keys(tab.params)
+                        .sort()
+                        .map(key => `${key}=${tab.params[key]}`)
+                        .join('&');
+                    pathKey += '?' + queryParamsString;
+                }
+                this.routeReuseStrategy.clearStoredRoute(pathKey);
+                // Also clear without query params
+                const pathKeyWithoutParams = tab.route.startsWith('/') ? tab.route.substring(1) : tab.route;
+                if (pathKeyWithoutParams !== pathKey) {
+                    this.routeReuseStrategy.clearStoredRoute(pathKeyWithoutParams);
+                }
+            }
+        });
+        // Clear all tabs
+        this.tabsSignal.set([]);
+        this.activeTabIdSignal.set(null);
+        this.tabStateService.setActiveTab(null);
+        // Clear sidedrawer
+        this.sidedrawerService.updateDrawerItems(undefined);
+        // Navigate to home
+        this.router.navigate(['/control-panel']);
+        console.log('✅ REQUEST SERVICE: All tabs and floating containers closed, navigated to home');
+    }
     // Hide Request
     hideRequest() {
         console.log('🚫 REQUEST SERVICE - Hiding request wrapper');
@@ -4835,8 +4954,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-cOnPPckf.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-D9-hx3zD.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-C2tOsEC4.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-DV0QsDsO.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -6503,7 +6622,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-Ce2ZrkY6.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-DjRHVU59.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -6511,7 +6630,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "dashboard-manager",
-        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-BrAn37oD.mjs').then(c => c.DashboardManagerComponent),
+        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-C8rnVZpP.mjs').then(c => c.DashboardManagerComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_dashboard_manager"
@@ -8078,4 +8197,4 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, RightsService as R, CideLytSidebarService as a, CideLytRequestService as b, CideLytSidedrawerService as c, CideLytThemeService as d, AppStateService as e, CloudIdeLayoutService as f, CloudIdeLayoutComponent as g, CideLytSharedService as h, ComponentContextService as i, layoutControlPannelChildRoutes as j, CustomRouteReuseStrategy as k, layoutRoutes as l, CideLytUserStatusService as m, CacheManagerService as n, CideLytFileManagerService as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingComponent as q, CideLytFloatingEntityRightsSharingService as r, setCSSVariable as s, themeFactory as t };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-BpATV-Pe.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-DdMf1j7_.mjs.map