@flamingo-stack/openframe-frontend-core 0.0.551 → 0.0.552

package/dist/{chunk-JI4JR3KC.js → chunk-TI75367M.js}

@@ -13615,7 +13615,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 useRef20, useState as useState29 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect25, 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
@@ -13670,8 +13670,36 @@ function fetchPriorityProp(priority) {
   return USE_CAMEL_CASE_FETCH_PRIORITY ? { fetchPriority: value } : { fetchpriority: value };
 }
 
-// src/components/features/use-video-warmup.ts
+// src/components/features/use-ios-native-video-fullscreen.ts
 import { useEffect as useEffect23 } from "react";
+var ENTER_FULLSCREEN_REQUEST = "mediaenterfullscreenrequest";
+function isIosAppShell() {
+  const capacitor = globalThis.Capacitor;
+  return capacitor?.isNativePlatform?.() === true && capacitor.getPlatform?.() === "ios";
+}
+function nativeVideoElement(player) {
+  const media = player.media;
+  const element = media?.nativeEl ?? media;
+  return element instanceof HTMLVideoElement ? element : null;
+}
+function useIosNativeVideoFullscreen(playerRef) {
+  useEffect23(() => {
+    if (!isIosAppShell()) return;
+    const player = playerRef.current;
+    if (!(player instanceof EventTarget)) return;
+    const takeOver = (event) => {
+      const video = nativeVideoElement(player);
+      if (!video?.webkitSupportsFullscreen || typeof video.webkitEnterFullscreen !== "function") return;
+      event.stopImmediatePropagation();
+      video.webkitEnterFullscreen();
+    };
+    player.addEventListener(ENTER_FULLSCREEN_REQUEST, takeOver, true);
+    return () => player.removeEventListener(ENTER_FULLSCREEN_REQUEST, takeOver, true);
+  }, [playerRef]);
+}
+
+// src/components/features/use-video-warmup.ts
+import { useEffect as useEffect24 } from "react";
 import ReactDOM from "react-dom";
 
 // src/components/features/mux-origins.ts
@@ -13723,7 +13751,7 @@ function useVideoWarmup({
   const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
   useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
   const { ref, isNear } = useNearViewport(nearMargin);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!isNear || !videoUrl || !resolvedOrigin) return;
     if (saveDataEnabled()) return;
     let videoOrigin;
@@ -14007,7 +14035,7 @@ function FilePlayer({
       perfListenerRef.current = null;
     }
   }, []);
-  useEffect24(() => clearPerfListener, [clearPerfListener]);
+  useEffect25(() => clearPerfListener, [clearPerfListener]);
   const hoverActiveRef = useRef20(false);
   const hoverGenerationRef = useRef20(0);
   const activationWaiterRef = useRef20(null);
@@ -14017,7 +14045,7 @@ function FilePlayer({
       activationWaiterRef.current = null;
     }
   }, []);
