cloud-ide-layout 1.0.186 → 1.0.188

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-BCJjrfC0.mjs → cloud-ide-layout-cloud-ide-layout-uA8lWEih.mjs}

@@ -4676,16 +4676,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class CustomRouteReuseStrategy {
     storedRoutes = {};
     // Generates a unique key for a route.
-    // For routes marked with 'reuseTab', this key includes sorted query parameters
-    // to ensure distinct states for tabs differing by query params.
+    // This key includes sorted query parameters to ensure distinct states for tabs differing by query params.
     getPathKey(route) {
         let path = route.pathFromRoot
             .map(r => r.url.map(segment => segment.path).join('/'))
             .filter(p => p.length > 0)
             .join('/');
-        // If the route is marked for tab reuse and has query parameters,
-        // append them to the key in a sorted, consistent manner.
-        if (route.data && route.data['reuseTab'] && route.queryParamMap.keys.length > 0) {
+        // Always append query parameters to the key for tab-based navigation
+        // This ensures each unique route + params combination gets its own stored component
+        if (route.queryParamMap.keys.length > 0) {
             const queryParams = route.queryParamMap.keys
                 .sort() // Ensure consistent order of query parameters
                 .map(key => `${key}=${route.queryParamMap.get(key)}`)
@@ -4695,14 +4694,21 @@ class CustomRouteReuseStrategy {
         return path;
     }
     // Determines if this route (and its subtree) should be detached to be reused later.
+    // IMPORTANT: We ALWAYS detach routes to support tab-based navigation
+    // This ensures components are preserved when switching between tabs
     shouldDetach(route) {
-        return !!(route.data && route.data['reuseTab']);
+        // Always detach routes to preserve component state for tab navigation
+        // Previously this only detached routes with reuseTab: true flag,
+        // but dynamic tab routes don't have this flag set
+        return true;
     }
     // Stores the detached route.
+    // IMPORTANT: We ALWAYS store routes to support tab-based navigation
     store(route, handle) {
         const pathKey = this.getPathKey(route);
-        if (handle && route.data && route.data['reuseTab'] && pathKey) {
+        if (handle && pathKey) {
             this.storedRoutes[pathKey] = handle;
+            console.log(`📦 [RouteReuseStrategy] Stored route: ${pathKey}`);
         }
     }
     // Determines if this route (and its subtree) should be reattached.
@@ -5216,6 +5222,28 @@ class CideLytRequestService {
         this.requestVisible = false;
         document.querySelector(`#cide-lyt-request-wrapper`)?.classList.add('cide-lyt-request-wrapper-hide');
         document.querySelector(`body`)?.classList.remove('cide-lyt-request-exist');
+        // IMPORTANT: Clear all tabs and their stored component states when hiding request wrapper
+        // This ensures that when user navigates back later, components start fresh
+        const currentTabs = this.tabsSignal();
+        if (currentTabs.length > 0) {
+            console.log('🧹 REQUEST SERVICE - Clearing all tabs because request wrapper is being hidden');
+            // Clear all tabs from TabStateService
+            currentTabs.forEach(tab => {
+                this.tabStateService.removeTab(tab.id);
+            });
+            // Clear ALL stored routes from route reuse strategy to destroy component instances
+            if (this.routeReuseStrategy instanceof CustomRouteReuseStrategy) {
+                this.routeReuseStrategy.clearAllStoredRoutes();
+                console.log('✅ REQUEST SERVICE - All stored routes cleared');
+            }
+            // Clear all tabs from signals
+            this.tabsSignal.set([]);
+            this.activeTabIdSignal.set(null);
+            this.tabStateService.setActiveTab(null);
+            // Clear sidedrawer
+            this.sidedrawerService.updateDrawerItems(undefined);
+            console.log('✅ REQUEST SERVICE - All tabs cleared, components will start fresh on next visit');
+        }
     }
     // Show Request
     showRequest() {
@@ -5362,8 +5390,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-DJxIg1zW.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BNhurhcP.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-fmRM4jbS.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BfbYAsrL.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -7055,7 +7083,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-zMo-VP1V.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-35VCCHPu.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -7063,7 +7091,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "dashboard-manager",
-        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-DjW9OfwB.mjs').then(c => c.DashboardManagerComponent),
+        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-DRi08LTz.mjs').then(c => c.DashboardManagerComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_dashboard_manager"
@@ -8887,4 +8915,4 @@ var floatingEntitySelection_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, RightsService as R, CideLytSidebarService as a, CideLytSidedrawerService as b, CideLytThemeService as c, CloudIdeLayoutService as d, CloudIdeLayoutComponent as e, CideLytSharedService as f, ComponentContextService as g, layoutControlPannelChildRoutes as h, CustomRouteReuseStrategy as i, AppStateService as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, CideLytFloatingEntitySelectionComponent as r, setCSSVariable as s, themeFactory as t, CideLytFloatingEntitySelectionService as u };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-BCJjrfC0.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-uA8lWEih.mjs.map