@admin-layout/tailwind-design-pro 12.2.4-alpha.1 → 12.2.4-alpha.100

package/lib/components/Layout/ProTailwindLayout.js

@@ -1,23 +1,31 @@
 import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
 import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
 import { getAvailableCategories, getMenusByAdvancedFilter } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
-import { useMatches } from '@remix-run/react';
+import { useLoaderData, useMatches } from '@remix-run/react';
 import { ClientContainerService } from 'common';
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { createSelector } from 'reselect';
+import { defaultPermissions } from './defaultPermissions.js';
 import { config } from '../../config/env-config.js';
 import BasicLayoutEnhanced from './TailwindLayout.js';
-import stylesheet from '../../styles/index.css?url';
-const selectOrgName = state => state.platform.orgName;
-const selectSettings = state => state.settings;
+import stylesheet from '../../styles/index.css?url'; // Cache for SPA mode menu data to avoid re-fetching on every route change
+let cachedSpaMenuData = null;
+// Safe selectors that handle undefined state slices in SPA mode
+const selectOrgName = state => state?.platform?.orgName ?? '';
+const selectSettings = state => state?.settings ?? {};
 const selector = createSelector([selectOrgName, selectSettings], (orgName, settings) => ({
   orgName,
   settings
 }));
-/**
- * Filter menu items based on user visibility settings using filteredRoutes utilities
- */
+const handle = {
+  i18n: 'menu'
+};
+const links = () => [{
+  rel: 'stylesheet',
+  href: stylesheet
+}];
+//helper func
 function filterMenuItemsByVisibility(menuData, settings) {
   if (!menuData || !Array.isArray(menuData)) return [];
   const hiddenMenuCategories = settings?.hiddenMenuCategories || [];
@@ -67,78 +75,30 @@ function filterMenuItemsByVisibility(menuData, settings) {
   };
   return filterItemsRecursively(filteredByCategory);
 }
