@flamingo-stack/openframe-frontend-core 0.0.409 → 0.0.410-snapshot.20260711165901

package/dist/{chunk-IVM47EGI.js → chunk-YVJ2XBFU.js}

@@ -14,6 +14,7 @@ import {
   useCopyToClipboard,
   useDebounce,
   useDeferredError,
+  useFocusTrap,
   useHeaderHeight,
   useHorizontalScrollbar,
   useHumanitySignals,
@@ -26,7 +27,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-7Q52HP45.js";
+} from "./chunk-4FNDOTW2.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -7649,6 +7650,7 @@ import * as React21 from "react";
 // src/components/ui/modal-v2.tsx
 import * as React20 from "react";
 import { useEffect as useEffect10, useState as useState16 } from "react";
+import { usePreventScroll } from "@react-aria/overlays";
 init_cn();
 import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 var ANIMATION_DURATION = 200;
@@ -7664,6 +7666,7 @@ var Modal = React20.forwardRef(
       const timeout = setTimeout(() => setIsMounted(false), ANIMATION_DURATION);
       return () => clearTimeout(timeout);
     }, [isOpen]);
+    usePreventScroll({ isDisabled: !isOpen });
     useEffect10(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
@@ -7671,12 +7674,8 @@ var Modal = React20.forwardRef(
         }
       };
       if (isOpen) {
-        document.body.style.overflow = "hidden";
         document.addEventListener("keydown", handleKeyDown);
-        return () => {
-          document.body.style.overflow = "unset";
-          document.removeEventListener("keydown", handleKeyDown);
-        };
+        return () => document.removeEventListener("keydown", handleKeyDown);
       }
     }, [isOpen, onClose]);
     if (!isMounted) return null;
@@ -13059,7 +13058,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState102, useEffect as useEffect78 } from "react";
+import { useState as useState102, useEffect as useEffect76 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -17047,9 +17046,11 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 init_cn();
 import * as React60 from "react";
 import { useEffect as useEffect28 } from "react";
+import { usePreventScroll as usePreventScroll2 } from "@react-aria/overlays";
 import { jsx as jsx120, jsxs as jsxs93 } from "react/jsx-runtime";
 var Modal2 = React60.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
+    usePreventScroll2({ isDisabled: !isOpen });
     useEffect28(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
@@ -17057,12 +17058,8 @@ var Modal2 = React60.forwardRef(
         }
       };
       if (isOpen) {
-        document.body.style.overflow = "hidden";
         document.addEventListener("keydown", handleKeyDown);
-        return () => {
-          document.body.style.overflow = "unset";
-          document.removeEventListener("keydown", handleKeyDown);
-        };
+        return () => document.removeEventListener("keydown", handleKeyDown);
       }
     }, [isOpen, onClose]);
     if (!isOpen) return null;
@@ -35208,15 +35205,134 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React108, { useEffect as useEffect63, useRef as useRef44, useState as useState83 } from "react";
+import React109, { useEffect as useEffect63, useRef as useRef45, useState as useState83 } from "react";
 init_button2();
+
+// src/components/navigation/mobile-nav-panel.tsx
+import { useRef as useRef44 } from "react";
+import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
+init_button2();
+import { X as X10 } from "lucide-react";
 import { Fragment as Fragment50, jsx as jsx271, jsxs as jsxs209 } from "react/jsx-runtime";
