@flamingo-stack/openframe-frontend-core 0.0.459 → 0.0.460-snapshot.20260721124036

package/dist/{chunk-TP5MVWQ2.js → chunk-KUVFE5WC.js}

@@ -7056,6 +7056,10 @@ function interleave(a, b) {
   return out;
 }
 var DEFAULT_MIN_CHIPS_PER_ROW = 14;
+var MIN_CHIP_PX = 72;
+var ADAPTIVE_PAD_MARGIN = 2;
+var MIN_ADAPTIVE_PAD = 4;
+var AGENT_MAX_ROWS = 2;
 function QuickActionWall({
   chips,
   theme,
@@ -7073,13 +7077,26 @@ function QuickActionWall({
   copyGap,
   minChips,
   rows,
+  agentSlug,
   loading = false,
   skeletonCount = 24,
   className,
   contentClassName,
   sync
 }) {
-  const padTarget = minChips ?? (rows ? rows * DEFAULT_MIN_CHIPS_PER_ROW : void 0);
+  const brickRef = React13.useRef(null);
+  const [brickWidth, setBrickWidth] = React13.useState(0);
+  React13.useEffect(() => {
+    const el = brickRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver((entries) => {
+      const w = entries[0]?.contentRect.width ?? 0;
+      if (w > 0) setBrickWidth(w);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const padTarget = rows ? void 0 : minChips;
   const track = React13.useMemo(() => {
     if (!padTarget || chips.length === 0 || chips.length >= padTarget) return chips;
     const repeats = Math.ceil(padTarget / chips.length);
@@ -7110,9 +7127,26 @@ function QuickActionWall({
   const renderChips = () => loading ? renderSkeletons(skeletonCount) : renderChipNodes(track);
   const gap = copyGap ?? "var(--spacing-system-xsf)";
   if (rows && rows > 0) {
-    const rowLists = Array.from({ length: rows }, (_, r) => track.filter((_2, i) => i % rows === r));
-    const skelPerRow = Math.ceil(skeletonCount / rows);
-    return /* @__PURE__ */ jsxs29("div", { className: cn("relative flex flex-col overflow-hidden", className), style: { gap }, children: [
+    const agentCapped = agentSlug === "fae" || agentSlug === "mingo";
+    const rowCap = agentCapped ? Math.min(rows, AGENT_MAX_ROWS) : rows;
+    const dataRows = agentCapped ? Math.min(Math.max(1, Math.ceil(chips.length / DEFAULT_MIN_CHIPS_PER_ROW)), rowCap) : rows;
+    const stackRows = loading ? rowCap : dataRows;
+    const adaptivePerRow = brickWidth > 0 ? Math.min(
+      Math.max(Math.ceil(brickWidth / MIN_CHIP_PX) + ADAPTIVE_PAD_MARGIN, MIN_ADAPTIVE_PAD),
+      DEFAULT_MIN_CHIPS_PER_ROW
+    ) : DEFAULT_MIN_CHIPS_PER_ROW;
+    const perRowTarget = minChips ? Math.ceil(minChips / stackRows) : adaptivePerRow;
+    const rowLists = Array.from({ length: stackRows }, (_, r) => {
+      const base = chips.filter((_2, i) => i % stackRows === r);
+      if (base.length === 0 || base.length >= perRowTarget) return base;
+      const repeats = Math.ceil(perRowTarget / base.length);
+      return Array.from(
+        { length: repeats },
+        (_2, rep) => rep === 0 ? base : base.map((chip) => ({ ...chip, id: `${chip.id}__r${rep}` }))
+      ).flat();
+    });
+    const skelPerRow = Math.ceil(skeletonCount / stackRows);
+    return /* @__PURE__ */ jsxs29("div", { ref: brickRef, className: cn("relative flex flex-col overflow-hidden", className), style: { gap }, children: [
       rowLists.map((list, r) => /* @__PURE__ */ jsx35(
         MarqueeWall,
         {
@@ -7785,6 +7819,7 @@ function MingoWelcome({
   loadError = false,
   onRetry,
   onStartGuideChat,
+  agentSlug = "mingo",
   className
 }) {
   const heading = title ?? "Hey, I'm Mingo";
@@ -7903,6 +7938,7 @@ function MingoWelcome({
                   onHoverStart: () => onQuickActionHover?.(action),
                   onHoverEnd: () => onQuickActionHoverEnd?.()
                 })),
+                agentSlug,
                 rows: 4,
                 pauseOnHover: true,
                 dragScroll: true,
@@ -7934,6 +7970,7 @@ function GuideWelcome({
   onQuickAction,
   onQuickActionHover,
   onQuickActionHoverEnd,
+  agentSlug,
   children,
   className
 }) {
@@ -8005,6 +8042,7 @@ function GuideWelcome({
           QuickActionWall,
           {
             chips: chipItems,
+            agentSlug,
             rows: 4,
             pauseOnHover: true,
             dragScroll: true,
@@ -8187,7 +8225,7 @@ import * as React24 from "react";
 
 // src/components/ui/modal-v2.tsx
 import * as React23 from "react";
-import { useEffect as useEffect11, useState as useState17 } from "react";
+import { useEffect as useEffect12, useState as useState18 } from "react";
 import { usePreventScroll } from "@react-aria/overlays";
 init_cn();
 import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
@@ -8195,8 +8233,8 @@ var ANIMATION_DURATION = 200;
 var ModalContext = React23.createContext({});
 var Modal = React23.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
-    const [isMounted, setIsMounted] = useState17(isOpen);
-    useEffect11(() => {
+    const [isMounted, setIsMounted] = useState18(isOpen);
+    useEffect12(() => {
       if (isOpen) {
         setIsMounted(true);
         return;
@@ -8205,7 +8243,7 @@ var Modal = React23.forwardRef(
       return () => clearTimeout(timeout);
     }, [isOpen]);
     usePreventScroll({ isDisabled: !isOpen });
-    useEffect11(() => {
+    useEffect12(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -8745,7 +8783,7 @@ function ChatPanelHeader({
 import * as React29 from "react";
 
 // src/components/chat/chat-attachment-bar.tsx
-import { useEffect as useEffect14, useRef as useRef13, useState as useState20 } from "react";
+import { useEffect as useEffect15, useRef as useRef14, useState as useState21 } from "react";
 init_button2();
 init_cn();
 
@@ -8823,7 +8861,7 @@ function ChatAttachmentAddButton({
   disabled = false,
   size: size2 = "default"
 }) {
-  const fileInputRef = useRef13(null);
+  const fileInputRef = useRef14(null);
   const compact = size2 === "compact";
   const boxClass = compact ? "h-6 w-6" : "h-7 w-7";
   if (!attachmentsEnabled) {
@@ -8962,8 +9000,8 @@ function extLabel(fileName) {
   return fileName.slice(dot + 1, dot + 4).toLowerCase();
 }
 function useObjectUrl(file) {
-  const [url, setUrl] = useState20(null);
-  useEffect14(() => {
+  const [url, setUrl] = useState21(null);
+  useEffect15(() => {
     if (!file) {
       setUrl(null);
       return;
@@ -9368,7 +9406,7 @@ function ChatArchivePage(props) {
 // src/components/chat/chat-sidebar.tsx
 init_cn();
 init_button2();
-import { forwardRef as forwardRef20, useRef as useRef14, useEffect as useEffect15 } from "react";
+import { forwardRef as forwardRef20, useRef as useRef15, useEffect as useEffect16 } from "react";
 
 // src/components/chat/chat-sidebar-skeleton.tsx
 init_cn();
@@ -9484,13 +9522,13 @@ DialogListItem.displayName = "DialogListItem";
 var ChatSidebar = forwardRef20(
   ({ className, onNewChat, onDialogSelect, dialogs = [], activeDialogId, isLoading, isCreatingDialog, children, hasNextPage, isFetchingNextPage, onLoadMore, ...props }, ref) => {
     const showEmptyState = dialogs.length === 0 && !children;
-    const scrollContainerRef = useRef14(null);
-    const loadMoreRef = useRef14(null);
-    const onLoadMoreRef = useRef14(onLoadMore);
+    const scrollContainerRef = useRef15(null);
+    const loadMoreRef = useRef15(null);
+    const onLoadMoreRef = useRef15(onLoadMore);
     onLoadMoreRef.current = onLoadMore;
-    const isFetchingRef = useRef14(isFetchingNextPage);
+    const isFetchingRef = useRef15(isFetchingNextPage);
     isFetchingRef.current = isFetchingNextPage;
-    useEffect15(() => {
+    useEffect16(() => {
       const scrollContainer = scrollContainerRef.current;
       const loadMoreElement = loadMoreRef.current;
       if (!scrollContainer || !loadMoreElement || !hasNextPage) return;
@@ -9940,7 +9978,7 @@ function BlogImagePlaceholder({
 }
 
 // src/components/chat/entity-cards/entity-portrait-card.tsx
-import { useEffect as useEffect16, useState as useState22 } from "react";
+import { useEffect as useEffect17, useState as useState23 } from "react";
 
 // src/components/ui/card.tsx
 init_cn();
@@ -10101,9 +10139,9 @@ function StatusBadge({
 }
 
 // src/components/chat/entity-cards/use-cover-image-fallback.ts
-import { useCallback as useCallback12, useState as useState21 } from "react";
+import { useCallback as useCallback12, useState as useState22 } from "react";
 function useCoverImageFallback(imageUrl, placeholderUrl) {
-  const [failed, setFailed] = useState21(() => /* @__PURE__ */ new Set());
+  const [failed, setFailed] = useState22(() => /* @__PURE__ */ new Set());
   const src = imageUrl && !failed.has(imageUrl) ? imageUrl : placeholderUrl && !failed.has(placeholderUrl) ? placeholderUrl : null;
   const onError = useCallback12(() => {
     if (!src) return;
@@ -10134,8 +10172,8 @@ function EntityPortraitCard({
   className
 }) {
   const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
-  const [isWide, setIsWide] = useState22(null);
-  useEffect16(() => {
+  const [isWide, setIsWide] = useState23(null);
+  useEffect17(() => {
     setIsWide(null);
   }, [src]);
   const onMediaLoad = (e) => {
@@ -10223,7 +10261,7 @@ function EntityPortraitCard({
 }
 
 // src/components/chat/entity-cards/admin-content-card.tsx
-import { useState as useState23, useEffect as useEffect17 } from "react";
+import { useState as useState24, useEffect as useEffect18 } from "react";
 init_cn();
 
 // src/components/features/platform-badge.tsx
@@ -10448,11 +10486,11 @@ function AdminContentCard({
   actions,
   className
 }) {
-  const [imageError, setImageError] = useState23(false);
-  const [imageLoaded, setImageLoaded] = useState23(false);
+  const [imageError, setImageError] = useState24(false);
+  const [imageLoaded, setImageLoaded] = useState24(false);
   const displayUrl = imageUrl && !imageError ? imageUrl : placeholderUrl;
   const imageBgColor = useImageEdgeColor(displayUrl || null, "transparent");
-  useEffect17(() => {
+  useEffect18(() => {
     setImageLoaded(false);
   }, [displayUrl]);
   return /* @__PURE__ */ jsxs55("article", { className: cn(
@@ -10623,7 +10661,7 @@ var TabsContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/features/video.tsx
-import { useCallback as useCallback13, useEffect as useEffect19, useMemo as useMemo15, useRef as useRef15, useState as useState24 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect20, useMemo as useMemo15, useRef as useRef16, useState as useState25 } from "react";
 import MuxPlayer from "@mux/mux-player-react";
 
 // src/components/features/video-center-badge.tsx
@@ -10670,7 +10708,7 @@ function fetchPriorityProp(priority) {
 }
 
 // src/components/features/use-video-warmup.ts
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect19 } from "react";
 import ReactDOM from "react-dom";
 
 // src/components/features/mux-origins.ts
@@ -10722,7 +10760,7 @@ function useVideoWarmup({
   const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
   useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
   const { ref, isNear } = useNearViewport(nearMargin);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isNear || !videoUrl || !resolvedOrigin) return;
     if (saveDataEnabled()) return;
     let videoOrigin;
@@ -10939,9 +10977,9 @@ function FilePlayer({
   className
 }) {
   const effectivePreload = preload ?? (saveDataEnabled() ? "none" : "metadata");
-  const [hoverMutedFallback, setHoverMutedFallback] = useState24(false);
-  const hoverPlayerRef = useRef15(null);
-  const perfListenerRef = useRef15(null);
+  const [hoverMutedFallback, setHoverMutedFallback] = useState25(false);
+  const hoverPlayerRef = useRef16(null);
+  const perfListenerRef = useRef16(null);
   const clearPerfListener = useCallback13(() => {
     if (perfListenerRef.current) {
       try {
@@ -10951,17 +10989,17 @@ function FilePlayer({
       perfListenerRef.current = null;
     }
   }, []);
-  useEffect19(() => clearPerfListener, [clearPerfListener]);
-  const hoverActiveRef = useRef15(false);
-  const hoverGenerationRef = useRef15(0);
-  const activationWaiterRef = useRef15(null);
+  useEffect20(() => clearPerfListener, [clearPerfListener]);
+  const hoverActiveRef = useRef16(false);
+  const hoverGenerationRef = useRef16(0);
+  const activationWaiterRef = useRef16(null);
   const clearActivationWaiter = useCallback13(() => {
     if (activationWaiterRef.current) {
       activationWaiters.delete(activationWaiterRef.current);
       activationWaiterRef.current = null;
     }
   }, []);
-  useEffect19(() => clearActivationWaiter, [clearActivationWaiter]);
+  useEffect20(() => clearActivationWaiter, [clearActivationWaiter]);
   const startHoverPlayback = useCallback13(() => {
     hoverActiveRef.current = true;
     const generation = ++hoverGenerationRef.current;
@@ -11045,7 +11083,7 @@ function FilePlayer({
     setHoverMutedFallback(false);
   }, []);
   const hoverControlled = typeof playWhenHovered === "boolean";
-  useEffect19(() => {
+  useEffect20(() => {
     if (!hoverControlled) return;
     if (playWhenHovered) startHoverPlayback();
     else stopHoverPlayback();
@@ -11146,8 +11184,8 @@ function YouTubeFacadeInner({
   className,
   minimalControls
 }) {
-  const [activated, setActivated] = useState24(false);
-  const iframeRef = useRef15(null);
+  const [activated, setActivated] = useState25(false);
+  const iframeRef = useRef16(null);
   const embedUrl = useMemo15(() => {
     const params = new URLSearchParams({
       autoplay: "1",
@@ -11168,15 +11206,15 @@ function YouTubeFacadeInner({
     }
     return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
   }, [videoId, minimalControls]);
-  const [posterTier, setPosterTier] = useState24(0);
-  useEffect19(() => {
+  const [posterTier, setPosterTier] = useState25(0);
+  useEffect20(() => {
     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));
-  useEffect19(() => {
+  useEffect20(() => {
     if (!activated) return;
     const iframe = iframeRef.current;
     if (!iframe) return;
@@ -11267,7 +11305,7 @@ function YouTubeFacadeInner({
 
 // src/components/features/video-bites-strip.tsx
 init_cn();
-import { useMemo as useMemo17, useRef as useRef17, useState as useState26, useEffect as useEffect21 } from "react";
+import { useMemo as useMemo17, useRef as useRef18, useState as useState27, useEffect as useEffect22 } from "react";
 
 // src/components/features/video-ratio-tabs.tsx
 import { Fragment as Fragment18, jsx as jsx76, jsxs as jsxs58 } from "react/jsx-runtime";
@@ -11365,7 +11403,7 @@ function sortBitesByCreatedAtDesc(a, b) {
 
 // src/components/features/cards-strip.tsx
 init_cn();
-import React37, { useCallback as useCallback14, useEffect as useEffect20, useMemo as useMemo16, useRef as useRef16, useState as useState25 } from "react";
+import React37, { useCallback as useCallback14, useEffect as useEffect21, useMemo as useMemo16, useRef as useRef17, useState as useState26 } from "react";
 init_button2();
 
 // src/components/layout/page-heading.tsx
@@ -11452,7 +11490,7 @@ function CardsStrip(props) {
   const items = childrenMode ? childItems : props.items;
   const cardWidthDesktop = childrenMode ? props.cardWidthDesktop ?? 400 : 0;
   const cardWidthMobile = childrenMode ? props.cardWidthMobile ?? 320 : 0;
-  useEffect20(() => {
+  useEffect21(() => {
     if (process.env.NODE_ENV === "production" || !childrenMode) return;
     const only = childItems.length === 1 ? childItems[0] : null;
     if (React37.isValidElement(only) && only.type === React37.Fragment) {
@@ -11467,13 +11505,13 @@ function CardsStrip(props) {
     }
     return React37.isValidElement(item) && item.key != null ? String(item.key) : String(index);
   };
-  const wrapperRef = useRef16(null);
-  const scrollerRef = useRef16(null);
-  const trackRef = useRef16(null);
-  const [reducedMotion, setReducedMotion] = useState25(false);
-  const [isTouch, setIsTouch] = useState25(false);
-  const [isMobile, setIsMobile] = useState25(false);
-  useEffect20(() => {
+  const wrapperRef = useRef17(null);
+  const scrollerRef = useRef17(null);
+  const trackRef = useRef17(null);
+  const [reducedMotion, setReducedMotion] = useState26(false);
+  const [isTouch, setIsTouch] = useState26(false);
+  const [isMobile, setIsMobile] = useState26(false);
+  useEffect21(() => {
     const subs = [];
     const watch = (query, set) => {
       const mq = window.matchMedia(query);
@@ -11487,9 +11525,9 @@ function CardsStrip(props) {
     watch("(max-width: 767px)", setIsMobile);
     return () => subs.forEach((fn) => fn());
   }, []);
-  const [overflows, setOverflows] = useState25(false);
-  const [marqueeEligible, setMarqueeEligible] = useState25(false);
-  const singleCopyWidthRef = useRef16(0);
+  const [overflows, setOverflows] = useState26(false);
+  const [marqueeEligible, setMarqueeEligible] = useState26(false);
+  const singleCopyWidthRef = useRef17(0);
   const marqueeActive = autoScroll && !reducedMotion && marqueeEligible && items.length > 0;
   const measure = useCallback14(() => {
     const scroller = scrollerRef.current;
@@ -11501,7 +11539,7 @@ function CardsStrip(props) {
     setOverflows(singleCopy > scroller.clientWidth + 1);
     setMarqueeEligible(singleCopy > scroller.clientWidth + TRACK_GAP_PX);
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     measure();
     const scroller = scrollerRef.current;
     const track = trackRef.current;
@@ -11511,10 +11549,10 @@ function CardsStrip(props) {
     ro.observe(track);
     return () => ro.disconnect();
   }, [measure, items.length, marqueeActive, isMobile]);
-  const chevronSuppressUntilRef = useRef16(0);
-  const userScrollSuppressUntilRef = useRef16(0);
-  const [nearViewport, setNearViewport] = useState25(true);
-  useEffect20(() => {
+  const chevronSuppressUntilRef = useRef17(0);
+  const userScrollSuppressUntilRef = useRef17(0);
+  const [nearViewport, setNearViewport] = useState26(true);
+  useEffect21(() => {
     const el = wrapperRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver(
@@ -11524,8 +11562,8 @@ function CardsStrip(props) {
     io.observe(el);
     return () => io.disconnect();
   }, []);
-  const [activeKey, setActiveKey] = useState25(null);
-  const activeKeyRef = useRef16(null);
+  const [activeKey, setActiveKey] = useState26(null);
+  const activeKeyRef = useRef17(null);
   const activate = useCallback14((key) => {
     activeKeyRef.current = key;
     setActiveKey(key);
@@ -11534,8 +11572,8 @@ function CardsStrip(props) {
     if (activeKeyRef.current === key) activeKeyRef.current = null;
     setActiveKey((current) => current === key ? null : current);
   }, []);
-  const hoverPointerRef = useRef16({ x: 0, y: 0, inside: false });
-  const lastHoverSyncScrollRef = useRef16(-1);
+  const hoverPointerRef = useRef17({ x: 0, y: 0, inside: false });
+  const lastHoverSyncScrollRef = useRef17(-1);
   const syncHoverToPointer = useCallback14(() => {
     const p = hoverPointerRef.current;
     if (!p.inside) return;
@@ -11596,11 +11634,11 @@ function CardsStrip(props) {
     readBack: () => scrollerRef.current?.scrollLeft ?? 0,
     onAfterFrame: syncHoverIfScrolled
   });
-  const [mountedIdx, setMountedIdx] = useState25(() => /* @__PURE__ */ new Set());
-  const cardObserverRef = useRef16(null);
-  const cardElIdxRef = useRef16(/* @__PURE__ */ new Map());
-  const cardElNearRef = useRef16(/* @__PURE__ */ new Map());
-  useEffect20(() => {
+  const [mountedIdx, setMountedIdx] = useState26(() => /* @__PURE__ */ new Set());
+  const cardObserverRef = useRef17(null);
+  const cardElIdxRef = useRef17(/* @__PURE__ */ new Map());
+  const cardElNearRef = useRef17(/* @__PURE__ */ new Map());
+  useEffect21(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver((entries) => {
       for (const e of entries) cardElNearRef.current.set(e.target, e.isIntersecting);
@@ -11628,7 +11666,7 @@ function CardsStrip(props) {
       cardObserverRef.current = null;
     };
   }, []);
-  const cardRefFnsRef = useRef16(/* @__PURE__ */ new Map());
+  const cardRefFnsRef = useRef17(/* @__PURE__ */ new Map());
   const getCardRef = useCallback14((idx) => {
     let fn = cardRefFnsRef.current.get(idx);
     if (!fn) {
@@ -11668,7 +11706,7 @@ function CardsStrip(props) {
   const onPointerDownIntent = useCallback14((e) => {
     if (e.pointerType === "touch") onUserScrollIntent();
   }, [onUserScrollIntent]);
-  const marqueeActiveRef = useRef16(false);
+  const marqueeActiveRef = useRef17(false);
   marqueeActiveRef.current = marqueeActive;
   const onSeamWarp = useCallback14(() => {
     const scroller = scrollerRef.current;
@@ -11906,14 +11944,14 @@ function VideoBiteCard({
   const key = cardKey ?? `${bite.url}__${index}`;
   const previewUrl = toMuxPreviewUrl(bite.url);
   const controlled = active !== void 0;
-  const [selfActive, setSelfActive] = useState26(false);
+  const [selfActive, setSelfActive] = useState27(false);
   const isActive = controlled ? !!active : selfActive;
   const activate = () => controlled ? onActivate?.(key) : setSelfActive(true);
   const deactivate = () => controlled ? onDeactivate?.(key) : setSelfActive(false);
   const gateControlled = playerMounted !== void 0;
-  const rootElRef = useRef17(null);
-  const [isNear, setIsNear] = useState26(false);
-  useEffect21(() => {
+  const rootElRef = useRef18(null);
+  const [isNear, setIsNear] = useState27(false);
+  useEffect22(() => {
     if (gateControlled) return;
     const el = rootElRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
@@ -13749,7 +13787,7 @@ function OnboardingGuideCard({
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { useState as useState105 } from "react";
+import { useState as useState106 } from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
 
 // src/components/chat/entity-cards/roadmap-vote-button.tsx
@@ -13790,7 +13828,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState104, useEffect as useEffect77 } from "react";
+import { useState as useState105, useEffect as useEffect78 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -13951,11 +13989,11 @@ AllowedDomainsInput.displayName = "AllowedDomainsInput";
 // src/components/ui/autocomplete.tsx
 import {
   forwardRef as forwardRef26,
-  useEffect as useEffect22,
+  useEffect as useEffect23,
   useImperativeHandle as useImperativeHandle3,
   useMemo as useMemo19,
-  useRef as useRef19,
-  useState as useState28
+  useRef as useRef20,
+  useState as useState29
 } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
@@ -14053,7 +14091,7 @@ function AutocompleteInner(props, ref) {
   const limitTagsProp = multiple ? props.limitTags ?? "auto" : "auto";
   const getLimitTagsText = multiple ? props.getLimitTagsText ?? ((more) => `+${more}`) : ((more) => `+${more}`);
   const valueArray = multiple ? props.value : props.value != null ? [props.value] : [];
-  const [internalInputValue, setInternalInputValue] = useState28("");
+  const [internalInputValue, setInternalInputValue] = useState29("");
   const isInputControlled = inputValueProp !== void 0;
   const inputValue = isInputControlled ? inputValueProp : internalInputValue;
   const updateInputValue = (value, reason) => {
@@ -14062,10 +14100,10 @@ function AutocompleteInner(props, ref) {
     }
     onInputChange?.(value, reason);
   };
-  const [isOpen, setIsOpen] = useState28(false);
-  const [highlightedIndex, setHighlightedIndex] = useState28(-1);
-  const containerRef = useRef19(null);
-  const hiddenTagsPopupRef = useRef19(null);
+  const [isOpen, setIsOpen] = useState29(false);
+  const [highlightedIndex, setHighlightedIndex] = useState29(-1);
+  const containerRef = useRef20(null);
+  const hiddenTagsPopupRef = useRef20(null);
   const isInvalid = invalid || !!error;
   useImperativeHandle3(ref, () => containerRef.current);
   const selectedOptions = useMemo19(() => {
@@ -14082,9 +14120,9 @@ function AutocompleteInner(props, ref) {
   const visibleTags = multiple ? selectedOptions.slice(0, visibleCount) : [];
   const hiddenTags = multiple ? selectedOptions.slice(visibleCount) : [];
   const hiddenTagsCount = multiple ? selectedOptions.length - visibleCount : 0;
-  const [showHiddenTags, setShowHiddenTags] = useState28(false);
-  const hiddenTagsRef = useRef19(null);
-  useEffect22(() => {
+  const [showHiddenTags, setShowHiddenTags] = useState29(false);
+  const hiddenTagsRef = useRef20(null);
+  useEffect23(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -14136,7 +14174,7 @@ function AutocompleteInner(props, ref) {
     setIsOpen(false);
     onCreateOption?.(trimmed);
   };
-  useEffect22(() => {
+  useEffect23(() => {
     setHighlightedIndex(-1);
   }, [filteredOptions.length]);
   const handleInputChange = (e) => {
@@ -15695,7 +15733,7 @@ function DateFilterMenu({
 
 // src/components/ui/duration-input.tsx
 init_cn();
-import { Fragment as Fragment27, useEffect as useEffect24, useRef as useRef20, useState as useState30 } from "react";
+import { Fragment as Fragment27, useEffect as useEffect25, useRef as useRef21, useState as useState31 } from "react";
 import { jsx as jsx100, jsxs as jsxs78 } from "react/jsx-runtime";
 var SEGMENT_META = [
   { label: "Hours", placeholder: "HH", max: 99 },
@@ -15709,9 +15747,9 @@ var split = (value) => {
   return [parts[0] || "00", parts[1] || "00", parts[2] || "00"];
 };
 function DurationInput({ value, onChange, invalid, className }) {
-  const [segments, setSegments] = useState30(() => split(value));
-  const refs = [useRef20(null), useRef20(null), useRef20(null)];
-  useEffect24(() => {
+  const [segments, setSegments] = useState31(() => split(value));
+  const refs = [useRef21(null), useRef21(null), useRef21(null)];
+  useEffect25(() => {
     setSegments((prev) => compose(prev) === value ? prev : split(value));
   }, [value]);
   const focusSegment = (i) => {
@@ -15828,7 +15866,7 @@ init_cn();
 import React47 from "react";
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect25, useRef as useRef21, useState as useState31 } from "react";
+import { useEffect as useEffect26, useRef as useRef22, useState as useState32 } from "react";
 import { jsx as jsx102 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -15844,9 +15882,9 @@ var ProgressBar = ({
   const isMdUp = useMdUp() ?? true;
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
-  const containerRef = useRef21(null);
-  const [segmentCount, setSegmentCount] = useState31(0);
-  useEffect25(() => {
+  const containerRef = useRef22(null);
+  const [segmentCount, setSegmentCount] = useState32(0);
+  useEffect26(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
       if (containerRef.current) {
@@ -17779,13 +17817,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/ui/modal.tsx
 init_cn();
 import * as React62 from "react";
-import { useEffect as useEffect30 } from "react";
+import { useEffect as useEffect31 } from "react";
 import { usePreventScroll as usePreventScroll2 } from "@react-aria/overlays";
 import { jsx as jsx122, jsxs as jsxs96 } from "react/jsx-runtime";
 var Modal2 = React62.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     usePreventScroll2({ isDisabled: !isOpen });
-    useEffect30(() => {
+    useEffect31(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -18828,7 +18866,7 @@ function TabContent({
 // src/components/ui/tab-navigation.tsx
 init_next_navigation();
 init_cn();
-import { useState as useState39, useEffect as useEffect32, useMemo as useMemo23, useRef as useRef24, useCallback as useCallback19 } from "react";
+import { useState as useState40, useEffect as useEffect33, useMemo as useMemo23, useRef as useRef25, useCallback as useCallback19 } from "react";
 import { Fragment as Fragment29, jsx as jsx132, jsxs as jsxs104 } from "react/jsx-runtime";
 function TabNavigation({
   activeTab: controlledActiveTab,
@@ -18859,9 +18897,9 @@ function TabNavigation({
     }
     return defaultTab || tabs[0]?.id || "";
   };
-  const [internalActiveTab, setInternalActiveTab] = useState39(getInitialTab);
+  const [internalActiveTab, setInternalActiveTab] = useState40(getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
-  useEffect32(() => {
+  useEffect33(() => {
     if (!isUrlSyncEnabled) return;
     const fromUrl = searchParams?.get(paramName) || "";
     const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || tabs[0]?.id || "";
@@ -18881,18 +18919,18 @@ function TabNavigation({
       controlledOnTabChange?.(tabId);
     }
   };
-  const scrollRef = useRef24(null);
-  const activeTabRef = useRef24(null);
-  const isFirstActiveScrollRef = useRef24(true);
-  const [canScrollLeft, setCanScrollLeft] = useState39(false);
-  const [canScrollRight, setCanScrollRight] = useState39(false);
+  const scrollRef = useRef25(null);
+  const activeTabRef = useRef25(null);
+  const isFirstActiveScrollRef = useRef25(true);
+  const [canScrollLeft, setCanScrollLeft] = useState40(false);
+  const [canScrollRight, setCanScrollRight] = useState40(false);
   const updateScrollShadows = useCallback19(() => {
     const el = scrollRef.current;
     if (!el) return;
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
-  useEffect32(() => {
+  useEffect33(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -18916,7 +18954,7 @@ function TabNavigation({
       ro.disconnect();
     };
   }, [updateScrollShadows]);
-  useEffect32(() => {
+  useEffect33(() => {
     const el = scrollRef.current;
     const active = activeTabRef.current;
     if (!el || !active) return;
@@ -19071,7 +19109,7 @@ function AIGeneratedBadge({ className }) {
 }
 
 // src/components/ui/fade-preview.tsx
-import { useState as useState40, useRef as useRef25, useEffect as useEffect33 } from "react";
+import { useState as useState41, useRef as useRef26, useEffect as useEffect34 } from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { Fragment as Fragment30, jsx as jsx135, jsxs as jsxs106 } from "react/jsx-runtime";
 function FadePreview({
@@ -19080,9 +19118,9 @@ function FadePreview({
   resetKey,
   children
 }) {
-  const [expanded, setExpanded] = useState40(false);
-  const contentRef = useRef25(null);
-  useEffect33(() => {
+  const [expanded, setExpanded] = useState41(false);
+  const contentRef = useRef26(null);
+  useEffect34(() => {
     setExpanded(false);
   }, [resetKey]);
   const needsFade = hiddenCount > 0;
@@ -19147,11 +19185,11 @@ var Progress = React73.forwardRef(({ className, value, indicatorClassName, ...pr
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/release-changelog-section.tsx
-import { useState as useState50 } from "react";
+import { useState as useState51 } from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 
 // src/components/ui/rich-markdown-renderer.tsx
-import { useEffect as useEffect40, useState as useState49, useRef as useRef30, useMemo as useMemo26, useCallback as useCallback22 } from "react";
+import { useEffect as useEffect41, useState as useState50, useRef as useRef31, useMemo as useMemo26, useCallback as useCallback22 } from "react";
 import ReactMarkdown2 from "react-markdown";
 import remarkGfm2 from "remark-gfm";
 import remarkBreaks2 from "remark-breaks";
@@ -19159,7 +19197,7 @@ import rehypeHighlight2 from "rehype-highlight";
 import rehypeRaw2 from "rehype-raw";
 
 // src/components/embeds/reddit-embed-client.tsx
-import { useState as useState42, useEffect as useEffect35, useRef as useRef27 } from "react";
+import { useState as useState43, useEffect as useEffect36, useRef as useRef28 } from "react";
 
 // src/utils/social-embed-cache.ts
 var cachingRequests = /* @__PURE__ */ new Map();
@@ -19441,7 +19479,7 @@ var socialCache = SocialEmbedCache.getInstance();
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState41, useRef as useRef26, useEffect as useEffect34, memo as memo4, useCallback as useCallback20 } from "react";
+import { useState as useState42, useRef as useRef27, useEffect as useEffect35, memo as memo4, useCallback as useCallback20 } from "react";
 init_button2();
 import { Fragment as Fragment31, jsx as jsx137, jsxs as jsxs107 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx137("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx137("polyline", { points: "15,18 9,12 15,6" }) });
@@ -19456,17 +19494,17 @@ var MediaCarousel = memo4(function MediaCarousel2({
   transformImageSrc,
   reserveDotRow = false
 }) {
-  const [currentIndex, setCurrentIndex] = useState41(0);
-  const [touchStart, setTouchStart] = useState41(null);
-  const [touchEnd, setTouchEnd] = useState41(null);
-  const [brokenResourceUrls, setBrokenResourceUrls] = useState41({});
-  const [loadedImageSrc, setLoadedImageSrc] = useState41(null);
-  const carouselRef = useRef26(null);
+  const [currentIndex, setCurrentIndex] = useState42(0);
+  const [touchStart, setTouchStart] = useState42(null);
+  const [touchEnd, setTouchEnd] = useState42(null);
+  const [brokenResourceUrls, setBrokenResourceUrls] = useState42({});
+  const [loadedImageSrc, setLoadedImageSrc] = useState42(null);
+  const carouselRef = useRef27(null);
   const onImageError = useCallback20((originalUrl) => {
     const key = originalUrl.trim() || "__missing_src__";
     setBrokenResourceUrls((b) => b[key] ? b : { ...b, [key]: true });
   }, []);
-  useEffect34(() => {
+  useEffect35(() => {
     if (currentIndex >= media.length && media.length > 0) {
       setCurrentIndex(media.length - 1);
     }
@@ -19783,11 +19821,11 @@ var RedditProfilePic = ({ username }) => {
 };
 function RedditEmbedClient({ url, maxWidth = 700 }) {
   const { redditProxyUrl } = useRichMarkdownRuntime();
-  const [redditData, setRedditData] = useState42(null);
-  const [loading, setLoading] = useState42(true);
-  const [error, setError] = useState42(null);
-  const initializationDone = useRef27(false);
-  useEffect35(() => {
+  const [redditData, setRedditData] = useState43(null);
+  const [loading, setLoading] = useState43(true);
+  const [error, setError] = useState43(null);
+  const initializationDone = useRef28(false);
+  useEffect36(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
     const jsonUrl = url.endsWith(".json") ? url : `${url.replace(/\/$/, "")}.json`;
@@ -20093,7 +20131,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
 }
 
 // src/components/embeds/twitter-embed-client.tsx
-import { useState as useState43, useEffect as useEffect36, useRef as useRef28 } from "react";
+import { useState as useState44, useEffect as useEffect37, useRef as useRef29 } from "react";
 import { jsx as jsx141, jsxs as jsxs109 } from "react/jsx-runtime";
 var MessageCircleIcon2 = () => /* @__PURE__ */ jsx141("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx141("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) });
 var ExternalLinkIcon3 = () => /* @__PURE__ */ jsxs109("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
@@ -20119,13 +20157,13 @@ var UserIcon4 = () => /* @__PURE__ */ jsxs109("svg", { width: "12", height: "12"
 var XIcon = () => /* @__PURE__ */ jsx141(XLogo, { className: "w-5 h-5", color: "currentColor" });
 function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
   const { twitterProxyUrl } = useRichMarkdownRuntime();
-  const [tweetData, setTweetData] = useState43(null);
-  const [loading, setLoading] = useState43(true);
-  const [error, setError] = useState43(null);
-  const initializationDone = useRef28(false);
+  const [tweetData, setTweetData] = useState44(null);
+  const [loading, setLoading] = useState44(true);
+  const [error, setError] = useState44(null);
+  const initializationDone = useRef29(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}`;
-  useEffect36(() => {
+  useEffect37(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
     if (!extractedTweetId) {
@@ -20290,7 +20328,7 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
 }
 
 // src/components/embeds/linkedin-embed-client.tsx
-import { useMemo as useMemo25, useState as useState44 } from "react";
+import { useMemo as useMemo25, useState as useState45 } from "react";
 import { ExternalLink as ExternalLink2 } from "lucide-react";
 import { jsx as jsx142, jsxs as jsxs110 } from "react/jsx-runtime";
 function toLinkedInEmbedUrl(url) {
@@ -20306,7 +20344,7 @@ function toLinkedInEmbedUrl(url) {
 }
 function LinkedInEmbedClient({ url, height = 600 }) {
   const embedUrl = useMemo25(() => toLinkedInEmbedUrl(url), [url]);
-  const [loaded, setLoaded] = useState44(false);
+  const [loaded, setLoaded] = useState45(false);
   if (!embedUrl) {
     return /* @__PURE__ */ jsx142(LinkedInContainer, { children: /* @__PURE__ */ jsxs110("div", { className: "p-6", children: [
       /* @__PURE__ */ jsxs110("div", { className: "flex items-center space-x-3 text-ods-text-secondary mb-4", children: [
@@ -20373,7 +20411,7 @@ function LinkedInEmbedClient({ url, height = 600 }) {
 }
 
 // src/components/embeds/og-link-preview.tsx
-import { useState as useState45, useEffect as useEffect37, Component as Component2 } from "react";
+import { useState as useState46, useEffect as useEffect38, Component as Component2 } from "react";
 import { jsx as jsx143, jsxs as jsxs111 } from "react/jsx-runtime";
 var OGLinkErrorBoundary = class extends Component2 {
   constructor(props) {
@@ -20418,12 +20456,12 @@ var OGLinkPreview = ({
   variant = "default",
   enablePlaceholder = true
 }) => {
-  const [ogData, setOgData] = useState45(null);
-  const [loading, setLoading] = useState45(true);
-  const [error, setError] = useState45(false);
-  const [imageError, setImageError] = useState45(false);
-  const [originalImageError, setOriginalImageError] = useState45(false);
-  const [fallbackImageError, setFallbackImageError] = useState45(false);
+  const [ogData, setOgData] = useState46(null);
+  const [loading, setLoading] = useState46(true);
+  const [error, setError] = useState46(false);
+  const [imageError, setImageError] = useState46(false);
+  const [originalImageError, setOriginalImageError] = useState46(false);
+  const [fallbackImageError, setFallbackImageError] = useState46(false);
   let isValidUrl = true;
   let isLocalhost = false;
   try {
@@ -20438,7 +20476,7 @@ var OGLinkPreview = ({
   } catch {
     isValidUrl = false;
   }
-  useEffect37(() => {
+  useEffect38(() => {
     if (!isValidUrl || isLocalhost) return;
     const fetchOGData = async () => {
       try {
@@ -20694,7 +20732,7 @@ var OGLinkPreview = ({
 };
 
 // src/components/embeds/figma-embed.tsx
-import { useState as useState47 } from "react";
+import { useState as useState48 } from "react";
 import { ExternalLink as ExternalLink3, Play as Play3, LayoutGrid } from "lucide-react";
 
 // src/utils/embed-url-converters.ts
@@ -20748,7 +20786,7 @@ function toFigmaOriginalUrl(url) {
 }
 
 // src/components/embeds/embed-iframe.tsx
-import { useState as useState46, useCallback as useCallback21, useRef as useRef29, useEffect as useEffect38 } from "react";
+import { useState as useState47, useCallback as useCallback21, useRef as useRef30, useEffect as useEffect39 } from "react";
 import { Fragment as Fragment32, jsx as jsx144, jsxs as jsxs112 } from "react/jsx-runtime";
 function EmbedLoadingSkeleton({ height }) {
   return /* @__PURE__ */ jsx144(
@@ -20769,13 +20807,13 @@ function EmbedIframe({
   loading,
   allowFullScreen
 }) {
-  const [isLoaded, setIsLoaded] = useState46(false);
-  const iframeRef = useRef29(null);
+  const [isLoaded, setIsLoaded] = useState47(false);
+  const iframeRef = useRef30(null);
   const handleLoad = useCallback21(() => setIsLoaded(true), []);
-  useEffect38(() => {
+  useEffect39(() => {
     setIsLoaded(false);
   }, [src]);
-  useEffect38(() => {
+  useEffect39(() => {
     const iframe = iframeRef.current;
     return () => {
       if (iframe) {
@@ -20854,7 +20892,7 @@ function SlidesViewToggle({
   );
 }
 function FigmaEmbed({ url, title, height, loading = "lazy" }) {
-  const [view, setView] = useState47("present");
+  const [view, setView] = useState48("present");
   const isSlides = url ? isFigmaSlidesUrl(url) : false;
   const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null;
   const originalUrl = (() => {
@@ -20911,14 +20949,14 @@ function FigmaEmbed({ url, title, height, loading = "lazy" }) {
 }
 
 // src/components/embeds/markdown-image.tsx
-import { useEffect as useEffect39, useState as useState48 } from "react";
+import { useEffect as useEffect40, useState as useState49 } from "react";
 import { jsx as jsx146 } from "react/jsx-runtime";
 var MAX_H_REM = 32;
 var DISPLAY_W = 768;
 function MarkdownImage({ src, alt }) {
   const { transformImageSrc } = useRichMarkdownRuntime();
-  const [ratio, setRatio] = useState48(null);
-  useEffect39(() => {
+  const [ratio, setRatio] = useState49(null);
+  useEffect40(() => {
     let cancelled = false;
     setRatio(null);
     const probeSrc = transformImageSrc(src, { width: 48, resize: "contain", quality: 20 }) ?? src;
@@ -21033,15 +21071,15 @@ var mermaidStyles2 = `
   }
 `;
 var MermaidDiagram2 = ({ chart }) => {
-  const [svg, setSvg] = useState49("");
-  const [error, setError] = useState49("");
-  const [isLoading, setIsLoading] = useState49(true);
-  const [mounted, setMounted] = useState49(false);
-  useEffect40(() => {
+  const [svg, setSvg] = useState50("");
+  const [error, setError] = useState50("");
+  const [isLoading, setIsLoading] = useState50(true);
+  const [mounted, setMounted] = useState50(false);
+  useEffect41(() => {
     setMounted(true);
   }, []);
   const isDarkMode = true;
-  useEffect40(() => {
+  useEffect41(() => {
     const renderMermaid = async () => {
       try {
         setIsLoading(true);
@@ -21380,7 +21418,7 @@ var RichMarkdownInner = ({
   resolveLinkEndpointUrl,
   demoteMarkdownH1ToH2
 }) => {
-  const idCountsRef = useRef30({});
+  const idCountsRef = useRef31({});
   const { ogScraperUrl } = useRichMarkdownRuntime();
   const { ogApiBaseUrl, ogEndpointPath } = useMemo26(() => {
     try {
@@ -21807,7 +21845,7 @@ function ReleaseChangelogSection({
   icon,
   MarkdownRenderer = RichMarkdownRenderer
 }) {
-  const [collapsed, setCollapsed] = useState50(collapsible ? defaultCollapsed : false);
+  const [collapsed, setCollapsed] = useState51(collapsible ? defaultCollapsed : false);
   if (!entries || entries.length === 0) return null;
   const inPreviewMode = previewFirst && !collapsible;
   const showEntries = !collapsible || !collapsed;
@@ -22003,7 +22041,7 @@ function StatusIndicator({ status, label, href }) {
 }
 
 // src/components/ui/hover-dropdown.tsx
-import { useState as useState51, useRef as useRef31, useCallback as useCallback23 } from "react";
+import { useState as useState52, useRef as useRef32, useCallback as useCallback23 } from "react";
 import { Fragment as Fragment34, jsx as jsx152, jsxs as jsxs119 } from "react/jsx-runtime";
 function DefaultAnchor({
   href,
@@ -22020,9 +22058,9 @@ function HoverDropdown({
   className,
   renderAnchor
 }) {
-  const [open, setOpen] = useState51(false);
-  const timeoutRef = useRef31(void 0);
-  const containerRef = useRef31(null);
+  const [open, setOpen] = useState52(false);
+  const timeoutRef = useRef32(void 0);
+  const containerRef = useRef32(null);
   const show = useCallback23(() => {
     clearTimeout(timeoutRef.current);
     setOpen(true);
@@ -22130,11 +22168,11 @@ function HoverDropdown({
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect42, useState as useState53 } from "react";
+import { useEffect as useEffect43, useState as useState54 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect41, useState as useState52 } from "react";
+import { useEffect as useEffect42, useState as useState53 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -22331,15 +22369,15 @@ function FilterModal({
   emptyStateTitle = "No filters available",
   emptyStateDescription = "There are no filter options to display at the moment"
 }) {
-  const [selectedFilters, setSelectedFilters] = useState52(() => {
+  const [selectedFilters, setSelectedFilters] = useState53(() => {
     return { ...currentFilters };
   });
-  const [pendingTags, setPendingTags] = useState52(selectedTags ?? []);
+  const [pendingTags, setPendingTags] = useState53(selectedTags ?? []);
   const dateDefaultSort = dateFilter?.defaultSort ?? "desc";
-  const [draftDateSort, setDraftDateSort] = useState52(dateFilter?.sort ?? dateDefaultSort);
-  const [draftDateRange, setDraftDateRange] = useState52(dateFilter?.range);
+  const [draftDateSort, setDraftDateSort] = useState53(dateFilter?.sort ?? dateDefaultSort);
+  const [draftDateRange, setDraftDateRange] = useState53(dateFilter?.range);
   const { scrollRef, fadeTop, fadeBottom, update: updateFade } = useScrollFade();
-  useEffect41(() => {
+  useEffect42(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -22942,13 +22980,13 @@ function ListPageLayout({
   mobileFilterTitle,
   stickyHeader = false
 }) {
-  const [mobileFilterOpen, setMobileFilterOpen] = useState53(false);
-  const [localSearchValue, setLocalSearchValue] = useState53(searchValue);
+  const [mobileFilterOpen, setMobileFilterOpen] = useState54(false);
+  const [localSearchValue, setLocalSearchValue] = useState54(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect42(() => {
+  useEffect43(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -25863,7 +25901,7 @@ function FeatureList({
 
 // src/components/ui/truncate-text.tsx
 init_cn();
-import { useEffect as useEffect43, useRef as useRef33, useState as useState55 } from "react";
+import { useEffect as useEffect44, useRef as useRef34, useState as useState56 } from "react";
 import { jsx as jsx182 } from "react/jsx-runtime";
 var VARIANT_CLASS = {
   h1: "text-h1",
@@ -25894,10 +25932,10 @@ function TruncateText({
   tone = "primary",
   mono = false
 }) {
-  const ref = useRef33(null);
-  const [isTruncated, setIsTruncated] = useState55(false);
+  const ref = useRef34(null);
+  const [isTruncated, setIsTruncated] = useState56(false);
   const isMultiLine = lines > 1;
-  useEffect43(() => {
+  useEffect44(() => {
     const el = ref.current;
     if (!el) return;
     const check = () => {
@@ -26297,14 +26335,14 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo39, useState as useState91 } from "react";
+import { useMemo as useMemo39, useState as useState92 } from "react";
 import { ExternalLink as ExternalLink7 } from "lucide-react";
 
 // src/components/providers/dynamic-theme-provider.tsx
 import { createContext as createContext5, useContext as useContext5 } from "react";
 
 // src/hooks/use-dynamic-theming.ts
-import { useState as useState56, useEffect as useEffect44 } from "react";
+import { useState as useState57, useEffect as useEffect45 } from "react";
 var defaultTheme = {
   primaryColor: "#FFC008",
   secondaryColor: "#161616",
@@ -26313,9 +26351,9 @@ var defaultTheme = {
   textColor: "#161616"
 };
 function useDynamicTheming() {
-  const [theme, setTheme] = useState56(defaultTheme);
-  const [isDark, setIsDark] = useState56(false);
-  useEffect44(() => {
+  const [theme, setTheme] = useState57(defaultTheme);
+  const [isDark, setIsDark] = useState57(false);
+  useEffect45(() => {
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     setIsDark(mediaQuery.matches);
     const handleChange = (e) => {
@@ -26403,7 +26441,7 @@ function useThemeToggle() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState58, useEffect as useEffect46 } from "react";
+import { useState as useState59, useEffect as useEffect47 } from "react";
 import { Trash2, Plus as Plus2, Save, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx190, jsxs as jsxs148 } from "react/jsx-runtime";
 function ArrayEntryManager({
@@ -26422,14 +26460,14 @@ function ArrayEntryManager({
   renderLabel,
   isSaving = false
 }) {
-  const [draftItems, setDraftItems] = useState58(items);
-  const [isDirty, setIsDirty] = useState58(false);
-  useEffect46(() => {
+  const [draftItems, setDraftItems] = useState59(items);
+  const [isDirty, setIsDirty] = useState59(false);
+  useEffect47(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -27555,7 +27593,7 @@ function SsoAuthShell({ children, className }) {
 
 // src/components/features/provider-button.tsx
 init_button2();
-import { useState as useState60 } from "react";
+import { useState as useState61 } from "react";
 import { jsx as jsx206 } from "react/jsx-runtime";
 var PROVIDER_CONFIG = {
   microsoft: {
@@ -27576,7 +27614,7 @@ var PROVIDER_CONFIG = {
   }
 };
 function ProviderButton({ provider, onClick, disabled = false, loading = false }) {
-  const [internalLoading, setInternalLoading] = useState60(false);
+  const [internalLoading, setInternalLoading] = useState61(false);
   const config = PROVIDER_CONFIG[provider];
   const IconComponent = config.icon;
   const isLoading = loading || internalLoading;
@@ -27660,7 +27698,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 useState61, useEffect as useEffect47 } from "react";
+import { useState as useState62, useEffect as useEffect48 } from "react";
 import { jsx as jsx208, jsxs as jsxs162 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -27670,8 +27708,8 @@ function ChangelogManager({
   expandAll = false,
   showVisibilityToggle = false
 }) {
-  const [expandedIndices, setExpandedIndices] = useState61(/* @__PURE__ */ new Set());
-  useEffect47(() => {
+  const [expandedIndices, setExpandedIndices] = useState62(/* @__PURE__ */ new Set());
+  useEffect48(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -28014,7 +28052,7 @@ var ErrorBoundary = class extends Component3 {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState62, useRef as useRef34, useEffect as useEffect48, useCallback as useCallback25, useMemo as useMemo29 } from "react";
+import { useState as useState63, useRef as useRef35, useEffect as useEffect49, useCallback as useCallback25, useMemo as useMemo29 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -28383,27 +28421,27 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef34(null);
-  const containerRef = useRef34(null);
-  const navTimerRef = useRef34(null);
-  const touchTimerRef = useRef34(null);
-  const [screenWidth, setScreenWidth] = useState62(
+  const iframeRef = useRef35(null);
+  const containerRef = useRef35(null);
+  const navTimerRef = useRef35(null);
+  const touchTimerRef = useRef35(null);
+  const [screenWidth, setScreenWidth] = useState63(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
-  const [isTouchDevice, setIsTouchDevice] = useState62(() => {
+  const [isTouchDevice, setIsTouchDevice] = useState63(() => {
     if (typeof window === "undefined") return false;
     return "ontouchstart" in window;
   });
-  const [iframeState, setIframeState] = useState62("INITIAL");
-  const [iframeKey, setIframeKey] = useState62(0);
-  const [isInitialized, setIsInitialized] = useState62(false);
-  const [currentNodeId, setCurrentNodeId] = useState62(null);
-  const [internalActiveSection, setInternalActiveSection] = useState62(
+  const [iframeState, setIframeState] = useState63("INITIAL");
+  const [iframeKey, setIframeKey] = useState63(0);
+  const [isInitialized, setIsInitialized] = useState63(false);
+  const [currentNodeId, setCurrentNodeId] = useState63(null);
+  const [internalActiveSection, setInternalActiveSection] = useState63(
     config.defaultSectionId || config.sections[0]?.id || ""
   );
   const activeSection = externalActiveSection || internalActiveSection;
-  const [isNavigating, setIsNavigating] = useState62(false);
-  const [containerDimensions, setContainerDimensions] = useState62({ width: 1200, height: 800 });
+  const [isNavigating, setIsNavigating] = useState63(false);
+  const [containerDimensions, setContainerDimensions] = useState63({ width: 1200, height: 800 });
   const viewMode = useMemo29(
     () => getViewMode(screenWidth, isTouchDevice),
     [screenWidth, isTouchDevice]
@@ -28452,7 +28490,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect48(() => {
+  useEffect49(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -28465,8 +28503,8 @@ var FigmaPrototypeViewer = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  const [lastViewMode, setLastViewMode] = useState62(viewMode);
-  useEffect48(() => {
+  const [lastViewMode, setLastViewMode] = useState63(viewMode);
+  useEffect49(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -28474,7 +28512,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect48(() => {
+  useEffect49(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -28485,7 +28523,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect48(() => {
+  useEffect49(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -28569,12 +28607,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect48(() => {
+  useEffect49(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect48(() => {
+  useEffect49(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -28677,7 +28715,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect49, useRef as useRef35, useState as useState63 } from "react";
+import { useEffect as useEffect50, useRef as useRef36, useState as useState64 } from "react";
 import { jsx as jsx215, jsxs as jsxs168 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx215(
@@ -28709,15 +28747,15 @@ var FiltersDropdown = ({
   placement = "bottom-start",
   responsive = true
 }) => {
-  const [isOpen, setIsOpen] = useState63(false);
-  const [shouldRender, setShouldRender] = useState63(false);
-  const [isVisible, setIsVisible] = useState63(false);
-  const [isMobile, setIsMobile] = useState63(false);
-  const [actualPlacement, setActualPlacement] = useState63(placement);
-  const dropdownRef = useRef35(null);
-  const triggerRef = useRef35(null);
-  const containerRef = useRef35(null);
-  useEffect49(() => {
+  const [isOpen, setIsOpen] = useState64(false);
+  const [shouldRender, setShouldRender] = useState64(false);
+  const [isVisible, setIsVisible] = useState64(false);
+  const [isMobile, setIsMobile] = useState64(false);
+  const [actualPlacement, setActualPlacement] = useState64(placement);
+  const dropdownRef = useRef36(null);
+  const triggerRef = useRef36(null);
+  const containerRef = useRef36(null);
+  useEffect50(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -28733,7 +28771,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -28745,7 +28783,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -28771,7 +28809,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", calculateOptimalPlacement);
     return () => window.removeEventListener("resize", calculateOptimalPlacement);
   }, [isOpen, isMobile, placement]);
-  const [selectedFilters, setSelectedFilters] = useState63(() => {
+  const [selectedFilters, setSelectedFilters] = useState64(() => {
     if (currentFilters) {
       return { ...currentFilters };
     }
@@ -28782,12 +28820,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect49(() => {
+  useEffect50(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect49(() => {
+  useEffect50(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -28804,7 +28842,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen, placement]);
-  useEffect49(() => {
+  useEffect50(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -28991,7 +29029,7 @@ var FiltersDropdown = ({
   ] });
 };
 var useFiltersDropdown = (initialSections) => {
-  const [appliedFilters, setAppliedFilters] = useState63(() => {
+  const [appliedFilters, setAppliedFilters] = useState64(() => {
     const initial = {};
     initialSections.forEach((section) => {
       if (section.defaultSelected) {
@@ -29070,13 +29108,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext6, useContext as useContext6, useState as useState64, useEffect as useEffect50 } from "react";
+import { createContext as createContext6, useContext as useContext6, useState as useState65, useEffect as useEffect51 } from "react";
 import { jsx as jsx218, jsxs as jsxs169 } from "react/jsx-runtime";
 var LoadingContext = createContext6(void 0);
 function LoadingProvider({ children }) {
-  const [isLoading, setIsLoading] = useState64(false);
-  const [progress, setProgress] = useState64(0);
-  useEffect50(() => {
+  const [isLoading, setIsLoading] = useState65(false);
+  const [progress, setProgress] = useState65(0);
+  useEffect51(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -29121,7 +29159,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState65, useRef as useRef36, useCallback as useCallback26 } from "react";
+import { useState as useState66, useRef as useRef37, useCallback as useCallback26 } from "react";
 import {
   Upload,
   Image as ImageIcon2,
@@ -29141,9 +29179,9 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef36(null);
-  const [deletingIndex, setDeletingIndex] = useState65(null);
-  const [draggedIndex, setDraggedIndex] = useState65(null);
+  const fileInputRef = useRef37(null);
+  const [deletingIndex, setDeletingIndex] = useState66(null);
+  const [draggedIndex, setDraggedIndex] = useState66(null);
   const handleFileSelect = useCallback26(async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -29349,7 +29387,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect51, useState as useState66, useRef as useRef37 } from "react";
+import { useEffect as useEffect52, useState as useState67, useRef as useRef38 } from "react";
 import { motion, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx222, jsxs as jsxs172 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -29367,9 +29405,9 @@ var ParallaxImageShowcase = ({
   const springConfig = { stiffness: 100, damping: 30 };
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
-  const [componentRect, setComponentRect] = useState66(null);
-  const componentRef = useRef37(null);
-  useEffect51(() => {
+  const [componentRect, setComponentRect] = useState67(null);
+  const componentRef = useRef38(null);
+  useEffect52(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -29383,7 +29421,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect51(() => {
+  useEffect52(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -29908,7 +29946,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState67, useRef as useRef38 } from "react";
+import { useState as useState68, useRef as useRef39 } 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 jsx226, jsxs as jsxs176 } from "react/jsx-runtime";
 function ReleaseMediaManager({
@@ -29917,8 +29955,8 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef38(null);
-  const [uploadingIndex, setUploadingIndex] = useState67(null);
+  const fileInputRef = useRef39(null);
+  const [uploadingIndex, setUploadingIndex] = useState68(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -30176,7 +30214,7 @@ var SelectButton = React96.forwardRef(
 SelectButton.displayName = "SelectButton";
 
 // src/components/features/seo-editor-preview.tsx
-import { useState as useState68 } from "react";
+import { useState as useState69 } from "react";
 import { Globe as Globe3, ExternalLink as ExternalLink6, Upload as Upload3, X as X6, Loader2 as Loader25 } from "lucide-react";
 import { Fragment as Fragment43, jsx as jsx228, jsxs as jsxs178 } from "react/jsx-runtime";
 function SEOEditorPreview({
@@ -30199,9 +30237,9 @@ function SEOEditorPreview({
   disabled = false,
   className = ""
 }) {
-  const [imageError, setImageError] = useState68(false);
-  const [isUploading, setIsUploading] = useState68(false);
-  const [fileInputRef, setFileInputRef] = useState68(null);
+  const [imageError, setImageError] = useState69(false);
+  const [isUploading, setIsUploading] = useState69(false);
+  const [fileInputRef, setFileInputRef] = useState69(null);
   const seoTitleLength = (seoTitle || "").length;
   const seoTitleTooLong = seoTitleLength > SEO_TITLE_MAX_LENGTH;
   const seoDescriptionLength = (seoDescription || "").length;
@@ -30697,7 +30735,7 @@ function StatusFilterComponent({
 }
 
 // src/components/features/tags-selector.tsx
-import { useState as useState69 } from "react";
+import { useState as useState70 } from "react";
 import { Search as Search2, X as X7, Plus as Plus6, Loader2 as Loader26 } from "lucide-react";
 import { jsx as jsx232, jsxs as jsxs181 } from "react/jsx-runtime";
 function TagsSelector({
@@ -30711,9 +30749,9 @@ function TagsSelector({
   disabled = false,
   allowCreate = true
 }) {
-  const [searchQuery, setSearchQuery] = useState69("");
-  const [showDropdown, setShowDropdown] = useState69(false);
-  const [isCreating, setIsCreating] = useState69(false);
+  const [searchQuery, setSearchQuery] = useState70("");
+  const [showDropdown, setShowDropdown] = useState70(false);
+  const [isCreating, setIsCreating] = useState70(false);
   const handleTagAdd = (tagId) => {
     if (!selectedTagIds.includes(tagId) && selectedTagIds.length < maxTags) {
       onTagsChange([...selectedTagIds, tagId]);
@@ -30927,7 +30965,7 @@ function getCaptionsUrl(entityType, entityId, srtContent) {
 }
 
 // src/components/features/video-source-selector.tsx
-import { useState as useState70, useCallback as useCallback27 } from "react";
+import { useState as useState71, useCallback as useCallback27 } from "react";
 import { Upload as Upload4, X as X8, Video as VideoIcon3 } from "lucide-react";
 init_button2();
 import { jsx as jsx235, jsxs as jsxs183 } from "react/jsx-runtime";
@@ -30953,10 +30991,10 @@ function VideoSourceSelector({
   showTitle = true,
   className = ""
 }) {
-  const [isUploading, setIsUploading] = useState70(false);
-  const [uploadProgress, setUploadProgress] = useState70(0);
-  const [uploadMessage, setUploadMessage] = useState70("");
-  const [uploadError, setUploadError] = useState70(null);
+  const [isUploading, setIsUploading] = useState71(false);
+  const [uploadProgress, setUploadProgress] = useState71(0);
+  const [uploadMessage, setUploadMessage] = useState71("");
+  const [uploadError, setUploadError] = useState71(null);
   const handleUploadClick = useCallback27(() => {
     const input = document.createElement("input");
     input.type = "file";
@@ -31296,7 +31334,7 @@ function TranscriptSummaryEditor({
 }
 
 // src/components/features/highlight-video-section.tsx
-import { useState as useState71 } from "react";
+import { useState as useState72 } from "react";
 import { Sparkles as Sparkles4, Upload as Upload5 } from "lucide-react";
 init_button2();
 
@@ -31595,7 +31633,7 @@ function HighlightVideoSection({
   disabled = false,
   className = ""
 }) {
-  const [uploadError, setUploadError] = useState71(null);
+  const [uploadError, setUploadError] = useState72(null);
   const handleUploadClick = () => {
     const input = document.createElement("input");
     input.type = "file";
@@ -32426,7 +32464,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useEffect as useEffect52, useState as useState72 } from "react";
+import { useEffect as useEffect53, useState as useState73 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
 import { Fragment as Fragment44, jsx as jsx253, jsxs as jsxs197 } from "react/jsx-runtime";
@@ -32602,9 +32640,9 @@ var PolicyConfigurationPanel = ({
   onCategoryPermissionChange,
   className
 }) => {
-  const [expandedIds, setExpandedIds] = useState72(/* @__PURE__ */ new Set());
-  const [bulkLevels, setBulkLevels] = useState72({});
-  useEffect52(() => {
+  const [expandedIds, setExpandedIds] = useState73(/* @__PURE__ */ new Set());
+  const [bulkLevels, setBulkLevels] = useState73({});
+  useEffect53(() => {
     setBulkLevels({});
   }, [editMode]);
   const handleToggle = (categoryId) => {
@@ -32644,7 +32682,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback28, useEffect as useEffect53, useMemo as useMemo30, useRef as useRef39, useState as useState73 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect54, useMemo as useMemo30, useRef as useRef40, useState as useState74 } from "react";
 import { jsx as jsx254, jsxs as jsxs198 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -32661,8 +32699,8 @@ function PhoneInput({
     () => [...priority, ...others].find((c) => c.code === countryCode),
     [countryCode, priority, others]
   );
-  const [isInvalid, setIsInvalid] = useState73(false);
-  const debounceRef = useRef39(null);
+  const [isInvalid, setIsInvalid] = useState74(false);
+  const debounceRef = useRef40(null);
   const digitCount = useCallback28((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback28((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -32678,7 +32716,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect53(() => {
+  useEffect54(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -32745,7 +32783,7 @@ function CountryOption({ country }) {
 // src/components/features/waitlist-form.tsx
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect54, useState as useState74 } from "react";
+import { useEffect as useEffect55, useState as useState75 } from "react";
 import { Fragment as Fragment45, jsx as jsx255, jsxs as jsxs199 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -32765,22 +32803,22 @@ function WaitlistForm({
   privacyPolicyUrl,
   consentText = "I agree to receive recurring automated text messages at the phone number provided. Msg & data rates may apply. Msg frequency varies. Reply HELP for help and STOP to cancel."
 }) {
-  const [email, setEmail] = useState74(defaultEmail);
-  const [phone, setPhone] = useState74(defaultPhone);
-  const [countryCode, setCountryCode] = useState74("US");
+  const [email, setEmail] = useState75(defaultEmail);
+  const [phone, setPhone] = useState75(defaultPhone);
+  const [countryCode, setCountryCode] = useState75("US");
   const { toast } = useToast();
   const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();
-  const [smsConsent, setSmsConsent] = useState74(false);
-  const [isClient, setIsClient] = useState74(false);
-  const [isPhoneInvalid, setIsPhoneInvalid] = useState74(false);
-  const [showConsentError, setShowConsentError] = useState74(false);
+  const [smsConsent, setSmsConsent] = useState75(false);
+  const [isClient, setIsClient] = useState75(false);
+  const [isPhoneInvalid, setIsPhoneInvalid] = useState75(false);
+  const [showConsentError, setShowConsentError] = useState75(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect54(() => {
+  useEffect55(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect54(() => {
+  useEffect55(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -33168,7 +33206,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect58, useRef as useRef42 } from "react";
+import { useEffect as useEffect59, useRef as useRef43 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext8, useContext as useContext8 } from "react";
@@ -33663,7 +33701,7 @@ init_button2();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo32, useEffect as useEffect57, useState as useState77 } from "react";
+import { useMemo as useMemo32, useEffect as useEffect58, useState as useState78 } from "react";
 init_cn();
 import { jsx as jsx258, jsxs as jsxs201 } from "react/jsx-runtime";
 var variantBySeverity = {
@@ -33704,14 +33742,14 @@ function NotificationTile({
     settled
   } = notification;
   const accentVariant = (severity ? variantBySeverity[severity] : void 0) ?? variant;
-  const [failedImageUrl, setFailedImageUrl] = useState77(null);
+  const [failedImageUrl, setFailedImageUrl] = useState78(null);
   const image = imageUrl && imageUrl !== failedImageUrl ? imageUrl : void 0;
   const createdAtDate = new Date(createdAt);
   const createdAtIso = Number.isNaN(createdAtDate.getTime()) ? null : createdAtDate.toISOString();
   const initialElapsed = useMemo32(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect57(() => {
+  useEffect58(() => {
     if (!counting) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -33936,11 +33974,11 @@ function DrawerScrollList({
   loadMoreRootMargin,
   renderTile
 }) {
-  const scrollRef = useRef42(null);
-  const sentinelRef = useRef42(null);
-  const loadMoreRef = useRef42(loadMore);
+  const scrollRef = useRef43(null);
+  const sentinelRef = useRef43(null);
+  const loadMoreRef = useRef43(loadMore);
   loadMoreRef.current = loadMore;
-  useEffect58(() => {
+  useEffect59(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -34160,7 +34198,7 @@ function NotificationPopups({
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
 init_button2();
-import { useMemo as useMemo33, useState as useState78 } from "react";
+import { useMemo as useMemo33, useState as useState79 } from "react";
 
 // src/components/chat/types/chat.types.ts
 var CHAT_TYPE = {
@@ -34376,10 +34414,10 @@ function ApprovalRequestNotificationTile({
   defaultExpanded = false,
   className
 }) {
-  const [expanded, setExpanded] = useState78(defaultExpanded);
-  const [pinned, setPinned] = useState78(defaultExpanded);
-  const [processing, setProcessing] = useState78(false);
-  const [localStatus, setLocalStatus] = useState78(null);
+  const [expanded, setExpanded] = useState79(defaultExpanded);
+  const [pinned, setPinned] = useState79(defaultExpanded);
+  const [processing, setProcessing] = useState79(false);
+  const [localStatus, setLocalStatus] = useState79(null);
   const approval = getApprovalMeta(notification);
   const resolvedStatus = resolutionToStatus(approval?.resolution);
   const status = resolvedStatus !== "pending" ? resolvedStatus : localStatus ?? "pending";
@@ -34480,12 +34518,12 @@ function useOptionalTimeTracker() {
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
 init_cn();
-import { useEffect as useEffect60, useState as useState81 } from "react";
+import { useEffect as useEffect61, useState as useState82 } from "react";
 init_button();
 init_split_button();
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect59, useState as useState80 } from "react";
+import { useEffect as useEffect60, useState as useState81 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -34495,8 +34533,8 @@ function formatElapsed(totalMs) {
   return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
-  const [now, setNow] = useState80(() => Date.now());
-  useEffect59(() => {
+  const [now, setNow] = useState81(() => Date.now());
+  useEffect60(() => {
     if (status !== "tracking") return;
     setNow(Date.now());
     const id = setInterval(() => setNow(Date.now()), 1e3);
@@ -34551,12 +34589,12 @@ function TimeTrackerPanel({
   className
 }) {
   const elapsedLabel = useTrackerClock({ status, runningSince, accumulatedMs });
-  const [showValidationError, setShowValidationError] = useState81(false);
+  const [showValidationError, setShowValidationError] = useState82(false);
   const isRunning = status === "tracking";
   const isActive = status !== "ready";
   const hasContent = selectedTicketId != null || notes.trim() !== "";
   const showFieldError = isActive && showValidationError && !hasContent;
-  useEffect60(() => {
+  useEffect61(() => {
     if (status === "ready") setShowValidationError(false);
   }, [status]);
   const handleSubmit = () => {
@@ -34807,7 +34845,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 useEffect61, useRef as useRef43 } from "react";
+import { useEffect as useEffect62, useRef as useRef44 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -34846,11 +34884,11 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
   const isOpen = ctx?.isOpen ?? false;
-  const isOpenRef = useRef43(isOpen);
+  const isOpenRef = useRef44(isOpen);
   isOpenRef.current = isOpen;
-  const closeRef = useRef43(ctx?.close);
+  const closeRef = useRef44(ctx?.close);
   closeRef.current = ctx?.close;
-  const selfHandleRef = useRef43(null);
+  const selfHandleRef = useRef44(null);
   if (!selfHandleRef.current) {
     selfHandleRef.current = {
       close: () => {
@@ -34858,10 +34896,10 @@ function TimeTrackerHeaderButton({ className, disabled }) {
       }
     };
   }
-  useEffect61(() => {
+  useEffect62(() => {
     if (isOpen) coordination?.notifyDrawerDidOpen(selfHandleRef.current ?? void 0);
   }, [isOpen, coordination]);
-  useEffect61(() => {
+  useEffect62(() => {
     if (!selfHandleRef.current) return;
     return coordination?.registerDrawer(selfHandleRef.current);
   }, [coordination]);
@@ -35478,13 +35516,13 @@ function EmptyState2() {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback33, useState as useState83 } from "react";
+import { useCallback as useCallback33, useState as useState84 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
     {}
   );
-  const [memory, setMemory] = useState83({});
+  const [memory, setMemory] = useState84({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
   const toggle = useCallback33(
@@ -35875,18 +35913,18 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React110, { useEffect as useEffect64, useRef as useRef47, useState as useState85 } from "react";
+import React110, { useEffect as useEffect65, useRef as useRef48, useState as useState86 } from "react";
 init_button2();
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef46 } from "react";
+import { useRef as useRef47 } from "react";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment52, jsx as jsx273, jsxs as jsxs212 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef46(null);
+  const panelRef = useRef47(null);
   usePreventScroll3({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = useHeaderHeight(64, { enabled: isOpen });
@@ -36044,12 +36082,12 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
 // src/components/navigation/header.tsx
 import { Fragment as Fragment53, jsx as jsx275, jsxs as jsxs214 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
-  const [show, setShow] = useState85(true);
-  const [lastScrollY, setLastScrollY] = useState85(0);
-  const [openDropdowns, setOpenDropdowns] = useState85({});
-  const dropdownRefs = useRef47({});
-  const triggerRefs = useRef47({});
-  useEffect64(() => {
+  const [show, setShow] = useState86(true);
+  const [lastScrollY, setLastScrollY] = useState86(0);
+  const [openDropdowns, setOpenDropdowns] = useState86({});
+  const dropdownRefs = useRef48({});
+  const triggerRefs = useRef48({});
+  useEffect65(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -36078,14 +36116,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect64(() => {
+  useEffect65(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect64(() => {
+  useEffect65(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -36326,7 +36364,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState86, useEffect as useEffect65 } from "react";
+import { useState as useState87, useEffect as useEffect66 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx276, jsxs as jsxs215 } from "react/jsx-runtime";
@@ -36374,8 +36412,8 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 import { jsx as jsx277 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
-  const [isClient, setIsClient] = useState86(false);
-  useEffect65(() => {
+  const [isClient, setIsClient] = useState87(false);
+  useEffect66(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -36385,20 +36423,20 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState87, useEffect as useEffect66, useRef as useRef48 } from "react";
+import { useState as useState88, useEffect as useEffect67, useRef as useRef49 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 init_button2();
 import { Fragment as Fragment54, jsx as jsx278, jsxs as jsxs216 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
-  const [expandedItems, setExpandedItems] = useState87(/* @__PURE__ */ new Set());
-  const [mounted, setMounted] = useState87(false);
+  const [expandedItems, setExpandedItems] = useState88(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = useState88(false);
   const headerHeight = useHeaderHeight();
-  const asideRef = useRef48(null);
+  const asideRef = useRef49(null);
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll4({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
-  useEffect66(() => {
+  useEffect67(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -36566,7 +36604,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect67, useState as useState88, useCallback as useCallback35, useRef as useRef49 } from "react";
+import { useEffect as useEffect68, useState as useState89, useCallback as useCallback35, useRef as useRef50 } from "react";
 import { jsx as jsx279, jsxs as jsxs217 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -36627,8 +36665,8 @@ function StickySectionNav({
   ] });
 }
 function useSectionNavigation(sections, options) {
-  const [activeSection, setActiveSection] = useState88(sections[0]?.id || "");
-  const isScrollingFromClick = useRef49(false);
+  const [activeSection, setActiveSection] = useState89(sections[0]?.id || "");
+  const isScrollingFromClick = useRef50(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback35((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -36640,14 +36678,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect67(() => {
+  useEffect68(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect67(() => {
+  useEffect68(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -36680,7 +36718,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback36, useEffect as useEffect68, useLayoutEffect as useLayoutEffect7, useMemo as useMemo37, useState as useState89 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect69, useLayoutEffect as useLayoutEffect7, useMemo as useMemo37, useState as useState90 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx280, jsxs as jsxs218 } from "react/jsx-runtime";
@@ -36828,12 +36866,12 @@ function NavigationSidebar({ config, disabled = false }) {
     STORAGE_KEY,
     config.minimized ?? false
   );
-  const [tabletMinimized, setTabletMinimized] = useState89(true);
-  useEffect68(() => {
+  const [tabletMinimized, setTabletMinimized] = useState90(true);
+  useEffect69(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const minimized = isTablet ? tabletMinimized : desktopMinimized;
-  const [transitionsEnabled, setTransitionsEnabled] = useState89(false);
+  const [transitionsEnabled, setTransitionsEnabled] = useState90(false);
   const isOverlayOpen = isTablet && !minimized;
   const showLabel = !minimized;
   const handleToggle = useCallback36(() => {
@@ -36847,7 +36885,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback36(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect68(() => {
+  useEffect69(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -37328,10 +37366,10 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo38, useRef as useRef51, useState as useState90 } from "react";
+import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo38, useRef as useRef52, useState as useState91 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React115, { useCallback as useCallback37, useRef as useRef50 } from "react";
+import React115, { useCallback as useCallback37, useRef as useRef51 } from "react";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { Fragment as Fragment56, jsx as jsx288, jsxs as jsxs226 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
@@ -37345,7 +37383,7 @@ var MobileBurgerMenu = React115.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  const panelRef = useRef50(null);
+  const panelRef = useRef51(null);
   usePreventScroll5({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = useCallback37((item) => {
@@ -37528,11 +37566,11 @@ function AppLayout({
   drawer,
   topBar
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState90(false);
-  const [drawerContainer, setDrawerContainer] = useState90(null);
-  const mobileMenuOpenRef = useRef51(mobileMenuOpen);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState91(false);
+  const [drawerContainer, setDrawerContainer] = useState91(null);
+  const mobileMenuOpenRef = useRef52(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef51(/* @__PURE__ */ new Set());
+  const drawerHandlesRef = useRef52(/* @__PURE__ */ new Set());
   const handleToggleMobileMenu = useCallback38(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
@@ -38159,7 +38197,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React117, { useRef as useRef52, useCallback as useCallback39 } from "react";
+import React117, { useRef as useRef53, useCallback as useCallback39 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React116 from "react";
@@ -38283,10 +38321,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef52(false);
-  const autoMarkingInProgressRef = useRef52(false);
-  const lastCompletionStatusRef = useRef52(null);
-  const actionInProgressRef = useRef52(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef53(false);
+  const autoMarkingInProgressRef = useRef53(false);
+  const lastCompletionStatusRef = useRef53(null);
+  const actionInProgressRef = useRef53(/* @__PURE__ */ new Set());
   React117.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -38625,7 +38663,7 @@ function ServiceCard({ title, subtitle, icon, tag, rows, className }) {
   ] });
 }
 function ServiceCardRowItem({ row }) {
-  const [revealed, setRevealed] = useState91(false);
+  const [revealed, setRevealed] = useState92(false);
   const { copy, copied } = useCopyToClipboard();
   const actions = useMemo39(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
   const displayValue = row.isSecret ? /* @__PURE__ */ jsx302(MaskedValue, { value: row.value, isRevealed: revealed }) : /* @__PURE__ */ jsx302("span", { children: row.value });
@@ -38974,7 +39012,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx307(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect70, useRef as useRef54 } from "react";
+import { useEffect as useEffect71, useRef as useRef55 } from "react";
 init_pagination();
 init_button2();
 
@@ -39585,10 +39623,10 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect69, useState as useState92 } from "react";
+import { useEffect as useEffect70, useState as useState93 } from "react";
 function useTableMotion(enabled) {
-  const [runtime, setRuntime] = useState92(null);
-  useEffect69(() => {
+  const [runtime, setRuntime] = useState93(null);
+  useEffect70(() => {
     if (!enabled || runtime) return;
     let active = true;
     import("framer-motion").then((m) => {
@@ -39734,10 +39772,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef54(null);
-  const onLoadMoreRef = useRef54(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef55(null);
+  const onLoadMoreRef = useRef55(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect70(() => {
+  useEffect71(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -39955,7 +39993,7 @@ import { useMemo as useMemo40 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef55, useState as useState93, useCallback as useCallback40 } from "react";
+import { useRef as useRef56, useState as useState94, useCallback as useCallback40 } from "react";
 import { jsx as jsx319, jsxs as jsxs252 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -39984,8 +40022,8 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef55(null);
-  const [isTruncated, setIsTruncated] = useState93(false);
+  const textRef = useRef56(null);
+  const [isTruncated, setIsTruncated] = useState94(false);
   const checkTruncation = useCallback40(() => {
     const el = textRef.current;
     if (el) {
@@ -40014,7 +40052,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef56, useState as useState94, useCallback as useCallback41 } from "react";
+import { useRef as useRef57, useState as useState95, useCallback as useCallback41 } from "react";
 import { jsx as jsx320, jsxs as jsxs253 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -40060,8 +40098,8 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef56(null);
-  const [isTruncated, setIsTruncated] = useState94(false);
+  const textRef = useRef57(null);
+  const [isTruncated, setIsTruncated] = useState95(false);
   const checkTruncation = useCallback41(() => {
     const el = textRef.current;
     if (el) {
@@ -40562,7 +40600,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo5, useCallback as useCallback43, useRef as useRef57 } from "react";
+import { memo as memo5, useCallback as useCallback43, useRef as useRef58 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -40647,7 +40685,7 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef57(null);
+  const containerRef = useRef58(null);
   const handleClick = useCallback43(
     (e) => {
       const target = e.target;
@@ -40815,7 +40853,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect71, useRef as useRef58 } from "react";
+import { useEffect as useEffect72, useRef as useRef59 } from "react";
 import { Fragment as Fragment64, jsx as jsx330, jsxs as jsxs261 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -40824,10 +40862,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef58(null);
-  const onLoadMoreRef = useRef58(onLoadMore);
+  const sentinelRef = useRef59(null);
+  const onLoadMoreRef = useRef59(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect71(() => {
+  useEffect72(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -41461,9 +41499,9 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect73,
-  useRef as useRef60,
-  useState as useState96
+  useEffect as useEffect74,
+  useRef as useRef61,
+  useState as useState97
 } from "react";
 init_cn();
 import { jsx as jsx334, jsxs as jsxs265 } from "react/jsx-runtime";
@@ -41497,11 +41535,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef60(null);
-  const hiddenTagsRef = useRef60(null);
-  const hiddenTagsPopupRef = useRef60(null);
-  const [showHiddenTags, setShowHiddenTags] = useState96(false);
-  useEffect73(() => {
+  const wrapperRef = useRef61(null);
+  const hiddenTagsRef = useRef61(null);
+  const hiddenTagsPopupRef = useRef61(null);
+  const [showHiddenTags, setShowHiddenTags] = useState97(false);
+  useEffect74(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -41656,7 +41694,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef61, useCallback as useCallback44, useState as useState97, useEffect as useEffect74 } from "react";
+import { useRef as useRef62, useCallback as useCallback44, useState as useState98, useEffect as useEffect75 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx335, jsxs as jsxs266 } from "react/jsx-runtime";
@@ -41687,7 +41725,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() {
-  useEffect74(() => {
+  useEffect75(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -41711,11 +41749,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef61(null);
-  const [isUploading, setIsUploading] = useState97(false);
-  const [uploadProgress, setUploadProgress] = useState97("");
-  const [defaultExtraCommands, setDefaultExtraCommands] = useState97([]);
-  useEffect74(() => {
+  const fileInputRef = useRef62(null);
+  const [isUploading, setIsUploading] = useState98(false);
+  const [uploadProgress, setUploadProgress] = useState98("");
+  const [defaultExtraCommands, setDefaultExtraCommands] = useState98([]);
+  useEffect75(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -41804,11 +41842,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef61(null);
-  const isDraggingRef = useRef61(false);
-  const mouseYRef = useRef61(0);
-  const rafRef = useRef61(0);
-  const scrollParentRef = useRef61(window);
+  const wrapperRef = useRef62(null);
+  const isDraggingRef = useRef62(false);
+  const mouseYRef = useRef62(0);
+  const rafRef = useRef62(0);
+  const scrollParentRef = useRef62(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback44((el) => {
@@ -41838,7 +41876,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect74(() => {
+  useEffect75(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -43320,8 +43358,8 @@ function ImageGalleryModal({
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState104(initialIndex);
-  useEffect77(() => {
+  const [selectedImageIndex, setSelectedImageIndex] = useState105(initialIndex);
+  useEffect78(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -43336,7 +43374,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect77(() => {
+  useEffect78(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -43539,7 +43577,7 @@ function RoadmapCard({
   onVote,
   isVoting = false
 }) {
-  const [showScreenshots, setShowScreenshots] = useState105(false);
+  const [showScreenshots, setShowScreenshots] = useState106(false);
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = logoUrl ? getProxiedImageUrl(logoUrl, { directHttps: true }) || logoUrl : null;
   if (size2 === "sm") {
@@ -44175,7 +44213,7 @@ function DataRoomDocCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/program-card.tsx
-import { useState as useState106 } from "react";
+import { useState as useState107 } from "react";
 
 // node_modules/date-fns/toDate.mjs
 function toDate2(argument) {
@@ -45812,8 +45850,8 @@ function getHosts(hosts) {
   return [];
 }
 function MediaGallery({ images, title }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState106(null);
-  const [isModalOpen, setIsModalOpen] = useState106(false);
+  const [selectedImageIndex, setSelectedImageIndex] = useState107(null);
+  const [isModalOpen, setIsModalOpen] = useState107(false);
   const openImageModal = (index, event) => {
     if (event) event.stopPropagation();
     setSelectedImageIndex(index);
@@ -47411,7 +47449,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback46, useRef as useRef65 } from "react";
+import { useCallback as useCallback46, useRef as useRef66 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -47433,22 +47471,22 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef65(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef65(null);
-  const lastSequenceIdByType = useRef65(/* @__PURE__ */ new Map());
-  const fetchingInProgress = useRef65(false);
-  const lastFetchParams = useRef65(null);
-  const pendingCatchupRef = useRef65(null);
-  const chunkBuffer = useRef65([]);
-  const bufferUntilInitialCatchupComplete = useRef65(false);
-  const hasCompletedInitialCatchup = useRef65(false);
-  const dialogIdRef = useRef65(dialogId);
+  const processedSequenceKeys = useRef66(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef66(null);
+  const lastSequenceIdByType = useRef66(/* @__PURE__ */ new Map());
+  const fetchingInProgress = useRef66(false);
+  const lastFetchParams = useRef66(null);
+  const pendingCatchupRef = useRef66(null);
+  const chunkBuffer = useRef66([]);
+  const bufferUntilInitialCatchupComplete = useRef66(false);
+  const hasCompletedInitialCatchup = useRef66(false);
+  const dialogIdRef = useRef66(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef65(chatTypes);
+  const chatTypesRef = useRef66(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef65(fetchChunks);
+  const fetchChunksRef = useRef66(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef65(onChunkReceived);
+  const onChunkReceivedRef = useRef66(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback46((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -47645,7 +47683,7 @@ function useChunkCatchup({
       }
     }
   }, [flushBufferedRealtimeChunks]);
-  const catchUpChunksRef = useRef65(null);
+  const catchUpChunksRef = useRef66(null);
   catchUpChunksRef.current = catchUpChunks;
   const resetChunkTracking = useCallback46(() => {
     processedSequenceKeys.current.clear();
@@ -47689,20 +47727,20 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-scripted-stream.ts
-import { useEffect as useEffect78, useState as useState107 } from "react";
+import { useEffect as useEffect79, useState as useState108 } 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;
 }
 function useScriptedStream(frames, resetKey, enabled = true) {
-  const [index, setIndex] = useState107(0);
-  const [reducedMotion, setReducedMotion] = useState107(false);
-  const [prevKey, setPrevKey] = useState107(resetKey);
+  const [index, setIndex] = useState108(0);
+  const [reducedMotion, setReducedMotion] = useState108(false);
+  const [prevKey, setPrevKey] = useState108(resetKey);
   if (resetKey !== prevKey) {
     setPrevKey(resetKey);
     setIndex(0);
   }
-  useEffect78(() => {
+  useEffect79(() => {
     setReducedMotion(prefersReducedMotion());
     const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
     if (!mq) return;
@@ -47712,7 +47750,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
   }, []);
   const playing = enabled && !reducedMotion && frames.length > 0;
   const lastIndex = Math.max(0, frames.length - 1);
-  useEffect78(() => {
+  useEffect79(() => {
     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);
@@ -47724,7 +47762,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect79, useRef as useRef66, useState as useState108 } from "react";
+import { useEffect as useEffect80, useRef as useRef67, useState as useState109 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -47743,57 +47781,57 @@ function useJetStreamDialogSubscription({
   reconnectionBackoff,
   inactiveThresholdMs
 }) {
-  const [isConnected, setIsConnected] = useState108(false);
-  const [isSubscribed, setIsSubscribed] = useState108(false);
-  const [reconnectionCount, setReconnectionCount] = useState108(0);
-  const [currentStreamSeq, setCurrentStreamSeq] = useState108(null);
-  const clientRef = useRef66(null);
-  const subscriptionRef = useRef66(null);
-  const highestStreamSeqRef = useRef66(null);
-  const onEventRef = useRef66(onEvent);
-  useEffect79(() => {
+  const [isConnected, setIsConnected] = useState109(false);
+  const [isSubscribed, setIsSubscribed] = useState109(false);
+  const [reconnectionCount, setReconnectionCount] = useState109(0);
+  const [currentStreamSeq, setCurrentStreamSeq] = useState109(null);
+  const clientRef = useRef67(null);
+  const subscriptionRef = useRef67(null);
+  const highestStreamSeqRef = useRef67(null);
+  const onEventRef = useRef67(onEvent);
+  useEffect80(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef66(onConnect);
-  useEffect79(() => {
+  const onConnectRef = useRef67(onConnect);
+  useEffect80(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef66(onDisconnect);
-  useEffect79(() => {
+  const onDisconnectRef = useRef67(onDisconnect);
+  useEffect80(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef66(onSubscribed);
-  useEffect79(() => {
+  const onSubscribedRef = useRef67(onSubscribed);
+  useEffect80(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef66(onBeforeReconnect);
-  useEffect79(() => {
+  const onBeforeReconnectRef = useRef67(onBeforeReconnect);
+  useEffect80(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef66(getNatsWsUrl);
-  useEffect79(() => {
+  const getNatsWsUrlRef = useRef67(getNatsWsUrl);
+  useEffect80(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef66(reconnectionBackoff);
-  useEffect79(() => {
+  const reconnectionBackoffRef = useRef67(reconnectionBackoff);
+  useEffect80(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef66(optStartSeq);
-  useEffect79(() => {
+  const optStartSeqRef = useRef67(optStartSeq);
+  useEffect80(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef66(inactiveThresholdMs);
-  useEffect79(() => {
+  const inactiveThresholdRef = useRef67(inactiveThresholdMs);
+  useEffect80(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef66(false);
-  const clientConfigRef = useRef66(clientConfig);
-  useEffect79(() => {
+  const hadConnectionBeforeRef = useRef67(false);
+  const clientConfigRef = useRef67(clientConfig);
+  useEffect80(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef66("");
+  const currentWsUrlRef = useRef67("");
   const wsUrl = getNatsWsUrl();
-  useEffect79(() => {
+  useEffect80(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47874,11 +47912,11 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect79(() => {
+  useEffect80(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
-  useEffect79(() => {
+  useEffect80(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -47965,7 +48003,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect80, useRef as useRef67, useState as useState109 } from "react";
+import { useEffect as useEffect81, useRef as useRef68, useState as useState110 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -47979,47 +48017,47 @@ function useNatsDialogSubscription({
   clientConfig = {},
   reconnectionBackoff
 }) {
-  const [isConnected, setIsConnected] = useState109(false);
-  const [isSubscribed, setIsSubscribed] = useState109(false);
-  const [reconnectionCount, setReconnectionCount] = useState109(0);
-  const clientRef = useRef67(null);
-  const subscriptionRefs = useRef67(/* @__PURE__ */ new Map());
-  const onEventRef = useRef67(onEvent);
-  useEffect80(() => {
+  const [isConnected, setIsConnected] = useState110(false);
+  const [isSubscribed, setIsSubscribed] = useState110(false);
+  const [reconnectionCount, setReconnectionCount] = useState110(0);
+  const clientRef = useRef68(null);
+  const subscriptionRefs = useRef68(/* @__PURE__ */ new Map());
+  const onEventRef = useRef68(onEvent);
+  useEffect81(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef67(onConnect);
-  useEffect80(() => {
+  const onConnectRef = useRef68(onConnect);
+  useEffect81(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef67(onDisconnect);
-  useEffect80(() => {
+  const onDisconnectRef = useRef68(onDisconnect);
+  useEffect81(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef67(onSubscribed);
-  useEffect80(() => {
+  const onSubscribedRef = useRef68(onSubscribed);
+  useEffect81(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef67(onBeforeReconnect);
-  useEffect80(() => {
+  const onBeforeReconnectRef = useRef68(onBeforeReconnect);
+  useEffect81(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef67(false);
-  const getNatsWsUrlRef = useRef67(getNatsWsUrl);
-  useEffect80(() => {
+  const hadConnectionBeforeRef = useRef68(false);
+  const getNatsWsUrlRef = useRef68(getNatsWsUrl);
+  useEffect81(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef67(reconnectionBackoff);
-  useEffect80(() => {
+  const reconnectionBackoffRef = useRef68(reconnectionBackoff);
+  useEffect81(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef67(clientConfig);
-  useEffect80(() => {
+  const clientConfigRef = useRef68(clientConfig);
+  useEffect81(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef67("");
+  const currentWsUrlRef = useRef68("");
   const wsUrl = getNatsWsUrl();
-  useEffect80(() => {
+  useEffect81(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -48101,16 +48139,16 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const topicsRef = useRef67(topics);
+  const topicsRef = useRef68(topics);
   topicsRef.current = topics;
-  const lastSubscribedDialogIdRef = useRef67(null);
-  const isConnectedRef = useRef67(isConnected);
-  useEffect80(() => {
+  const lastSubscribedDialogIdRef = useRef68(null);
+  const isConnectedRef = useRef68(isConnected);
+  useEffect81(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef67(null);
-  const abortControllerRef = useRef67(null);
-  useEffect80(() => {
+  const currentDialogIdRef = useRef68(null);
+  const abortControllerRef = useRef68(null);
+  useEffect81(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -48191,7 +48229,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey]);
-  useEffect80(() => {
+  useEffect81(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -48241,7 +48279,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback47, useRef as useRef68, useEffect as useEffect81 } from "react";
+import { useCallback as useCallback47, useRef as useRef69, useEffect as useEffect82 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -48896,14 +48934,14 @@ function useRealtimeChunkProcessor(options) {
     batchApprovalsEnabled = true,
     isDirectMode = false
   } = options;
-  const accumulatorRef = useRef68(
+  const accumulatorRef = useRef69(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef68(false);
-  useEffect81(() => {
+  const hasInitializedWithData = useRef69(false);
+  useEffect82(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -48916,15 +48954,15 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef68(false);
-  const hasEverStreamedRef = useRef68(false);
-  const directModeFlagRef = useRef68(isDirectMode);
-  const sawDirectMessageRef = useRef68(false);
-  const directTeardownFiredRef = useRef68(false);
-  useEffect81(() => {
+  const isInStreamRef = useRef69(false);
+  const hasEverStreamedRef = useRef69(false);
+  const directModeFlagRef = useRef69(isDirectMode);
+  const sawDirectMessageRef = useRef69(false);
+  const directTeardownFiredRef = useRef69(false);
+  useEffect82(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
-  const pendingEscalatedRef = useRef68(/* @__PURE__ */ new Map());
+  const pendingEscalatedRef = useRef69(/* @__PURE__ */ new Map());
   const processChunk = useCallback47(
     (chunk) => {
       const action = parseChunkToAction(chunk);
@@ -49200,7 +49238,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect82, useState as useState110 } from "react";
+import { useEffect as useEffect83, useState as useState111 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -49217,9 +49255,9 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
   }
 }
 function useSlashCommands(prefix, commandsUrl) {
-  const [commands, setCommands] = useState110([]);
-  const [loading, setLoading] = useState110(false);
-  useEffect82(() => {
+  const [commands, setCommands] = useState111([]);
+  const [loading, setLoading] = useState111(false);
+  useEffect83(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -49325,7 +49363,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback48, useMemo as useMemo44, useRef as useRef69, useState as useState111 } from "react";
+import { useCallback as useCallback48, useMemo as useMemo44, useRef as useRef70, useState as useState112 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -49401,8 +49439,8 @@ function uploadWithProgress(url, file, token, onProgress, signal) {
 function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
-  const [attachments, setAttachments] = useState111([]);
-  const controllersRef = useRef69(/* @__PURE__ */ new Map());
+  const [attachments, setAttachments] = useState112([]);
+  const controllersRef = useRef70(/* @__PURE__ */ new Map());
   const updateOne = useCallback48((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -49491,7 +49529,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef69([]);
+  const attachmentsRef = useRef70([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback48(
     (files) => {
@@ -49568,16 +49606,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback49, useEffect as useEffect83, useRef as useRef70, useState as useState112 } from "react";
+import { useCallback as useCallback49, useEffect as useEffect84, useRef as useRef71, useState as useState113 } from "react";
 import { jsx as jsx359 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef70(null);
-  const [state, setState] = useState112(CLOSED);
+  const panelRef = useRef71(null);
+  const [state, setState] = useState113(CLOSED);
   const handleClose = useCallback49(() => setState(CLOSED), []);
-  useEffect83(() => {
+  useEffect84(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -49623,7 +49661,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect84, useState as useState113 } from "react";
+import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect85, useState as useState114 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -49634,9 +49672,9 @@ function useResolveChatIdentity(enabled) {
   const runtime = useRequiredChatRuntime();
   const url = runtime.endpoints.identityUrl;
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
-  const [data, setData] = useState113(ANON_DEFAULTS);
-  const [isLoading, setIsLoading] = useState113(enabled);
-  useEffect84(() => {
+  const [data, setData] = useState114(ANON_DEFAULTS);
+  const [isLoading, setIsLoading] = useState114(enabled);
+  useEffect85(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -49678,11 +49716,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect85, useRef as useRef71 } from "react";
+import { useEffect as useEffect86, useRef as useRef72 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef71(null);
-  const initializedRef = useRef71(false);
-  useEffect85(() => {
+  const prevPathnameRef = useRef72(null);
+  const initializedRef = useRef72(false);
+  useEffect86(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -49696,14 +49734,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState115, useCallback as useCallback51, useEffect as useEffect86, useRef as useRef73 } from "react";
+import { useState as useState116, useCallback as useCallback51, useEffect as useEffect87, useRef as useRef74 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState114, useCallback as useCallback50, useRef as useRef72 } from "react";
+import { useState as useState115, useCallback as useCallback50, useRef as useRef73 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
-  const [isStreaming, setIsStreaming] = useState114(false);
-  const [error, setError] = useState114(null);
-  const abortControllerRef = useRef72(null);
+  const [isStreaming, setIsStreaming] = useState115(false);
+  const [error, setError] = useState115(null);
+  const abortControllerRef = useRef73(null);
   const fallbackStream = useCallback50(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."
@@ -49769,12 +49807,12 @@ function useChat({
   initialMessages,
   onMessagesChange
 } = {}) {
-  const [messages, setMessages] = useState115(() => initialMessages ?? []);
-  const [isTyping, setIsTyping] = useState115(false);
-  const currentAssistantSegmentsRef = useRef73([]);
-  const onMessagesChangeRef = useRef73(onMessagesChange);
+  const [messages, setMessages] = useState116(() => initialMessages ?? []);
+  const [isTyping, setIsTyping] = useState116(false);
+  const currentAssistantSegmentsRef = useRef74([]);
+  const onMessagesChangeRef = useRef74(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect86(() => {
+  useEffect87(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -50063,7 +50101,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState116, useEffect as useEffect87, useCallback as useCallback52, useMemo as useMemo45, useRef as useRef74 } from "react";
+import { useState as useState117, useEffect as useEffect88, useCallback as useCallback52, useMemo as useMemo45, useRef as useRef75 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -50384,22 +50422,22 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const persistedRef = useRef74(null);
+  const persistedRef = useRef75(null);
   if (persistedRef.current === null) {
     pruneStaleChatStorage(source);
     persistedRef.current = loadPersistedChat(source) || { messages: [], sources: [], sendCount: 0 };
   }
-  const sourcesMapRef = useRef74(
+  const sourcesMapRef = useRef75(
     new Map(persistedRef.current.sources)
   );
-  const refsMapRef = useRef74(
+  const refsMapRef = useRef75(
     new Map(persistedRef.current.refs ?? [])
   );
-  const metaMapRef = useRef74(/* @__PURE__ */ new Map());
-  const messagesRef = useRef74(persistedRef.current.messages);
-  const sendCountRef = useRef74(persistedRef.current.sendCount);
-  const [streamingPhase, setStreamingPhase] = useState116("idle");
-  const [metaTick, setMetaTick] = useState116(0);
+  const metaMapRef = useRef75(/* @__PURE__ */ new Map());
+  const messagesRef = useRef75(persistedRef.current.messages);
+  const sendCountRef = useRef75(persistedRef.current.sendCount);
+  const [streamingPhase, setStreamingPhase] = useState117("idle");
+  const [metaTick, setMetaTick] = useState117(0);
   const bumpMetaTick = useCallback52(() => setMetaTick((t) => t + 1), []);
   const streamFn = useMemo45(
     () => createDocStreamFn(
@@ -50587,7 +50625,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect87(() => {
+  useEffect88(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -50669,10 +50707,10 @@ var noopRejectRequest = async (_id, _reason) => {
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
   useCallback as useCallback53,
-  useEffect as useEffect88,
+  useEffect as useEffect89,
   useMemo as useMemo46,
-  useRef as useRef75,
-  useState as useState117
+  useRef as useRef76,
+  useState as useState118
 } from "react";
 
 // src/components/chat/utils/process-historical-messages.ts
@@ -51369,32 +51407,32 @@ function useNatsChatAdapter(config, options = {}) {
     modelLabel = null
   } = config;
   const isManagedMode = fetchDialogs !== void 0;
-  const [internalDialogId, setInternalDialogId] = useState117(null);
+  const [internalDialogId, setInternalDialogId] = useState118(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const currentDialogIdRef = useRef75(dialogId);
+  const currentDialogIdRef = useRef76(dialogId);
   currentDialogIdRef.current = dialogId;
-  const [messages, setMessages] = useState117([]);
-  const [streamingPhase, setStreamingPhase] = useState117("idle");
-  const streamingPhaseRef = useRef75(streamingPhase);
+  const [messages, setMessages] = useState118([]);
+  const [streamingPhase, setStreamingPhase] = useState118("idle");
+  const streamingPhaseRef = useRef76(streamingPhase);
   streamingPhaseRef.current = streamingPhase;
-  const suppressAgentBusyRef = useRef75(0);
-  const adoptTrailingAssistantRef = useRef75(false);
-  const hasConnectedOnceRef = useRef75(false);
-  const seenParticipantSeqsRef = useRef75(/* @__PURE__ */ new Set());
-  const pendingEchoTextsRef = useRef75([]);
-  const [approvalStatuses, setApprovalStatuses] = useState117({});
-  const [dialogs, setDialogs] = useState117([]);
-  const [dialogsNextCursor, setDialogsNextCursor] = useState117(null);
-  const [isDialogsLoading, setIsDialogsLoading] = useState117(false);
-  const [dialogsError, setDialogsError] = useState117(false);
-  const [isCreatingDialog, setIsCreatingDialog] = useState117(false);
-  const [messagesNextCursor, setMessagesNextCursor] = useState117(null);
-  const [isMessagesLoading, setIsMessagesLoading] = useState117(false);
-  const [dialogTokenUsage, setDialogTokenUsage] = useState117(
+  const suppressAgentBusyRef = useRef76(0);
+  const adoptTrailingAssistantRef = useRef76(false);
+  const hasConnectedOnceRef = useRef76(false);
+  const seenParticipantSeqsRef = useRef76(/* @__PURE__ */ new Set());
+  const pendingEchoTextsRef = useRef76([]);
+  const [approvalStatuses, setApprovalStatuses] = useState118({});
+  const [dialogs, setDialogs] = useState118([]);
+  const [dialogsNextCursor, setDialogsNextCursor] = useState118(null);
+  const [isDialogsLoading, setIsDialogsLoading] = useState118(false);
+  const [dialogsError, setDialogsError] = useState118(false);
+  const [isCreatingDialog, setIsCreatingDialog] = useState118(false);
+  const [messagesNextCursor, setMessagesNextCursor] = useState118(null);
+  const [isMessagesLoading, setIsMessagesLoading] = useState118(false);
+  const [dialogTokenUsage, setDialogTokenUsage] = useState118(
     null
   );
-  const [liveModel, setLiveModel] = useState117(null);
-  const [connectionState, setConnectionState] = useState117("connecting");
+  const [liveModel, setLiveModel] = useState118(null);
+  const [connectionState, setConnectionState] = useState118("connecting");
   const handleApprove = useCallback53(
     async (requestId) => {
       if (!approveRequestCallback) return;
@@ -51434,9 +51472,9 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [rejectRequestCallback]
   );
-  const handleApproveRef = useRef75(handleApprove);
+  const handleApproveRef = useRef76(handleApprove);
   handleApproveRef.current = handleApprove;
-  const handleRejectRef = useRef75(handleReject);
+  const handleRejectRef = useRef76(handleReject);
   handleRejectRef.current = handleReject;
   const accumApprove = useCallback53((requestId) => {
     if (!requestId) return;
@@ -51446,7 +51484,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const callbacksRef = useRef75({
+  const callbacksRef = useRef76({
     onSegmentsUpdate: (segments, meta) => {
       if (meta?.append && meta.isCompacting) {
         setMessages((prev) => upsertTrailingCompaction(prev, segments));
@@ -51664,7 +51702,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef75(0);
+  const historyLoadSeqRef = useRef76(0);
   const loadDialogHistory = useCallback53(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -51723,8 +51761,8 @@ function useNatsChatAdapter(config, options = {}) {
       isBufferingActive
     ]
   );
-  const prevDialogIdRef = useRef75(void 0);
-  useEffect88(() => {
+  const prevDialogIdRef = useRef76(void 0);
+  useEffect89(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -51741,7 +51779,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect88(() => {
+  useEffect89(() => {
     if (!active || !dialogId) return;
     suppressAgentBusyRef.current += 1;
     resetChunkTracking();
@@ -51793,14 +51831,14 @@ function useNatsChatAdapter(config, options = {}) {
       })();
     }
   });
-  useEffect88(() => {
+  useEffect89(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef75(false);
+  const initialDialogsLoadedRef = useRef76(false);
   const loadDialogsPage = useCallback53(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -51832,7 +51870,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback53(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect88(() => {
+  useEffect89(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -52075,7 +52113,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback54, useMemo as useMemo47, useRef as useRef76 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo47, useRef as useRef77 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -52090,7 +52128,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef76(null);
+  const disabledNatsRef = useRef77(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -52104,7 +52142,7 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef76(activeState);
+  const activeStateRef = useRef77(activeState);
   activeStateRef.current = activeState;
   const stopMessage = useCallback54(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback54(
@@ -52459,7 +52497,7 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback56, useEffect as useEffect89, useMemo as useMemo49, useRef as useRef78, useState as useState119 } from "react";
+import { useCallback as useCallback56, useEffect as useEffect90, useMemo as useMemo49, useRef as useRef79, useState as useState120 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll6 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -52540,7 +52578,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 useCallback55, useMemo as useMemo48, useRef as useRef77, useState as useState118 } from "react";
+import { useCallback as useCallback55, useMemo as useMemo48, useRef as useRef78, useState as useState119 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -52551,8 +52589,8 @@ function useChatDialogManager({
   fetchArchivedDialogs,
   unarchiveDialog
 }) {
-  const [renameTarget, setRenameTarget] = useState118(null);
-  const [archiveTarget, setArchiveTarget] = useState118(null);
+  const [renameTarget, setRenameTarget] = useState119(null);
+  const [archiveTarget, setArchiveTarget] = useState119(null);
   const handleConfirmRename = useCallback55(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
@@ -52575,12 +52613,12 @@ function useChatDialogManager({
     }
     setArchiveTarget(null);
   }, [archiveTarget, archiveDialog, activeDialogId, clearMessages]);
-  const [archiveOpen, setArchiveOpen] = useState118(false);
-  const [archivedDialogs, setArchivedDialogs] = useState118([]);
-  const [archivedCursor, setArchivedCursor] = useState118(null);
-  const [archivedLoading, setArchivedLoading] = useState118(false);
-  const [archivedPending, setArchivedPending] = useState118(false);
-  const archivedRequestIdRef = useRef77(0);
+  const [archiveOpen, setArchiveOpen] = useState119(false);
+  const [archivedDialogs, setArchivedDialogs] = useState119([]);
+  const [archivedCursor, setArchivedCursor] = useState119(null);
+  const [archivedLoading, setArchivedLoading] = useState119(false);
+  const [archivedPending, setArchivedPending] = useState119(false);
+  const archivedRequestIdRef = useRef78(0);
   const loadArchivedPage = useCallback55(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -52621,10 +52659,10 @@ function useChatDialogManager({
     void loadArchivedPage();
   }, [loadArchivedPage]);
   const closeArchive = useCallback55(() => setArchiveOpen(false), []);
-  const [viewingArchivedId, setViewingArchivedId] = useState118(
+  const [viewingArchivedId, setViewingArchivedId] = useState119(
     null
   );
-  const [openingDialogId, setOpeningDialogId] = useState118(null);
+  const [openingDialogId, setOpeningDialogId] = useState119(null);
   const handleSelectDialog = useCallback55(
     (id) => {
       setViewingArchivedId(null);
@@ -52643,7 +52681,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState118(null);
+  const [restoreTarget, setRestoreTarget] = useState119(null);
   const handleConfirmRestore = useCallback55(async () => {
     if (restoreTarget) {
       try {
@@ -52736,9 +52774,9 @@ var SPLIT_MIN_WIDTH = HISTORY_RAIL_WIDTH + CHAT_BLOCK_MIN_WIDTH;
 var RAIL_COLLAPSED_STORAGE_KEY = "mingo-chat-history-collapsed";
 var RAIL_ANIM_MS = 320;
 function useRailPresence(open) {
-  const [mounted, setMounted] = useState119(open);
-  const [active, setActive] = useState119(false);
-  useEffect89(() => {
+  const [mounted, setMounted] = useState120(open);
+  const [active, setActive] = useState120(false);
+  useEffect90(() => {
     if (open) {
       setMounted(true);
       let raf2 = 0;
@@ -52956,7 +52994,7 @@ function SourceChips({
   onClose,
   onDiscuss
 }) {
-  const [expanded, setExpanded] = useState119(false);
+  const [expanded, setExpanded] = useState120(false);
   if (cited.length === 0) {
     const fallback = uncited.slice(0, FALLBACK_TOP_RETRIEVED);
     if (fallback.length === 0) return null;
@@ -53063,7 +53101,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect89(() => {
+  useEffect90(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -53079,13 +53117,13 @@ function EmbeddableChatInner({
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange
   });
-  const [autoFocusInput] = useState119(() => {
+  const [autoFocusInput] = useState120(() => {
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll6({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef78(false);
-  useEffect89(() => {
+  const navigatingAwayRef = useRef79(false);
+  useEffect90(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -53111,8 +53149,8 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef78(null);
-  const [quickActionPreview, setQuickActionPreview] = useState119(null);
+  const chatInputRef = useRef79(null);
+  const [quickActionPreview, setQuickActionPreview] = useState120(null);
   const slashCommandsProp = useMemo49(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -53155,7 +53193,7 @@ function EmbeddableChatInner({
   }, [mingoState, mingoDialogCapabilities, effectiveModes]);
   const hasMingoMode = !!effectiveModes.mingo || !!mingoState;
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
-  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState119(initialActiveMode);
+  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState120(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
   const handleActiveModeChange = useCallback56(
     (next) => {
@@ -53215,8 +53253,8 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef78(false);
-  useEffect89(() => {
+  const guidePromptSentRef = useRef79(false);
+  useEffect90(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -53237,15 +53275,15 @@ function EmbeddableChatInner({
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const contextMaxItems = contextPicker?.maxItems ?? 10;
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
-  const [contextItems, setContextItems] = useState119([]);
-  const [contextPickerOpen, setContextPickerOpen] = useState119(false);
-  const [mentionQuery, setMentionQuery] = useState119(null);
-  const mentionActiveRef = useRef78(false);
-  useEffect89(() => {
+  const [contextItems, setContextItems] = useState120([]);
+  const [contextPickerOpen, setContextPickerOpen] = useState120(false);
+  const [mentionQuery, setMentionQuery] = useState120(null);
+  const mentionActiveRef = useRef79(false);
+  useEffect90(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef78(/* @__PURE__ */ new Set());
-  useEffect89(() => {
+  const mentionKeysRef = useRef79(/* @__PURE__ */ new Set());
+  useEffect90(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -53341,7 +53379,7 @@ function EmbeddableChatInner({
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx362(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx362(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const timestampCacheRef = useRef78(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef79(/* @__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 = useMemo49(() => {
@@ -53468,7 +53506,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback56(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect89(() => {
+  useEffect90(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -53478,7 +53516,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect89(() => {
+  useEffect90(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -53495,7 +53533,7 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect89(() => {
+  useEffect90(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
@@ -53537,10 +53575,10 @@ function EmbeddableChatInner({
     const uncited = sources.filter((s) => !seenOrder.has(s.index));
     return { cited, uncited };
   }, [lastAssistantMsg, chatLoading]);
-  const [portalHost, setPortalHost] = useState119(null);
-  const [panelWidth, setPanelWidth] = useState119(0);
-  const panelMeasureRef = useRef78(null);
-  useEffect89(() => {
+  const [portalHost, setPortalHost] = useState120(null);
+  const [panelWidth, setPanelWidth] = useState120(0);
+  const panelMeasureRef = useRef79(null);
+  useEffect90(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -53551,8 +53589,8 @@ function EmbeddableChatInner({
     setPanelWidth(el.clientWidth);
     return () => ro.disconnect();
   }, []);
-  const [railCollapsed, setRailCollapsed] = useState119(false);
-  useEffect89(() => {
+  const [railCollapsed, setRailCollapsed] = useState120(false);
+  useEffect90(() => {
     try {
       if (window.localStorage.getItem(RAIL_COLLAPSED_STORAGE_KEY) === "1")
         setRailCollapsed(true);
@@ -53569,15 +53607,15 @@ function EmbeddableChatInner({
       return next;
     });
   }, []);
-  const [railSearchOpen, setRailSearchOpen] = useState119(false);
+  const [railSearchOpen, setRailSearchOpen] = useState120(false);
   const splitEligible = activeMode === "mingo";
   const canSplit = panelWidth >= SPLIT_MIN_WIDTH;
   const wideMingo = splitEligible && canSplit && !previewMode;
   const splitActive = wideMingo && !railCollapsed;
   const railPresence = useRailPresence(splitActive);
   const showWideHeader = wideMingo || railPresence.mounted;
-  const [composeOpen, setComposeOpen] = useState119(false);
-  useEffect89(() => {
+  const [composeOpen, setComposeOpen] = useState120(false);
+  useEffect90(() => {
     if (hasConversation) setComposeOpen(false);
   }, [hasConversation]);
   const isMingoMode = activeMode === "mingo";
@@ -53911,7 +53949,8 @@ function EmbeddableChatInner({
                                 ...mingoWelcome,
                                 hasExistingChats: false,
                                 onQuickActionHover: (action) => setQuickActionPreview(action.prompt ?? action.label),
-                                onQuickActionHoverEnd: () => setQuickActionPreview(null)
+                                onQuickActionHoverEnd: () => setQuickActionPreview(null),
+                                agentSlug: activeAgentSlug ?? "mingo"
                               }
                             )
                           ) : (
@@ -53933,6 +53972,7 @@ function EmbeddableChatInner({
                                 },
                                 onQuickActionHover: (action) => setQuickActionPreview(action.prompt ?? action.label),
                                 onQuickActionHoverEnd: () => setQuickActionPreview(null),
+                                agentSlug: activeAgentSlug,
                                 children: (chipCommands.length > 0 || !commandsLoaded) && /* @__PURE__ */ jsxs288("div", { className: "shrink-0 overflow-hidden rounded-md border border-ods-border", children: [
                                   !commandsLoaded && chipCommands.length === 0 && SKELETON_ROW_VARIANTS.map((variant, i) => /* @__PURE__ */ jsx362(
                                     MingoOnboardingCardSkeleton,
@@ -55095,4 +55135,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-TP5MVWQ2.js.map
+//# sourceMappingURL=chunk-KUVFE5WC.js.map