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

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

@@ -1,4 +1,73 @@
-import React__default,{useState,useRef}from'react';import {useSelector}from'@xstate/react';import {useLocation,Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {icons}from'../../../icons.js';const PerplexSidebarMenu = ({
+import React__default,{useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useLocation,Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {icons}from'../../../icons.js';import {usePerplexSidebarFlyoutContext}from'./PerplexSidebarFlyoutContext.js';// Motion system for the icon rail — sliding active indicator + icon micro-interactions.
+// All transforms/opacity/filter only; layout untouched. Honors prefers-reduced-motion.
+const RAIL_MOTION_CSS = `
+    /* Staggered entrance for the top-level rail items. opacity + transform are
+       compositor-only, so the reveal is GPU-accelerated and never reflows. Runs once
+       on mount; the per-item delay is set inline via --ql-rail-i. */
+    .ql-rail-enter {
+        animation: qlRailItemIn 0.34s cubic-bezier(0.16, 1, 0.3, 1) both;
+        animation-delay: calc(var(--ql-rail-i, 0) * 45ms);
+        will-change: transform, opacity;
+    }
+    @keyframes qlRailItemIn {
+        from { opacity: 0; transform: translateX(-8px) scale(0.92); }
+        to   { opacity: 1; transform: translateX(0) scale(1); }
+    }
+    .ql-rail-indicator {
+        position: absolute;
+        left: 2px;
+        top: 0;
+        width: 3px;
+        border-radius: 9999px;
+        background: hsl(var(--primary));
+        box-shadow: 0 0 0 0.5px hsl(var(--primary) / 0.2);
+        pointer-events: none;
+        will-change: transform, height, opacity;
+        z-index: 1;
+    }
+    .ql-rail-indicator--animated {
+        transition:
+            transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
+            height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
+            opacity 0.2s ease-out;
+    }
+    .ql-rail-icon {
+        transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), filter 0.24s ease-out;
+        will-change: transform;
+    }
+    .ql-rail-item:hover .ql-rail-icon {
+        transform: translateY(-1px) scale(1.06);
+    }
+    .ql-rail-item:active .ql-rail-icon {
+        transform: scale(0.94);
+        transition-duration: 0.1s;
+    }
+    .ql-rail-icon-active {
+        transform: scale(1.06);
+    }
+    .ql-rail-item:hover .ql-rail-icon-active {
+        transform: translateY(-1px) scale(1.08);
+    }
+    .ql-hover-accent {
+        background: hsl(var(--primary) / 0.35);
+        animation: qlHoverAccentIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    @keyframes qlHoverAccentIn {
+        from { opacity: 0; transform: scaleY(0.4); }
+        to   { opacity: 1; transform: scaleY(1); }
+    }
+    @media (prefers-reduced-motion: reduce) {
+        .ql-rail-indicator--animated { transition: opacity 0.12s ease-out; }
+        .ql-rail-icon,
+        .ql-rail-item:hover .ql-rail-icon,
+        .ql-rail-item:active .ql-rail-icon,
+        .ql-rail-item:hover .ql-rail-icon-active { transition: none; transform: none; }
+        .ql-rail-icon-active { transform: none; }
+        .ql-hover-accent { animation: none; }
+        .ql-rail-enter { animation: none; }
+    }
+`;
+const PerplexSidebarMenu = ({
   menuData,
   routeParams,
   settings,
@@ -6,10 +75,13 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   siderPinned,
   setSiderPinned,
   actor,
-  deviceSettings = {} // Provide empty object as default
+  deviceSettings = {},
+  // Provide empty object as default
+  sectionBreakIndex
 }) => {
+  const sharedFlyout = usePerplexSidebarFlyoutContext();
   const [openMenus, setOpenMenus] = useState([]);
-  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [localHoveredMenu, setLocalHoveredMenu] = useState(null);
   const [activeMenuItem, setActiveMenuItem] = useState(null);
   const [popupPosition, setPopupPosition] = useState({
     top: 0,
@@ -20,6 +92,19 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   const hoverCloseTimeout = React__default.useRef(null);
   const hoverOpenTimeout = React__default.useRef(null);
   const currentHoveredMenu = useRef(null);
+  const hoveredMenu = sharedFlyout?.hoveredMenu ?? localHoveredMenu;
+  const setHoveredMenu = sharedFlyout ? () => undefined : setLocalHoveredMenu;
+  // Refs + state for the shared "magic" active indicator that springs between items.
+  const navRef = useRef(null);
+  const itemRefs = useRef({});
+  const [indicator, setIndicator] = useState({
+    y: 0,
+    h: 0,
+    visible: false
+  });
+  // Suppresses the very first slide (so the bar fades in place instead of flying from y=0).
+  const indicatorPrimed = useRef(false);
+  const [indicatorAnimated, setIndicatorAnimated] = useState(false);
   const {
     PushpinLineIcon,
     PushpinFillIcon
@@ -29,6 +114,31 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   const pinnedPath = machineState?.context?.sidebar?.pinnedPath || null;
   // Extract showHeader with fallback to true if not defined
   const showHeader = deviceSettings && deviceSettings.header && deviceSettings.header.showHeader !== undefined ? deviceSettings.header.showHeader : true;
+  // Tear down any transient hover/flyout state whenever the route changes.
+  // Navigating from inside a flyout (or while hovering a parent) never fires the
+  // mouse-leave handlers, so hoveredMenu/flyoutVisible/activeMenuItem would otherwise
+  // stay stuck — leaving the parent item highlighted and the flyout panel covering
+  // the content. Pinned flyouts are intentionally kept open.
+  useEffect(() => {
+    if (hoverCloseTimeout.current) {
+      window.clearTimeout(hoverCloseTimeout.current);
+      hoverCloseTimeout.current = null;
+    }
+    if (hoverOpenTimeout.current) {
+      window.clearTimeout(hoverOpenTimeout.current);
+      hoverOpenTimeout.current = null;
+    }
+    if (pinnedPath) {
+      // Keep the pinned flyout open and highlighted; just drop any other hover.
+      currentHoveredMenu.current = pinnedPath;
+      return;
+    }
+    currentHoveredMenu.current = null;
+    setFlyoutVisible(false);
+    setHoveredMenu(null);
+    setActiveMenuItem(null);
+    setMenuTransition('opening');
+  }, [location.pathname, pinnedPath]);
   const isMenuItemActive = itemPath => {
     const currentPath = location.pathname;
     const menuPath = generateMenuPath(itemPath, routeParams);
@@ -42,6 +152,67 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }
     return false;
   };
+  // Measure the active top-level item and move the shared indicator to it.
+  // Returns true once it has settled (placed on an item, or no active item exists).
+  const measureIndicator = () => {
+    if (typeof window === 'undefined') return false;
+    const nav = navRef.current;
+    if (!nav) return false;
+    const activeItem = menuData.find(item => isMenuItemActive(item.path));
+    const el = activeItem ? itemRefs.current[activeItem.path] : null;
+    if (el) {
+      setIndicator({
+        y: el.offsetTop,
+        h: el.offsetHeight,
+        visible: true
+      });
+      return true;
+    }
+    setIndicator(prev => ({
+      ...prev,
+      visible: false
+    }));
+    // "Settled" only if there is genuinely no active item to point at.
+    return !activeItem;
+  };
+  // Keep a ref to the latest closure so observers always see current data.
+  const measureRef = useRef(measureIndicator);
+  measureRef.current = measureIndicator;
+  // Re-measure whenever the rail actually lays out or resizes. ResizeObserver
+  // fires once on observe (after layout) — the most reliable signal that item
+  // geometry is ready — and again on async menu load, hydration, or viewport change.
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const nav = navRef.current;
+    if (!nav) return;
+    const run = () => measureRef.current();
+    const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(run) : null;
+    ro?.observe(nav);
+    window.addEventListener('resize', run);
+    return () => {
+      ro?.disconnect();
+      window.removeEventListener('resize', run);
+    };
+  }, []);
+  // On navigation / data change: measure now (+ a couple of frame retries for the
+  // hydration race) and enable the sliding transition after the first placement.
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const rafs = [];
+    if (!measureRef.current()) {
+      rafs.push(requestAnimationFrame(() => {
+        if (!measureRef.current()) rafs.push(requestAnimationFrame(() => measureRef.current()));
+      }));
+    }
+    if (!indicatorPrimed.current) {
+      indicatorPrimed.current = true;
+      rafs.push(requestAnimationFrame(() => setIndicatorAnimated(true)));
+    } else {
+      setIndicatorAnimated(true);
+    }
+    return () => rafs.forEach(r => cancelAnimationFrame(r));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [location.pathname, menuData, routeParams, collapsed]);
   const toggleMenu = (path, depth, e) => {
     e.preventDefault();
     if (collapsed) return;
@@ -67,6 +238,10 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     return parts[0] || name;
   };
   const handleMenuHover = (e, item, isHoverMenu, depth = 0) => {
+    if (sharedFlyout) {
+      sharedFlyout.handleMenuHover(e, item, isHoverMenu, depth);
+      return;
+    }
     // Only set hover state if the menu has children
     const canShowHoverPopup = collapsed && !isHoverMenu || !collapsed && depth === 0 && !isHoverMenu;
     if (item.children && item.children.length > 0 && canShowHoverPopup) {
@@ -90,6 +265,7 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
         window.clearTimeout(hoverOpenTimeout.current);
         hoverOpenTimeout.current = null;
       }
+      // Always update the current hovered menu ref
       currentHoveredMenu.current = item.path;
       // Update which item is being hovered and its children data
       if (hoveredMenu !== item.path) {
@@ -97,6 +273,10 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
         setActiveMenuItem(item);
         // If we're already showing a menu, just update content without closing/reopening
         if (flyoutVisible) {
+          // If menu is closing, cancel the close and reopen
+          if (menuTransition === 'closing') {
+            setMenuTransition('opening');
+          }
           // Just update the hovered menu path without animation
           setHoveredMenu(item.path);
         } else {
@@ -105,6 +285,13 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
           setFlyoutVisible(true);
           setHoveredMenu(item.path);
         }
+      } else {
+        // Same menu item, but ensure state is consistent
+        // This handles the case where we re-enter after leaving
+        if (!flyoutVisible || menuTransition === 'closing') {
+          setMenuTransition('opening');
+          setFlyoutVisible(true);
+        }
       }
       // If a different top-level item is hovered while pinned, update pinnedPath
       if (depth === 0 && pinnedPath) {
@@ -118,6 +305,10 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }
   };
   const handleMenuLeave = (item, isHoverMenu) => {
+    if (sharedFlyout) {
+      sharedFlyout.handleMenuLeave(item, isHoverMenu);
+      return;
+    }
     if (!isHoverMenu) {
       // Clear any existing timeouts
       if (hoverCloseTimeout.current) {
@@ -127,20 +318,33 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
         window.clearTimeout(hoverOpenTimeout.current);
         hoverOpenTimeout.current = null;
       }
-      currentHoveredMenu.current = null;
-      // Add a longer delay before closing the menu
+      // Don't immediately clear currentHoveredMenu - wait to see if user moves to flyout
+      // The flyout's onMouseEnter will restore it if user moves there
+      // If user moves to content, the timeout will clear it
+      // Add a delay before closing the menu to allow movement to flyout
       hoverCloseTimeout.current = window.setTimeout(() => {
-        if (!currentHoveredMenu.current) {
-          // Only close if we're not currently hovering any menu
-          setMenuTransition('closing');
-          // Additional delay to complete closing animation
-          setTimeout(() => {
-            if (!currentHoveredMenu.current) {
-              setFlyoutVisible(false);
-              setHoveredMenu(null);
-            }
-          }, 150);
+        // Check if we're still hovering the flyout (activeMenuItem matches)
+        if (activeMenuItem?.path === item.path) {
+          // User is hovering the flyout, don't close
+          return;
         }
+        // Check if we re-entered the menu item
+        if (currentHoveredMenu.current === item.path) {
+          // User re-entered menu item, don't close
+          return;
+        }
+        // Safe to close now
+        currentHoveredMenu.current = null;
+        setMenuTransition('closing');
+        // Additional delay to complete closing animation
+        setTimeout(() => {
+          // Double-check before closing
+          if (activeMenuItem?.path !== item.path && currentHoveredMenu.current !== item.path) {
+            setFlyoutVisible(false);
+            setHoveredMenu(null);
+            setActiveMenuItem(null);
+          }
+        }, 150);
       }, 300); // Extended delay to give more time to move between items
     }
   };
@@ -185,56 +389,103 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   // Single persistent flyout component for all menus
   const renderSingleFlyout = () => {
     if (!flyoutVisible || !activeMenuItem) return null;
-    const sidebarWidth = 92; // Updated fixed sidebar rail width
+    const sidebarWidth = 83; // Updated fixed sidebar rail width (10% narrower)
     const item = activeMenuItem; // Use the currently active menu item
+    // Anchor the flyout to the vertical position of the hovered rail item (measured in
+    // handleMenuHover), so moving Notion -> Marketplace slides the panel to the new
+    // item instead of leaving it as a static full-height column. Clamp to keep it on
+    // screen. The `top`/`max-height` change is CSS-transitioned (see .ql-flyout-anchored),
+    // so the panel glides between items while its content cross-fades.
+    const minTop = !showHeader ? 8 : 16;
+    const anchorTop = Math.max(minTop, Math.round(popupPosition.top || minTop));
     return React__default.createElement("div", {
-      className: `fixed border border-border z-[999] overflow-hidden bg-background menu-${menuTransition}`,
+      className: `fixed z-[999] flex flex-col overflow-hidden border border-border menu-${menuTransition} ql-flyout-anchored`,
       style: {
         left: `${sidebarWidth}px`,
-        top: !showHeader ? '0px' : '5rem',
-        height: !showHeader ? '100vh' : 'calc(100vh - 5rem)',
+        top: `${anchorTop}px`,
+        maxHeight: `calc(100vh - ${anchorTop}px - 16px)`,
         width: '228px',
         maxWidth: 'calc(100vw - 100px)',
+        transformOrigin: 'left top',
+        borderRadius: '8px',
+        boxShadow: '0 24px 70px -24px rgba(0,0,0,0.45)',
         pointerEvents: menuTransition === 'closing' ? 'none' : 'auto',
-        ...SidebarStyles
+        ...SidebarStyles,
+        // solid opaque fill — after the spread so nothing clears it
+        backgroundColor: settings?.navTheme === 'realDark' ? '#222' : 'hsl(var(--popover))'
       },
       onMouseEnter: () => {
+        // Clear any pending close timeouts
         if (hoverCloseTimeout.current) {
           window.clearTimeout(hoverCloseTimeout.current);
           hoverCloseTimeout.current = null;
         }
-        // Keep the flyout open while hovering it
+        // Restore the hovered menu ref when entering the flyout
+        // This ensures state consistency when moving between menu item and flyout
+        if (activeMenuItem) {
+          currentHoveredMenu.current = activeMenuItem.path;
+          // Ensure flyout is visible and in opening state
+          if (!flyoutVisible || menuTransition === 'closing') {
+            setMenuTransition('opening');
+            setFlyoutVisible(true);
+          }
+        }
       },
       onMouseLeave: () => {
         if (pinnedPath === item.path) return; // don't close if pinned
+        // Clear any existing timeouts
         if (hoverCloseTimeout.current) {
           window.clearTimeout(hoverCloseTimeout.current);
         }
-        currentHoveredMenu.current = null;
+        // Don't immediately set to null - wait for timeout
+        // This allows re-entering the menu item to restore state
         setMenuTransition('closing');
         hoverCloseTimeout.current = window.setTimeout(() => {
+          // Only close if we're still not hovering anything
           if (!currentHoveredMenu.current) {
             setFlyoutVisible(false);
             setHoveredMenu(null);
+            setActiveMenuItem(null);
           }
         }, 150);
       }
     }, React__default.createElement("style", {
       dangerouslySetInnerHTML: {
         __html: `
-                    @keyframes fadeIn {
-                        from { opacity: 0; transform: translateX(-10px); }
-                        to { opacity: 1; transform: translateX(0); }
+                    @keyframes flyoutIn {
+                        from { opacity: 0; transform: translateX(-14px) scale(0.98); }
+                        to   { opacity: 1; transform: translateX(0) scale(1); }
                     }
-                    @keyframes fadeOut {
-                        from { opacity: 1; transform: translateX(0); }
-                        to { opacity: 0; transform: translateX(-10px); }
+                    @keyframes flyoutOut {
+                        from { opacity: 1; transform: translateX(0) scale(1); }
+                        to   { opacity: 0; transform: translateX(-10px) scale(0.99); }
                     }
                     .menu-opening {
-                        animation: fadeIn 0.15s ease-out forwards;
+                        animation: flyoutIn 0.26s cubic-bezier(0.16, 1, 0.3, 1) forwards;
                     }
                     .menu-closing {
-                        animation: fadeOut 0.15s ease-in forwards;
+                        animation: flyoutOut 0.16s cubic-bezier(0.4, 0, 1, 1) forwards;
+                    }
+                    /* Slide the anchored panel between rail items as the hover target
+                       changes. top/max-height only — no layout thrash on the rail. */
+                    .ql-flyout-anchored {
+                        transition:
+                            top 0.3s cubic-bezier(0.22, 1, 0.36, 1),
+                            max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1);
+                    }
+                    @keyframes flyoutItemIn {
+                        from { opacity: 0; transform: translateX(10px); }
+                        to   { opacity: 1; transform: translateX(0); }
+                    }
+                    .ql-flyout-item {
+                        opacity: 0;
+                        animation: flyoutItemIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+                        animation-delay: calc(60ms + var(--i, 0) * 38ms);
+                    }
+                    @media (prefers-reduced-motion: reduce) {
+                        .menu-opening, .menu-closing { animation-duration: 0.01ms; filter: none; }
+                        .ql-flyout-item { animation: none; opacity: 1; }
+                        .ql-flyout-anchored { transition: none; }
                     }
                     `
       }
@@ -251,16 +502,16 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }) : React__default.createElement(PushpinLineIcon, {
       className: "h-4 w-4"
     }))), React__default.createElement("div", {
-      className: "overflow-y-auto overflow-x-hidden py-1",
+      className: "overflow-y-auto overflow-x-hidden py-1 flex-1 min-h-0"
+    }, item.children?.map((child, idx) => React__default.createElement("div", {
+      key: child.path,
+      className: "ql-flyout-item w-full min-w-max hover:text-primary",
       style: {
-        height: !showHeader ? 'calc(100vh - 44px)' : 'calc(100vh - 5rem - 44px)'
+        ['--i']: idx
       }
-    }, item.children?.map(child => React__default.createElement("div", {
-      key: child.path,
-      className: "w-full min-w-max hover:text-primary"
     }, renderMenuItem(child, 1, true)))));
   };
-  const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
+  const renderMenuItem = (item, depth = 0, isHoverMenu = false, index = 0) => {
     const hasChildren = item.children && item.children.length > 0;
     const isOpen = openMenus.includes(item.path);
     const isActive = isMenuItemActive(item.path);
@@ -271,14 +522,20 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     const shouldApplyBackground = isHovered || !isParentWithChildren && isActive;
     return React__default.createElement("div", {
       key: item.path,
-      className: `w-full relative group hover:text-primary`,
+      ref: depth === 0 && !isHoverMenu ? el => {
+        itemRefs.current[item.path] = el;
+      } : undefined,
+      className: `w-full relative group hover:text-primary ${depth === 0 && !isHoverMenu ? 'ql-rail-item ql-rail-enter' : ''}`,
+      style: depth === 0 && !isHoverMenu ? {
+        ['--ql-rail-i']: index
+      } : undefined,
       onMouseEnter: e => handleMenuHover(e, item, isHoverMenu, depth),
       onMouseLeave: () => handleMenuLeave(item, isHoverMenu)
-    }, depth === 0 && (isActive || isParentWithChildren && isHovered) && React__default.createElement("span", {
-      className: "absolute left-0 top-1 bottom-1 w-0.5 bg-primary rounded-sm"
+    }, depth === 0 && isParentWithChildren && isHovered && !isActive && React__default.createElement("span", {
+      className: "absolute left-0 top-1.5 bottom-1.5 w-0.5 rounded-full ql-hover-accent"
     }), React__default.createElement(Link, {
       to: hasChildren && (collapsed || !collapsed && depth === 0) && !isHoverMenu ? '#' : generateMenuPath(item?.path, routeParams),
-      className: `flex hover:text-primary items-center justify-between w-full px-1 py-2 text-xs cursor-pointer transition-colors mx-1 my-1 whitespace-nowrap overflow-hidden text-ellipsis ${shouldApplyBackground ? 'text-primary' : undefined}`,
+      className: `flex hover:text-primary items-center justify-between w-full px-1 py-2 text-xs cursor-pointer transition-colors mx-1 my-0.5 whitespace-nowrap overflow-hidden text-ellipsis ${shouldApplyBackground ? 'text-primary' : undefined}`,
       style: {
         paddingLeft: depth === 0 && !isHoverMenu ? '0.25rem' : `calc(1rem + ${paddingLeft})`
       },
@@ -286,17 +543,17 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }, React__default.createElement("div", {
       className: `flex ${depth === 0 && !isHoverMenu ? 'flex-col items-center justify-center w-full gap-1' : 'items-center gap-3'}`
     }, item.icon ? React__default.createElement("span", {
-      className: `flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? 'text-[20px]' : ''}`,
+      className: `flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? `text-xl ql-rail-icon ${isActive ? 'ql-rail-icon-active' : ''}` : ''}`,
       style: {
         color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
       }
     }, item.icon) : React__default.createElement("span", {
-      className: `flex items-center justify-center flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? 'text-[16px] h-6 w-6 select-none text-center' : ''}`,
+      className: `flex items-center justify-center flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? `text-base h-6 w-6 select-none text-center ql-rail-icon ${isActive ? 'ql-rail-icon-active' : ''}` : ''}`,
       style: {
         color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
       }
     }, getFirstLetter(item.name)), depth === 0 && !isHoverMenu ? React__default.createElement("span", {
-      className: `font-medium text-[11px] leading-4 text-center whitespace-nowrap overflow-hidden text-ellipsis w-full px-1 ${isActive ? 'text-primary' : 'text-foreground'}`,
+      className: `font-medium text-xs leading-tight text-center whitespace-nowrap overflow-hidden text-ellipsis w-full px-1 ${isActive ? 'text-primary' : 'text-foreground'}`,
       style: {
         color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
       },
@@ -312,7 +569,27 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   };
   return React__default.createElement("div", {
     className: "overflow-hidden"
-  }, React__default.createElement("nav", {
+  }, React__default.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: RAIL_MOTION_CSS
+    }
+  }), React__default.createElement("nav", {
+    ref: navRef,
+    style: {
+      position: 'relative'
+    },
     className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`
-  }, menuData.map(item => renderMenuItem(item))), renderSingleFlyout());
+  }, React__default.createElement("span", {
+    "aria-hidden": "true",
+    className: `ql-rail-indicator ${indicatorAnimated ? 'ql-rail-indicator--animated' : ''}`,
+    style: {
+      transform: `translateY(${indicator.y + 6}px)`,
+      height: `${Math.max(indicator.h - 12, 0)}px`,
+      opacity: indicator.visible ? 1 : 0
+    }
+  }), menuData.map((item, i) => React__default.createElement(React__default.Fragment, {
+    key: item.path
+  }, sectionBreakIndex === i && React__default.createElement("hr", {
+    className: "border-t border-border my-1"
+  }), renderMenuItem(item, 0, false, i)))), !sharedFlyout && renderSingleFlyout());
 };export{PerplexSidebarMenu};//# sourceMappingURL=PerplexSidebarMenu.js.map

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PerplexSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PerplexSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/Layout/Sidebar/SidebarRailFX.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+/**
+ * SidebarRailFX — an opt-in ambient backdrop that lives *behind* the icon rail.
+ *
+ * mode:
+ *   'off'    — render nothing (default; zero cost).
+ *   'aurora' — lightweight CSS-only drifting aurora (works everywhere).
+ *   'webgpu' — a GPU shader aurora when the browser supports WebGPU,
+ *              gracefully falling back to the CSS aurora otherwise.
+ *
+ * It is purely decorative: `pointer-events: none`, sits at `z-index: -1` inside
+ * the rail's stacking context (above the card background, below the icons), and
+ * honors `prefers-reduced-motion` by holding a static frame.
+ */
+export type RailFxMode = 'off' | 'aurora' | 'webgpu';
+interface SidebarRailFXProps {
+    mode?: RailFxMode;
+    /** Brand color as an `r,g,b` triplet in 0..1. Defaults to a calm indigo. */
+    rgb?: [number, number, number];
+}
+export declare const SidebarRailFX: React.FC<SidebarRailFXProps>;
+export default SidebarRailFX;
+//# sourceMappingURL=SidebarRailFX.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarRailFX.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarRailFX.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErD,UAAU,kBAAkB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AA4CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuKtD,CAAC;AAEF,eAAe,aAAa,CAAC"}