-const ProTailwindLayout = props => {
-  const {
-    loaderData: {
-      permissions,
-      newMenuData
-    }
-  } = props;
-  const matches = useMatches();
-  const current = matches[matches.length - 1];
-  const {
-    orgName,
-    settings
-  } = useSelector(state => selector(state));
-  // Check if current route has projectId param (pattern: projects/:id)
-  const hasProjectId = current?.params?.id && current?.id?.includes('projects/:id');
-  // Get project-specific menus or all menus
-  const menuDataToUse = React.useMemo(() => {
-    if (!hasProjectId) {
-      // When NOT in project detail, filter out project-specific routes (hideInMenu: true)
-      const nonProjectMenus = newMenuData.filter(item => {
-        const isProjectRoute = item.path?.includes('/projects/:id');
-        return !isProjectRoute;
-      });
-      console.log('Not in project - showing non-project menus');
-      return nonProjectMenus;
-    }
-    // When in project detail, show only project-specific routes
-    const projectMenus = newMenuData.filter(item => {
-      const isProject = item.path?.includes('/projects/:id');
-      return isProject;
-    });
-    console.log('In project - showing project menus');
-    return projectMenus;
-  }, [hasProjectId, newMenuData]);
-  const filteredMenuData = React.useMemo(() => {
-    return filterMenuItemsByVisibility(menuDataToUse, settings);
-  }, [menuDataToUse, settings?.hiddenMenuCategories, settings?.hiddenMenuKeys]);
-  const params = {
-    orgName: orgName,
-    ...(current?.params?.id && {
-      id: current.params.id
-    })
-  };
-  return React.createElement(BasicLayoutEnhanced, {
-    routeParams: params,
-    permissions: permissions,
-    menuData: filteredMenuData,
-    fullMenuData: newMenuData
-  });
-};
-const handle = {
-  i18n: 'menu'
-};
-const links = () => [{
-  rel: 'stylesheet',
-  href: stylesheet
-}];
-const loader = async params => {
+// NOTE: No HydrateFallback exported - we use SSR so the server-rendered content displays immediately.
+// HydrateFallback should only be used for client-only routes that can't render until clientLoader runs.
+// loader or action
+async function loader(params) {
   const {
     routeConfig
   } = params.context;
-  let parentRoute = {};
+  let parentRoute = null;
   try {
     parentRoute = matchParentRoute(routeConfig, config.LAYOUT_ROOT);
   } catch (e) {
-    console.log(e);
+    console.log('[ProTailwindLayout loader] Error matching parent route:', e);
   }
-  const routeWithLocale = filterRoutesWithLocale(parentRoute['routes']);
+  // Handle case when parentRoute is null or doesn't have routes
+  const routes = parentRoute?.routes || [];
+  if (routes.length === 0) {
+    console.warn('[ProTailwindLayout loader] No routes found for LAYOUT_ROOT:', config.LAYOUT_ROOT);
+  }
+  const routeWithLocale = filterRoutesWithLocale(routes);
   const routeWithChildren = transformData(routeWithLocale);
   const menuDataWithParentKeys = addProLayoutParentKeys(routeWithChildren);
   menuDataWithParentKeys.forEach(item => removeUnnecessaryProperties(item));
   let permissions = params?._dataContext?.permissions;
+  const policies = params?._dataContext?.policies;
   let apolloState = params?._dataContext?.apolloState;
   if (!permissions) {
     throw new Error('Permissions not found');
@@ -146,39 +106,246 @@ const loader = async params => {
   if (!apolloState) {
     throw new Error('ApolloState not found');
   }
-  const newMenuData = menuDataRender(routeWithLocale, permissions);
-  // returnInfo: {"keys":["newMenuData","apolloState"],"hasOptions":false} 
+  const newMenuData = menuDataRender(routeWithLocale, permissions, policies);
+  // returnInfo: {"keys":["newMenuData","apolloState","permissions","policies"],"hasOptions":false} 
   return {
-    data: [newMenuData, apolloState]
+    data: [newMenuData, apolloState, permissions, policies]
   };
-};
+}
 async function clientLoader({
-  request,
-  params,
   serverLoader
 }) {
-  // During client-side navigations, we hit our exposed API endpoints directly
-  // do not restore apollo state in cache memory as it can rewrite newer data
-  const loaderData = await serverLoader();
-  const {
-    apolloState
-  } = loaderData;
-  try {
+  // In SPA mode (ssr: false), serverLoader throws an error when called
+  // We check the Remix context to determine if we're in SPA mode
+  const remixContext = typeof window !== 'undefined' ? window.__remixContext : null;
+  // In SPA mode, isSpaMode is true. In SSR mode, it's false or undefined.
+  const isSPAMode = remixContext?.isSpaMode === true;
+  console.log('[ProTailwindLayout clientLoader] Starting...', {
+    isSPAMode,
+    hasRemixContext: !!remixContext,
+    remixContextKeys: remixContext ? Object.keys(remixContext) : []
+  });
+  let loaderData = null;
+  let hasValidServerData = false;
+  // Only attempt to call serverLoader in SSR mode
+  // In SPA mode, serverLoader() will throw "You cannot call serverLoader() in SPA Mode"
+  if (!isSPAMode) {
+    try {
+      console.log('[ProTailwindLayout clientLoader] Calling serverLoader (SSR mode)...');
+      loaderData = await serverLoader();
+      hasValidServerData = loaderData && loaderData.newMenuData && loaderData.newMenuData.length > 0;
+      console.log('[ProTailwindLayout clientLoader] serverLoader result:', {
+        hasLoaderData: !!loaderData,
+        hasNewMenuData: !!loaderData?.newMenuData,
+        menuDataLength: loaderData?.newMenuData?.length || 0,
+        hasValidServerData
+      });
+    } catch (e) {
+      // If serverLoader fails, we'll fall back to SPA mode data generation
+      // This can happen if the server doesn't return expected data
+      console.warn('[ProTailwindLayout clientLoader] serverLoader failed:', e);
+    }
+  } else {
+    console.log('[ProTailwindLayout clientLoader] Skipping serverLoader (SPA mode detected)');
+  }
+  if (hasValidServerData) {
+    // SSR mode - hydrate apollo cache and organization context
     const {
-      container
-    } = window.__CLIENT_SERVICE__;
-    const organizationContext = container.get(ClientContainerService.IOrganizationContextService);
-    organizationContext.hydrate(apolloState);
+      apolloState
+    } = loaderData;
+    try {
+      const {
+        container
+      } = window.__CLIENT_SERVICE__;
+      // const apolloCache = container.get(ClientTypes.InMemoryCache);
+      // apolloCache.restore(apolloState);
+      const organizationContext = container.get(ClientContainerService.IOrganizationContextService);
+      organizationContext.hydrate(apolloState);
+    } catch (e) {
+      console.error('[ProTailwindLayout clientLoader] Error in client hydrate:', e);
+    }
+    console.log('[ProTailwindLayout clientLoader] Returning SSR data with', loaderData.newMenuData.length, 'menu items');
+    return loaderData;
+  }
+  // SPA mode - get route config from window.__ROUTES_CONFIG__ or fetch from routes-config.json
+  console.log('[ProTailwindLayout clientLoader] Entering SPA mode route generation...');
+  // Return cached data if available to avoid unnecessary fetches on route changes
+  if (cachedSpaMenuData && cachedSpaMenuData.newMenuData.length > 0) {
+    console.log('[ProTailwindLayout clientLoader] Returning cached SPA menu data');
+    return cachedSpaMenuData;
+  }
+  try {
+    // First try to get routes config from window global variable
+    // If not available, fall back to fetching from routes-config.json
+    let routeConfig = [];
+    if (typeof window !== 'undefined' && window.__ROUTES_CONFIG__) {
+      console.log('[ProTailwindLayout clientLoader] Using window.__ROUTES_CONFIG__');
+      // Handle both array format and object format { routes: [...] }
+      const windowConfig = window.__ROUTES_CONFIG__;
+      routeConfig = Array.isArray(windowConfig) ? windowConfig : windowConfig?.routes || [];
+    }
+    if (!routeConfig.length) {
+      // Fetch routes-config.json as fallback
+      // Try multiple paths since Vite serves files differently in dev vs prod
+      console.log('[ProTailwindLayout clientLoader] Fetching routes-config.json...');
+      const pathsToTry = ['/app/routes-config.json', '/routes-config.json', './routes-config.json'];
+      for (const path of pathsToTry) {
+        try {
+          const response = await fetch(path);
+          if (response.ok) {
+            const jsonData = await response.json();
+            // Handle both array format and object format { routes: [...] }
+            routeConfig = Array.isArray(jsonData) ? jsonData : jsonData?.routes || [];
+            console.log('[ProTailwindLayout clientLoader] Fetched routes-config.json from', path);
+            break;
+          }
+        } catch (fetchError) {
+          console.warn('[ProTailwindLayout clientLoader] Failed to fetch from', path);
+        }
+      }
+      if (!routeConfig.length) {
+        console.warn('[ProTailwindLayout clientLoader] Could not fetch routes-config.json from any path');
+      }
+    }
+    console.log('[ProTailwindLayout clientLoader] routeConfig:', {
+      isArray: Array.isArray(routeConfig),
+      length: routeConfig?.length || 0,
+      topLevelKeys: routeConfig?.map?.(r => r.key) || []
+    });
+    // Transform routes to menu format - the config already has hierarchical structure with nested routes
+    // Mirror the SSR pipeline: filter hidden/resource routes, sort by priority, recurse.
+    const transformToMenuData = routes => {
+      return routes.filter(r => !r.hideInMenu && !r.isResourceRoute && !r.path?.includes('/resources/')).slice().sort((a, b) => (parseInt(a?.priority, 10) || 0) - (parseInt(b?.priority, 10) || 0)).map(route => {
+        const menuItem = {
+          key: route.key,
+          name: route.name,
+          path: route.path,
+          icon: route.icon,
+          position: route.position,
+          priority: route.priority,
+          exact: route.exact,
+          requiredFeatures: route.requiredFeatures
+        };
+        // Recursively transform child routes
+        if (route.routes && route.routes.length > 0) {
+          menuItem.children = transformToMenuData(route.routes);
+        }
+        return menuItem;
+      });
+    };
+    // Use ONLY the `/` root-layout entry for the sidebar menu.
+    // The route generator emits multiple `root-layout` entries (e.g. `/` and `/o/:orgName`),
+    // but org-scoped routes (`/o/:orgName/*`) should not appear in the global SPA sidebar.
+    const rootLayouts = (routeConfig || []).filter?.(r => r.key === 'root-layout' && r.path === config.LAYOUT_ROOT && Array.isArray(r.routes) && r.routes.length > 0) || [];
+    // Deduplicate by route key so duplicates from multiple layout entries don't render twice
+    const seenKeys = new Set();
+    const menuRoutes = rootLayouts.length ? rootLayouts.flatMap(rl => rl.routes).filter(r => {
+      if (!r?.key || seenKeys.has(r.key)) return false;
+      seenKeys.add(r.key);
+      return true;
+    }) : routeConfig;
+    console.log('[ProTailwindLayout clientLoader] Root layouts found:', rootLayouts.length, rootLayouts.map(r => r.path));
+    console.log('[ProTailwindLayout clientLoader] Menu routes count:', menuRoutes?.length || 0);
+    const menuData = transformToMenuData(menuRoutes || []);
+    console.log('[ProTailwindLayout clientLoader] Final menuData:', {
+      length: menuData.length,
+      items: menuData.map(m => ({
+        key: m.key,
+        name: m.name,
+        path: m.path,
+        icon: m.icon,
+        childrenCount: m.children?.length || 0
+      }))
+    });
+    // Cache the result for subsequent route changes
+    cachedSpaMenuData = {
+      newMenuData: menuData,
+      permissions: defaultPermissions,
+      apolloState: {}
+    };
+    return cachedSpaMenuData;
   } catch (e) {
-    console.error('Error in client hydrate');
-    console.error(e);
+    console.error('[ProTailwindLayout clientLoader] Error generating menu data in SPA mode:', e);
+    console.error('[ProTailwindLayout clientLoader] Error details:', {
+      name: e.name,
+      message: e.message,
+      stack: e.stack
+    });
+    return {
+      newMenuData: [],
+      permissions: {},
+      apolloState: {}
+    };
   }
-  return loaderData;
 }
+// NOTE: We intentionally do NOT set clientLoader.hydrate = true
+// This means:
+// - Initial page load: Uses server loader data directly (instant SSR)
+// - Client navigation: clientLoader runs to fetch/transform data
+// - No HydrateFallback needed since SSR content renders immediately
 const shouldRevalidate = ({
   currentParams,
   nextParams
 }) => {
   return currentParams.orgName !== nextParams.orgName;
 };
+function ProTailwindLayout(props) {
+  // Use Remix's useLoaderData to get data from clientLoader/loader
+  const loaderData = useLoaderData() || {
+    permissions: null,
+    newMenuData: []
+  };
+  const {
+    permissions = defaultPermissions,
+    newMenuData = []
+  } = loaderData || {};
+  const matches = useMatches();
+  const current = matches[matches.length - 1];
+  const {
+    orgName,
+    settings
+  } = useSelector(state => selector(state));
+  // Check if current route has projectId param (pattern: projects/:id)
+  const hasProjectId = current?.params?.id && current?.id?.includes('projects/:id');
+  // Get project-specific menus or all menus
+  const menuDataToUse = React.useMemo(() => {
+    if (!hasProjectId) {
+      // When NOT in project detail, filter out project-specific routes (hideInMenu: true)
+      return newMenuData.filter(item => !item.path?.includes('/projects/:id'));
+    }
+    // When in project detail, show only project-specific routes
+    return newMenuData.filter(item => item.path?.includes('/projects/:id'));
+  }, [hasProjectId, newMenuData]);
+  const filteredMenuData = React.useMemo(() => {
+    return filterMenuItemsByVisibility(menuDataToUse, settings);
+  }, [menuDataToUse, settings?.hiddenMenuCategories, settings?.hiddenMenuKeys]);
+  // Keep the last non-empty menu so a transient empty loaderData — e.g. during a
+  // clientLoader revalidation or the SSR→client hydration handoff, where
+  // `useLoaderData()` momentarily yields the `{ newMenuData: [] }` default — does NOT
+  // collapse the sidebar to nothing and then re-expand it. That collapse/re-expand was
+  // a visible "blink" of the whole menu. Once we have rendered items we never fall back
+  // to an empty menu; real menu changes (which produce a non-empty list) still apply.
+  const lastNonEmptyMenu = React.useRef(filteredMenuData);
+  if (filteredMenuData.length > 0) {
+    lastNonEmptyMenu.current = filteredMenuData;
+  }
+  const stableMenuData = filteredMenuData.length > 0 ? filteredMenuData : lastNonEmptyMenu.current;
+  const lastNonEmptyFullMenu = React.useRef(newMenuData);
+  if (newMenuData.length > 0) {
+    lastNonEmptyFullMenu.current = newMenuData;
+  }
+  const stableFullMenuData = newMenuData.length > 0 ? newMenuData : lastNonEmptyFullMenu.current;
+  const params = {
+    orgName: orgName,
+    ...(current?.params?.id && {
+      id: current.params.id
+    })
+  };
+  return React.createElement(BasicLayoutEnhanced, {
+    routeParams: params,
+    permissions: permissions,
+    menuData: stableMenuData,
+    fullMenuData: stableFullMenuData
+  });
+}
 export { clientLoader, ProTailwindLayout as default, handle, links, loader, shouldRevalidate }; //# sourceMappingURL=ProTailwindLayout.js.map

package/lib/components/Layout/ProTailwindLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["TailwindLayout"],"mappings":"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"}
+{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"yuBA6CA;AACA,IAAI,iBAAiB,GAAsE,IAAI;AAE/F;AACA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,EAAK,QAAE,EAAQ,OAAE,IAAO,EAAI;AAC7D,MAAM,cAAc,GAAG,KAAC,IAAO,KAAG,EAAK,QAAE,IAAQ,EAAI;AACrD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,MAAM;AAEzF,EAAA,OAAO;AACH,EAAA;CACH,CAAC,CAAA;AACK,MAAM,SAAuB;AAEpC,EAAA,IAAA,EAAA;AACA;WACiB,GAAI,MAAM,CAAC;AAAmB,EAAA,GAAA,EAAA,YAAU;AAErD,EAAA,IAAA,EAAA;;;SAIA,2BAAA,CAAA,QAAA,EAAA,QAAA,EAAA;MACA,CAAA,QAAM,IAAA,CAAA,KAAA,CAAA,OAAuB,CAAA,QAAG,CAAA,EAAS,OAAK,EAAI;AAC9C,EAAA,MAAA,oBAAO,GAAA,QAAA,EAAA,oBAAA,IAAA,EAAA;;AAEP,EAAA,MAAA,cAAc,GAAC,UAAY,cAAS,GAAA,KAAA,CAAA,IAAA,CAAA,IAAA,GAAA,CAAA,QAAA,CAAA,cAAA,CAAA,CAAA,GAAA,EAAA;;QAEpC,uBAAsB,GAAI,QAAM,CAAA,GAAA,CAAA,IAAA,KAAA;AACnC,IAAA,GAAE,IAAC;;AAGJ,IAAA,2BAAyB,SAAG;;IAK5B,GAAA,EAAI,IAAA,CAAA,GAAA,IAAA,IAAA,CAAkB,IAAG,IAAA;IACzB,CAAA;;AAEI,EAAA,MAAA,mBAAgB,GAAA,sBAAA,CAAA,uBAAA,CAAA;AACZ,EAAA,MAAA,iBAAY,GAAA,mBAAkB,CAAM,MAAM,CAAC,QAAA,IAAA,CAAA,oBAAqB,CAAA,QAAmB,CAAA,QAAA,CAAA,WAAA,EAAA,CAAA,CAAA;wBACrF,GAAA,uBAAA;uBAEI,CAAA,MAAgB,KAAG,mBAAA,CAAA;;UAEzB,OAAA,GAAA;gBACI,EAAM,iBAAc,CAAI,MAAC,GAAQ,CAAC,GAAG,iBAAA,GAAA,CAAA,gBAAA,CAAA;;AAEzC,IAAA,MAAE,gBAAC,GAAA,wBAAA,CAAA,uBAAA,EAAA,OAAA,CAAA;;IAGP,kBAAA,GAAA,gBAAA,CAAA,GAAA,CAAA,OAAA,IAAA;AACA,MAAA,MAAM,IAAA,GAAA,MAAA,CAAA,IAAA,CAAA,OAA0B,CAAA,CAAA,CAAY;AACxC,MAAA,OAAA;kBACS,CAAA,IAAM,CAAA;AAAK,QAAA;;;AAIZ,EAAA;;8BAGJ,GAAA,KAAA,IAAA;gBACI,CAAA,MAAK,CAAA,IAAA,IAAQ;iBACb,GAAI,SAAS,KAAG;;AAGpB,MAAA,IAAA,cAAY,CAAA,QAAA,CAAA,IAAA,CAAA,GAAA,CAAA,EAAA;AAChB,QAAA,OAAG,KAAA;AACP,MAAE;AAEF;AACJ,MAAC,IAAA,IAAA,CAAA,QAAA,IAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AAED,QAAA,IAAA,CAAA,QAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,QAAA,CAAA;AACA,MAAA;AAEA,MAAA,OAAA,IAAA;AACA,IAAA,CAAA,CAAM;AACF,EAAA,CAAA;SACI,sBAAmB,CAAA,kBAAA,CAAA;AACvB;;;;AAGI;QACH;IAED;AACA,GAAA,GAAA,cAAe;AACf,EAAA,IAAA,WAAW,GAAA,IAAM;;IAEjB,WAAC,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;AAED,EAAA,CAAA,CAAA;AACA,IAAA,qEAAyD,EAAA,CAAA,CAAA;AACzD,EAAA;AACA;AACA,EAAA,MAAI,oBAAoB,EAAE,MAAA,IAAA,EAAY;AACtC,EAAA,IAAA,aAAc,KAAG,CAAA,EAAM;AACvB,IAAA,0EAAoD,EAAA,MAAA,CAAA,WAAA,CAAA;;AAEhD,EAAA,MAAA,eAAe,GAAC,sBAAwB,CAAC,MAAA,CAAA;QAC5C,iBAAA,GAAA,aAAA,CAAA,eAAA,CAAA;QACG,sBAAe,GAAA,sBAAA,CAAA,iBAAA,CAAA;AACf,EAAA,sBAAgB,CAAA,OAAA,CAAA,IAAA,IAAA,2BAAyB,CAAA,IAAA,CAAA,CAAA;MAC5C,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;QACD,QAAM,GAAA,MAAc,EAAA,YAAe,EAAA,QAAA;MACnC,WAAO,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;kBACH,EAAW;UACX,IAAA,KAAW,CAAA,uBAAA,CAAA;;kBAEH,EAAA;UACV,IAAA,KAAA,CAAA,uBAAA,CAAA;AACN,EAAC;AACD,EAAA,MAAO,WAAK,GAAU,cAAa,CAAE,eAAc,EAAA,WAAA,EAAA,QAAA,CAAA;SAC/C;IACA,WAAA;AACA,IAAA;IACA,WAAA;AACA,IAAA;AAEA,GAAA;;eAEI,YAAmB,CAAA;AACnB,EAAA;AACH,CAAA,EAAA;;;QAKD,YAAA,GAAA,OAAA,MAAA,KAAA,WAAgD,GAAA,MAAA,CAAA,cAAA,GAAA,IAAA;;QAE5C,SAAC,GAAW,YAAC,EAAA,SAAA,KAAA,IAAA;AACb,EAAA,OAAA,CAAA,GAAK,CAAA,8CAAA,EAAA;AACD,IAAA,SAAA;AACA,IAAA,eAAA,EAAA,CAAU,CAAA,YAAS;AACnB,IAAA,gBAAA,EAAA,YAAqB,GAAA,MAAU,CAAA,IAAI,CAAA,YAAW,CAAA,GAAA;AAC9C,GAAA,CAAA;gBACI,GAAA,IAAA;AACA,EAAA,IAAA,kBAAA,GAAA,KAAgB;AAChB;;AAEH,EAAA,IAAA,CAAA,SAAE,EAAA;QACP;aAAE,CAAA,IAAU,qEAAC,CAAA;gBACT,GAAA,MAAA,YAAA,EAAA;wBACA,GAAA,UAAA,IAAA,UAAA,CAAA,WAAA,IAAA,UAA6D,CAAA,WAAA,CAAA,MAAA,GAAA,CAAA;AAC7D,MAAA,OAAA,CAAA,GAAA,CAAA;QACJ,aAAC,EAAA,CAAA,CAAA,UAAA;QACJ,cAAA,EAAA,CAAA,CAAA,UAAA,EAAA,WAAA;sBAAO,EAAA,UAAA,EAAA,WAAA,EAAA,MAAA,IAAA,CAAA;AACJ,QAAA;OACH,CAAA;IAED,CAAA,CAAA,OAAI,CAAA,EAAA;;AAEA;AACA,MAAA,OAAK,CAAA,IAAA,CAAA,uDAAA,EAAA,CAAA,CAAA;AACD,IAAA;;YAGA,GAAA,CAAA,4EAAoC,CAAA;;AAGpC,EAAA,IAAA,kBAAA,EAAA;;UACF;AACE,MAAA;QACJ,UAAC;AACD,IAAA,IAAA;AAKA,MAAA,MAAA;QACH;OAED,GAAA,MAAA,CAAA,kBAAA;AACA;;MAGA,MAAI,mBAAqB,GAAA,SAAA,CAAA,GAAkB,CAAA,sBAAsB,CAAE,2BAAC,CAAA;AAChE,MAAA,mBAAY,CAAA,OAAA,CAAA,WAAA,CAAA;AACZ,IAAA,CAAA,CAAA,OAAA,CAAA;MACH,OAAA,CAAA,KAAA,CAAA,2DAAA,EAAA,CAAA,CAAA;AAED,IAAA;WACI,CAAA,GAAA,CAAA,0DAA6D,EAAA,UAAA,CAAA,WAAA,CAAA,MAAA,EAAA,YAAA,CAAA;WAC7D,UAAA;;;AAII,EAAA,OAAA,CAAA,GAAA,CAAA,wEAAY,CAAA;;AAEZ,EAAA,IAAA,iBAAM,IAAA,8BAA8C,MAAC,GAAA,CAAA,EAAA;AACrD,IAAA,OAAA,CAAA,GAAA,CAAA,iEAA2D,CAAA;WAC9D,iBAAA;AAED,EAAA;;;AAGI;mBACM,GAAA,EAAA;AAEN,IAAA,IAAA,OAAA,MAAK,KAAM,WAAQ,IAAU,MAAG,CAAA,iBAAA,EAAA;AAC5B,MAAA,OAAA,CAAA,GAAA,CAAA,iEAAK,CAAA;AACD;AACA,MAAA,MAAA,YAAI,GAAA,MAAS,CAAA,iBAAK;AACd,MAAA,WAAA,GAAA,KAAA,CAAA,oBAAiB,CAAM,eAAe,GAAC,YAAA,EAAA,MAAA,IAAA,EAAA;;AAEvC,IAAA,IAAA,CAAA,WAAA,CAAA,MAAA,EAAA;AACA;;mFAEH,CAAA;sBACJ,GAAA,CAAA,yBAAA,EAAA,qBAAA,EAAA,sBAAA,CAAA;iBAAC,IAAA,IAAO,UAAY,EAAC;AAClB,QAAA,IAAA;gBACJ,QAAC,GAAA,MAAA,KAAA,CAAA,IAAA,CAAA;cACJ,QAAA,CAAA,EAAA,EAAA;AAED,YAAA,MAAK,QAAA,GAAY,MAAM,QAAG,CAAA,IAAA,EAAA;AACtB;YACJ,WAAC,GAAA,KAAA,CAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAA,GAAA,QAAA,EAAA,MAAA,IAAA,EAAA;YACJ,OAAA,CAAA,GAAA,CAAA,kEAAA,EAAA,IAAA,CAAA;AAED,YAAA;AACI,UAAA;AACA,QAAA,CAAA,CAAA,OAAA,UAAQ,EAAA;AACR,UAAA,OAAA,CAAA,IAAA,CAAA,uDAAyD,EAAA,IAAA,CAAA;AAC5D,QAAA;;UAGD,CAAA,WAAA,CAAA,MAAA,EAAA;AACA,QAAA,OAAM,CAAA,IAAA,CAAA,mFAA+C,CAAA;AACjD,MAAA;;AAEK,IAAA,OAAA,CAAA,GAAA,CAAA,+CAAO,EAAA;AACP,MAAA,OAAA,EAAA,KAAA,CAAI,OAAM,CAAE,WAAI,CAAQ;AACxB,MAAA,MAAA,EAAA,WAAK,EAAK,MAAI,IAAA,CAAA;AACX,MAAA,YAAA,EAAA,WAAc,EAAQ,GAAA,GAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA,IAAA;;;;6BAIZ,GAAM,MAAI,IAAA;oBAChB,MAAA,CAAA,CAAQ,IAAE,CAAA,CAAA,CAAK,UAAS,IAAA,CAAA,CAAA,CAAA,eAAA,IAAA,CAAA,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,aAAA,CAAA,CAAA,CAAA,KAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,EAAA,CAAA,IAAA,CAAA,KAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,IAAA;sBACxB,GAAA;oBACA,CAAA,GAAA;qBACA,CAAA,IAAA;qBACF,CAAA,IAAA;gBAEF,KAAA,CAAA,IAAA;AACA,UAAA,QAAA,EAAI,KAAK,CAAC,QAAM;oBACZ,KAAA,CAAA;iBACH,KAAA,CAAA,KAAA;AAED,UAAA,uBAAgB,CAAA;AACpB,SAAA;AACR;QAEA,IAAA,KAAA,CAAA,MAAA,IAAA,KAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,EAAA;UACA,QAAA,CAAA,QAAA,GAAA,mBAAA,CAAA,KAAA,CAAA,MAAA,CAAA;QACA;QACA,OAAM,QAAA;AAIM,MAAA,CAAA,CAAA;AACA,IAAA,CAAA;;;AAKZ;AACA,IAAA,MAAA,WAAM,GAAU,CAAA,WAAG,IAAY,EAAA,EAAA,MAAM,GAAA,CAAA,IAAA,CAAA,CAAA,GAAA,KAAA,aAAA,IAAA,CAAA,CAAA,IAAA,KAAA,MAAA,CAAA,WAAA,IAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,IAAA,EAAA;AACjC;kBACO,GAAA,IAAQ,GAAQ,EAAE;AAClB,IAAA,MAAA,UAAA,GAAM,WAAY,CAAA,MAAA,GAAA,WAAA,CAAA,OAAA,CAAA,EAAA,IAAA,EAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,IAAA;AACf,MAAA,IAAA,CAAA,CAAA,EAAA,GAAA,IAAK,QAAM,CAAA,GAAI,CAAA,CAAA,CAAA,GAAQ,CAAC,EAAA,OAAS,KAAC;AAAE,MAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA;AACpC,MAAA,OAAA,IAAA;AACA,IAAA,CAAA,CAAA,GAAA,WAAA;AACJ,IAAA,OAAA,CAAA,GAAE,CAAA,sDAAA,EAAA,WAAA,CAAA,MAAA,EAAA,WAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA;YACR,yDAAc,EAAA,UAAA,EAAA,MAAA,IAAA,CAAA,CAAA;UAElB,WACI,mBAAA,CAAA,UAAA,IAAA,EAAA,CAAA;WAIJ,CAAA,GAAO,CAAC,kDAAI,EAAA;YAEZ,EAAM,QAAQ,OAAG;AACjB,MAAA,KAAA,EAAA,QAAY,CAAA,GAAA,CAAA,CAAA,KAAA;aACR,CAAA,CAAA,GAAM;YACN,EAAA,CAAA,CAAA,IAAO;gBACH,IAAG;gBACH,IAAI;qBACA,EAAG,CAAC,CAAA,QAAI,EAAA,MAAA,IAAA;;AAEZ,KAAA,CAAA;AACH;AACJ,IAAA,iBAAE,GAAA;iBAEH,EAAA,QAAA;AACA,MAAA,WAAA,EAAA,kBAAoB;AAChB,MAAA,WAAA,EAAA;AACA,KAAA;AACA,IAAA,OAAA,iBAAe;WACjB,CAAA,EAAA;AAEF,IAAA,OAAA,CAAA,gFAAyB,EAAA,CAAA,CAAA;IAC7B,OAAC,CAAA,KAAA,CAAA,iDAAA,EAAA;MAAC,IAAA,EAAQ,EAAE,IAAC;AACT,MAAA,OAAA,EAAO,CAAC,CAAA;AACR,MAAA,KAAA,EAAA,CAAA,CAAO;;;iBAGE,EAAG,EAAY;AACvB,MAAA,WAAE,EAAA,EAAA;iBACI,EAAA;AACH,KAAA;AACA,EAAA;AACA;;;AAGZ;AAEA;AACA;AACA,MAAA,gBAAA,GAAA,CAAA;AACA,EAAA,aAAA;AACA,EAAA;AAEA,CAAA,KAAM;AACF,EAAA,OAAA,qBAAqB,eAAY,CAAA;AACrC;AAEc,SAAU,iBAAiB,CAAC,KAAuB,EAAA;;AAE7D,EAAA,MAAA,UAAM,GAAU,aAAG,EAAa;AAEhC,IAAA,WAAQ,EAAA,IAAA;AAER,IAAA,WAAM,EAAO;;AAGb,EAAA,MAAA;IAKA,WAAA,GAAA,kBAAA;AACA,IAAA;MAEA,UAAA,IAAA,EAAA;AACA,EAAA,MAAA,oBAAsB,EAAA;QAClB,OAAK,GAAA,OAAY,CAAA,OAAG,CAAA,MAAA,GAAA,CAAA,CAAA;;AAEhB,IAAA,OAAA;;iBAEJ,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACA;AACJ,EAAA,MAAI,YAAY,GAAE,OAAA,EAAA,MAAc,EAAA,EAAA,IAAA,OAAA,EAAA,EAAA,EAAA,QAAA,CAAA,cAAA,CAAA;AAEhC;AACI,EAAA,MAAA,oCAAmC;AACvC,IAAA,IAAI,CAAA,YAAa,EAAE;;MAGnB,OAAA,WAAA,CAAA,MAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,IAAA,EAAA,QAAA,CAAA,eAAuE,CAAA,CAAA;IACvE;;IAEA,OAAA,WAAA,CAAA,MAAA,CAAA,IAAA,IAAA,IAAA,CAAA,IAAA,EAAA,QAAA,CAAA,eAAA,CAAA,CAAA;KACA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;QACA,gBAAM,QAAmB,CAAA,QAAY,MAAC;AACtC,IAAA,kCAAkC,CAAA,aAAA,EAAA,QAAA,CAAA;AAC9B,EAAA,CAAA,EAAA,CAAA,aAAA,EAAA,QAAiB,EAAA,oBAA0B,EAAC,QAAA,EAAA,cAAA,CAAA,CAAA;;AAEhD;;AAGA;AACI;;AAEJ,EAAA,MAAA,wBAA2B,CAAA,MAAA,CAAA,gBAAyB;AAEpD,EAAA,IAAA,gBAAe,CAAA,MAAA,GAAA,CAAA,EAAA;AACX,IAAA,gBAAS,CAAA,OAAO,GAAA,gBAAA;AAChB,EAAA;QACF,cAAA,GAAA,gBAAA,CAAA,MAAA,GAAA,CAAA,GAAA,gBAAA,GAAA,gBAAA,CAAA,OAAA;QAEF,4BACK,CAAA,MAAA,CAAA;AAOT,EAAC,IAAA,WAAA,CAAA,MAAA,GAAA,CAAA,EAAA;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/Sidebar/BottomMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/BottomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuUhD,CAAC"}
+{"version":3,"file":"BottomMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/BottomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AA2BhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwRhD,CAAC"}

package/lib/components/Layout/Sidebar/BottomMenu.js

@@ -1,19 +1,27 @@
-import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useAppSelector}from'@admin-layout/client';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
-  path,
-  onClose
-}) => {
-  const [dialog, setDialog] = useState(null);
-  useEffect(() => {
-    if (!dialog) {
-      switchDialogs(path).then(component => {
-        setDialog(component);
-      });
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useAppSelector}from'@admin-layout/client';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import {MenuDynamicDialog}from'./MenuDynamicDialog.js';// Smooth entrance for the account/user dropdown — matches the rail's motion language.
+// transform/opacity/filter only; honors prefers-reduced-motion.
+const BOTTOM_MENU_MOTION_CSS = `
+    @keyframes qlBottomDropdownIn {
+        from { opacity: 0; transform: translateY(8px) scale(0.96); filter: blur(4px); }
+        to   { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
+    }
+    .ql-bottom-dropdown {
+        animation: qlBottomDropdownIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) both;
+        will-change: transform, opacity;
     }
-  }, []);
-  return dialog ? React__default.createElement(dialog.default, {
-    onClose: onClose
-  }) : React__default.createElement("div", null, "Loading...");
-};
+    @keyframes qlBmItemIn {
+        from { opacity: 0; transform: translateX(-6px); }
+        to   { opacity: 1; transform: translateX(0); }
+    }
+    .ql-bm-item {
+        animation: qlBmItemIn 0.26s cubic-bezier(0.22, 1, 0.36, 1) both;
+        animation-delay: calc(40ms + var(--i, 0) * 26ms);
+    }
+    @media (prefers-reduced-motion: reduce) {
+        .ql-bottom-dropdown { animation-duration: 0.01ms; filter: none; }
+        .ql-bm-item { animation: none; opacity: 1; }
+    }
+`;
 const BottomMenu = ({
   menuData,
   routeParams,
@@ -34,13 +42,13 @@ const BottomMenu = ({
     t: key => key
   }; // Mock translation function
   // const cancelRef = React.useRef();
-  const {
-    profile = {}
-  } = useAppSelector(state => state?.user || {});
+  // Memoized selector to avoid returning new references
+  const userState = useAppSelector(state => state?.user);
+  const profile = userState?.profile || {};
   const {
     nickname,
     picture: profilePicture
-  } = profile || {};
+  } = profile;
   const onOpen = () => setIsOpen(true);
   const onClose = () => setIsOpen(false);
   const toggleMenu = () => setIsOpen(!isOpen);
@@ -159,62 +167,17 @@ const BottomMenu = ({
         key,
         name
       } = item;
-      return key === openedModalKey && React__default.createElement("div", {
+      if (key !== openedModalKey) {
+        return null;
+      }
+      return React__default.createElement(MenuDynamicDialog, {
         key: k,
-        className: "fixed inset-0 z-50 overflow-y-auto"
-      }, React__default.createElement("div", {
-        className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
-      }, React__default.createElement("div", {
-        className: "fixed inset-0 transition-opacity",
-        "aria-hidden": "true"
-      }, React__default.createElement("div", {
-        className: "absolute inset-0 bg-black bg-opacity-50",
-        onClick: () => {
-          onClose();
-          setOpenedModalKey(null);
-        }
-      })), React__default.createElement("span", {
-        className: "hidden sm:inline-block sm:align-middle sm:h-screen",
-        "aria-hidden": "true"
-      }, "\u200B"), React__default.createElement("div", {
-        className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": "modal-headline"
-      }, React__default.createElement("div", {
-        className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4"
-      }, React__default.createElement("div", {
-        className: "flex justify-end"
-      }, React__default.createElement("button", {
-        type: "button",
-        className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
-        onClick: () => {
-          onClose();
-          setOpenedModalKey(null);
-        }
-      }, React__default.createElement("span", {
-        className: "sr-only"
-      }, "Close"), React__default.createElement("svg", {
-        className: "h-6 w-6",
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        "aria-hidden": "true"
-      }, React__default.createElement("path", {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "2",
-        d: "M6 18L18 6M6 6l12 12"
-      })))), React__default.createElement("div", {
-        className: "mt-2"
-      }, React__default.createElement(DialogComponent, {
-        path: dialogPath,
+        dialogPath: dialogPath,
         onClose: () => {
           onClose();
           setOpenedModalKey(null);
         }
-      }))))));
+      });
     });
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
@@ -247,11 +210,18 @@ const BottomMenu = ({
   }))), isMobile && React__default.createElement("span", {
     className: "text-lg font-medium"
   }, t(nickname))), isOpen && React__default.createElement("div", {
-    className: "bg-background absolute bottom-full mb-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+    className: "ql-bottom-dropdown bg-background absolute bottom-full mb-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
     role: "menu",
     "aria-orientation": "vertical",
-    "aria-labelledby": "user-menu"
-  }, MenusList?.upperMenus?.map((item, k) => React__default.createElement("div", {
+    "aria-labelledby": "user-menu",
+    style: {
+      transformOrigin: 'bottom left'
+    }
+  }, React__default.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: BOTTOM_MENU_MOTION_CSS
+    }
+  }), MenusList?.upperMenus?.map((item, k) => React__default.createElement("div", {
     key: k,
     className: "px-1 py-1"
   }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && React__default.createElement("hr", {
@@ -261,9 +231,12 @@ const BottomMenu = ({
     className: "px-1 py-1"
   }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), profile && accountMenuItems?.children && React__default.createElement("div", {
     className: "py-2"
-  }, accountMenuItems.children.map(item => React__default.createElement(Link, {
+  }, accountMenuItems.children.map((item, idx) => React__default.createElement(Link, {
     key: item.key,
-    className: "flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer transition-colors",
+    className: "ql-bm-item flex items-center justify-between px-4 py-2 text-sm text-foreground hover:bg-muted cursor-pointer transition-colors",
+    style: {
+      ['--i']: idx
+    },
     to: generateMenuPath(item.path, routeParams)
   }, React__default.createElement("div", {
     className: "flex items-center"
@@ -271,7 +244,12 @@ const BottomMenu = ({
     className: "mr-3 text-base"
   }, item.icon), React__default.createElement("span", null, item.name)), item.hasNotification && React__default.createElement("div", {
     className: "w-2 h-2 bg-blue-500 rounded-full"
-  })))), profile && React__default.createElement("hr", {
+  })))), profile && accountMenuItems?.children && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), logoutMenuItems?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), profile && logoutMenuItems?.length > 0 && React__default.createElement("hr", {
     className: "border-border my-1"
   }), profile && React__default.createElement("div", {
     className: "flex items-center px-4 py-2"
@@ -285,10 +263,5 @@ const BottomMenu = ({
     className: "text-white text-sm font-medium"
   }, (nickname || 'Guest').charAt(0).toUpperCase())), React__default.createElement("span", {
     className: "text-sm font-medium"
-  }, nickname || 'Guest')), logoutMenuItems?.length > 0 && React__default.createElement("hr", {
-    className: "border-border my-1"
-  }), logoutMenuItems?.map((item, k) => React__default.createElement("div", {
-    key: k,
-    className: "px-1 py-1"
-  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))))), getMenuModals());
+  }, nickname || 'Guest')))), getMenuModals());
 };export{BottomMenu};//# sourceMappingURL=BottomMenu.js.map