@flamingo-stack/openframe-frontend-core 0.0.519 → 0.0.520-snapshot.20260807064659

package/dist/{chunk-ZA5PFNHR.js → chunk-6AQKSCZ5.js}

@@ -10696,9 +10696,78 @@ init_cn();
 import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
 var ANIMATION_DURATION = 200;
 var ModalContext = React26.createContext({});
+var modalStack = [];
 var Modal = React26.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     const [isMounted, setIsMounted] = useState21(isOpen);
+    const panelRef = React26.useRef(null);
+    const restoreFocusRef = React26.useRef(null);
+    const stackIdRef = React26.useRef(/* @__PURE__ */ Symbol("modal"));
+    useEffect15(() => {
+      if (!isOpen) return;
+      const stackId = stackIdRef.current;
+      modalStack.push(stackId);
+      restoreFocusRef.current = document.activeElement;
+      const raf = requestAnimationFrame(() => {
+        const panel = panelRef.current;
+        if (!panel) return;
+        if (panel.contains(document.activeElement)) return;
+        panel.focus();
+      });
+      const containFocus = (event) => {
+        if (modalStack[modalStack.length - 1] !== stackId) return;
+        const panel = panelRef.current;
+        if (!panel) return;
+        const target = event.target;
+        if (target && panel.contains(target)) return;
+        panel.focus();
+      };
+      document.addEventListener("focusin", containFocus);
+      const reasserts = [80, 240, 500].map(
+        (ms) => setTimeout(() => {
+          if (modalStack[modalStack.length - 1] !== stackId) return;
+          const panel = panelRef.current;
+          if (!panel) return;
+          if (!panel.contains(document.activeElement)) panel.focus();
+        }, ms)
+      );
+      return () => {
+        cancelAnimationFrame(raf);
+        reasserts.forEach(clearTimeout);
+        document.removeEventListener("focusin", containFocus);
+        const idx = modalStack.lastIndexOf(stackId);
+        if (idx !== -1) modalStack.splice(idx, 1);
+        restoreFocusRef.current?.focus?.();
+      };
+    }, [isOpen]);
+    useEffect15(() => {
+      if (!isOpen) return;
+      const handleTab = (event) => {
+        if (event.key !== "Tab") return;
+        const panel = panelRef.current;
+        if (!panel) return;
+        const focusables = Array.from(
+          panel.querySelectorAll(
+            'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+          )
+        ).filter((el) => el.getAttribute("aria-hidden") !== "true" && el.offsetParent !== null);
+        if (focusables.length === 0) return;
+        const first = focusables[0];
+        const last = focusables[focusables.length - 1];
+        const active = document.activeElement;
+        if (event.shiftKey) {
+          if (active === first || !panel.contains(active)) {
+            event.preventDefault();
+            last.focus();
+          }
+        } else if (active === last || !panel.contains(active)) {
+          event.preventDefault();
+          first.focus();
+        }
+      };
+      document.addEventListener("keydown", handleTab);
+      return () => document.removeEventListener("keydown", handleTab);
+    }, [isOpen]);
     useEffect15(() => {
       if (isOpen) {
         setIsMounted(true);
@@ -10743,7 +10812,12 @@ var Modal = React26.forwardRef(
       /* @__PURE__ */ jsx55(
         "div",
         {
-          ref,
+          ref: (node) => {
+            panelRef.current = node;
+            if (typeof ref === "function") ref(node);
+            else if (ref) ref.current = node;
+          },
+          tabIndex: -1,
           "data-state": state,
           className: cn(
             // min() keeps the desktop cap at 28rem while never letting content
@@ -11267,7 +11341,7 @@ function ChatPanelHeader({
 import * as React32 from "react";
 
 // src/components/chat/chat-attachment-bar.tsx
-import { useEffect as useEffect18, useRef as useRef16, useState as useState24 } from "react";
+import { useEffect as useEffect18, useRef as useRef17, useState as useState24 } from "react";
 init_button2();
 init_cn();
 
@@ -11345,7 +11419,7 @@ function ChatAttachmentAddButton({
   disabled = false,
   size: size2 = "default"
 }) {
-  const fileInputRef = useRef16(null);
+  const fileInputRef = useRef17(null);
   const compact = size2 === "compact";
   const boxClass = compact ? "h-6 w-6" : "h-7 w-7";
   if (!attachmentsEnabled) {
@@ -11498,7 +11572,7 @@ function useObjectUrl(file) {
 }
 
 // src/components/chat/chat-context-memory-bar.tsx
-import { useEffect as useEffect19, useRef as useRef17, useState as useState25 } from "react";
+import { useEffect as useEffect19, useRef as useRef18, useState as useState25 } from "react";
 init_cn();
 import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 var itemKey3 = (item) => `${item.type}:${item.id}`;
@@ -11510,7 +11584,7 @@ function ChatContextMemoryBar({
   className
 }) {
   const [open, setOpen] = useState25(false);
-  const rootRef = useRef17(null);
+  const rootRef = useRef18(null);
   useEffect19(() => {
     if (items.length === 0) setOpen(false);
   }, [items.length]);
@@ -12014,7 +12088,7 @@ function ChatArchivePage(props) {
 // src/components/chat/chat-sidebar.tsx
 init_cn();
 init_button2();
-import { forwardRef as forwardRef22, useRef as useRef18, useEffect as useEffect20 } from "react";
+import { forwardRef as forwardRef22, useRef as useRef19, useEffect as useEffect20 } from "react";
 
 // src/components/chat/chat-sidebar-skeleton.tsx
 init_cn();
@@ -12130,11 +12204,11 @@ DialogListItem.displayName = "DialogListItem";
 var ChatSidebar = forwardRef22(
   ({ className, onNewChat, onDialogSelect, dialogs = [], activeDialogId, isLoading, isCreatingDialog, children, hasNextPage, isFetchingNextPage, onLoadMore, ...props }, ref) => {
     const showEmptyState = dialogs.length === 0 && !children;
-    const scrollContainerRef = useRef18(null);
-    const loadMoreRef = useRef18(null);
-    const onLoadMoreRef = useRef18(onLoadMore);
+    const scrollContainerRef = useRef19(null);
+    const loadMoreRef = useRef19(null);
+    const onLoadMoreRef = useRef19(onLoadMore);
     onLoadMoreRef.current = onLoadMore;
-    const isFetchingRef = useRef18(isFetchingNextPage);
+    const isFetchingRef = useRef19(isFetchingNextPage);
     isFetchingRef.current = isFetchingNextPage;
     useEffect20(() => {
       const scrollContainer = scrollContainerRef.current;
@@ -13278,7 +13352,7 @@ var TabsContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/features/video.tsx
-import { useCallback as useCallback13, useEffect as useEffect24, useImperativeHandle as useImperativeHandle3, useMemo as useMemo19, useRef as useRef19, useState as useState29 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect24, useImperativeHandle as useImperativeHandle3, useMemo as useMemo19, useRef as useRef20, useState as useState29 } from "react";
 import MuxPlayer from "@mux/mux-player-react";
 
 // src/components/features/video-center-badge.tsx
@@ -13639,9 +13713,9 @@ function FilePlayer({
 }) {
   const effectivePreload = preload ?? (saveDataEnabled() ? "none" : "metadata");
   const [hoverMutedFallback, setHoverMutedFallback] = useState29(false);
-  const hoverPlayerRef = useRef19(null);
+  const hoverPlayerRef = useRef20(null);
   const [mutedFallbackBlocked, setMutedFallbackBlocked] = useState29(false);
-  const perfListenerRef = useRef19(null);
+  const perfListenerRef = useRef20(null);
   const clearPerfListener = useCallback13(() => {
     if (perfListenerRef.current) {
       try {
@@ -13652,9 +13726,9 @@ function FilePlayer({
     }
   }, []);
   useEffect24(() => clearPerfListener, [clearPerfListener]);
-  const hoverActiveRef = useRef19(false);
-  const hoverGenerationRef = useRef19(0);
-  const activationWaiterRef = useRef19(null);
+  const hoverActiveRef = useRef20(false);
+  const hoverGenerationRef = useRef20(0);
+  const activationWaiterRef = useRef20(null);
   const clearActivationWaiter = useCallback13(() => {
     if (activationWaiterRef.current) {
       activationWaiters.delete(activationWaiterRef.current);
@@ -13758,9 +13832,9 @@ function FilePlayer({
   }, [hoverControlled, playWhenHovered, startHoverPlayback, stopHoverPlayback]);
   const handleHoverEnter = playOnHover && !hoverControlled ? startHoverPlayback : void 0;
   const handleHoverLeave = playOnHover && !hoverControlled ? stopHoverPlayback : void 0;
-  const mutedIntentRef = useRef19(mutedIntent);
+  const mutedIntentRef = useRef20(mutedIntent);
   mutedIntentRef.current = mutedIntent;
-  const onMutedFallbackChangeRef = useRef19(onMutedFallbackChange);
+  const onMutedFallbackChangeRef = useRef20(onMutedFallbackChange);
   onMutedFallbackChangeRef.current = onMutedFallbackChange;
   useEffect24(() => {
     onMutedFallbackChangeRef.current?.({
@@ -13768,7 +13842,7 @@ function FilePlayer({
       blocked: hoverMutedFallback && mutedFallbackBlocked
     });
   }, [hoverMutedFallback, mutedFallbackBlocked]);
-  const autoPlayKickedRef = useRef19(false);
+  const autoPlayKickedRef = useRef20(false);
   useEffect24(() => {
     if (autoPlayKickedRef.current) return;
     if (startMuted) {
@@ -13851,7 +13925,7 @@ function FilePlayer({
       }
     };
   }, []);
-  const onEndedRef = useRef19(onEnded);
+  const onEndedRef = useRef20(onEnded);
   onEndedRef.current = onEnded;
   useEffect24(() => {
     const el = hoverPlayerRef.current;
@@ -14006,7 +14080,7 @@ function YouTubeFacadeInner({
   suspended
 }) {
   const [activated, setActivated] = useState29(Boolean(autoActivate));
-  const iframeRef = useRef19(null);
+  const iframeRef = useRef20(null);
   const embedUrl = useMemo19(() => {
     const params = new URLSearchParams({
       autoplay: "1",
@@ -14079,7 +14153,7 @@ function YouTubeFacadeInner({
       if (blurTimer !== null) clearTimeout(blurTimer);
     };
   }, [activated]);
-  const prevSuspendedRef = useRef19(false);
+  const prevSuspendedRef = useRef20(false);
   useEffect24(() => {
     const wasSuspended = prevSuspendedRef.current;
     prevSuspendedRef.current = Boolean(suspended);
@@ -14142,7 +14216,7 @@ import { useMemo as useMemo21, useState as useState32 } from "react";
 
 // src/components/features/video-hover-preview.tsx
 init_cn();
-import { useEffect as useEffect25, useRef as useRef20, useState as useState30 } from "react";
+import { useEffect as useEffect25, useRef as useRef21, useState as useState30 } from "react";
 import { Fragment as Fragment21, jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
 function VideoHoverPreviewSurface({
   url,
@@ -14167,7 +14241,7 @@ function VideoHoverPreviewSurface({
 }) {
   const previewUrl = toMuxPreviewUrl(url);
   const gateControlled = playerMounted !== void 0;
-  const rootElRef = useRef20(null);
+  const rootElRef = useRef21(null);
   const [isNear, setIsNear] = useState30(false);
   useEffect25(() => {
     if (gateControlled) return;
@@ -14364,7 +14438,7 @@ function sortBitesByCreatedAtDesc(a, b) {
 
 // src/components/features/cards-strip.tsx
 init_cn();
-import React41, { useCallback as useCallback14, useEffect as useEffect26, useMemo as useMemo20, useRef as useRef21, useState as useState31 } from "react";
+import React41, { useCallback as useCallback14, useEffect as useEffect26, useMemo as useMemo20, useRef as useRef22, useState as useState31 } from "react";
 init_button2();
 
 // src/components/layout/page-heading.tsx
@@ -14466,9 +14540,9 @@ function CardsStrip(props) {
     }
     return React41.isValidElement(item) && item.key != null ? String(item.key) : String(index);
   };
-  const wrapperRef = useRef21(null);
-  const scrollerRef = useRef21(null);
-  const trackRef = useRef21(null);
+  const wrapperRef = useRef22(null);
+  const scrollerRef = useRef22(null);
+  const trackRef = useRef22(null);
   const [reducedMotion, setReducedMotion] = useState31(false);
   const [isTouch, setIsTouch] = useState31(false);
   const [isMobile, setIsMobile] = useState31(false);
@@ -14488,7 +14562,7 @@ function CardsStrip(props) {
   }, []);
   const [overflows, setOverflows] = useState31(false);
   const [marqueeEligible, setMarqueeEligible] = useState31(false);
-  const singleCopyWidthRef = useRef21(0);
+  const singleCopyWidthRef = useRef22(0);
   const marqueeActive = autoScroll && !reducedMotion && marqueeEligible && items.length > 0;
   const measure = useCallback14(() => {
     const scroller = scrollerRef.current;
@@ -14510,8 +14584,8 @@ function CardsStrip(props) {
     ro.observe(track);
     return () => ro.disconnect();
   }, [measure, items.length, marqueeActive, isMobile]);
-  const chevronSuppressUntilRef = useRef21(0);
-  const userScrollSuppressUntilRef = useRef21(0);
+  const chevronSuppressUntilRef = useRef22(0);
+  const userScrollSuppressUntilRef = useRef22(0);
   const [nearViewport, setNearViewport] = useState31(true);
   useEffect26(() => {
     const el = wrapperRef.current;
@@ -14524,7 +14598,7 @@ function CardsStrip(props) {
     return () => io.disconnect();
   }, []);
   const [activeKey, setActiveKey] = useState31(null);
-  const activeKeyRef = useRef21(null);
+  const activeKeyRef = useRef22(null);
   const activate = useCallback14((key) => {
     activeKeyRef.current = key;
     setActiveKey(key);
@@ -14533,8 +14607,8 @@ function CardsStrip(props) {
     if (activeKeyRef.current === key) activeKeyRef.current = null;
     setActiveKey((current) => current === key ? null : current);
   }, []);
-  const hoverPointerRef = useRef21({ x: 0, y: 0, inside: false });
-  const lastHoverSyncScrollRef = useRef21(-1);
+  const hoverPointerRef = useRef22({ x: 0, y: 0, inside: false });
+  const lastHoverSyncScrollRef = useRef22(-1);
   const syncHoverToPointer = useCallback14(() => {
     const p = hoverPointerRef.current;
     if (!p.inside) return;
@@ -14596,9 +14670,9 @@ function CardsStrip(props) {
     onAfterFrame: syncHoverIfScrolled
   });
   const [mountedIdx, setMountedIdx] = useState31(() => /* @__PURE__ */ new Set());
-  const cardObserverRef = useRef21(null);
-  const cardElIdxRef = useRef21(/* @__PURE__ */ new Map());
-  const cardElNearRef = useRef21(/* @__PURE__ */ new Map());
+  const cardObserverRef = useRef22(null);
+  const cardElIdxRef = useRef22(/* @__PURE__ */ new Map());
+  const cardElNearRef = useRef22(/* @__PURE__ */ new Map());
   useEffect26(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver((entries) => {
@@ -14627,7 +14701,7 @@ function CardsStrip(props) {
       cardObserverRef.current = null;
     };
   }, []);
-  const cardRefFnsRef = useRef21(/* @__PURE__ */ new Map());
+  const cardRefFnsRef = useRef22(/* @__PURE__ */ new Map());
   const getCardRef = useCallback14((idx) => {
     let fn = cardRefFnsRef.current.get(idx);
     if (!fn) {
@@ -14667,7 +14741,7 @@ function CardsStrip(props) {
   const onPointerDownIntent = useCallback14((e) => {
     if (e.pointerType === "touch") onUserScrollIntent();
   }, [onUserScrollIntent]);
-  const marqueeActiveRef = useRef21(false);
+  const marqueeActiveRef = useRef22(false);
   marqueeActiveRef.current = marqueeActive;
   const onSeamWarp = useCallback14(() => {
     const scroller = scrollerRef.current;
@@ -17026,7 +17100,7 @@ import {
   useEffect as useEffect27,
   useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo23,
-  useRef as useRef23,
+  useRef as useRef24,
   useState as useState34
 } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -17201,8 +17275,8 @@ function AutocompleteInner(props, ref) {
   };
   const [isOpen, setIsOpen] = useState34(false);
   const [highlightedIndex, setHighlightedIndex] = useState34(-1);
-  const containerRef = useRef23(null);
-  const hiddenTagsPopupRef = useRef23(null);
+  const containerRef = useRef24(null);
+  const hiddenTagsPopupRef = useRef24(null);
   const isInvalid = invalid || !!error;
   useImperativeHandle4(ref, () => containerRef.current);
   const selectedOptions = useMemo23(() => {
@@ -17220,7 +17294,7 @@ function AutocompleteInner(props, ref) {
   const hiddenTags = multiple ? selectedOptions.slice(visibleCount) : [];
   const hiddenTagsCount = multiple ? selectedOptions.length - visibleCount : 0;
   const [showHiddenTags, setShowHiddenTags] = useState34(false);
-  const hiddenTagsRef = useRef23(null);
+  const hiddenTagsRef = useRef24(null);
   useEffect27(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
@@ -18908,7 +18982,7 @@ function DateFilterMenu({
 
 // src/components/ui/duration-input.tsx
 init_cn();
-import { Fragment as Fragment31, useEffect as useEffect29, useRef as useRef24, useState as useState36 } from "react";
+import { Fragment as Fragment31, useEffect as useEffect29, useRef as useRef25, useState as useState36 } from "react";
 import { jsx as jsx113, jsxs as jsxs88 } from "react/jsx-runtime";
 var SEGMENT_META = [
   { label: "Hours", placeholder: "HH", max: 99 },
@@ -18923,7 +18997,7 @@ var split = (value) => {
 };
 function DurationInput({ value, onChange, invalid, className }) {
   const [segments, setSegments] = useState36(() => split(value));
-  const refs = [useRef24(null), useRef24(null), useRef24(null)];
+  const refs = [useRef25(null), useRef25(null), useRef25(null)];
   useEffect29(() => {
     setSegments((prev) => compose(prev) === value ? prev : split(value));
   }, [value]);
@@ -19041,7 +19115,7 @@ init_cn();
 import React51 from "react";
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect30, useRef as useRef25, useState as useState37 } from "react";
+import { useEffect as useEffect30, useRef as useRef26, useState as useState37 } from "react";
 import { jsx as jsx115 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -19057,7 +19131,7 @@ var ProgressBar = ({
   const isMdUp = useMdUp() ?? true;
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
-  const containerRef = useRef25(null);
+  const containerRef = useRef26(null);
   const [segmentCount, setSegmentCount] = useState37(0);
   useEffect30(() => {
     if (!containerRef.current) return;
@@ -22205,7 +22279,7 @@ function TabContent({
 // src/components/ui/tab-navigation.tsx
 init_next_navigation();
 init_cn();
-import { useState as useState46, useEffect as useEffect37, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo28, useRef as useRef28, useCallback as useCallback19, memo as memo4, startTransition } from "react";
+import { useState as useState46, useEffect as useEffect37, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo28, useRef as useRef29, useCallback as useCallback19, memo as memo4, startTransition } from "react";
 import { Fragment as Fragment34, jsx as jsx147, jsxs as jsxs115 } from "react/jsx-runtime";
 var HIDDEN_INDICATOR = { left: 0, width: 0 };
 var StatusDot = ({ indicator, className }) => /* @__PURE__ */ jsx147("div", { className: cn(
@@ -22225,13 +22299,13 @@ var TabBar = memo4(function TabBar2({
   showRightGradient,
   stretchTabs
 }) {
-  const scrollRef = useRef28(null);
-  const activeTabRef = useRef28(null);
-  const isFirstActiveScrollRef = useRef28(true);
+  const scrollRef = useRef29(null);
+  const activeTabRef = useRef29(null);
+  const isFirstActiveScrollRef = useRef29(true);
   const [canScrollLeft, setCanScrollLeft] = useState46(false);
   const [canScrollRight, setCanScrollRight] = useState46(false);
   const [indicator, setIndicator] = useState46(HIDDEN_INDICATOR);
-  const hasPlacedIndicatorRef = useRef28(false);
+  const hasPlacedIndicatorRef = useRef29(false);
   const measureIndicator = useCallback19(() => {
     const active = activeTabRef.current;
     const next = active ? { left: active.offsetLeft, width: active.offsetWidth } : HIDDEN_INDICATOR;
@@ -22415,8 +22489,8 @@ function TabNavigation({
   };
   const [internalActiveTab, setInternalActiveTab] = useState46(getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
-  const lastSyncedUrlTabRef = useRef28(urlTab);
-  const inFlightUrlTabsRef = useRef28([]);
+  const lastSyncedUrlTabRef = useRef29(urlTab);
+  const inFlightUrlTabsRef = useRef29([]);
   useEffect37(() => {
     if (!isUrlSyncEnabled) return;
     const landed = inFlightUrlTabsRef.current.indexOf(urlTab);
@@ -22435,7 +22509,7 @@ function TabNavigation({
     lastSyncedUrlTabRef.current = urlTab;
     setInternalActiveTab(validTabIds.has(urlTab) ? urlTab : fallbackTab);
   }, [isUrlSyncEnabled, urlTab, validTabIds, fallbackTab]);
-  const navRef = useRef28({ isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState });
+  const navRef = useRef29({ isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState });
   useEffect37(() => {
     navRef.current = { isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState };
   });
@@ -22541,7 +22615,7 @@ function AIGeneratedBadge({ className }) {
 }
 
 // src/components/ui/fade-preview.tsx
-import { useState as useState47, useRef as useRef29, useEffect as useEffect38 } from "react";
+import { useState as useState47, useRef as useRef30, useEffect as useEffect38 } from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { Fragment as Fragment35, jsx as jsx150, jsxs as jsxs117 } from "react/jsx-runtime";
 function FadePreview({
@@ -22551,7 +22625,7 @@ function FadePreview({
   children
 }) {
   const [expanded, setExpanded] = useState47(false);
-  const contentRef = useRef29(null);
+  const contentRef = useRef30(null);
   useEffect38(() => {
     setExpanded(false);
   }, [resetKey]);
@@ -22656,7 +22730,7 @@ function useRichMarkdownRuntime() {
 }
 
 // src/components/embeds/reddit-embed-client.tsx
-import { useState as useState49, useEffect as useEffect40, useRef as useRef31 } from "react";
+import { useState as useState49, useEffect as useEffect40, useRef as useRef32 } from "react";
 
 // src/utils/social-embed-cache.ts
 var cachingRequests = /* @__PURE__ */ new Map();
@@ -22938,7 +23012,7 @@ var socialCache = SocialEmbedCache.getInstance();
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState48, useRef as useRef30, useEffect as useEffect39, memo as memo5, useCallback as useCallback20 } from "react";
+import { useState as useState48, useRef as useRef31, useEffect as useEffect39, memo as memo5, useCallback as useCallback20 } from "react";
 init_button2();
 import { Fragment as Fragment36, jsx as jsx153, jsxs as jsxs118 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx153("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx153("polyline", { points: "15,18 9,12 15,6" }) });
@@ -22958,7 +23032,7 @@ var MediaCarousel = memo5(function MediaCarousel2({
   const [touchEnd, setTouchEnd] = useState48(null);
   const [brokenResourceUrls, setBrokenResourceUrls] = useState48({});
   const [loadedImageSrc, setLoadedImageSrc] = useState48(null);
-  const carouselRef = useRef30(null);
+  const carouselRef = useRef31(null);
   const onImageError = useCallback20((originalUrl) => {
     const key = originalUrl.trim() || "__missing_src__";
     setBrokenResourceUrls((b) => b[key] ? b : { ...b, [key]: true });
@@ -23251,7 +23325,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
   const [redditData, setRedditData] = useState49(null);
   const [loading, setLoading] = useState49(true);
   const [error, setError] = useState49(null);
-  const initializationDone = useRef31(false);
+  const initializationDone = useRef32(false);
   useEffect40(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
@@ -23558,7 +23632,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
 }
 
 // src/components/embeds/twitter-embed-client.tsx
-import { useState as useState50, useEffect as useEffect41, useRef as useRef32 } from "react";
+import { useState as useState50, useEffect as useEffect41, useRef as useRef33 } from "react";
 import { jsx as jsx156, jsxs as jsxs120 } from "react/jsx-runtime";
 var MessageCircleIcon2 = () => /* @__PURE__ */ jsx156("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx156("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) });
 var ExternalLinkIcon3 = () => /* @__PURE__ */ jsxs120("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
@@ -23587,7 +23661,7 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
   const [tweetData, setTweetData] = useState50(null);
   const [loading, setLoading] = useState50(true);
   const [error, setError] = useState50(null);
-  const initializationDone = useRef32(false);
+  const initializationDone = useRef33(false);
   const extractedTweetId = tweetId || url.match(/status\/(\d+)/)?.[1];
   const tweetUrl = url.includes("twitter.com") || url.includes("x.com") ? url : `https://twitter.com/twitter/status/${extractedTweetId}`;
   useEffect41(() => {
@@ -24216,7 +24290,7 @@ function toFigmaOriginalUrl(url) {
 init_cn();
 
 // src/components/embeds/embed-iframe.tsx
-import { useState as useState53, useCallback as useCallback21, useRef as useRef33, useEffect as useEffect43 } from "react";
+import { useState as useState53, useCallback as useCallback21, useRef as useRef34, useEffect as useEffect43 } from "react";
 import { Fragment as Fragment37, jsx as jsx159, jsxs as jsxs123 } from "react/jsx-runtime";
 function EmbedLoadingSkeleton({ height }) {
   return /* @__PURE__ */ jsx159(
@@ -24238,7 +24312,7 @@ function EmbedIframe({
   allowFullScreen
 }) {
   const [isLoaded, setIsLoaded] = useState53(false);
-  const iframeRef = useRef33(null);
+  const iframeRef = useRef34(null);
   const handleLoad = useCallback21(() => setIsLoaded(true), []);
   useEffect43(() => {
     setIsLoaded(false);
@@ -25073,7 +25147,7 @@ function StatusIndicator({ status, label, href }) {
 }
 
 // src/components/ui/hover-dropdown.tsx
-import { useState as useState57, useRef as useRef34, useCallback as useCallback23 } from "react";
+import { useState as useState57, useRef as useRef35, useCallback as useCallback23 } from "react";
 import { Fragment as Fragment39, jsx as jsx169, jsxs as jsxs131 } from "react/jsx-runtime";
 function DefaultAnchor({
   href,
@@ -25091,8 +25165,8 @@ function HoverDropdown({
   renderAnchor
 }) {
   const [open, setOpen] = useState57(false);
-  const timeoutRef = useRef34(void 0);
-  const containerRef = useRef34(null);
+  const timeoutRef = useRef35(void 0);
+  const containerRef = useRef35(null);
   const show = useCallback23(() => {
     clearTimeout(timeoutRef.current);
     setOpen(true);
@@ -30068,7 +30142,8 @@ var PROVIDER_META = {
     )
   },
   google: { name: "Google", Icon: GoogleLogoIcon },
-  microsoft: { name: "Microsoft", Icon: MicrosoftLogoIcon }
+  microsoft: { name: "Microsoft", Icon: MicrosoftLogoIcon },
+  apple: { name: "Apple", Icon: AppleLogoIcon }
 };
 function SsoProviderButtons({
   providers,
@@ -31370,7 +31445,7 @@ var ErrorBoundary = class extends Component3 {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState66, useRef as useRef35, useEffect as useEffect51, useCallback as useCallback25, useMemo as useMemo33 } from "react";
+import { useState as useState66, useRef as useRef36, useEffect as useEffect51, useCallback as useCallback25, useMemo as useMemo33 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -31739,10 +31814,10 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef35(null);
-  const containerRef = useRef35(null);
-  const navTimerRef = useRef35(null);
-  const touchTimerRef = useRef35(null);
+  const iframeRef = useRef36(null);
+  const containerRef = useRef36(null);
+  const navTimerRef = useRef36(null);
+  const touchTimerRef = useRef36(null);
   const [screenWidth, setScreenWidth] = useState66(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
@@ -32033,7 +32108,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect52, useRef as useRef36, useState as useState67 } from "react";
+import { useEffect as useEffect52, useRef as useRef37, useState as useState67 } from "react";
 import { jsx as jsx230, jsxs as jsxs179 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx230(
@@ -32070,9 +32145,9 @@ var FiltersDropdown = ({
   const [isVisible, setIsVisible] = useState67(false);
   const [isMobile, setIsMobile] = useState67(false);
   const [actualPlacement, setActualPlacement] = useState67(placement);
-  const dropdownRef = useRef36(null);
-  const triggerRef = useRef36(null);
-  const containerRef = useRef36(null);
+  const dropdownRef = useRef37(null);
+  const triggerRef = useRef37(null);
+  const containerRef = useRef37(null);
   useEffect52(() => {
     if (isOpen) {
       setShouldRender(true);
@@ -32474,7 +32549,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState69, useRef as useRef37, useCallback as useCallback26 } from "react";
+import { useState as useState69, useRef as useRef38, useCallback as useCallback26 } from "react";
 import {
   Upload,
   Image as ImageIcon2,
@@ -32494,7 +32569,7 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef37(null);
+  const fileInputRef = useRef38(null);
   const [deletingIndex, setDeletingIndex] = useState69(null);
   const [draggedIndex, setDraggedIndex] = useState69(null);
   const handleFileSelect = useCallback26(async (event) => {
@@ -32702,7 +32777,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect54, useState as useState70, useRef as useRef38 } from "react";
+import { useEffect as useEffect54, useState as useState70, useRef as useRef39 } from "react";
 import { motion, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx237, jsxs as jsxs183 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -32721,7 +32796,7 @@ var ParallaxImageShowcase = ({
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
   const [componentRect, setComponentRect] = useState70(null);
-  const componentRef = useRef38(null);
+  const componentRef = useRef39(null);
   useEffect54(() => {
     const updateRect = () => {
       if (componentRef.current) {
@@ -33261,7 +33336,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState71, useRef as useRef39 } from "react";
+import { useState as useState71, useRef as useRef40 } from "react";
 import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload2, Loader2 as Loader24, GripVertical as GripVertical2 } from "lucide-react";
 import { jsx as jsx241, jsxs as jsxs187 } from "react/jsx-runtime";
 function ReleaseMediaManager({
@@ -33270,7 +33345,7 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef39(null);
+  const fileInputRef = useRef40(null);
   const [uploadingIndex, setUploadingIndex] = useState71(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
@@ -34278,7 +34353,7 @@ function VideoBitesDisplay({
 // src/components/features/floating-walkthrough-video.tsx
 init_cn();
 init_button2();
-import { useCallback as useCallback27, useEffect as useEffect55, useMemo as useMemo34, useRef as useRef40, useState as useState74 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect55, useMemo as useMemo34, useRef as useRef41, useState as useState74 } from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { Fragment as Fragment48, jsx as jsx250, jsxs as jsxs194 } from "react/jsx-runtime";
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
@@ -34347,13 +34422,13 @@ function FloatingWalkthroughVideo({
   const [pausedOpenSession, setPausedOpenSession] = useState74(
     Boolean(defaultOpen && defaultOpenPaused) || deepLinkHit
   );
-  const previewHandleRef = useRef40(null);
-  const theaterHandleRef = useRef40(null);
-  const theaterForcedMuteRef = useRef40(false);
-  const resumeHandleRef = useRef40(null);
-  const closeButtonRef = useRef40(null);
-  const userMutedRef = useRef40(false);
-  const endedLatchRef = useRef40(false);
+  const previewHandleRef = useRef41(null);
+  const theaterHandleRef = useRef41(null);
+  const theaterForcedMuteRef = useRef41(false);
+  const resumeHandleRef = useRef41(null);
+  const closeButtonRef = useRef41(null);
+  const userMutedRef = useRef41(false);
+  const endedLatchRef = useRef41(false);
   const [hovered, setHovered] = useState74(false);
   const [handoff, setHandoff] = useState74(null);
   const [suspended, setSuspended] = useState74(false);
@@ -34404,10 +34479,10 @@ function FloatingWalkthroughVideo({
     setCardPaused(true);
     setHovered(false);
   }, [footerHidden, resumeMode, hovered]);
-  const cardModeRef = useRef40("poster");
-  const selfDrivenForRef = useRef40(null);
-  const justClosedRef = useRef40(false);
-  const justClosedTimerRef = useRef40(null);
+  const cardModeRef = useRef41("poster");
+  const selfDrivenForRef = useRef41(null);
+  const justClosedRef = useRef41(false);
+  const justClosedTimerRef = useRef41(null);
   const commitOpen = useCallback27((next) => {
     if (!next) {
       justClosedRef.current = true;
@@ -36619,7 +36694,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback29, useEffect as useEffect57, useMemo as useMemo35, useRef as useRef41, useState as useState78 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect57, useMemo as useMemo35, useRef as useRef42, useState as useState78 } from "react";
 import { jsx as jsx270, jsxs as jsxs210 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -36637,7 +36712,7 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState78(false);
-  const debounceRef = useRef41(null);
+  const debounceRef = useRef42(null);
   const digitCount = useCallback29((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback29((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -37143,7 +37218,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect62, useRef as useRef44 } from "react";
+import { useEffect as useEffect62, useRef as useRef45 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext10, useContext as useContext10 } from "react";
@@ -37911,9 +37986,9 @@ function DrawerScrollList({
   loadMoreRootMargin,
   renderTile
 }) {
-  const scrollRef = useRef44(null);
-  const sentinelRef = useRef44(null);
-  const loadMoreRef = useRef44(loadMore);
+  const scrollRef = useRef45(null);
+  const sentinelRef = useRef45(null);
+  const loadMoreRef = useRef45(loadMore);
   loadMoreRef.current = loadMore;
   useEffect62(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
@@ -38782,7 +38857,7 @@ function LastEntryRow({ entry, onClick }) {
 // src/components/features/time-tracker/time-tracker-header-button.tsx
 init_cn();
 import * as PopoverPrimitive5 from "@radix-ui/react-popover";
-import { useEffect as useEffect65, useRef as useRef45 } from "react";
+import { useEffect as useEffect65, useRef as useRef46 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -38865,11 +38940,11 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
   const isOpen = ctx?.isOpen ?? false;
-  const isOpenRef = useRef45(isOpen);
+  const isOpenRef = useRef46(isOpen);
   isOpenRef.current = isOpen;
-  const closeRef = useRef45(ctx?.close);
+  const closeRef = useRef46(ctx?.close);
   closeRef.current = ctx?.close;
-  const selfHandleRef = useRef45(null);
+  const selfHandleRef = useRef46(null);
   if (!selfHandleRef.current) {
     selfHandleRef.current = {
       close: () => {
@@ -39903,7 +39978,7 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React115, { useEffect as useEffect69, useRef as useRef49, useState as useState91 } from "react";
+import React115, { useEffect as useEffect69, useRef as useRef50, useState as useState91 } from "react";
 init_button2();
 
 // src/components/navigation/mingo-ai-button.tsx
@@ -39957,14 +40032,14 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef48 } from "react";
+import { useRef as useRef49 } from "react";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment57, jsx as jsx291, jsxs as jsxs226 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef48(null);
+  const panelRef = useRef49(null);
   usePreventScroll3({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = useHeaderHeight(64, { enabled: isOpen });
@@ -40510,8 +40585,8 @@ function Header2({ config, platform }) {
   const [show, setShow] = useState91(true);
   const [lastScrollY, setLastScrollY] = useState91(0);
   const [openDropdowns, setOpenDropdowns] = useState91({});
-  const dropdownRefs = useRef49({});
-  const triggerRefs = useRef49({});
+  const dropdownRefs = useRef50({});
+  const triggerRefs = useRef50({});
   useEffect69(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -40852,7 +40927,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState93, useEffect as useEffect71, useRef as useRef50 } from "react";
+import { useState as useState93, useEffect as useEffect71, useRef as useRef51 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 init_button2();
@@ -40861,7 +40936,7 @@ function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState93(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState93(false);
   const headerHeight = useHeaderHeight();
-  const asideRef = useRef50(null);
+  const asideRef = useRef51(null);
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll4({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
@@ -41033,7 +41108,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect72, useState as useState94, useCallback as useCallback36, useRef as useRef51 } from "react";
+import { useEffect as useEffect72, useState as useState94, useCallback as useCallback36, useRef as useRef52 } from "react";
 import { jsx as jsx299, jsxs as jsxs232 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -41095,7 +41170,7 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState94(sections[0]?.id || "");
-  const isScrollingFromClick = useRef51(false);
+  const isScrollingFromClick = useRef52(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback36((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -41930,10 +42005,10 @@ function AppHeaderSkeleton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { useCallback as useCallback39, useMemo as useMemo43, useRef as useRef53, useState as useState96 } from "react";
+import { useCallback as useCallback39, useMemo as useMemo43, useRef as useRef54, useState as useState96 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React120, { useCallback as useCallback38, useRef as useRef52 } from "react";
+import React120, { useCallback as useCallback38, useRef as useRef53 } from "react";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { Fragment as Fragment64, jsx as jsx308, jsxs as jsxs241 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 56;
@@ -41947,7 +42022,7 @@ var MobileBurgerMenu = React120.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  const panelRef = useRef52(null);
+  const panelRef = useRef53(null);
   usePreventScroll5({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = useCallback38((item) => {
@@ -42123,9 +42198,9 @@ function AppLayout({
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState96(false);
   const [drawerContainer, setDrawerContainer] = useState96(null);
-  const mobileMenuOpenRef = useRef53(mobileMenuOpen);
+  const mobileMenuOpenRef = useRef54(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef53(/* @__PURE__ */ new Set());
+  const drawerHandlesRef = useRef54(/* @__PURE__ */ new Set());
   const handleToggleMobileMenu = useCallback39(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
@@ -42752,7 +42827,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React122, { useRef as useRef54, useCallback as useCallback40 } from "react";
+import React122, { useRef as useRef55, useCallback as useCallback40 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React121 from "react";
@@ -42876,10 +42951,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef54(false);
-  const autoMarkingInProgressRef = useRef54(false);
-  const lastCompletionStatusRef = useRef54(null);
-  const actionInProgressRef = useRef54(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef55(false);
+  const autoMarkingInProgressRef = useRef55(false);
+  const lastCompletionStatusRef = useRef55(null);
+  const actionInProgressRef = useRef55(/* @__PURE__ */ new Set());
   React122.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -43531,7 +43606,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx326(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect75, useRef as useRef56 } from "react";
+import { useEffect as useEffect75, useRef as useRef57 } from "react";
 init_pagination();
 init_button2();
 
@@ -44291,8 +44366,8 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef56(null);
-  const onLoadMoreRef = useRef56(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef57(null);
+  const onLoadMoreRef = useRef57(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
   useEffect75(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
@@ -44512,7 +44587,7 @@ import { useMemo as useMemo45 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef57, useState as useState99, useCallback as useCallback41 } from "react";
+import { useRef as useRef58, useState as useState99, useCallback as useCallback41 } from "react";
 import { jsx as jsx338, jsxs as jsxs266 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -44541,7 +44616,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef57(null);
+  const textRef = useRef58(null);
   const [isTruncated, setIsTruncated] = useState99(false);
   const checkTruncation = useCallback41(() => {
     const el = textRef.current;
@@ -44571,7 +44646,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef58, useState as useState100, useCallback as useCallback42 } from "react";
+import { useRef as useRef59, useState as useState100, useCallback as useCallback42 } from "react";
 import { jsx as jsx339, jsxs as jsxs267 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -44617,7 +44692,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef58(null);
+  const textRef = useRef59(null);
   const [isTruncated, setIsTruncated] = useState100(false);
   const checkTruncation = useCallback42(() => {
     const el = textRef.current;
@@ -45223,7 +45298,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo8, useCallback as useCallback44, useRef as useRef59 } from "react";
+import { memo as memo8, useCallback as useCallback44, useRef as useRef60 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -45317,7 +45392,7 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef59(null);
+  const containerRef = useRef60(null);
   const handleClick = useCallback44(
     (e) => {
       const target = e.target;
@@ -45488,7 +45563,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect76, useRef as useRef60 } from "react";
+import { useEffect as useEffect76, useRef as useRef61 } from "react";
 import { Fragment as Fragment72, jsx as jsx349, jsxs as jsxs275 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -45497,8 +45572,8 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef60(null);
-  const onLoadMoreRef = useRef60(onLoadMore);
+  const sentinelRef = useRef61(null);
+  const onLoadMoreRef = useRef61(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
   useEffect76(() => {
     if (!hasNextPage || isFetchingNextPage) return;
@@ -46136,7 +46211,7 @@ function FilterList({
 // src/components/ui/tag-search-input.tsx
 import {
   useEffect as useEffect78,
-  useRef as useRef62,
+  useRef as useRef63,
   useState as useState102
 } from "react";
 init_cn();
@@ -46171,9 +46246,9 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef62(null);
-  const hiddenTagsRef = useRef62(null);
-  const hiddenTagsPopupRef = useRef62(null);
+  const wrapperRef = useRef63(null);
+  const hiddenTagsRef = useRef63(null);
+  const hiddenTagsPopupRef = useRef63(null);
   const [showHiddenTags, setShowHiddenTags] = useState102(false);
   useEffect78(() => {
     if (!showHiddenTags) return;
@@ -46337,7 +46412,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef63, useCallback as useCallback45, useState as useState103, useEffect as useEffect79 } from "react";
+import { useRef as useRef64, useCallback as useCallback45, useState as useState103, useEffect as useEffect79 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx354, jsxs as jsxs280 } from "react/jsx-runtime";
@@ -46392,7 +46467,7 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef63(null);
+  const fileInputRef = useRef64(null);
   const [isUploading, setIsUploading] = useState103(false);
   const [uploadProgress, setUploadProgress] = useState103("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState103([]);
@@ -46485,11 +46560,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef63(null);
-  const isDraggingRef = useRef63(false);
-  const mouseYRef = useRef63(0);
-  const rafRef = useRef63(0);
-  const scrollParentRef = useRef63(window);
+  const wrapperRef = useRef64(null);
+  const isDraggingRef = useRef64(false);
+  const mouseYRef = useRef64(0);
+  const rafRef = useRef64(0);
+  const scrollParentRef = useRef64(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback45((el) => {
@@ -52376,7 +52451,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback48, useRef as useRef67 } from "react";
+import { useCallback as useCallback48, useRef as useRef68 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -52398,22 +52473,22 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef67(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef67(null);
-  const lastSequenceIdByType = useRef67(/* @__PURE__ */ new Map());
-  const fetchingInProgress = useRef67(false);
-  const lastFetchParams = useRef67(null);
-  const pendingCatchupRef = useRef67(null);
-  const chunkBuffer = useRef67([]);
-  const bufferUntilInitialCatchupComplete = useRef67(false);
-  const hasCompletedInitialCatchup = useRef67(false);
-  const dialogIdRef = useRef67(dialogId);
+  const processedSequenceKeys = useRef68(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef68(null);
+  const lastSequenceIdByType = useRef68(/* @__PURE__ */ new Map());
+  const fetchingInProgress = useRef68(false);
+  const lastFetchParams = useRef68(null);
+  const pendingCatchupRef = useRef68(null);
+  const chunkBuffer = useRef68([]);
+  const bufferUntilInitialCatchupComplete = useRef68(false);
+  const hasCompletedInitialCatchup = useRef68(false);
+  const dialogIdRef = useRef68(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef67(chatTypes);
+  const chatTypesRef = useRef68(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef67(fetchChunks);
+  const fetchChunksRef = useRef68(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef67(onChunkReceived);
+  const onChunkReceivedRef = useRef68(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback48((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -52611,7 +52686,7 @@ function useChunkCatchup({
       }
     }
   }, [flushBufferedRealtimeChunks]);
-  const catchUpChunksRef = useRef67(null);
+  const catchUpChunksRef = useRef68(null);
   catchUpChunksRef.current = catchUpChunks;
   const resetChunkTracking = useCallback48(() => {
     processedSequenceKeys.current.clear();
@@ -52690,7 +52765,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect85, useRef as useRef68, useState as useState115 } from "react";
+import { useEffect as useEffect85, useRef as useRef69, useState as useState115 } from "react";
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 var RESYNC_AFTER_HIDDEN_MS = 1e4;
 var RECOVERY_REPORT_FLOOR_MS = 5e3;
@@ -52715,52 +52790,52 @@ function useJetStreamDialogSubscription({
   const [reconnectionCount, setReconnectionCount] = useState115(0);
   const [recoveryCount, setRecoveryCount] = useState115(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState115(null);
-  const lastRecoveryReportRef = useRef68(0);
-  const clientRef = useRef68(null);
-  const subscriptionRef = useRef68(null);
-  const highestStreamSeqRef = useRef68(null);
-  const onEventRef = useRef68(onEvent);
+  const lastRecoveryReportRef = useRef69(0);
+  const clientRef = useRef69(null);
+  const subscriptionRef = useRef69(null);
+  const highestStreamSeqRef = useRef69(null);
+  const onEventRef = useRef69(onEvent);
   useEffect85(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef68(onConnect);
+  const onConnectRef = useRef69(onConnect);
   useEffect85(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef68(onDisconnect);
+  const onDisconnectRef = useRef69(onDisconnect);
   useEffect85(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef68(onSubscribed);
+  const onSubscribedRef = useRef69(onSubscribed);
   useEffect85(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef68(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef69(onBeforeReconnect);
   useEffect85(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef68(getNatsWsUrl);
+  const getNatsWsUrlRef = useRef69(getNatsWsUrl);
   useEffect85(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef68(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef69(reconnectionBackoff);
   useEffect85(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef68(optStartSeq);
+  const optStartSeqRef = useRef69(optStartSeq);
   useEffect85(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef68(inactiveThresholdMs);
+  const inactiveThresholdRef = useRef69(inactiveThresholdMs);
   useEffect85(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef68(false);
-  const clientConfigRef = useRef68(clientConfig);
+  const hadConnectionBeforeRef = useRef69(false);
+  const clientConfigRef = useRef69(clientConfig);
   useEffect85(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef68("");
+  const currentWsUrlRef = useRef69("");
   const wsUrl = getNatsWsUrl();
   useEffect85(() => {
     if (!enabled || !wsUrl) {
@@ -52965,7 +53040,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect86, useRef as useRef69, useState as useState116 } from "react";
+import { useEffect as useEffect86, useRef as useRef70, useState as useState116 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -52982,42 +53057,42 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState116(false);
   const [isSubscribed, setIsSubscribed] = useState116(false);
   const [reconnectionCount, setReconnectionCount] = useState116(0);
-  const clientRef = useRef69(null);
-  const subscriptionRefs = useRef69(/* @__PURE__ */ new Map());
-  const onEventRef = useRef69(onEvent);
+  const clientRef = useRef70(null);
+  const subscriptionRefs = useRef70(/* @__PURE__ */ new Map());
+  const onEventRef = useRef70(onEvent);
   useEffect86(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef69(onConnect);
+  const onConnectRef = useRef70(onConnect);
   useEffect86(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef69(onDisconnect);
+  const onDisconnectRef = useRef70(onDisconnect);
   useEffect86(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef69(onSubscribed);
+  const onSubscribedRef = useRef70(onSubscribed);
   useEffect86(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef69(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef70(onBeforeReconnect);
   useEffect86(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef69(false);
-  const getNatsWsUrlRef = useRef69(getNatsWsUrl);
+  const hadConnectionBeforeRef = useRef70(false);
+  const getNatsWsUrlRef = useRef70(getNatsWsUrl);
   useEffect86(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef69(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef70(reconnectionBackoff);
   useEffect86(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef69(clientConfig);
+  const clientConfigRef = useRef70(clientConfig);
   useEffect86(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef69("");
+  const currentWsUrlRef = useRef70("");
   const wsUrl = getNatsWsUrl();
   useEffect86(() => {
     if (!enabled || !wsUrl) {
@@ -53101,15 +53176,15 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const topicsRef = useRef69(topics);
+  const topicsRef = useRef70(topics);
   topicsRef.current = topics;
-  const lastSubscribedDialogIdRef = useRef69(null);
-  const isConnectedRef = useRef69(isConnected);
+  const lastSubscribedDialogIdRef = useRef70(null);
+  const isConnectedRef = useRef70(isConnected);
   useEffect86(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef69(null);
-  const abortControllerRef = useRef69(null);
+  const currentDialogIdRef = useRef70(null);
+  const abortControllerRef = useRef70(null);
   useEffect86(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
@@ -53366,7 +53441,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback49, useMemo as useMemo50, useRef as useRef70, useState as useState118 } from "react";
+import { useCallback as useCallback49, useMemo as useMemo50, useRef as useRef71, useState as useState118 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -53443,7 +53518,7 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState118([]);
-  const controllersRef = useRef70(/* @__PURE__ */ new Map());
+  const controllersRef = useRef71(/* @__PURE__ */ new Map());
   const updateOne = useCallback49((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -53532,7 +53607,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef70([]);
+  const attachmentsRef = useRef71([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback49(
     (files) => {
@@ -53609,13 +53684,13 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback50, useEffect as useEffect88, useRef as useRef71, useState as useState119 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect88, useRef as useRef72, useState as useState119 } from "react";
 import { jsx as jsx380 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef71(null);
+  const panelRef = useRef72(null);
   const [state, setState] = useState119(CLOSED);
   const handleClose = useCallback50(() => setState(CLOSED), []);
   useEffect88(() => {
@@ -53664,10 +53739,10 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect89, useRef as useRef72 } from "react";
+import { useEffect as useEffect89, useRef as useRef73 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef72(null);
-  const initializedRef = useRef72(false);
+  const prevPathnameRef = useRef73(null);
+  const initializedRef = useRef73(false);
   useEffect89(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
@@ -53682,14 +53757,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState121, useCallback as useCallback52, useEffect as useEffect90, useRef as useRef74 } from "react";
+import { useState as useState121, useCallback as useCallback52, useEffect as useEffect90, useRef as useRef75 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState120, useCallback as useCallback51, useRef as useRef73 } from "react";
+import { useState as useState120, useCallback as useCallback51, useRef as useRef74 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState120(false);
   const [error, setError] = useState120(null);
-  const abortControllerRef = useRef73(null);
+  const abortControllerRef = useRef74(null);
   const fallbackStream = useCallback51(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."
@@ -53757,8 +53832,8 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState121(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState121(false);
-  const currentAssistantSegmentsRef = useRef74([]);
-  const onMessagesChangeRef = useRef74(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef75([]);
+  const onMessagesChangeRef = useRef75(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
   useEffect90(() => {
     onMessagesChangeRef.current?.(messages);
@@ -54053,7 +54128,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useCallback as useCallback54, useMemo as useMemo52, useRef as useRef77 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo52, useRef as useRef78 } from "react";
 
 // src/chat-protocol/frames.ts
 var FRAME_TERMINATOR = "\0";
@@ -54306,7 +54381,7 @@ function pruneStaleChatConversationStorage(source) {
 }
 
 // src/components/chat/hooks/use-chat-history-hydration.ts
-import { useEffect as useEffect91, useRef as useRef75, useState as useState122 } from "react";
+import { useEffect as useEffect91, useRef as useRef76, useState as useState122 } from "react";
 function useChatHistoryHydration({
   active,
   source,
@@ -54318,7 +54393,7 @@ function useChatHistoryHydration({
   bumpMetaTick
 }) {
   const [isHydratingHistory, setIsHydratingHistory] = useState122(false);
-  const hydratedKeyRef = useRef75(null);
+  const hydratedKeyRef = useRef76(null);
   useEffect91(() => {
     if (!active) return;
     const conversationId = conversationIdRef.current;
@@ -56307,7 +56382,7 @@ function createChatDialogStore(options = {}) {
 }
 
 // src/components/chat/stream/use-chat-stream-reducer.ts
-import { useCallback as useCallback53, useEffect as useEffect92, useMemo as useMemo51, useRef as useRef76, useSyncExternalStore } from "react";
+import { useCallback as useCallback53, useEffect as useEffect92, useMemo as useMemo51, useRef as useRef77, useSyncExternalStore } from "react";
 
 // src/components/chat/stream/delta-batcher.ts
 var DELTA_FLUSH_FALLBACK_MS = 50;
@@ -56396,7 +56471,7 @@ function useChatStreamReducer({
   side = DEFAULT_DIALOG_SIDE,
   createReducerOptions
 }) {
-  const optionsRef = useRef76(createReducerOptions);
+  const optionsRef = useRef77(createReducerOptions);
   optionsRef.current = createReducerOptions;
   const reducer2 = store.getReducer(dialogId, side, () => optionsRef.current?.() ?? {});
   const getSnapshot = useCallback53(() => store.getSnapshot(dialogId, side), [store, dialogId, side]);
@@ -56404,13 +56479,13 @@ function useChatStreamReducer({
   const subscribe = useCallback53((listener) => store.subscribe(listener), [store]);
   const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
   useEffect92(() => store.retain(dialogId, side), [store, dialogId, side]);
-  const keyRef = useRef76({ dialogId, side });
+  const keyRef = useRef77({ dialogId, side });
   if (keyRef.current.dialogId !== dialogId || keyRef.current.side !== side) {
     keyRef.current = { dialogId, side };
   }
-  const storeRef = useRef76(store);
+  const storeRef = useRef77(store);
   storeRef.current = store;
-  const batcherRef = useRef76(null);
+  const batcherRef = useRef77(null);
   if (batcherRef.current === null) {
     batcherRef.current = createDeltaBatcher({
       applyOne: (event, key) => {
@@ -56460,7 +56535,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const sendMessageRef = useRef77(async () => true);
+  const sendMessageRef = useRef78(async () => true);
   const cardResolve = useCallback54(
     (action) => (reqId) => {
       if (!reqId) return;
@@ -56480,17 +56555,17 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     }),
     [cardApprove, cardReject]
   );
-  const storeRef = useRef77(null);
+  const storeRef = useRef78(null);
   if (storeRef.current === null) storeRef.current = createChatDialogStore();
   const { state, applyEvent, flushDeltas, mutate, reducer: reducer2 } = useChatStreamReducer({
     store: storeRef.current,
     dialogId: source,
     createReducerOptions
   });
-  const abortControllerRef = useRef77(null);
+  const abortControllerRef = useRef78(null);
   const conversationStorage = useMemo52(() => createChatConversationStorage(source), [source]);
-  const conversationIdRef = useRef77(null);
-  const restoredConversationRef = useRef77(false);
+  const conversationIdRef = useRef78(null);
+  const restoredConversationRef = useRef78(false);
   if (!restoredConversationRef.current) {
     restoredConversationRef.current = true;
     pruneStaleChatConversationStorage(source);
@@ -56521,8 +56596,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     return map;
   }, [slashCommands]);
   const historyUrl = runtime.endpoints.chatHistoryUrl ?? `${runtime.endpoints.chatStreamUrl.replace(/\/+$/, "")}/history`;
-  const hydrationRefsMapRef = useRef77(/* @__PURE__ */ new Map());
-  const hydrationSendCountRef = useRef77(0);
+  const hydrationRefsMapRef = useRef78(/* @__PURE__ */ new Map());
+  const hydrationSendCountRef = useRef78(0);
   const hydrateMessages = useCallback54(
     (history) => {
       mutate((r) => {
@@ -56553,7 +56628,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     // `hydrateMessages` above) already invalidates the snapshot.
     bumpMetaTick: noopBumpMetaTick
   });
-  const endpointsRef = useRef77(runtime.endpoints);
+  const endpointsRef = useRef78(runtime.endpoints);
   endpointsRef.current = runtime.endpoints;
   const captureConversationId = useCallback54(
     (event) => {
@@ -56820,7 +56895,7 @@ var noopBumpMetaTick = () => {
 };
 
 // src/components/chat/hooks/use-nats-chat-adapter.ts
-import { useCallback as useCallback55, useEffect as useEffect93, useMemo as useMemo53, useRef as useRef78, useState as useState123 } from "react";
+import { useCallback as useCallback55, useEffect as useEffect93, useMemo as useMemo53, useRef as useRef79, useState as useState123 } from "react";
 
 // src/chat-protocol/nats-decoder.ts
 function normalizeToolCalls(raw) {
@@ -57612,11 +57687,11 @@ function useNatsChatAdapter(config, options = {}) {
   const isManagedMode = fetchDialogs !== void 0;
   const [internalDialogId, setInternalDialogId] = useState123(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const currentDialogIdRef = useRef78(dialogId);
+  const currentDialogIdRef = useRef79(dialogId);
   currentDialogIdRef.current = dialogId;
-  const handleApproveRef = useRef78(async () => {
+  const handleApproveRef = useRef79(async () => {
   });
-  const handleRejectRef = useRef78(
+  const handleRejectRef = useRef79(
     async () => {
     }
   );
@@ -57628,8 +57703,8 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const storeRef = useRef78(createChatDialogStore());
-  const globalApprovalStatusesRef = useRef78({});
+  const storeRef = useRef79(createChatDialogStore());
+  const globalApprovalStatusesRef = useRef79({});
   const dialogKey = dialogId ?? DRAFT_DIALOG_KEY;
   const { state, applyEvent, mutate } = useChatStreamReducer({
     store: storeRef.current,
@@ -57693,7 +57768,7 @@ function useNatsChatAdapter(config, options = {}) {
   const [messagesNextCursor, setMessagesNextCursor] = useState123(null);
   const [isMessagesLoading, setIsMessagesLoading] = useState123(false);
   const [connectionState, setConnectionState] = useState123("connecting");
-  const hasConnectedOnceRef = useRef78(false);
+  const hasConnectedOnceRef = useRef79(false);
   const {
     processChunk: catchupProcessChunk,
     catchUpChunks,
@@ -57706,7 +57781,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef78(0);
+  const historyLoadSeqRef = useRef79(0);
   const loadDialogHistory = useCallback55(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -57769,7 +57844,7 @@ function useNatsChatAdapter(config, options = {}) {
       isBufferingActive
     ]
   );
-  const prevDialogIdRef = useRef78(void 0);
+  const prevDialogIdRef = useRef79(void 0);
   useEffect93(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
@@ -57853,7 +57928,7 @@ function useNatsChatAdapter(config, options = {}) {
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef78(false);
+  const initialDialogsLoadedRef = useRef79(false);
   const loadDialogsPage = useCallback55(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -58118,7 +58193,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback56, useMemo as useMemo54, useRef as useRef79 } from "react";
+import { useCallback as useCallback56, useMemo as useMemo54, useRef as useRef80 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -58133,7 +58208,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef79(null);
+  const disabledNatsRef = useRef80(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -58147,7 +58222,7 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef79(activeState);
+  const activeStateRef = useRef80(activeState);
   activeStateRef.current = activeState;
   const stopMessage = useCallback56(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback56(
@@ -58546,7 +58621,7 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback58, useEffect as useEffect94, useMemo as useMemo56, useRef as useRef81, useState as useState125 } from "react";
+import { useCallback as useCallback58, useEffect as useEffect94, useMemo as useMemo56, useRef as useRef82, useState as useState125 } from "react";
 import * as DialogPrimitive5 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll6 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -58633,7 +58708,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback57, useMemo as useMemo55, useRef as useRef80, useState as useState124 } from "react";
+import { useCallback as useCallback57, useMemo as useMemo55, useRef as useRef81, useState as useState124 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -58673,7 +58748,7 @@ function useChatDialogManager({
   const [archivedCursor, setArchivedCursor] = useState124(null);
   const [archivedLoading, setArchivedLoading] = useState124(false);
   const [archivedPending, setArchivedPending] = useState124(false);
-  const archivedRequestIdRef = useRef80(0);
+  const archivedRequestIdRef = useRef81(0);
   const loadArchivedPage = useCallback57(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -59178,7 +59253,7 @@ function EmbeddableChatInner({
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll6({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef81(false);
+  const navigatingAwayRef = useRef82(false);
   useEffect94(() => {
     if (!isOpen) return;
     if (shellLess) return;
@@ -59205,7 +59280,7 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef81(null);
+  const chatInputRef = useRef82(null);
   const [quickActionPreview, setQuickActionPreview] = useState125(null);
   const slashCommandsProp = useMemo56(
     () => ({
@@ -59311,7 +59386,7 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef81(false);
+  const guidePromptSentRef = useRef82(false);
   useEffect94(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
@@ -59336,11 +59411,11 @@ function EmbeddableChatInner({
   const [contextItems, setContextItems] = useState125([]);
   const [contextPickerOpen, setContextPickerOpen] = useState125(false);
   const [mentionQuery, setMentionQuery] = useState125(null);
-  const mentionActiveRef = useRef81(false);
+  const mentionActiveRef = useRef82(false);
   useEffect94(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef81(/* @__PURE__ */ new Set());
+  const mentionKeysRef = useRef82(/* @__PURE__ */ new Set());
   useEffect94(() => {
     setContextItems([]);
     setMentionQuery(null);
@@ -59437,7 +59512,7 @@ function EmbeddableChatInner({
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx383(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx383(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const timestampCacheRef = useRef81(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef82(/* @__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 = useMemo56(() => {
@@ -59648,7 +59723,7 @@ function EmbeddableChatInner({
   const [portalHost, setPortalHost] = useState125(null);
   const [panelBoundary, setPanelBoundary] = useState125(null);
   const [panelWidth, setPanelWidth] = useState125(0);
-  const panelMeasureRef = useRef81(null);
+  const panelMeasureRef = useRef82(null);
   useEffect94(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
@@ -61325,4 +61400,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-ZA5PFNHR.js.map
+//# sourceMappingURL=chunk-6AQKSCZ5.js.map