-  useEffect24(() => clearActivationWaiter, [clearActivationWaiter]);
+  useEffect25(() => clearActivationWaiter, [clearActivationWaiter]);
   const startHoverPlayback = useCallback13(() => {
     hoverActiveRef.current = true;
     const generation = ++hoverGenerationRef.current;
@@ -14107,7 +14135,7 @@ function FilePlayer({
     setHoverMutedFallback(false);
   }, []);
   const hoverControlled = typeof playWhenHovered === "boolean";
-  useEffect24(() => {
+  useEffect25(() => {
     if (!hoverControlled) return;
     if (playWhenHovered) startHoverPlayback();
     else stopHoverPlayback();
@@ -14118,14 +14146,14 @@ function FilePlayer({
   mutedIntentRef.current = mutedIntent;
   const onMutedFallbackChangeRef = useRef20(onMutedFallbackChange);
   onMutedFallbackChangeRef.current = onMutedFallbackChange;
-  useEffect24(() => {
+  useEffect25(() => {
     onMutedFallbackChangeRef.current?.({
       muted: hoverMutedFallback,
       blocked: hoverMutedFallback && mutedFallbackBlocked
     });
   }, [hoverMutedFallback, mutedFallbackBlocked]);
   const autoPlayKickedRef = useRef20(false);
-  useEffect24(() => {
+  useEffect25(() => {
     if (autoPlayKickedRef.current) return;
     if (startMuted) {
       const mutedEl = hoverPlayerRef.current;
@@ -14172,7 +14200,7 @@ function FilePlayer({
     } catch {
     }
   }, [autoPlayUnmuted, startMuted, autoPlay]);
-  useEffect24(() => {
+  useEffect25(() => {
     const el = hoverPlayerRef.current;
     if (!el?.addEventListener) return;
     const onVolumeChange = () => {
@@ -14192,7 +14220,7 @@ function FilePlayer({
       }
     };
   }, []);
-  useEffect24(() => {
+  useEffect25(() => {
     const el = hoverPlayerRef.current;
     if (!el?.addEventListener) return;
     const onPlaying = () => setMutedFallbackBlocked(false);
@@ -14209,7 +14237,7 @@ function FilePlayer({
   }, []);
   const onEndedRef = useRef20(onEnded);
   onEndedRef.current = onEnded;
-  useEffect24(() => {
+  useEffect25(() => {
     const el = hoverPlayerRef.current;
     if (!el?.addEventListener) return;
     const handler = () => onEndedRef.current?.();
@@ -14224,6 +14252,7 @@ function FilePlayer({
       }
     };
   }, []);
+  useIosNativeVideoFullscreen(hoverPlayerRef);
   useImperativeHandle3(playerHandleRef, () => ({
     getCurrentTime: () => hoverPlayerRef.current?.currentTime ?? 0,
     getDuration: () => {
@@ -14386,14 +14415,14 @@ function YouTubeFacadeInner({
     return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
   }, [videoId, minimalControls]);
   const [posterTier, setPosterTier] = useState29(0);
-  useEffect24(() => {
+  useEffect25(() => {
     setPosterTier(0);
   }, [videoId]);
   const posterQuality = YT_POSTER_TIERS[posterTier];
   const posterJpg = `https://i.ytimg.com/vi/${videoId}/${posterQuality}.jpg`;
   const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/${posterQuality}.webp`;
   const handlePosterError = () => setPosterTier((tier) => Math.min(tier + 1, YT_POSTER_TIERS.length - 1));
-  useEffect24(() => {
+  useEffect25(() => {
     if (!activated) return;
     const iframe = iframeRef.current;
     if (!iframe) return;
@@ -14438,7 +14467,7 @@ function YouTubeFacadeInner({
     };
   }, [activated]);
   const prevSuspendedRef = useRef20(false);
-  useEffect24(() => {
+  useEffect25(() => {
     const wasSuspended = prevSuspendedRef.current;
     prevSuspendedRef.current = Boolean(suspended);
     if (!activated) return;
@@ -14500,7 +14529,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 useRef21, useState as useState30 } from "react";
+import { useEffect as useEffect26, useRef as useRef21, useState as useState30 } from "react";
 import { Fragment as Fragment21, jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
 function VideoHoverPreviewSurface({
   url,
@@ -14527,7 +14556,7 @@ function VideoHoverPreviewSurface({
   const gateControlled = playerMounted !== void 0;
   const rootElRef = useRef21(null);
   const [isNear, setIsNear] = useState30(false);
-  useEffect25(() => {
+  useEffect26(() => {
     if (gateControlled) return;
     const el = rootElRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
@@ -14722,7 +14751,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 useRef22, useState as useState31 } from "react";
+import React41, { useCallback as useCallback14, useEffect as useEffect27, useMemo as useMemo20, useRef as useRef22, useState as useState31 } from "react";
 init_button2();
 
 // src/components/layout/page-heading.tsx
@@ -14809,7 +14838,7 @@ function CardsStrip(props) {
   const items = childrenMode ? childItems : props.items;
   const cardWidthDesktop = childrenMode ? props.cardWidthDesktop ?? 400 : 0;
   const cardWidthMobile = childrenMode ? props.cardWidthMobile ?? 320 : 0;
-  useEffect26(() => {
+  useEffect27(() => {
     if (process.env.NODE_ENV === "production" || !childrenMode) return;
     const only = childItems.length === 1 ? childItems[0] : null;
     if (React41.isValidElement(only) && only.type === React41.Fragment) {
@@ -14830,7 +14859,7 @@ function CardsStrip(props) {
   const [reducedMotion, setReducedMotion] = useState31(false);
   const [isTouch, setIsTouch] = useState31(false);
   const [isMobile, setIsMobile] = useState31(false);
-  useEffect26(() => {
+  useEffect27(() => {
     const subs = [];
     const watch = (query, set) => {
       const mq = window.matchMedia(query);
@@ -14858,7 +14887,7 @@ function CardsStrip(props) {
     setOverflows(singleCopy > scroller.clientWidth + 1);
     setMarqueeEligible(singleCopy > scroller.clientWidth + TRACK_GAP_PX);
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     measure();
     const scroller = scrollerRef.current;
     const track = trackRef.current;
@@ -14871,7 +14900,7 @@ function CardsStrip(props) {
   const chevronSuppressUntilRef = useRef22(0);
   const userScrollSuppressUntilRef = useRef22(0);
   const [nearViewport, setNearViewport] = useState31(true);
-  useEffect26(() => {
+  useEffect27(() => {
     const el = wrapperRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver(
@@ -14957,7 +14986,7 @@ function CardsStrip(props) {
   const cardObserverRef = useRef22(null);
   const cardElIdxRef = useRef22(/* @__PURE__ */ new Map());
   const cardElNearRef = useRef22(/* @__PURE__ */ new Map());
-  useEffect26(() => {
+  useEffect27(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver((entries) => {
       for (const e of entries) cardElNearRef.current.set(e.target, e.isIntersecting);
@@ -17174,7 +17203,7 @@ function AvatarStack({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState115, useEffect as useEffect87 } from "react";
+import { useState as useState115, useEffect as useEffect88 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -17343,7 +17372,7 @@ function AnnouncementBarView({
 // src/components/ui/autocomplete.tsx
 import {
   forwardRef as forwardRef31,
-  useEffect as useEffect27,
+  useEffect as useEffect28,
   useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo23,
   useRef as useRef24,
@@ -17542,7 +17571,7 @@ function AutocompleteInner(props, ref) {
   const hiddenTagsCount = multiple ? selectedOptions.length - visibleCount : 0;
   const [showHiddenTags, setShowHiddenTags] = useState34(false);
   const hiddenTagsRef = useRef24(null);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -17594,7 +17623,7 @@ function AutocompleteInner(props, ref) {
     setIsOpen(false);
     onCreateOption?.(trimmed);
   };
-  useEffect27(() => {
+  useEffect28(() => {
     setHighlightedIndex(-1);
   }, [filteredOptions.length]);
   const handleInputChange = (e) => {
@@ -19230,7 +19259,7 @@ function DateFilterMenu({
 
 // src/components/ui/duration-input.tsx
 init_cn();
-import { Fragment as Fragment31, useEffect as useEffect29, useRef as useRef25, useState as useState36 } from "react";
+import { Fragment as Fragment31, useEffect as useEffect30, useRef as useRef25, useState as useState36 } from "react";
 import { jsx as jsx118, jsxs as jsxs89 } from "react/jsx-runtime";
 var SEGMENT_META = [
   { label: "Hours", placeholder: "HH", max: 99 },
@@ -19246,7 +19275,7 @@ var split = (value) => {
 function DurationInput({ value, onChange, invalid, className }) {
   const [segments, setSegments] = useState36(() => split(value));
   const refs = [useRef25(null), useRef25(null), useRef25(null)];
-  useEffect29(() => {
+  useEffect30(() => {
     setSegments((prev) => compose(prev) === value ? prev : split(value));
   }, [value]);
   const focusSegment = (i) => {
@@ -19491,7 +19520,7 @@ init_cn();
 import React52 from "react";
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect30, useRef as useRef26, useState as useState37 } from "react";
+import { useEffect as useEffect31, useRef as useRef26, useState as useState37 } from "react";
 import { jsx as jsx123 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -19509,7 +19538,7 @@ var ProgressBar = ({
   const effectiveHeight = isMdUp ? height : mobileHeight;
   const containerRef = useRef26(null);
   const [segmentCount, setSegmentCount] = useState37(0);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
       if (containerRef.current) {
@@ -21652,13 +21681,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/ui/modal.tsx
 init_cn();
 import * as React68 from "react";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 import { usePreventScroll } from "@react-aria/overlays";
 import { jsx as jsx145, jsxs as jsxs111 } from "react/jsx-runtime";
 var Modal2 = React68.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     usePreventScroll({ isDisabled: !isOpen });
-    useEffect35(() => {
+    useEffect36(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -22888,7 +22917,7 @@ function TabContent({
 // src/components/ui/tab-navigation.tsx
 init_next_navigation();
 init_cn();
-import { useState as useState47, useEffect as useEffect38, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo28, useRef as useRef30, useCallback as useCallback20, memo as memo4, startTransition } from "react";
+import { useState as useState47, useEffect as useEffect39, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo28, useRef as useRef30, useCallback as useCallback20, memo as memo4, startTransition } from "react";
 import { Fragment as Fragment34, jsx as jsx157, jsxs as jsxs121 } from "react/jsx-runtime";
 var HIDDEN_INDICATOR = { left: 0, width: 0 };
 var StatusDot = ({ indicator, className }) => /* @__PURE__ */ jsx157("div", { className: cn(
@@ -22932,7 +22961,7 @@ var TabBar = memo4(function TabBar2({
   useLayoutEffect7(() => {
     if (indicator.width > 0) hasPlacedIndicatorRef.current = true;
   }, [indicator]);
-  useEffect38(() => {
+  useEffect39(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -22965,7 +22994,7 @@ var TabBar = memo4(function TabBar2({
       ro.disconnect();
     };
   }, [updateScrollShadows, measureIndicator]);
-  useEffect38(() => {
+  useEffect39(() => {
     const el = scrollRef.current;
     const active = activeTabRef.current;
     if (!el || !active) return;
@@ -23101,7 +23130,7 @@ function TabNavigation({
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
   const lastSyncedUrlTabRef = useRef30(urlTab);
   const inFlightUrlTabsRef = useRef30([]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!isUrlSyncEnabled) return;
     const landed = inFlightUrlTabsRef.current.indexOf(urlTab);
     if (landed !== -1) {
@@ -23120,7 +23149,7 @@ function TabNavigation({
     setInternalActiveTab(validTabIds.has(urlTab) ? urlTab : fallbackTab);
   }, [isUrlSyncEnabled, urlTab, validTabIds, fallbackTab]);
   const navRef = useRef30({ isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState });
-  useEffect38(() => {
+  useEffect39(() => {
     navRef.current = { isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState };
   });
   const handleTabChange = useCallback20((tabId) => {
@@ -23225,7 +23254,7 @@ function AIGeneratedBadge({ className }) {
 }
 
 // src/components/ui/fade-preview.tsx
-import { useState as useState48, useRef as useRef31, useEffect as useEffect39 } from "react";
+import { useState as useState48, useRef as useRef31, useEffect as useEffect40 } from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { Fragment as Fragment35, jsx as jsx160, jsxs as jsxs123 } from "react/jsx-runtime";
 function FadePreview({
@@ -23236,7 +23265,7 @@ function FadePreview({
 }) {
   const [expanded, setExpanded] = useState48(false);
   const contentRef = useRef31(null);
-  useEffect39(() => {
+  useEffect40(() => {
     setExpanded(false);
   }, [resetKey]);
   const needsFade = hiddenCount > 0;
@@ -23340,7 +23369,7 @@ function useRichMarkdownRuntime() {
 }
 
 // src/components/embeds/reddit-embed-client.tsx
-import { useState as useState50, useEffect as useEffect41, useRef as useRef33 } from "react";
+import { useState as useState50, useEffect as useEffect42, useRef as useRef33 } from "react";
 
 // src/utils/social-embed-cache.ts
 var dataCache = /* @__PURE__ */ new Map();
@@ -23416,7 +23445,7 @@ var socialCache = SocialEmbedCache.getInstance();
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState49, useRef as useRef32, useEffect as useEffect40, memo as memo5, useCallback as useCallback21 } from "react";
+import { useState as useState49, useRef as useRef32, useEffect as useEffect41, memo as memo5, useCallback as useCallback21 } from "react";
 init_button2();
 import { Fragment as Fragment36, jsx as jsx163, jsxs as jsxs124 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx163("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx163("polyline", { points: "15,18 9,12 15,6" }) });
@@ -23441,7 +23470,7 @@ var MediaCarousel = memo5(function MediaCarousel2({
     const key = originalUrl.trim() || "__missing_src__";
     setBrokenResourceUrls((b) => b[key] ? b : { ...b, [key]: true });
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     if (currentIndex >= media.length && media.length > 0) {
       setCurrentIndex(media.length - 1);
     }
@@ -23730,7 +23759,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
   const [loading, setLoading] = useState50(true);
   const [error, setError] = useState50(null);
   const initializationDone = useRef33(false);
-  useEffect41(() => {
+  useEffect42(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
     const jsonUrl = url.endsWith(".json") ? url : `${url.replace(/\/$/, "")}.json`;
@@ -24036,7 +24065,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
 }
 
 // src/components/embeds/twitter-embed-client.tsx
-import { useState as useState51, useEffect as useEffect42, useRef as useRef34 } from "react";
+import { useState as useState51, useEffect as useEffect43, useRef as useRef34 } from "react";
 import { jsx as jsx166, jsxs as jsxs126 } from "react/jsx-runtime";
 var MessageCircleIcon2 = () => /* @__PURE__ */ jsx166("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx166("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) });
 var ExternalLinkIcon3 = () => /* @__PURE__ */ jsxs126("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
@@ -24068,7 +24097,7 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
   const initializationDone = useRef34(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}`;
-  useEffect42(() => {
+  useEffect43(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
     if (!extractedTweetId) {
@@ -24316,7 +24345,7 @@ function LinkedInEmbedClient({ url, height = 600 }) {
 }
 
 // src/components/embeds/og-link-preview.tsx
-import { useState as useState53, useEffect as useEffect43, Component as Component2 } from "react";
+import { useState as useState53, useEffect as useEffect44, Component as Component2 } from "react";
 import { jsx as jsx168, jsxs as jsxs128 } from "react/jsx-runtime";
 var OGLinkErrorBoundary = class extends Component2 {
   constructor(props) {
@@ -24381,7 +24410,7 @@ var OGLinkPreview = ({
   } catch {
     isValidUrl = false;
   }
-  useEffect43(() => {
+  useEffect44(() => {
     if (!isValidUrl || isLocalhost) return;
     const fetchOGData = async () => {
       try {
@@ -24694,7 +24723,7 @@ function toFigmaOriginalUrl(url) {
 init_cn();
 
 // src/components/embeds/embed-iframe.tsx
-import { useState as useState54, useCallback as useCallback22, useRef as useRef35, useEffect as useEffect44 } from "react";
+import { useState as useState54, useCallback as useCallback22, useRef as useRef35, useEffect as useEffect45 } from "react";
 import { Fragment as Fragment37, jsx as jsx169, jsxs as jsxs129 } from "react/jsx-runtime";
 function EmbedLoadingSkeleton({ height }) {
   return /* @__PURE__ */ jsx169(
@@ -24718,10 +24747,10 @@ function EmbedIframe({
   const [isLoaded, setIsLoaded] = useState54(false);
   const iframeRef = useRef35(null);
   const handleLoad = useCallback22(() => setIsLoaded(true), []);
-  useEffect44(() => {
+  useEffect45(() => {
     setIsLoaded(false);
   }, [src]);
-  useEffect44(() => {
+  useEffect45(() => {
     const iframe = iframeRef.current;
     return () => {
       if (iframe) {
@@ -24892,14 +24921,14 @@ function FigmaEmbed({ url, title, height, loading = "lazy" }) {
 }
 
 // src/components/embeds/markdown-image.tsx
-import { useEffect as useEffect45, useState as useState56 } from "react";
+import { useEffect as useEffect46, useState as useState56 } from "react";
 import { jsx as jsx172 } from "react/jsx-runtime";
 var MAX_H_REM = 32;
 var DISPLAY_W = 768;
 function MarkdownImage({ src, alt }) {
   const { transformImageSrc } = useRichMarkdownRuntime();
   const [ratio, setRatio] = useState56(null);
-  useEffect45(() => {
+  useEffect46(() => {
     let cancelled = false;
     setRatio(null);
     const probeSrc = transformImageSrc(src, { width: 48, resize: "contain", quality: 20 }) ?? src;
@@ -25713,11 +25742,11 @@ function BackButton({ label = "Back", className, type = "button", ...props }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect47, useState as useState60 } from "react";
+import { useEffect as useEffect48, useState as useState60 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect46, useState as useState59 } from "react";
+import { useEffect as useEffect47, useState as useState59 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -25922,7 +25951,7 @@ function FilterModal({
   const [draftDateSort, setDraftDateSort] = useState59(dateFilter?.sort ?? dateDefaultSort);
   const [draftDateRange, setDraftDateRange] = useState59(dateFilter?.range);
   const { scrollRef, fadeTop, fadeBottom, update: updateFade } = useScrollFade();
-  useEffect46(() => {
+  useEffect47(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -26547,10 +26576,10 @@ function ListPageLayout({
   const [mobileFilterOpen, setMobileFilterOpen] = useState60(false);
   const [localSearchValue, setLocalSearchValue] = useState60(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect47(() => {
+  useEffect48(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -30224,7 +30253,7 @@ import { ExternalLink as ExternalLink8 } from "lucide-react";
 import { createContext as createContext7, useContext as useContext7 } from "react";
 
 // src/hooks/use-dynamic-theming.ts
-import { useState as useState61, useEffect as useEffect48 } from "react";
+import { useState as useState61, useEffect as useEffect49 } from "react";
 var defaultTheme = {
   primaryColor: "#FFC008",
   secondaryColor: "#161616",
@@ -30235,7 +30264,7 @@ var defaultTheme = {
 function useDynamicTheming() {
   const [theme, setTheme] = useState61(defaultTheme);
   const [isDark, setIsDark] = useState61(false);
-  useEffect48(() => {
+  useEffect49(() => {
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     setIsDark(mediaQuery.matches);
     const handleChange = (e) => {
@@ -30323,7 +30352,7 @@ function useThemeToggle() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState63, useEffect as useEffect50 } from "react";
+import { useState as useState63, useEffect as useEffect51 } from "react";
 import { Trash2, Plus as Plus2, Save, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx216, jsxs as jsxs165 } from "react/jsx-runtime";
 function ArrayEntryManager({
@@ -30344,12 +30373,12 @@ function ArrayEntryManager({
 }) {
   const [draftItems, setDraftItems] = useState63(items);
   const [isDirty, setIsDirty] = useState63(false);
-  useEffect50(() => {
+  useEffect51(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -31584,7 +31613,7 @@ function AuthProvidersList({
 
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash22, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye as Eye3, EyeOff } from "lucide-react";
-import { useState as useState66, useEffect as useEffect51 } from "react";
+import { useState as useState66, useEffect as useEffect52 } from "react";
 import { jsx as jsx234, jsxs as jsxs179 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -31595,7 +31624,7 @@ function ChangelogManager({
   showVisibilityToggle = false
 }) {
   const [expandedIndices, setExpandedIndices] = useState66(/* @__PURE__ */ new Set());
-  useEffect51(() => {
+  useEffect52(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -31938,7 +31967,7 @@ var ErrorBoundary = class extends Component3 {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState67, useRef as useRef37, useEffect as useEffect52, useCallback as useCallback26, useMemo as useMemo33 } from "react";
+import { useState as useState67, useRef as useRef37, useEffect as useEffect53, useCallback as useCallback26, useMemo as useMemo33 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -32376,7 +32405,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -32390,7 +32419,7 @@ var FigmaPrototypeViewer = ({
     return () => window.removeEventListener("resize", handleResize);
   }, []);
   const [lastViewMode, setLastViewMode] = useState67(viewMode);
-  useEffect52(() => {
+  useEffect53(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -32398,7 +32427,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -32409,7 +32438,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -32493,12 +32522,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect52(() => {
+  useEffect53(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect52(() => {
+  useEffect53(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -32601,7 +32630,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect53, useRef as useRef38, useState as useState68 } from "react";
+import { useEffect as useEffect54, useRef as useRef38, useState as useState68 } from "react";
 import { jsx as jsx241, jsxs as jsxs185 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx241(
@@ -32641,7 +32670,7 @@ var FiltersDropdown = ({
   const dropdownRef = useRef38(null);
   const triggerRef = useRef38(null);
   const containerRef = useRef38(null);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -32657,7 +32686,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -32669,7 +32698,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -32706,12 +32735,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect53(() => {
+  useEffect54(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -32727,7 +32756,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -32991,13 +33020,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext8, useContext as useContext8, useState as useState69, useEffect as useEffect54 } from "react";
+import { createContext as createContext8, useContext as useContext8, useState as useState69, useEffect as useEffect55 } from "react";
 import { jsx as jsx244, jsxs as jsxs186 } from "react/jsx-runtime";
 var LoadingContext = createContext8(void 0);
 function LoadingProvider({ children }) {
   const [isLoading, setIsLoading] = useState69(false);
   const [progress, setProgress] = useState69(0);
-  useEffect54(() => {
+  useEffect55(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -33270,7 +33299,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect55, useState as useState71, useRef as useRef40 } from "react";
+import { useEffect as useEffect56, useState as useState71, useRef as useRef40 } from "react";
 import { motion, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx248, jsxs as jsxs189 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -33290,7 +33319,7 @@ var ParallaxImageShowcase = ({
   const mouseYSpring = useSpring(mouseY, springConfig);
   const [componentRect, setComponentRect] = useState71(null);
   const componentRef = useRef40(null);
-  useEffect55(() => {
+  useEffect56(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -33304,7 +33333,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect55(() => {
+  useEffect56(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -34812,7 +34841,7 @@ function VideoBitesDisplay({
 // src/components/features/floating-walkthrough-video.tsx
 init_cn();
 init_button2();
-import { useCallback as useCallback28, useEffect as useEffect56, useMemo as useMemo34, useRef as useRef42, useState as useState75 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect57, useMemo as useMemo34, useRef as useRef42, useState as useState75 } from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { Fragment as Fragment48, jsx as jsx261, jsxs as jsxs200 } from "react/jsx-runtime";
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
@@ -34836,7 +34865,7 @@ function FloatingWalkthroughVideo({
   const dismissalId = video?.id != null ? String(video.id) : "dismissed";
   const [mounted, setMounted] = useState75(false);
   const [dismissed, setDismissed] = useState75(false);
-  useEffect56(() => {
+  useEffect57(() => {
     let idleHandle = null;
     if (!video) return;
     const timer = setTimeout(() => {
@@ -34859,7 +34888,7 @@ function FloatingWalkthroughVideo({
     };
   }, [appearDelayMs, dismissEnabled, storageKey, dismissalId, video?.id]);
   const [previewSuppressed, setPreviewSuppressed] = useState75(false);
-  useEffect56(() => {
+  useEffect57(() => {
     try {
       const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
       const conn = navigator.connection;
@@ -34900,7 +34929,7 @@ function FloatingWalkthroughVideo({
   const isYouTube = Boolean(video?.youtubeUrl);
   const resumeMode = !open && handoff !== null && !isYouTube;
   const previewAllowed = !previewSuppressed && !isYouTube;
-  useEffect56(() => {
+  useEffect57(() => {
     if (!mounted) return;
     const el = typeof document !== "undefined" ? document.querySelector(hideNearSelector) : null;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -34914,7 +34943,7 @@ function FloatingWalkthroughVideo({
     io.observe(el);
     return () => io.disconnect();
   }, [mounted, hideNearSelector, pathname]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!resumeMode) return;
     const onVis = () => {
       if (document.visibilityState === "hidden") {
@@ -34928,7 +34957,7 @@ function FloatingWalkthroughVideo({
     document.addEventListener("visibilitychange", onVis);
     return () => document.removeEventListener("visibilitychange", onVis);
   }, [resumeMode]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!footerHidden) return;
     const h = resumeHandleRef.current ?? previewHandleRef.current;
     try {
@@ -35076,13 +35105,13 @@ function FloatingWalkthroughVideo({
     setCardFallback(s);
     setCardMuted(s.muted);
   }, []);
-  useEffect56(() => {
+  useEffect57(() => {
     if (resumeMode) {
       setCardMuted(handoff?.muted ?? false);
       setCardPaused(handoff?.playing === false);
     }
   }, [resumeMode]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (hovered) {
       setCardPaused(false);
       setCardMuted(userMutedRef.current);
@@ -36943,7 +36972,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useEffect as useEffect57, useState as useState78 } from "react";
+import { useEffect as useEffect58, useState as useState78 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
 import { Fragment as Fragment49, jsx as jsx281, jsxs as jsxs216 } from "react/jsx-runtime";
@@ -37121,7 +37150,7 @@ var PolicyConfigurationPanel = ({
 }) => {
   const [expandedIds, setExpandedIds] = useState78(/* @__PURE__ */ new Set());
   const [bulkLevels, setBulkLevels] = useState78({});
-  useEffect57(() => {
+  useEffect58(() => {
     setBulkLevels({});
   }, [editMode]);
   const handleToggle = (categoryId) => {
@@ -37161,7 +37190,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback30, useEffect as useEffect58, useMemo as useMemo35, useRef as useRef43, useState as useState79 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect59, useMemo as useMemo35, useRef as useRef43, useState as useState79 } from "react";
 import { jsx as jsx282, jsxs as jsxs217 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -37195,7 +37224,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect58(() => {
+  useEffect59(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -37262,7 +37291,7 @@ function CountryOption({ country }) {
 // src/components/features/waitlist-form.tsx
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect59, useState as useState80 } from "react";
+import { useEffect as useEffect60, useState as useState80 } from "react";
 import { Fragment as Fragment50, jsx as jsx283, jsxs as jsxs218 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -37292,12 +37321,12 @@ function WaitlistForm({
   const [isPhoneInvalid, setIsPhoneInvalid] = useState80(false);
   const [showConsentError, setShowConsentError] = useState80(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect59(() => {
+  useEffect60(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect59(() => {
+  useEffect60(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -37685,7 +37714,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect63, useRef as useRef46 } from "react";
+import { useEffect as useEffect64, useRef as useRef46 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext10, useContext as useContext10 } from "react";
@@ -38180,7 +38209,7 @@ init_button2();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo37, useEffect as useEffect62, useState as useState83 } from "react";
+import { useMemo as useMemo37, useEffect as useEffect63, useState as useState83 } from "react";
 init_cn();
 import { jsx as jsx286, jsxs as jsxs220 } from "react/jsx-runtime";
 var variantBySeverity = {
@@ -38228,7 +38257,7 @@ function NotificationTile({
   const initialElapsed = useMemo37(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect62(() => {
+  useEffect63(() => {
     if (!counting) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -38457,7 +38486,7 @@ function DrawerScrollList({
   const sentinelRef = useRef46(null);
   const loadMoreRef = useRef46(loadMore);
   loadMoreRef.current = loadMore;
-  useEffect63(() => {
+  useEffect64(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -38994,12 +39023,12 @@ function useOptionalTimeTracker() {
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
 init_cn();
-import { useEffect as useEffect65, useState as useState87 } from "react";
+import { useEffect as useEffect66, useState as useState87 } from "react";
 init_button();
 init_split_button();
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect64, useState as useState86 } from "react";
+import { useEffect as useEffect65, useState as useState86 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -39010,7 +39039,7 @@ function formatElapsed(totalMs) {
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
   const [now, setNow] = useState86(() => Date.now());
-  useEffect64(() => {
+  useEffect65(() => {
     if (status !== "tracking") return;
     setNow(Date.now());
     const id = setInterval(() => setNow(Date.now()), 1e3);
@@ -39070,7 +39099,7 @@ function TimeTrackerPanel({
   const isActive = status !== "ready";
   const hasContent2 = selectedTicketId != null || notes.trim() !== "";
   const showFieldError = isActive && showValidationError && !hasContent2;
-  useEffect65(() => {
+  useEffect66(() => {
     if (status === "ready") setShowValidationError(false);
   }, [status]);
   const handleSubmit = () => {
@@ -39321,7 +39350,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 useEffect66, useRef as useRef47 } from "react";
+import { useEffect as useEffect67, useRef as useRef47 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -39416,10 +39445,10 @@ function TimeTrackerHeaderButton({ className, disabled }) {
       }
     };
   }
-  useEffect66(() => {
+  useEffect67(() => {
     if (isOpen) coordination?.notifyDrawerDidOpen(selfHandleRef.current ?? void 0);
   }, [isOpen, coordination]);
-  useEffect66(() => {
+  useEffect67(() => {
     if (!selfHandleRef.current) return;
     return coordination?.registerDrawer(selfHandleRef.current);
   }, [coordination]);
@@ -40465,7 +40494,7 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React117, { useEffect as useEffect70, useRef as useRef51, useState as useState92 } from "react";
+import React117, { useEffect as useEffect71, useRef as useRef51, useState as useState92 } from "react";
 init_button2();
 
 // src/components/navigation/mingo-ai-button.tsx
@@ -40646,7 +40675,7 @@ import React116 from "react";
 import { useQueryClient } from "@tanstack/react-query";
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext13, createElement as createElement2, useContext as useContext13, useEffect as useEffect69, useState as useState91 } from "react";
+import { createContext as createContext13, createElement as createElement2, useContext as useContext13, useEffect as useEffect70, useState as useState91 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -40659,7 +40688,7 @@ function useResolveChatIdentity(enabled) {
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
   const [data, setData] = useState91(ANON_DEFAULTS);
   const [isLoading, setIsLoading] = useState91(enabled);
-  useEffect69(() => {
+  useEffect70(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -41074,7 +41103,7 @@ function Header2({ config, platform }) {
   const [openDropdowns, setOpenDropdowns] = useState92({});
   const dropdownRefs = useRef51({});
   const triggerRefs = useRef51({});
-  useEffect70(() => {
+  useEffect71(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -41103,14 +41132,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect70(() => {
+  useEffect71(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect70(() => {
+  useEffect71(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -41364,7 +41393,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState93, useEffect as useEffect71 } from "react";
+import { useState as useState93, useEffect as useEffect72 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { Fragment as Fragment59, jsx as jsx308, jsxs as jsxs237 } from "react/jsx-runtime";
@@ -41404,7 +41433,7 @@ function HeaderSkeleton({ config }) {
 import { jsx as jsx309 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
   const [isClient, setIsClient] = useState93(false);
-  useEffect71(() => {
+  useEffect72(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -41414,7 +41443,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState94, useEffect as useEffect72, useRef as useRef52 } from "react";
+import { useState as useState94, useEffect as useEffect73, useRef as useRef52 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
@@ -41427,7 +41456,7 @@ function SlidingSidebar({ config }) {
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll3({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
-  useEffect72(() => {
+  useEffect73(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -41595,7 +41624,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect73, useState as useState95, useCallback as useCallback37, useRef as useRef53 } from "react";
+import { useEffect as useEffect74, useState as useState95, useCallback as useCallback37, useRef as useRef53 } from "react";
 import { jsx as jsx311, jsxs as jsxs239 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -41669,14 +41698,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect73(() => {
+  useEffect74(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect73(() => {
+  useEffect74(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -41709,7 +41738,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback38, useEffect as useEffect74, useMemo as useMemo42, useState as useState96 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect75, useMemo as useMemo42, useState as useState96 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx312, jsxs as jsxs240 } from "react/jsx-runtime";
@@ -41881,11 +41910,11 @@ function NavigationSidebar({ config, disabled = false }) {
     config.minimized ?? false
   );
   const [tabletMinimized, setTabletMinimized] = useState96(true);
-  useEffect74(() => {
+  useEffect75(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const [hydrated, setHydrated] = useState96(false);
-  useEffect74(() => setHydrated(true), []);
+  useEffect75(() => setHydrated(true), []);
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : config.minimized ?? false;
   const [transitionsEnabled, setTransitionsEnabled] = useState96(false);
   const isOverlayOpen = isTablet && !minimized;
@@ -41901,7 +41930,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback38(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect74(() => {
+  useEffect75(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -41914,7 +41943,7 @@ function NavigationSidebar({ config, disabled = false }) {
     () => config.items.find((item) => item.isActive)?.id ?? null,
     [config.items]
   );
-  useEffect74(() => {
+  useEffect75(() => {
     setPendingItemId(null);
   }, [committedActiveId]);
   const handleItemClick = useCallback38((item, event) => {
@@ -44097,7 +44126,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx338(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect76, useRef as useRef58 } from "react";
+import { useEffect as useEffect77, useRef as useRef58 } from "react";
 init_pagination();
 init_button2();
 
@@ -44708,10 +44737,10 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect75, useState as useState99 } from "react";
+import { useEffect as useEffect76, useState as useState99 } from "react";
 function useTableMotion(enabled) {
   const [runtime, setRuntime] = useState99(null);
-  useEffect75(() => {
+  useEffect76(() => {
     if (!enabled || runtime) return;
     let active = true;
     import("framer-motion").then((m) => {
@@ -44860,7 +44889,7 @@ function Table({
   const sentinelRef = useRef58(null);
   const onLoadMoreRef = useRef58(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect76(() => {
+  useEffect77(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -46054,7 +46083,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect77, useRef as useRef62 } from "react";
+import { useEffect as useEffect78, useRef as useRef62 } from "react";
 import { Fragment as Fragment72, jsx as jsx361, jsxs as jsxs282 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -46066,7 +46095,7 @@ function DataTableInfiniteFooter({
   const sentinelRef = useRef62(null);
   const onLoadMoreRef = useRef62(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect77(() => {
+  useEffect78(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -46704,7 +46733,7 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect79,
+  useEffect as useEffect80,
   useRef as useRef64,
   useState as useState103
 } from "react";
@@ -46744,7 +46773,7 @@ function TagSearchInput({
   const hiddenTagsRef = useRef64(null);
   const hiddenTagsPopupRef = useRef64(null);
   const [showHiddenTags, setShowHiddenTags] = useState103(false);
-  useEffect79(() => {
+  useEffect80(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -46906,7 +46935,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef65, useCallback as useCallback46, useState as useState104, useEffect as useEffect80 } from "react";
+import { useRef as useRef65, useCallback as useCallback46, useState as useState104, useEffect as useEffect81 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx366, jsxs as jsxs287 } from "react/jsx-runtime";
@@ -46937,7 +46966,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() {
-  useEffect80(() => {
+  useEffect81(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -46965,7 +46994,7 @@ function MarkdownEditor({
   const [isUploading, setIsUploading] = useState104(false);
   const [uploadProgress, setUploadProgress] = useState104("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState104([]);
-  useEffect80(() => {
+  useEffect81(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -47088,7 +47117,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect80(() => {
+  useEffect81(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -49051,7 +49080,7 @@ function ImageGalleryModal({
   initialIndex = 0
 }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState115(initialIndex);
-  useEffect87(() => {
+  useEffect88(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -49066,7 +49095,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect87(() => {
+  useEffect88(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -53655,7 +53684,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-scripted-stream.ts
-import { useEffect as useEffect88, useState as useState118 } from "react";
+import { useEffect as useEffect89, useState as useState118 } from "react";
 var EMPTY_FRAME = { messages: [], phase: "idle", typing: false, delayMs: 0 };
 function prefersReducedMotion() {
   return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
@@ -53668,7 +53697,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
     setPrevKey(resetKey);
     setIndex(0);
   }
-  useEffect88(() => {
+  useEffect89(() => {
     setReducedMotion(prefersReducedMotion());
     const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
     if (!mq) return;
@@ -53678,7 +53707,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
   }, []);
   const playing = enabled && !reducedMotion && frames.length > 0;
   const lastIndex = Math.max(0, frames.length - 1);
-  useEffect88(() => {
+  useEffect89(() => {
     if (!playing || index >= lastIndex) return;
     const current = frames[Math.min(index, lastIndex)] ?? EMPTY_FRAME;
     const t = setTimeout(() => setIndex((i) => Math.min(i + 1, lastIndex)), current.delayMs);
@@ -53690,7 +53719,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useCallback as useCallback50, useEffect as useEffect89, useRef as useRef70, useState as useState119 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect90, useRef as useRef70, useState as useState119 } from "react";
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 var RESYNC_AFTER_HIDDEN_MS = 1e4;
 var RESYNC_COALESCE_MS = 1e3;
@@ -53724,49 +53753,49 @@ function useJetStreamDialogSubscription({
   const subscriptionRef = useRef70(null);
   const highestStreamSeqRef = useRef70(null);
   const onEventRef = useRef70(onEvent);
-  useEffect89(() => {
+  useEffect90(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef70(onConnect);
-  useEffect89(() => {
+  useEffect90(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef70(onDisconnect);
-  useEffect89(() => {
+  useEffect90(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef70(onSubscribed);
-  useEffect89(() => {
+  useEffect90(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef70(onBeforeReconnect);
-  useEffect89(() => {
+  useEffect90(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const getNatsWsUrlRef = useRef70(getNatsWsUrl);
-  useEffect89(() => {
+  useEffect90(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef70(reconnectionBackoff);
-  useEffect89(() => {
+  useEffect90(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const optStartSeqRef = useRef70(optStartSeq);
-  useEffect89(() => {
+  useEffect90(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
   const inactiveThresholdRef = useRef70(inactiveThresholdMs);
-  useEffect89(() => {
+  useEffect90(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
   const hadConnectionBeforeRef = useRef70(false);
   const clientConfigRef = useRef70(clientConfig);
-  useEffect89(() => {
+  useEffect90(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef70("");
   const wsUrl = getNatsWsUrl();
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -53847,7 +53876,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect89(() => {
+  useEffect90(() => {
     highestStreamSeqRef.current = null;
     lastResyncSignalRef.current = resyncSignal;
     setCurrentStreamSeq(null);
@@ -53865,7 +53894,7 @@ function useJetStreamDialogSubscription({
       setReconnectionCount((c) => c + 1);
     }, RESYNC_COALESCE_MS);
   }, []);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled) return;
     let hiddenSince = document.visibilityState === "hidden" ? Date.now() : 0;
     const onVisibilityChange = () => {
@@ -53882,13 +53911,13 @@ function useJetStreamDialogSubscription({
     document.addEventListener("visibilitychange", onVisibilityChange);
     return () => document.removeEventListener("visibilitychange", onVisibilityChange);
   }, [enabled, requestResync]);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled) return;
     if (resyncSignal <= lastResyncSignalRef.current) return;
     lastResyncSignalRef.current = resyncSignal;
     requestResync();
   }, [enabled, resyncSignal, requestResync]);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -53989,7 +54018,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect90, useRef as useRef71, useState as useState120 } from "react";
+import { useEffect as useEffect91, useRef as useRef71, useState as useState120 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -54009,41 +54038,41 @@ function useNatsDialogSubscription({
   const clientRef = useRef71(null);
   const subscriptionRefs = useRef71(/* @__PURE__ */ new Map());
   const onEventRef = useRef71(onEvent);
-  useEffect90(() => {
+  useEffect91(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef71(onConnect);
-  useEffect90(() => {
+  useEffect91(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef71(onDisconnect);
-  useEffect90(() => {
+  useEffect91(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef71(onSubscribed);
-  useEffect90(() => {
+  useEffect91(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef71(onBeforeReconnect);
-  useEffect90(() => {
+  useEffect91(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const hadConnectionBeforeRef = useRef71(false);
   const getNatsWsUrlRef = useRef71(getNatsWsUrl);
-  useEffect90(() => {
+  useEffect91(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef71(reconnectionBackoff);
-  useEffect90(() => {
+  useEffect91(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const clientConfigRef = useRef71(clientConfig);
-  useEffect90(() => {
+  useEffect91(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef71("");
   const wsUrl = getNatsWsUrl();
-  useEffect90(() => {
+  useEffect91(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -54129,12 +54158,12 @@ function useNatsDialogSubscription({
   topicsRef.current = topics;
   const lastSubscribedDialogIdRef = useRef71(null);
   const isConnectedRef = useRef71(isConnected);
-  useEffect90(() => {
+  useEffect91(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
   const currentDialogIdRef = useRef71(null);
   const abortControllerRef = useRef71(null);
-  useEffect90(() => {
+  useEffect91(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -54215,7 +54244,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey]);
-  useEffect90(() => {
+  useEffect91(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -54265,7 +54294,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect91, useState as useState121 } from "react";
+import { useEffect as useEffect92, useState as useState121 } from "react";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -54284,7 +54313,7 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
 function useSlashCommands(prefix, commandsUrl) {
   const [commands, setCommands] = useState121([]);
   const [loading, setLoading] = useState121(false);
-  useEffect91(() => {
+  useEffect92(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -54633,7 +54662,7 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback52, useEffect as useEffect92, useRef as useRef73, useState as useState123 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect93, useRef as useRef73, useState as useState123 } from "react";
 import { jsx as jsx395 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
@@ -54642,7 +54671,7 @@ function useChatAttachmentImageGallery() {
   const panelRef = useRef73(null);
   const [state, setState] = useState123(CLOSED);
   const handleClose = useCallback52(() => setState(CLOSED), []);
-  useEffect92(() => {
+  useEffect93(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -54688,11 +54717,11 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect93, useRef as useRef74 } from "react";
+import { useEffect as useEffect94, useRef as useRef74 } from "react";
 function useCloseOnNavigation(close, pathname) {
   const prevPathnameRef = useRef74(null);
   const initializedRef = useRef74(false);
-  useEffect93(() => {
+  useEffect94(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -54706,7 +54735,7 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState125, useCallback as useCallback54, useEffect as useEffect94, useRef as useRef76 } from "react";
+import { useState as useState125, useCallback as useCallback54, useEffect as useEffect95, useRef as useRef76 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
 import { useState as useState124, useCallback as useCallback53, useRef as useRef75 } from "react";
@@ -54784,7 +54813,7 @@ function useChat({
   const currentAssistantSegmentsRef = useRef76([]);
   const onMessagesChangeRef = useRef76(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect94(() => {
+  useEffect95(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -55321,7 +55350,7 @@ function pruneStaleChatConversationStorage(source) {
 }
 
 // src/components/chat/hooks/use-chat-history-hydration.ts
-import { useEffect as useEffect95, useRef as useRef77, useState as useState126 } from "react";
+import { useEffect as useEffect96, useRef as useRef77, useState as useState126 } from "react";
 function useChatHistoryHydration({
   active,
   source,
@@ -55333,7 +55362,7 @@ function useChatHistoryHydration({
 }) {
   const [isHydratingHistory, setIsHydratingHistory] = useState126(false);
   const hydratedKeyRef = useRef77(null);
-  useEffect95(() => {
+  useEffect96(() => {
     if (!active) return;
     const conversationId = conversationIdRef.current;
     if (!conversationId) return;
@@ -57519,7 +57548,7 @@ function createChatDialogStore(options = {}) {
 }
 
 // src/components/chat/stream/use-chat-stream-reducer.ts
-import { useCallback as useCallback55, useEffect as useEffect96, useMemo as useMemo51, useRef as useRef78, useSyncExternalStore } from "react";
+import { useCallback as useCallback55, useEffect as useEffect97, useMemo as useMemo51, useRef as useRef78, useSyncExternalStore } from "react";
 
 // src/components/chat/stream/delta-batcher.ts
 var DELTA_FLUSH_FALLBACK_MS = 50;
@@ -57615,7 +57644,7 @@ function useChatStreamReducer({
   const getServerSnapshot = useCallback55(() => store.getServerSnapshot(), [store]);
   const subscribe = useCallback55((listener) => store.subscribe(listener), [store]);
   const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  useEffect96(() => store.retain(dialogId, side), [store, dialogId, side]);
+  useEffect97(() => store.retain(dialogId, side), [store, dialogId, side]);
   const keyRef = useRef78({ dialogId, side });
   if (keyRef.current.dialogId !== dialogId || keyRef.current.side !== side) {
     keyRef.current = { dialogId, side };
@@ -57640,7 +57669,7 @@ function useChatStreamReducer({
     },
     [batcher, store, dialogId, side]
   );
-  useEffect96(() => () => batcher.dispose(), [batcher]);
+  useEffect97(() => () => batcher.dispose(), [batcher]);
   const mutate = useCallback55(
     (fn) => store.mutate(dialogId, side, fn),
     [store, dialogId, side]
@@ -58021,7 +58050,7 @@ var noopBumpMetaTick = () => {
 };
 
 // src/components/chat/hooks/use-nats-chat-adapter.ts
-import { useCallback as useCallback57, useEffect as useEffect97, useMemo as useMemo53, useRef as useRef80, useState as useState127 } from "react";
+import { useCallback as useCallback57, useEffect as useEffect98, useMemo as useMemo53, useRef as useRef80, useState as useState127 } from "react";
 
 // src/chat-protocol/nats-decoder.ts
 function normalizeToolCalls(raw) {
@@ -59206,7 +59235,7 @@ function useNatsChatAdapter(config, options = {}) {
     ]
   );
   const prevDialogIdRef = useRef80(void 0);
-  useEffect97(() => {
+  useEffect98(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -59219,7 +59248,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, dialogKey, loadDialogHistory]);
-  useEffect97(() => {
+  useEffect98(() => {
     if (!active || !dialogId) return;
     const store = storeRef.current;
     store.mutate(dialogId, DEFAULT_DIALOG_SIDE, (r) => r.adjustAgentBusySuppression(1));
@@ -59282,7 +59311,7 @@ function useNatsChatAdapter(config, options = {}) {
       })();
     }
   });
-  useEffect97(() => {
+  useEffect98(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
@@ -59321,7 +59350,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback57(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect97(() => {
+  useEffect98(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -59985,7 +60014,7 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback60, useEffect as useEffect98, useMemo as useMemo56, useRef as useRef83, useState as useState129 } from "react";
+import { useCallback as useCallback60, useEffect as useEffect99, useMemo as useMemo56, useRef as useRef83, useState as useState129 } from "react";
 import * as DialogPrimitive5 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -60270,7 +60299,7 @@ var RAIL_ANIM_MS = 320;
 function useRailPresence(open) {
   const [mounted, setMounted] = useState129(open);
   const [active, setActive] = useState129(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (open) {
       setMounted(true);
       let raf2 = 0;
@@ -60597,7 +60626,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect98(() => {
+  useEffect99(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -60619,7 +60648,7 @@ function EmbeddableChatInner({
   });
   usePreventScroll5({ isDisabled: !isOpen || shellLess });
   const navigatingAwayRef = useRef83(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -60752,7 +60781,7 @@ function EmbeddableChatInner({
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
   const guidePromptSentRef = useRef83(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -60777,11 +60806,11 @@ function EmbeddableChatInner({
   const [contextPickerOpen, setContextPickerOpen] = useState129(false);
   const [mentionQuery, setMentionQuery] = useState129(null);
   const mentionActiveRef = useRef83(false);
-  useEffect98(() => {
+  useEffect99(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
   const mentionKeysRef = useRef83(/* @__PURE__ */ new Set());
-  useEffect98(() => {
+  useEffect99(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -61015,7 +61044,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback60(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect98(() => {
+  useEffect99(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -61025,7 +61054,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect98(() => {
+  useEffect99(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -61042,7 +61071,7 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect98(() => {
+  useEffect99(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
@@ -61088,7 +61117,7 @@ function EmbeddableChatInner({
   const [panelBoundary, setPanelBoundary] = useState129(null);
   const [panelWidth, setPanelWidth] = useState129(0);
   const panelMeasureRef = useRef83(null);
-  useEffect98(() => {
+  useEffect99(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -61104,7 +61133,7 @@ function EmbeddableChatInner({
     setPanelBoundary(node);
   }, []);
   const [railCollapsed, setRailCollapsed] = useState129(false);
-  useEffect98(() => {
+  useEffect99(() => {
     try {
       if (window.localStorage.getItem(RAIL_COLLAPSED_STORAGE_KEY) === "1")
         setRailCollapsed(true);
@@ -61129,7 +61158,7 @@ function EmbeddableChatInner({
   const railPresence = useRailPresence(splitActive);
   const showWideHeader = wideMingo || railPresence.mounted;
   const [composeOpen, setComposeOpen] = useState129(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (hasConversation) setComposeOpen(false);
   }, [hasConversation]);
   const isMingoMode = activeMode === "mingo";
@@ -62793,4 +62822,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-JI4JR3KC.js.map
+//# sourceMappingURL=chunk-TI75367M.js.map