+var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
+function MobileNavPanel({ isOpen, config }) {
+  const panelRef = useRef44(null);
+  usePreventScroll3({ isDisabled: !isOpen });
+  useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
+  const headerHeight = useHeaderHeight(64, { enabled: isOpen });
+  if (!isOpen) return null;
+  const renderNavigationItem = (item) => {
+    if (item.element) {
+      return /* @__PURE__ */ jsx271("div", { children: item.element }, item.id);
+    }
+    const handleClick = () => {
+      if (item.onClick) {
+        item.onClick();
+      }
+      config.onClose?.();
+    };
+    if (item.href) {
+      return /* @__PURE__ */ jsx271(
+        Button,
+        {
+          variant: "outline",
+          size: "small-legacy",
+          href: item.href,
+          onClick: handleClick,
+          leftIcon: item.icon,
+          rightIcon: item.badge,
+          className: cn(
+            "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
+            item.isActive ? "bg-ods-bg-hover" : ""
+          ),
+          children: item.label
+        },
+        item.id
+      );
+    }
+    return /* @__PURE__ */ jsxs209(
+      Button,
+      {
+        variant: "outline",
+        size: "small-legacy",
+        onClick: handleClick,
+        leftIcon: item.icon,
+        className: cn(
+          "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
+          item.isActive ? "bg-ods-bg-hover" : ""
+        ),
+        children: [
+          /* @__PURE__ */ jsx271("span", { className: "flex-1 text-left", children: item.label }),
+          item.badge !== void 0 && /* @__PURE__ */ jsx271("span", { className: "ml-auto", children: item.badge })
+        ]
+      },
+      item.id
+    );
+  };
+  return /* @__PURE__ */ jsxs209(Fragment50, { children: [
+    /* @__PURE__ */ jsx271(
+      "div",
+      {
+        className: cn("fixed inset-0 z-[9998]", OVERLAY_BACKDROP_CLASS),
+        onClick: config.onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs209(
+      "div",
+      {
+        ref: panelRef,
+        id: MOBILE_NAV_PANEL_ID,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Navigation menu",
+        tabIndex: -1,
+        style: { "--mobile-nav-top": `${headerHeight + 16}px` },
+        className: cn(
+          "fixed z-[9999] rounded-lg shadow-xl",
+          config.className ? "" : "bg-ods-card border border-ods-border",
+          // Responsive positioning and sizing
+          "right-2 left-2 md:left-auto",
+          "md:right-6 md:w-[400px] md:max-w-[calc(100vw-3rem)]",
+          // Small-viewport (svh) sizing anchored below the measured header —
+          // 100vh overflowed under mobile browser chrome, leaving the bottom
+          // entries and footer unreachable while the body was scroll-locked.
+          "top-[var(--mobile-nav-top)]",
+          "max-h-[calc(100svh-var(--mobile-nav-top)-50px)] md:max-h-[calc(100svh-var(--mobile-nav-top)-8px)]",
+          "flex flex-col",
+          config.className || ""
+        ),
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx271("div", { className: "flex justify-end p-2 border-b border-ods-border flex-shrink-0", children: /* @__PURE__ */ jsx271(
+            Button,
+            {
+              "aria-label": "Close menu",
+              size: "icon",
+              variant: "transparent",
+              leftIcon: /* @__PURE__ */ jsx271(X10, { className: "w-4 h-4 text-ods-text-primary" }),
+              onClick: config.onClose,
+              className: "hover:bg-ods-bg-hover"
+            }
+          ) }),
+          /* @__PURE__ */ jsx271("div", { className: "flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", children: /* @__PURE__ */ jsx271("div", { className: "flex flex-col space-y-1", children: config.sections.map((section, index) => /* @__PURE__ */ jsxs209("div", { children: [
+            section.title && /* @__PURE__ */ jsx271("div", { className: "px-4 pt-2 pb-1 text-xs font-semibold text-ods-text-secondary uppercase tracking-wide", children: section.title }),
+            /* @__PURE__ */ jsx271("div", { className: "flex flex-col gap-1", children: section.items.map(renderNavigationItem) })
+          ] }, index)) }) }),
+          config.footer && /* @__PURE__ */ jsx271("div", { className: "border-t border-ods-border p-4 pb-[max(1rem,env(safe-area-inset-bottom))] flex-shrink-0", children: config.footer })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/navigation/header.tsx
+import { Fragment as Fragment51, jsx as jsx272, jsxs as jsxs210 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
   const [show, setShow] = useState83(true);
   const [lastScrollY, setLastScrollY] = useState83(0);
   const [openDropdowns, setOpenDropdowns] = useState83({});
-  const dropdownRefs = useRef44({});
-  const triggerRefs = useRef44({});
+  const dropdownRefs = useRef45({});
+  const triggerRefs = useRef45({});
   useEffect63(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -35278,12 +35394,12 @@ function Header2({ config, platform }) {
   }, [config.autoHide]);
   const renderNavigationItem = (item) => {
     if (item.element) {
-      return /* @__PURE__ */ jsx271(React108.Fragment, { children: item.element }, item.id);
+      return /* @__PURE__ */ jsx272(React109.Fragment, { children: item.element }, item.id);
     }
     if (item.children && item.children.length > 0) {
       const isOpen = openDropdowns[item.id] || false;
-      return /* @__PURE__ */ jsxs209("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx271(
+      return /* @__PURE__ */ jsxs210("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx272(
           Button,
           {
             ref: (el) => {
@@ -35310,7 +35426,7 @@ function Header2({ config, platform }) {
             children: item.label
           }
         ),
-        /* @__PURE__ */ jsxs209(
+        /* @__PURE__ */ jsxs210(
           "div",
           {
             ref: (el) => {
@@ -35327,7 +35443,7 @@ function Header2({ config, platform }) {
               item.dropdownClassName || ""
             ),
             children: [
-              /* @__PURE__ */ jsx271("div", { className: "p-2", children: item.children.map((child, index) => /* @__PURE__ */ jsx271(
+              /* @__PURE__ */ jsx272("div", { className: "p-2", children: item.children.map((child, index) => /* @__PURE__ */ jsx272(
                 Button,
                 {
                   variant: "transparent",
@@ -35355,9 +35471,9 @@ function Header2({ config, platform }) {
                 },
                 child.id
               )) }),
-              item.dropdownContent && /* @__PURE__ */ jsxs209(Fragment50, { children: [
-                item.showDropdownDivider !== false && /* @__PURE__ */ jsx271("div", { className: "h-px my-2 mx-2 bg-ods-border" }),
-                /* @__PURE__ */ jsx271("div", { className: "px-2 pb-2", children: item.dropdownContent })
+              item.dropdownContent && /* @__PURE__ */ jsxs210(Fragment51, { children: [
+                item.showDropdownDivider !== false && /* @__PURE__ */ jsx272("div", { className: "h-px my-2 mx-2 bg-ods-border" }),
+                /* @__PURE__ */ jsx272("div", { className: "px-2 pb-2", children: item.dropdownContent })
               ] })
             ]
           }
@@ -35365,7 +35481,7 @@ function Header2({ config, platform }) {
       ] }, item.id);
     }
     if (item.href || item.onClick) {
-      return /* @__PURE__ */ jsx271(
+      return /* @__PURE__ */ jsx272(
         Button,
         {
           variant: "transparent",
@@ -35390,7 +35506,7 @@ function Header2({ config, platform }) {
         item.id
       );
     }
-    return /* @__PURE__ */ jsx271(
+    return /* @__PURE__ */ jsx272(
       Button,
       {
         variant: "transparent",
@@ -35413,7 +35529,7 @@ function Header2({ config, platform }) {
       item.id
     );
   };
-  return /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsx272(
     "div",
     {
       className: cn(
@@ -35422,7 +35538,7 @@ function Header2({ config, platform }) {
       style: {
         transform: !show ? "translateY(-100%)" : "translateY(0)"
       },
-      children: /* @__PURE__ */ jsxs209(
+      children: /* @__PURE__ */ jsxs210(
         "header",
         {
           className: cn(
@@ -35435,11 +35551,11 @@ function Header2({ config, platform }) {
           ),
           style: config.style,
           children: [
-            /* @__PURE__ */ jsxs209("div", { className: "flex items-center justify-start flex-shrink-0", children: [
-              config.actions?.left && /* @__PURE__ */ jsx271("div", { className: "flex items-center", children: config.actions.left }),
-              /* @__PURE__ */ jsx271(next_link_default, { href: config.logo.href, className: "transition-opacity duration-200 hover:opacity-80", children: config.logo.element })
+            /* @__PURE__ */ jsxs210("div", { className: "flex items-center justify-start flex-shrink-0", children: [
+              config.actions?.left && /* @__PURE__ */ jsx272("div", { className: "flex items-center", children: config.actions.left }),
+              /* @__PURE__ */ jsx272(next_link_default, { href: config.logo.href, className: "transition-opacity duration-200 hover:opacity-80", children: config.logo.element })
             ] }),
-            config.navigation && config.navigation.items.length > 0 && /* @__PURE__ */ jsx271(
+            config.navigation && config.navigation.items.length > 0 && /* @__PURE__ */ jsx272(
               "nav",
               {
                 className: cn(
@@ -35452,9 +35568,9 @@ function Header2({ config, platform }) {
                 children: config.navigation.items.map(renderNavigationItem)
               }
             ),
-            /* @__PURE__ */ jsxs209("div", { className: "flex items-center justify-end gap-4 flex-shrink-0", children: [
-              config.actions?.right && /* @__PURE__ */ jsx271("div", { className: "hidden md:flex items-center gap-4", children: config.actions.right }),
-              config.mobile && config.mobile.enabled && /* @__PURE__ */ jsx271(
+            /* @__PURE__ */ jsxs210("div", { className: "flex items-center justify-end gap-4 flex-shrink-0", children: [
+              config.actions?.right && /* @__PURE__ */ jsx272("div", { className: "hidden md:flex items-center gap-4", children: config.actions.right }),
+              config.mobile && config.mobile.enabled && /* @__PURE__ */ jsx272(
                 Button,
                 {
                   variant: "transparent",
@@ -35464,7 +35580,9 @@ function Header2({ config, platform }) {
                     config.mobile?.onToggle?.();
                   },
                   "aria-label": config.mobile?.isOpen ? "Close menu" : "Open menu",
-                  leftIcon: config.mobile?.menuIcon || /* @__PURE__ */ jsx271(Menu01Icon, {})
+                  "aria-expanded": config.mobile?.isOpen ?? false,
+                  "aria-controls": config.mobile?.isOpen ? MOBILE_NAV_PANEL_ID : void 0,
+                  leftIcon: config.mobile?.menuIcon || /* @__PURE__ */ jsx272(Menu01Icon, {})
                 }
               )
             ] })
@@ -35479,13 +35597,13 @@ function Header2({ config, platform }) {
 import { useState as useState84, useEffect as useEffect64 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
-import { jsx as jsx272, jsxs as jsxs210 } from "react/jsx-runtime";
+import { jsx as jsx273, jsxs as jsxs211 } from "react/jsx-runtime";
 function HeaderSkeleton({ config }) {
   const showNavigation = config?.navigation && config.navigation.items.length > 0;
   const showActions = config?.actions?.right && config.actions.right.length > 0;
   const showMobileMenu = config?.mobile?.enabled;
   const isAdminHeader = config?.className?.includes("admin");
-  return /* @__PURE__ */ jsx272("div", { className: "sticky top-0 z-40 w-full", children: /* @__PURE__ */ jsxs210(
+  return /* @__PURE__ */ jsx273("div", { className: "sticky top-0 z-40 w-full", children: /* @__PURE__ */ jsxs211(
     "header",
     {
       className: cn(
@@ -35496,25 +35614,25 @@ function HeaderSkeleton({ config }) {
         config?.className
       ),
       children: [
-        /* @__PURE__ */ jsxs210("div", { className: "flex items-center justify-start flex-shrink-0", children: [
-          isAdminHeader && config?.actions?.left && /* @__PURE__ */ jsx272("div", { className: "mr-4", children: /* @__PURE__ */ jsx272("div", { className: "h-10 w-10 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsxs210("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx272("div", { className: "h-8 w-8 bg-ods-border rounded animate-pulse" }),
-            /* @__PURE__ */ jsx272("div", { className: "h-6 w-24 bg-ods-border rounded animate-pulse" })
+        /* @__PURE__ */ jsxs211("div", { className: "flex items-center justify-start flex-shrink-0", children: [
+          isAdminHeader && config?.actions?.left && /* @__PURE__ */ jsx273("div", { className: "mr-4", children: /* @__PURE__ */ jsx273("div", { className: "h-10 w-10 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsxs211("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx273("div", { className: "h-8 w-8 bg-ods-border rounded animate-pulse" }),
+            /* @__PURE__ */ jsx273("div", { className: "h-6 w-24 bg-ods-border rounded animate-pulse" })
           ] })
         ] }),
-        showNavigation && /* @__PURE__ */ jsxs210("nav", { className: cn(
+        showNavigation && /* @__PURE__ */ jsxs211("nav", { className: cn(
           "hidden md:flex items-center gap-2",
           config?.navigation?.position === "center" && "absolute left-1/2 transform -translate-x-1/2",
           config?.navigation?.position === "right" && "ml-auto mr-4"
         ), children: [
-          /* @__PURE__ */ jsx272("div", { className: "h-10 w-20 bg-ods-border rounded animate-pulse" }),
-          /* @__PURE__ */ jsx272("div", { className: "h-10 w-28 bg-ods-border rounded animate-pulse" }),
-          /* @__PURE__ */ jsx272("div", { className: "h-10 w-24 bg-ods-border rounded animate-pulse" })
+          /* @__PURE__ */ jsx273("div", { className: "h-10 w-20 bg-ods-border rounded animate-pulse" }),
+          /* @__PURE__ */ jsx273("div", { className: "h-10 w-28 bg-ods-border rounded animate-pulse" }),
+          /* @__PURE__ */ jsx273("div", { className: "h-10 w-24 bg-ods-border rounded animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs210("div", { className: "flex items-center justify-end gap-4 flex-shrink-0", children: [
-          showActions && /* @__PURE__ */ jsx272("div", { className: "hidden md:flex items-center gap-4", children: /* @__PURE__ */ jsx272("div", { className: "h-10 w-24 bg-ods-border rounded animate-pulse" }) }),
-          showMobileMenu && /* @__PURE__ */ jsx272("div", { className: "md:hidden h-10 w-10 bg-ods-border rounded animate-pulse" })
+        /* @__PURE__ */ jsxs211("div", { className: "flex items-center justify-end gap-4 flex-shrink-0", children: [
+          showActions && /* @__PURE__ */ jsx273("div", { className: "hidden md:flex items-center gap-4", children: /* @__PURE__ */ jsx273("div", { className: "h-10 w-24 bg-ods-border rounded animate-pulse" }) }),
+          showMobileMenu && /* @__PURE__ */ jsx273("div", { className: "md:hidden h-10 w-10 bg-ods-border rounded animate-pulse" })
         ] })
       ]
     }
@@ -35522,152 +35640,33 @@ function HeaderSkeleton({ config }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { jsx as jsx273 } from "react/jsx-runtime";
+import { jsx as jsx274 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
   const [isClient, setIsClient] = useState84(false);
   useEffect64(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
-    return skeleton || /* @__PURE__ */ jsx273(HeaderSkeleton, { config });
+    return skeleton || /* @__PURE__ */ jsx274(HeaderSkeleton, { config });
   }
-  return /* @__PURE__ */ jsx273(Header2, { config });
-}
-
-// src/components/navigation/mobile-nav-panel.tsx
-import { useEffect as useEffect65, useRef as useRef45 } from "react";
-init_button2();
-import { X as X10 } from "lucide-react";
-import { Fragment as Fragment51, jsx as jsx274, jsxs as jsxs211 } from "react/jsx-runtime";
-function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef45(null);
-  useEffect65(() => {
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "unset";
-    }
-    return () => {
-      document.body.style.overflow = "unset";
-    };
-  }, [isOpen]);
-  useEffect65(() => {
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape" && isOpen) {
-        config.onClose?.();
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }
-  }, [isOpen, config]);
-  if (!isOpen) return null;
-  const renderNavigationItem = (item) => {
-    if (item.element) {
-      return /* @__PURE__ */ jsx274("div", { children: item.element }, item.id);
-    }
-    const handleClick = () => {
-      if (item.onClick) {
-        item.onClick();
-      }
-      config.onClose?.();
-    };
-    if (item.href) {
-      return /* @__PURE__ */ jsx274(
-        Button,
-        {
-          variant: "outline",
-          size: "small-legacy",
-          href: item.href,
-          onClick: handleClick,
-          leftIcon: item.icon,
-          rightIcon: item.badge,
-          className: cn(
-            "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
-            item.isActive ? "bg-ods-bg-hover" : ""
-          ),
-          children: item.label
-        },
-        item.id
-      );
-    }
-    return /* @__PURE__ */ jsxs211(
-      Button,
-      {
-        variant: "outline",
-        size: "small-legacy",
-        onClick: handleClick,
-        leftIcon: item.icon,
-        className: cn(
-          "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
-          item.isActive ? "bg-ods-bg-hover" : ""
-        ),
-        children: [
-          /* @__PURE__ */ jsx274("span", { className: "flex-1 text-left", children: item.label }),
-          item.badge !== void 0 && /* @__PURE__ */ jsx274("span", { className: "ml-auto", children: item.badge })
-        ]
-      },
-      item.id
-    );
-  };
-  return /* @__PURE__ */ jsxs211(Fragment51, { children: [
-    /* @__PURE__ */ jsx274(
-      "div",
-      {
-        className: "fixed inset-0 z-[9998] bg-black/50",
-        onClick: config.onClose
-      }
-    ),
-    /* @__PURE__ */ jsxs211(
-      "div",
-      {
-        ref: panelRef,
-        className: cn(
-          "fixed z-[9999] rounded-lg shadow-xl",
-          config.className ? "" : "bg-ods-card border border-ods-border",
-          // Responsive positioning and sizing - matching original working version
-          "right-2 left-2 md:left-auto",
-          "md:right-6 md:w-[400px] md:max-w-[calc(100vw-3rem)]",
-          // Height constraints with proper mobile spacing - increased top position
-          "top-20 max-h-[calc(100vh-130px)] md:max-h-[calc(100vh-88px)]",
-          "flex flex-col",
-          config.className || ""
-        ),
-        onClick: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ jsx274("div", { className: "flex justify-end p-2 border-b border-ods-border flex-shrink-0", children: /* @__PURE__ */ jsx274(
-            Button,
-            {
-              "aria-label": "Close menu",
-              size: "icon",
-              variant: "transparent",
-              leftIcon: /* @__PURE__ */ jsx274(X10, { className: "w-4 h-4 text-ods-text-primary" }),
-              onClick: config.onClose,
-              className: "hover:bg-ods-bg-hover"
-            }
-          ) }),
-          /* @__PURE__ */ jsx274("div", { className: "flex-1 overflow-y-auto overflow-x-hidden px-2 py-2", children: /* @__PURE__ */ jsx274("div", { className: "flex flex-col space-y-1", children: config.sections.map((section, index) => /* @__PURE__ */ jsxs211("div", { children: [
-            section.title && /* @__PURE__ */ jsx274("div", { className: "px-4 pt-2 pb-1 text-xs font-semibold text-ods-text-secondary uppercase tracking-wide", children: section.title }),
-            /* @__PURE__ */ jsx274("div", { className: "flex flex-col gap-1", children: section.items.map(renderNavigationItem) })
-          ] }, index)) }) }),
-          config.footer && /* @__PURE__ */ jsx274("div", { className: "border-t border-ods-border p-4 flex-shrink-0", children: config.footer })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx274(Header2, { config });
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState85, useEffect as useEffect66 } from "react";
-import { motion as motion2, AnimatePresence } from "framer-motion";
+import { useState as useState85, useEffect as useEffect65, useRef as useRef46 } from "react";
+import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
+import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 init_button2();
 import { Fragment as Fragment52, jsx as jsx275, jsxs as jsxs212 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState85(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState85(false);
   const headerHeight = useHeaderHeight();
-  useEffect66(() => {
+  const asideRef = useRef46(null);
+  const prefersReducedMotion = useReducedMotion();
+  usePreventScroll4({ isDisabled: !config.isOpen });
+  useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  useEffect65(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -35795,18 +35794,19 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: "fixed inset-0 bg-black/50 z-[45]",
+        className: cn("fixed inset-0 z-[45]", OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
     /* @__PURE__ */ jsxs212(
       motion2.aside,
       {
+        ref: asideRef,
         initial: false,
         animate: {
           x: config.isOpen ? 0 : config.position === "right" ? "100%" : "-100%"
         },
-        transition: {
+        transition: prefersReducedMotion ? { duration: 0 } : {
           type: "spring",
           damping: 25,
           stiffness: 300,
@@ -35814,6 +35814,10 @@ function SlidingSidebar({ config }) {
           restDelta: 0.01,
           velocity: config.isOpen ? 5 : -5
         },
+        tabIndex: -1,
+        inert: !config.isOpen || void 0,
+        role: config.isOpen ? "dialog" : void 0,
+        "aria-label": config.isOpen ? "Navigation sidebar" : void 0,
         className: cn(
           "fixed top-0 bottom-0 z-[46] w-72 bg-ods-card border-ods-border flex flex-col shadow-xl",
           config.position === "right" ? "right-0 border-l" : "left-0 border-r",
@@ -35821,8 +35825,8 @@ function SlidingSidebar({ config }) {
         ),
         children: [
           /* @__PURE__ */ jsx275("div", { className: "flex-shrink-0", style: { height: `${headerHeight}px` } }),
-          /* @__PURE__ */ jsx275("nav", { className: "flex-1 p-4 space-y-2 overflow-y-auto", children: config.items.map((item) => renderMenuItem(item)) }),
-          config.footer && /* @__PURE__ */ jsx275("div", { className: "p-4 border-t border-ods-border", children: config.footer })
+          /* @__PURE__ */ jsx275("nav", { className: "flex-1 p-4 space-y-2 overflow-y-auto overscroll-contain", children: config.items.map((item) => renderMenuItem(item)) }),
+          config.footer && /* @__PURE__ */ jsx275("div", { className: "p-4 pb-[max(1rem,env(safe-area-inset-bottom))] border-t border-ods-border", children: config.footer })
         ]
       }
     )
@@ -35830,7 +35834,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect67, useState as useState86, useCallback as useCallback34, useRef as useRef46 } from "react";
+import { useEffect as useEffect66, useState as useState86, useCallback as useCallback34, useRef as useRef47 } from "react";
 import { jsx as jsx276, jsxs as jsxs213 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -35892,7 +35896,7 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState86(sections[0]?.id || "");
-  const isScrollingFromClick = useRef46(false);
+  const isScrollingFromClick = useRef47(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback34((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -35904,14 +35908,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect67(() => {
+  useEffect66(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect67(() => {
+  useEffect66(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -35944,7 +35948,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback35, useEffect as useEffect68, useLayoutEffect as useLayoutEffect6, useMemo as useMemo34, useState as useState87 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect67, useLayoutEffect as useLayoutEffect6, useMemo as useMemo34, useState as useState87 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx277, jsxs as jsxs214 } from "react/jsx-runtime";
@@ -36093,7 +36097,7 @@ function NavigationSidebar({ config, disabled = false }) {
     config.minimized ?? false
   );
   const [tabletMinimized, setTabletMinimized] = useState87(true);
-  useEffect68(() => {
+  useEffect67(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const minimized = isTablet ? tabletMinimized : desktopMinimized;
@@ -36111,7 +36115,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback35(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect68(() => {
+  useEffect67(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -36592,10 +36596,11 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense as Suspense2, useCallback as useCallback37, useMemo as useMemo35, useRef as useRef47, useState as useState88 } from "react";
+import { Suspense as Suspense2, useCallback as useCallback37, useMemo as useMemo35, useRef as useRef49, useState as useState88 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React114, { useCallback as useCallback36, useEffect as useEffect69 } from "react";
+import React114, { useCallback as useCallback36, useRef as useRef48 } from "react";
+import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { Fragment as Fragment54, jsx as jsx285, jsxs as jsxs222 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React114.memo(function MobileBurgerMenu2({
@@ -36608,27 +36613,9 @@ var MobileBurgerMenu = React114.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  useEffect69(() => {
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "unset";
-    }
-    return () => {
-      document.body.style.overflow = "unset";
-    };
-  }, [isOpen]);
-  useEffect69(() => {
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape" && isOpen) {
-        onClose();
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }
-  }, [isOpen, onClose]);
+  const panelRef = useRef48(null);
+  usePreventScroll5({ isDisabled: !isOpen });
+  useFocusTrap(panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = useCallback36((item) => {
     if (item.onClick) {
       item.onClick();
@@ -36689,7 +36676,7 @@ var MobileBurgerMenu = React114.memo(function MobileBurgerMenu2({
         className: cn(
           "absolute inset-0 z-[100] md:hidden",
           OVERLAY_BACKDROP_CLASS,
-          "transition-all duration-300",
+          "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
         style: { top: HEADER_HEIGHT },
@@ -36700,11 +36687,12 @@ var MobileBurgerMenu = React114.memo(function MobileBurgerMenu2({
     /* @__PURE__ */ jsx285(
       "div",
       {
+        ref: panelRef,
         className: cn(
           "absolute left-0 right-0 z-[101] md:hidden",
           "flex flex-col",
           "bg-ods-bg border-b border-ods-border",
-          "transition-all duration-300 ease-out",
+          "transition-all duration-300 ease-out motion-reduce:transition-none",
           "overflow-hidden",
           isOpen ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-4 pointer-events-none"
         ),
@@ -36715,7 +36703,9 @@ var MobileBurgerMenu = React114.memo(function MobileBurgerMenu2({
         role: "dialog",
         "aria-modal": "true",
         "aria-label": "Mobile navigation menu",
-        children: /* @__PURE__ */ jsxs222("div", { className: "flex-1 overflow-y-auto overflow-x-hidden p-4 flex flex-col gap-4", children: [
+        tabIndex: -1,
+        inert: !isOpen || void 0,
+        children: /* @__PURE__ */ jsxs222("div", { className: "flex-1 overflow-y-auto overflow-x-hidden overscroll-contain p-4 flex flex-col gap-4", children: [
           user && /* @__PURE__ */ jsxs222(
             "div",
             {
@@ -36808,9 +36798,9 @@ function AppLayout({
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState88(false);
   const [drawerContainer, setDrawerContainer] = useState88(null);
-  const mobileMenuOpenRef = useRef47(mobileMenuOpen);
+  const mobileMenuOpenRef = useRef49(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef47(/* @__PURE__ */ new Set());
+  const drawerHandlesRef = useRef49(/* @__PURE__ */ new Set());
   const handleToggleMobileMenu = useCallback37(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
@@ -37437,7 +37427,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React116, { useRef as useRef48, useCallback as useCallback38 } from "react";
+import React116, { useRef as useRef50, useCallback as useCallback38 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React115 from "react";
@@ -37561,10 +37551,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef48(false);
-  const autoMarkingInProgressRef = useRef48(false);
-  const lastCompletionStatusRef = useRef48(null);
-  const actionInProgressRef = useRef48(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef50(false);
+  const autoMarkingInProgressRef = useRef50(false);
+  const lastCompletionStatusRef = useRef50(null);
+  const actionInProgressRef = useRef50(/* @__PURE__ */ new Set());
   React116.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -38252,7 +38242,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx304(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect71, useRef as useRef50 } from "react";
+import { useEffect as useEffect69, useRef as useRef52 } from "react";
 init_pagination();
 init_button2();
 
@@ -38863,10 +38853,10 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect70, useState as useState90 } from "react";
+import { useEffect as useEffect68, useState as useState90 } from "react";
 function useTableMotion(enabled) {
   const [runtime, setRuntime] = useState90(null);
-  useEffect70(() => {
+  useEffect68(() => {
     if (!enabled || runtime) return;
     let active = true;
     import("framer-motion").then((m) => {
@@ -39012,10 +39002,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef50(null);
-  const onLoadMoreRef = useRef50(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef52(null);
+  const onLoadMoreRef = useRef52(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect71(() => {
+  useEffect69(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -39233,7 +39223,7 @@ import { useMemo as useMemo37 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef51, useState as useState91, useCallback as useCallback39 } from "react";
+import { useRef as useRef53, useState as useState91, useCallback as useCallback39 } from "react";
 import { jsx as jsx316, jsxs as jsxs248 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -39262,7 +39252,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef51(null);
+  const textRef = useRef53(null);
   const [isTruncated, setIsTruncated] = useState91(false);
   const checkTruncation = useCallback39(() => {
     const el = textRef.current;
@@ -39292,7 +39282,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef52, useState as useState92, useCallback as useCallback40 } from "react";
+import { useRef as useRef54, useState as useState92, useCallback as useCallback40 } from "react";
 import { jsx as jsx317, jsxs as jsxs249 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -39338,7 +39328,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef52(null);
+  const textRef = useRef54(null);
   const [isTruncated, setIsTruncated] = useState92(false);
   const checkTruncation = useCallback40(() => {
     const el = textRef.current;
@@ -39840,7 +39830,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo5, useCallback as useCallback42, useRef as useRef53 } from "react";
+import { memo as memo5, useCallback as useCallback42, useRef as useRef55 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -39925,7 +39915,7 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef53(null);
+  const containerRef = useRef55(null);
   const handleClick = useCallback42(
     (e) => {
       const target = e.target;
@@ -40093,7 +40083,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect72, useRef as useRef54 } from "react";
+import { useEffect as useEffect70, useRef as useRef56 } from "react";
 import { Fragment as Fragment62, jsx as jsx327, jsxs as jsxs257 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -40102,10 +40092,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef54(null);
-  const onLoadMoreRef = useRef54(onLoadMore);
+  const sentinelRef = useRef56(null);
+  const onLoadMoreRef = useRef56(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect72(() => {
+  useEffect70(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -40739,8 +40729,8 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect74,
-  useRef as useRef56,
+  useEffect as useEffect72,
+  useRef as useRef58,
   useState as useState94
 } from "react";
 init_cn();
@@ -40775,11 +40765,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef56(null);
-  const hiddenTagsRef = useRef56(null);
-  const hiddenTagsPopupRef = useRef56(null);
+  const wrapperRef = useRef58(null);
+  const hiddenTagsRef = useRef58(null);
+  const hiddenTagsPopupRef = useRef58(null);
   const [showHiddenTags, setShowHiddenTags] = useState94(false);
-  useEffect74(() => {
+  useEffect72(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -40934,7 +40924,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef57, useCallback as useCallback43, useState as useState95, useEffect as useEffect75 } from "react";
+import { useRef as useRef59, useCallback as useCallback43, useState as useState95, useEffect as useEffect73 } from "react";
 init_cn();
 import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx332, jsxs as jsxs262 } from "react/jsx-runtime";
@@ -40965,7 +40955,7 @@ body .w-md-editor .w-md-editor-bar::after { content: '' !important; display: blo
 body .w-md-editor .w-md-editor-bar:hover::after { border-color: var(--color-text-secondary) !important; }
 `;
 function MarkdownEditorStyles() {
-  useEffect75(() => {
+  useEffect73(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -40989,11 +40979,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef57(null);
+  const fileInputRef = useRef59(null);
   const [isUploading, setIsUploading] = useState95(false);
   const [uploadProgress, setUploadProgress] = useState95("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState95([]);
-  useEffect75(() => {
+  useEffect73(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -41082,11 +41072,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef57(null);
-  const isDraggingRef = useRef57(false);
-  const mouseYRef = useRef57(0);
-  const rafRef = useRef57(0);
-  const scrollParentRef = useRef57(window);
+  const wrapperRef = useRef59(null);
+  const isDraggingRef = useRef59(false);
+  const mouseYRef = useRef59(0);
+  const rafRef = useRef59(0);
+  const scrollParentRef = useRef59(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback43((el) => {
@@ -41116,7 +41106,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect75(() => {
+  useEffect73(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -42599,7 +42589,7 @@ function ImageGalleryModal({
   initialIndex = 0
 }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState102(initialIndex);
-  useEffect78(() => {
+  useEffect76(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -42614,7 +42604,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect78(() => {
+  useEffect76(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -46689,7 +46679,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback45, useRef as useRef61 } from "react";
+import { useCallback as useCallback45, useRef as useRef63 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -46711,20 +46701,20 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef61(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef61(null);
-  const fetchingInProgress = useRef61(false);
-  const lastFetchParams = useRef61(null);
-  const chunkBuffer = useRef61([]);
-  const bufferUntilInitialCatchupComplete = useRef61(false);
-  const hasCompletedInitialCatchup = useRef61(false);
-  const dialogIdRef = useRef61(dialogId);
+  const processedSequenceKeys = useRef63(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef63(null);
+  const fetchingInProgress = useRef63(false);
+  const lastFetchParams = useRef63(null);
+  const chunkBuffer = useRef63([]);
+  const bufferUntilInitialCatchupComplete = useRef63(false);
+  const hasCompletedInitialCatchup = useRef63(false);
+  const dialogIdRef = useRef63(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef61(chatTypes);
+  const chatTypesRef = useRef63(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef61(fetchChunks);
+  const fetchChunksRef = useRef63(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef61(onChunkReceived);
+  const onChunkReceivedRef = useRef63(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback45((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -46901,7 +46891,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect79, useRef as useRef62, useState as useState105 } from "react";
+import { useEffect as useEffect77, useRef as useRef64, useState as useState105 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -46924,53 +46914,53 @@ function useJetStreamDialogSubscription({
   const [isSubscribed, setIsSubscribed] = useState105(false);
   const [reconnectionCount, setReconnectionCount] = useState105(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState105(null);
-  const clientRef = useRef62(null);
-  const subscriptionRef = useRef62(null);
-  const highestStreamSeqRef = useRef62(null);
-  const onEventRef = useRef62(onEvent);
-  useEffect79(() => {
+  const clientRef = useRef64(null);
+  const subscriptionRef = useRef64(null);
+  const highestStreamSeqRef = useRef64(null);
+  const onEventRef = useRef64(onEvent);
+  useEffect77(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef62(onConnect);
-  useEffect79(() => {
+  const onConnectRef = useRef64(onConnect);
+  useEffect77(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef62(onDisconnect);
-  useEffect79(() => {
+  const onDisconnectRef = useRef64(onDisconnect);
+  useEffect77(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef62(onSubscribed);
-  useEffect79(() => {
+  const onSubscribedRef = useRef64(onSubscribed);
+  useEffect77(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef62(onBeforeReconnect);
-  useEffect79(() => {
+  const onBeforeReconnectRef = useRef64(onBeforeReconnect);
+  useEffect77(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef62(getNatsWsUrl);
-  useEffect79(() => {
+  const getNatsWsUrlRef = useRef64(getNatsWsUrl);
+  useEffect77(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef62(reconnectionBackoff);
-  useEffect79(() => {
+  const reconnectionBackoffRef = useRef64(reconnectionBackoff);
+  useEffect77(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef62(optStartSeq);
-  useEffect79(() => {
+  const optStartSeqRef = useRef64(optStartSeq);
+  useEffect77(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef62(inactiveThresholdMs);
-  useEffect79(() => {
+  const inactiveThresholdRef = useRef64(inactiveThresholdMs);
+  useEffect77(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef62(false);
-  const clientConfigRef = useRef62(clientConfig);
-  useEffect79(() => {
+  const hadConnectionBeforeRef = useRef64(false);
+  const clientConfigRef = useRef64(clientConfig);
+  useEffect77(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef62("");
+  const currentWsUrlRef = useRef64("");
   const wsUrl = getNatsWsUrl();
-  useEffect79(() => {
+  useEffect77(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47051,7 +47041,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect79(() => {
+  useEffect77(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -47134,7 +47124,7 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect79(() => {
+  useEffect77(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
@@ -47142,7 +47132,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect80, useRef as useRef63, useState as useState106 } from "react";
+import { useEffect as useEffect78, useRef as useRef65, useState as useState106 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -47159,44 +47149,44 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState106(false);
   const [isSubscribed, setIsSubscribed] = useState106(false);
   const [reconnectionCount, setReconnectionCount] = useState106(0);
-  const clientRef = useRef63(null);
-  const subscriptionRefs = useRef63(/* @__PURE__ */ new Map());
-  const onEventRef = useRef63(onEvent);
-  useEffect80(() => {
+  const clientRef = useRef65(null);
+  const subscriptionRefs = useRef65(/* @__PURE__ */ new Map());
+  const onEventRef = useRef65(onEvent);
+  useEffect78(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef63(onConnect);
-  useEffect80(() => {
+  const onConnectRef = useRef65(onConnect);
+  useEffect78(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef63(onDisconnect);
-  useEffect80(() => {
+  const onDisconnectRef = useRef65(onDisconnect);
+  useEffect78(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef63(onSubscribed);
-  useEffect80(() => {
+  const onSubscribedRef = useRef65(onSubscribed);
+  useEffect78(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef63(onBeforeReconnect);
-  useEffect80(() => {
+  const onBeforeReconnectRef = useRef65(onBeforeReconnect);
+  useEffect78(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef63(false);
-  const getNatsWsUrlRef = useRef63(getNatsWsUrl);
-  useEffect80(() => {
+  const hadConnectionBeforeRef = useRef65(false);
+  const getNatsWsUrlRef = useRef65(getNatsWsUrl);
+  useEffect78(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef63(reconnectionBackoff);
-  useEffect80(() => {
+  const reconnectionBackoffRef = useRef65(reconnectionBackoff);
+  useEffect78(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef63(clientConfig);
-  useEffect80(() => {
+  const clientConfigRef = useRef65(clientConfig);
+  useEffect78(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef63("");
+  const currentWsUrlRef = useRef65("");
   const wsUrl = getNatsWsUrl();
-  useEffect80(() => {
+  useEffect78(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47278,14 +47268,14 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const lastSubscribedDialogIdRef = useRef63(null);
-  const isConnectedRef = useRef63(isConnected);
-  useEffect80(() => {
+  const lastSubscribedDialogIdRef = useRef65(null);
+  const isConnectedRef = useRef65(isConnected);
+  useEffect78(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef63(null);
-  const abortControllerRef = useRef63(null);
-  useEffect80(() => {
+  const currentDialogIdRef = useRef65(null);
+  const abortControllerRef = useRef65(null);
+  useEffect78(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -47366,7 +47356,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect80(() => {
+  useEffect78(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -47416,7 +47406,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback46, useRef as useRef64, useEffect as useEffect81 } from "react";
+import { useCallback as useCallback46, useRef as useRef66, useEffect as useEffect79 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -48067,14 +48057,14 @@ function useRealtimeChunkProcessor(options) {
     batchApprovalsEnabled = true,
     isDirectMode = false
   } = options;
-  const accumulatorRef = useRef64(
+  const accumulatorRef = useRef66(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef64(false);
-  useEffect81(() => {
+  const hasInitializedWithData = useRef66(false);
+  useEffect79(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -48087,14 +48077,14 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef64(false);
-  const hasEverStreamedRef = useRef64(false);
-  const directModeFlagRef = useRef64(isDirectMode);
-  const sawDirectMessageRef = useRef64(false);
-  useEffect81(() => {
+  const isInStreamRef = useRef66(false);
+  const hasEverStreamedRef = useRef66(false);
+  const directModeFlagRef = useRef66(isDirectMode);
+  const sawDirectMessageRef = useRef66(false);
+  useEffect79(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
-  const pendingEscalatedRef = useRef64(/* @__PURE__ */ new Map());
+  const pendingEscalatedRef = useRef66(/* @__PURE__ */ new Map());
   const processChunk = useCallback46(
     (chunk) => {
       const action = parseChunkToAction(chunk);
@@ -48352,7 +48342,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect82, useState as useState107 } from "react";
+import { useEffect as useEffect80, useState as useState107 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -48371,7 +48361,7 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
 function useSlashCommands(prefix, commandsUrl) {
   const [commands, setCommands] = useState107([]);
   const [loading, setLoading] = useState107(false);
-  useEffect82(() => {
+  useEffect80(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -48477,7 +48467,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback47, useMemo as useMemo41, useRef as useRef65, useState as useState108 } from "react";
+import { useCallback as useCallback47, useMemo as useMemo41, useRef as useRef67, useState as useState108 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -48554,7 +48544,7 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState108([]);
-  const controllersRef = useRef65(/* @__PURE__ */ new Map());
+  const controllersRef = useRef67(/* @__PURE__ */ new Map());
   const updateOne = useCallback47((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -48643,7 +48633,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef65([]);
+  const attachmentsRef = useRef67([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback47(
     (files) => {
@@ -48720,16 +48710,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback48, useEffect as useEffect83, useRef as useRef66, useState as useState109 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect81, useRef as useRef68, useState as useState109 } from "react";
 import { jsx as jsx356 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef66(null);
+  const panelRef = useRef68(null);
   const [state, setState] = useState109(CLOSED);
   const handleClose = useCallback48(() => setState(CLOSED), []);
-  useEffect83(() => {
+  useEffect81(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -48775,7 +48765,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect84, useState as useState110 } from "react";
+import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect82, useState as useState110 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -48788,7 +48778,7 @@ function useResolveChatIdentity(enabled) {
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
   const [data, setData] = useState110(ANON_DEFAULTS);
   const [isLoading, setIsLoading] = useState110(enabled);
-  useEffect84(() => {
+  useEffect82(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -48830,11 +48820,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect85, useRef as useRef67 } from "react";
+import { useEffect as useEffect83, useRef as useRef69 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef67(null);
-  const initializedRef = useRef67(false);
-  useEffect85(() => {
+  const prevPathnameRef = useRef69(null);
+  const initializedRef = useRef69(false);
+  useEffect83(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -48848,14 +48838,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState112, useCallback as useCallback50, useEffect as useEffect86, useRef as useRef69 } from "react";
+import { useState as useState112, useCallback as useCallback50, useEffect as useEffect84, useRef as useRef71 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState111, useCallback as useCallback49, useRef as useRef68 } from "react";
+import { useState as useState111, useCallback as useCallback49, useRef as useRef70 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState111(false);
   const [error, setError] = useState111(null);
-  const abortControllerRef = useRef68(null);
+  const abortControllerRef = useRef70(null);
   const fallbackStream = useCallback49(async function* () {
     throw new Error(
       "[useSSE] No streamFn provided and `useMock: true` is no longer wired into the lib. Supply a `streamFn` (see `createDocStreamFn` in use-embedded-chat) or migrate the mock to your host code."
@@ -48923,10 +48913,10 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState112(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState112(false);
-  const currentAssistantSegmentsRef = useRef69([]);
-  const onMessagesChangeRef = useRef69(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef71([]);
+  const onMessagesChangeRef = useRef71(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect86(() => {
+  useEffect84(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -49215,7 +49205,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState113, useEffect as useEffect87, useCallback as useCallback51, useMemo as useMemo42, useRef as useRef70 } from "react";
+import { useState as useState113, useEffect as useEffect85, useCallback as useCallback51, useMemo as useMemo42, useRef as useRef72 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -49536,20 +49526,20 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const persistedRef = useRef70(null);
+  const persistedRef = useRef72(null);
   if (persistedRef.current === null) {
     pruneStaleChatStorage(source);
     persistedRef.current = loadPersistedChat(source) || { messages: [], sources: [], sendCount: 0 };
   }
-  const sourcesMapRef = useRef70(
+  const sourcesMapRef = useRef72(
     new Map(persistedRef.current.sources)
   );
-  const refsMapRef = useRef70(
+  const refsMapRef = useRef72(
     new Map(persistedRef.current.refs ?? [])
   );
-  const metaMapRef = useRef70(/* @__PURE__ */ new Map());
-  const messagesRef = useRef70(persistedRef.current.messages);
-  const sendCountRef = useRef70(persistedRef.current.sendCount);
+  const metaMapRef = useRef72(/* @__PURE__ */ new Map());
+  const messagesRef = useRef72(persistedRef.current.messages);
+  const sendCountRef = useRef72(persistedRef.current.sendCount);
   const [streamingPhase, setStreamingPhase] = useState113("idle");
   const [metaTick, setMetaTick] = useState113(0);
   const bumpMetaTick = useCallback51(() => setMetaTick((t) => t + 1), []);
@@ -49739,7 +49729,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect87(() => {
+  useEffect85(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -49821,9 +49811,9 @@ var noopRejectRequest = async (_id, _reason) => {
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
   useCallback as useCallback52,
-  useEffect as useEffect88,
+  useEffect as useEffect86,
   useMemo as useMemo43,
-  useRef as useRef71,
+  useRef as useRef73,
   useState as useState114
 } from "react";
 
@@ -50365,9 +50355,9 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [rejectRequestCallback]
   );
-  const handleApproveRef = useRef71(handleApprove);
+  const handleApproveRef = useRef73(handleApprove);
   handleApproveRef.current = handleApprove;
-  const handleRejectRef = useRef71(handleReject);
+  const handleRejectRef = useRef73(handleReject);
   handleRejectRef.current = handleReject;
   const accumApprove = useCallback52((requestId) => {
     if (!requestId) return;
@@ -50377,7 +50367,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const callbacksRef = useRef71({
+  const callbacksRef = useRef73({
     onSegmentsUpdate: (segments) => {
       setMessages((prev) => updateTrailingAssistant(prev, segments));
     },
@@ -50415,7 +50405,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef71(0);
+  const historyLoadSeqRef = useRef73(0);
   const loadDialogHistory = useCallback52(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -50470,8 +50460,8 @@ function useNatsChatAdapter(config, options = {}) {
       accumReject
     ]
   );
-  const prevDialogIdRef = useRef71(void 0);
-  useEffect88(() => {
+  const prevDialogIdRef = useRef73(void 0);
+  useEffect86(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -50485,7 +50475,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect88(() => {
+  useEffect86(() => {
     if (!active || !dialogId) return;
     resetChunkTracking();
     startInitialBuffering();
@@ -50507,14 +50497,14 @@ function useNatsChatAdapter(config, options = {}) {
       setConnectionState("connected");
     }
   });
-  useEffect88(() => {
+  useEffect86(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef71(false);
+  const initialDialogsLoadedRef = useRef73(false);
   const loadDialogsPage = useCallback52(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -50546,7 +50536,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback52(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect88(() => {
+  useEffect86(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -50787,7 +50777,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback53, useMemo as useMemo44, useRef as useRef72 } from "react";
+import { useCallback as useCallback53, useMemo as useMemo44, useRef as useRef74 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -50802,7 +50792,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef72(null);
+  const disabledNatsRef = useRef74(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -50816,7 +50806,7 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef72(activeState);
+  const activeStateRef = useRef74(activeState);
   activeStateRef.current = activeState;
   const stopMessage = useCallback53(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback53(
@@ -51126,9 +51116,9 @@ function chatChipClass({ tone, density = "chip", extra }) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback55, useEffect as useEffect89, useMemo as useMemo46, useRef as useRef73, useState as useState116 } from "react";
+import { useCallback as useCallback55, useEffect as useEffect87, useMemo as useMemo46, useRef as useRef75, useState as useState116 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
-import { usePreventScroll } from "@react-aria/overlays";
+import { usePreventScroll as usePreventScroll6 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
 
 // node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
@@ -51650,7 +51640,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect89(() => {
+  useEffect87(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -51670,9 +51660,9 @@ function EmbeddableChatInner({
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
-  usePreventScroll({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef73(false);
-  useEffect89(() => {
+  usePreventScroll6({ isDisabled: !isOpen || shellLess });
+  const navigatingAwayRef = useRef75(false);
+  useEffect87(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -51698,7 +51688,7 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef73(null);
+  const chatInputRef = useRef75(null);
   const [quickActionPreview, setQuickActionPreview] = useState116(null);
   const slashCommandsProp = useMemo46(
     () => ({
@@ -51802,8 +51792,8 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef73(false);
-  useEffect89(() => {
+  const guidePromptSentRef = useRef75(false);
+  useEffect87(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -51827,12 +51817,12 @@ function EmbeddableChatInner({
   const [contextItems, setContextItems] = useState116([]);
   const [contextPickerOpen, setContextPickerOpen] = useState116(false);
   const [mentionQuery, setMentionQuery] = useState116(null);
-  const mentionActiveRef = useRef73(false);
-  useEffect89(() => {
+  const mentionActiveRef = useRef75(false);
+  useEffect87(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef73(/* @__PURE__ */ new Set());
-  useEffect89(() => {
+  const mentionKeysRef = useRef75(/* @__PURE__ */ new Set());
+  useEffect87(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -51928,7 +51918,7 @@ function EmbeddableChatInner({
     () => /* @__PURE__ */ jsx359(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     []
   );
-  const timestampCacheRef = useRef73(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef75(/* @__PURE__ */ new Map());
   const guideUserName = activeMode === "guide" ? [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || identityUser?.name?.trim() || void 0 : void 0;
   const guideUserAvatar = activeMode === "guide" ? identityUser?.avatarUrl?.trim() || void 0 : void 0;
   const messages = useMemo46(() => {
@@ -52053,7 +52043,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback55(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect89(() => {
+  useEffect87(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -52071,7 +52061,7 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect89(() => {
+  useEffect87(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
@@ -53378,10 +53368,11 @@ export {
   TicketNotesSection,
   TicketInfoSection,
   FilterPillRow,
+  MOBILE_NAV_PANEL_ID,
+  MobileNavPanel,
   Header2 as Header,
   HeaderSkeleton,
   ClientOnlyHeader,
-  MobileNavPanel,
   SlidingSidebar,
   StickySectionNav,
   useSectionNavigation,
@@ -53409,4 +53400,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-IVM47EGI.js.map
+//# sourceMappingURL=chunk-YVJ2XBFU.js.map