@flamingo-stack/openframe-frontend-core 0.0.173 → 0.0.174-snapshot.20260514021733

package/dist/{chunk-J3ZCNPDM.js → chunk-KCKMK4UF.js}

@@ -413,7 +413,7 @@ function useDynamicTheme() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState57, useEffect as useEffect43 } from "react";
+import { useState as useState58, useEffect as useEffect43 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -3021,10 +3021,10 @@ var ApprovalRequestMessage = forwardRef9(
           children: [
             /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsxs10("div", { className: "bg-ods-bg border border-ods-border rounded-md p-3 flex gap-2 items-start max-h-32 overflow-y-auto", children: [
-                /* @__PURE__ */ jsx13("code", { className: "font-['DM_Sans'] font-medium text-sm text-ods-text-primary flex-1 leading-5 whitespace-pre-wrap break-all", children: data.command }),
+                /* @__PURE__ */ jsx13("code", { className: "font-['DM_Sans'] font-medium text-sm text-ods-text-primary flex-1 leading-5 whitespace-pre-wrap break-words", children: data.command }),
                 data.icon && /* @__PURE__ */ jsx13("div", { className: "w-4 h-4 shrink-0 text-ods-text-tertiary", children: data.icon })
               ] }),
-              data.explanation && /* @__PURE__ */ jsx13("p", { className: "font-['DM_Sans'] font-medium text-sm text-ods-text-secondary leading-5", children: data.explanation })
+              data.explanation && /* @__PURE__ */ jsx13("p", { className: "font-['DM_Sans'] font-medium text-sm text-ods-text-secondary leading-5 whitespace-pre-line break-words", children: data.explanation })
             ] }),
             /* @__PURE__ */ jsx13("div", { className: "flex", children: /* @__PURE__ */ jsx13(
               Tag,
@@ -5315,7 +5315,7 @@ MemoizedChatMessageEnhanced.displayName = "MemoizedChatMessageEnhanced";
 
 // src/components/chat/chat-message-list.tsx
 init_cn();
-import { useRef as useRef6, useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useImperativeHandle as useImperativeHandle3, forwardRef as forwardRef22 } from "react";
+import { useRef as useRef6, useState as useState14, useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useImperativeHandle as useImperativeHandle3, forwardRef as forwardRef22 } from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 
 // src/components/chat/chat-message-loader.tsx
@@ -5406,17 +5406,18 @@ var ChatMessageList = forwardRef22(
   }, ref) => {
     const { scrollRef, contentRef, scrollToBottom } = useStickToBottom({
       resize: "smooth",
-      initial: false
+      initial: "instant"
     });
-    const sentinelRef = useRef6(null);
+    const [scrollEl, setScrollEl] = useState14(null);
+    const [sentinelEl, setSentinelEl] = useState14(null);
     const onLoadMoreRef = useRef6(onLoadMore);
     onLoadMoreRef.current = onLoadMore;
     const isFetchingRef = useRef6(isFetchingNextPage);
     isFetchingRef.current = isFetchingNextPage;
     const prevRenderRef = useRef6({ dialogId: void 0, messageCount: 0, lastMessageId: void 0 });
     const prependRef = useRef6({ firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 });
-    useEffect6(() => {
-      if (!autoScroll) return;
+    useLayoutEffect2(() => {
+      if (!autoScroll || !scrollEl) return;
       const dialogChanged = dialogId !== prevRenderRef.current.dialogId;
       const prevCount = prevRenderRef.current.messageCount;
       const newCount = messages.length;
@@ -5437,9 +5438,9 @@ var ChatMessageList = forwardRef22(
           void scrollToBottom({ animation: "instant", ignoreEscapes: true });
         }
       }
-    }, [autoScroll, messages, dialogId, scrollToBottom]);
+    }, [autoScroll, messages, dialogId, scrollToBottom, scrollEl]);
     useLayoutEffect2(() => {
-      const el = scrollRef.current;
+      const el = scrollEl;
       if (!el) {
         prependRef.current = { firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 };
         return;
@@ -5467,24 +5468,35 @@ var ChatMessageList = forwardRef22(
       if (currentFirstContent !== prependRef.current.firstMessageContent) {
         prependRef.current.firstMessageContent = currentFirstContent;
       }
-    }, [messages, scrollRef]);
+    }, [messages, scrollEl]);
     useEffect6(() => {
-      const scrollContainer = scrollRef.current;
-      const sentinelElement = sentinelRef.current;
-      if (!scrollContainer || !sentinelElement || !hasNextPage) return;
-      const observer = new IntersectionObserver(
-        (entries) => {
-          const entry = entries[0];
-          if (!entry) return;
-          if (entry.isIntersecting && !isFetchingRef.current) {
-            onLoadMoreRef.current?.();
-          }
-        },
-        { root: scrollContainer, rootMargin: "200px", threshold: 0.1 }
-      );
-      observer.observe(sentinelElement);
-      return () => observer.disconnect();
-    }, [hasNextPage, scrollRef]);
+      const scrollContainer = scrollEl;
+      const sentinelElement = sentinelEl;
+      if (!scrollContainer || !hasNextPage) return;
+      const tryLoad = () => {
+        if (isFetchingRef.current) return;
+        onLoadMoreRef.current?.();
+      };
+      let observer;
+      if (sentinelElement) {
+        observer = new IntersectionObserver(
+          (entries) => {
+            const entry = entries[0];
+            if (entry?.isIntersecting) tryLoad();
+          },
+          { root: scrollContainer, rootMargin: "200px", threshold: 0.1 }
+        );
+        observer.observe(sentinelElement);
+      }
+      const onScroll = () => {
+        if (scrollContainer.scrollTop <= 200) tryLoad();
+      };
+      scrollContainer.addEventListener("scroll", onScroll, { passive: true });
+      return () => {
+        observer?.disconnect();
+        scrollContainer.removeEventListener("scroll", onScroll);
+      };
+    }, [hasNextPage, scrollEl, sentinelEl, messages.length]);
     useImperativeHandle3(ref, () => scrollRef.current, [scrollRef]);
     const showLoader = useDelayedFlag(isLoading, { delay: 200, minDuration: 400 });
     if (showLoader) {
@@ -5499,6 +5511,7 @@ var ChatMessageList = forwardRef22(
     }
     const setScrollRef = (el) => {
       scrollRef(el);
+      setScrollEl(el);
     };
     const setContentRef = (el) => {
       contentRef(el);
@@ -5524,7 +5537,7 @@ var ChatMessageList = forwardRef22(
               ),
               style: { minHeight: "100%" },
               children: [
-                hasNextPage && /* @__PURE__ */ jsx33("div", { ref: sentinelRef, className: "h-px" }),
+                hasNextPage && /* @__PURE__ */ jsx33("div", { ref: setSentinelEl, className: "h-px" }),
                 isFetchingNextPage && /* @__PURE__ */ jsx33(
                   "div",
                   {
@@ -6419,7 +6432,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef10, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef10, useState as useState16 } from "react";
 var shared = null;
 function useNatsDialogSubscription({
   enabled,
@@ -6434,9 +6447,9 @@ function useNatsDialogSubscription({
   clientConfig = {},
   reconnectionBackoff
 }) {
-  const [isConnected, setIsConnected] = useState15(false);
-  const [isSubscribed, setIsSubscribed] = useState15(false);
-  const [reconnectionCount, setReconnectionCount] = useState15(0);
+  const [isConnected, setIsConnected] = useState16(false);
+  const [isSubscribed, setIsSubscribed] = useState16(false);
+  const [reconnectionCount, setReconnectionCount] = useState16(0);
   const clientRef = useRef10(null);
   const subscriptionRefs = useRef10(/* @__PURE__ */ new Map());
   const onEventRef = useRef10(onEvent);
@@ -8091,13 +8104,13 @@ function extractIncompleteMessageState(lastMessage) {
 
 // src/components/navigation/header.tsx
 import Link from "next/link";
-import React20, { useEffect as useEffect10, useRef as useRef12, useState as useState16 } from "react";
+import React20, { useEffect as useEffect10, useRef as useRef12, useState as useState17 } from "react";
 init_button2();
 import { Fragment as Fragment4, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function Header({ config, platform }) {
-  const [show, setShow] = useState16(true);
-  const [lastScrollY, setLastScrollY] = useState16(0);
-  const [openDropdowns, setOpenDropdowns] = useState16({});
+  const [show, setShow] = useState17(true);
+  const [lastScrollY, setLastScrollY] = useState17(0);
+  const [openDropdowns, setOpenDropdowns] = useState17({});
   const dropdownRefs = useRef12({});
   const triggerRefs = useRef12({});
   useEffect10(() => {
@@ -8359,7 +8372,7 @@ function Header({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState17, useEffect as useEffect11 } from "react";
+import { useState as useState18, useEffect as useEffect11 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -8407,7 +8420,7 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 import { jsx as jsx43 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
-  const [isClient, setIsClient] = useState17(false);
+  const [isClient, setIsClient] = useState18(false);
   useEffect11(() => {
     setIsClient(true);
   }, []);
@@ -8542,14 +8555,14 @@ function MobileNavPanel({ isOpen, config }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState18, useEffect as useEffect13 } from "react";
+import { useState as useState19, useEffect as useEffect13 } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 init_button2();
 import { Fragment as Fragment6, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
-  const [expandedItems, setExpandedItems] = useState18(/* @__PURE__ */ new Set());
-  const [mounted, setMounted] = useState18(false);
-  const [headerHeight, setHeaderHeight] = useState18(64);
+  const [expandedItems, setExpandedItems] = useState19(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = useState19(false);
+  const [headerHeight, setHeaderHeight] = useState19(64);
   useEffect13(() => {
     setMounted(true);
     const calculateHeaderHeight = () => {
@@ -8761,7 +8774,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect14, useState as useState19, useCallback as useCallback8, useRef as useRef14 } from "react";
+import { useEffect as useEffect14, useState as useState20, useCallback as useCallback8, useRef as useRef14 } from "react";
 import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -8822,7 +8835,7 @@ function StickySectionNav({
   ] });
 }
 function useSectionNavigation(sections, options) {
-  const [activeSection, setActiveSection] = useState19(sections[0]?.id || "");
+  const [activeSection, setActiveSection] = useState20(sections[0]?.id || "");
   const isScrollingFromClick = useRef14(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback8((sectionId) => {
@@ -8876,7 +8889,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback9, useLayoutEffect as useLayoutEffect4, useMemo as useMemo7, useState as useState20 } from "react";
+import { useCallback as useCallback9, useLayoutEffect as useLayoutEffect4, useMemo as useMemo7, useState as useState21 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -9026,7 +9039,7 @@ function NavigationSidebar({ config, disabled = false }) {
     STORAGE_KEY,
     !isLgUp || (config.minimized ?? false)
   );
-  const [transitionsEnabled, setTransitionsEnabled] = useState20(false);
+  const [transitionsEnabled, setTransitionsEnabled] = useState21(false);
   const isMinimized = !isLgUp || minimized;
   const showLabel = isLgUp && !minimized;
   const handleToggle = useCallback9(() => {
@@ -9556,7 +9569,7 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense, useCallback as useCallback12, useState as useState23 } from "react";
+import { Suspense, useCallback as useCallback12, useState as useState24 } from "react";
 
 // src/components/features/notifications/notification-drawer.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
@@ -10145,7 +10158,7 @@ function AppLayout({
   mobileBurgerMenuProps,
   disabled = false
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState23(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState24(false);
   const handleToggleMobileMenu = useCallback12(() => {
     setMobileMenuOpen((prev) => !prev);
   }, []);
@@ -10519,7 +10532,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/announcement-bar.tsx
 init_button2();
-import { useState as useState24, useEffect as useEffect18 } from "react";
+import { useState as useState25, useEffect as useEffect18 } from "react";
 import Image4 from "next/image";
 import { X as X4 } from "lucide-react";
 
@@ -10725,8 +10738,8 @@ var getSvgIcon = (name, size = "main", extra = {}) => {
   return renderSvgIcon(name, { className: cls, ...extra });
 };
 function AnnouncementBar() {
-  const [announcement, setAnnouncement] = useState24(null);
-  const [isVisible, setIsVisible] = useState24(false);
+  const [announcement, setAnnouncement] = useState25(null);
+  const [isVisible, setIsVisible] = useState25(false);
   const platform = getAppType();
   const getDismissKey = (id) => `${platform}-announcement-${id}-dismissed`;
   const getCacheKey = () => `${platform}-announcement-cache`;
@@ -11865,7 +11878,7 @@ function EmptyState2({
 }
 
 // src/components/faq-accordion.tsx
-import { useRef as useRef15, useState as useState25, useEffect as useEffect19, useCallback as useCallback13 } from "react";
+import { useRef as useRef15, useState as useState26, useEffect as useEffect19, useCallback as useCallback13 } from "react";
 
 // src/components/ui/chevron-button.tsx
 init_cn();
@@ -11906,7 +11919,7 @@ init_cn();
 import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
 var useMeasuredHeight = (isOpen) => {
   const ref = useRef15(null);
-  const [maxHeight, setMaxHeight] = useState25("0px");
+  const [maxHeight, setMaxHeight] = useState26("0px");
   const measure = useCallback13(() => {
     if (ref.current) {
       const height = ref.current.scrollHeight;
@@ -11923,7 +11936,7 @@ var useMeasuredHeight = (isOpen) => {
   return { ref, maxHeight };
 };
 function FaqAccordion({ items, defaultOpenIds = [] }) {
-  const [openSet, setOpenSet] = useState25(new Set(defaultOpenIds));
+  const [openSet, setOpenSet] = useState26(new Set(defaultOpenIds));
   const toggle = (id) => {
     setOpenSet((prev) => {
       const next = new Set(prev);
@@ -12526,13 +12539,13 @@ function FooterWaitlistButton({ className }) {
 
 // src/components/hero-image-uploader.tsx
 init_button2();
-import { useRef as useRef16, useState as useState26 } from "react";
+import { useRef as useRef16, useState as useState27 } from "react";
 import { Loader2 as Loader22, Image as ImageIcon, Upload, X as X6 } from "lucide-react";
 import { Fragment as Fragment12, jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
   const inputRef = useRef16(null);
   const { toast } = useToast();
-  const [uploading, setUploading] = useState26(false);
+  const [uploading, setUploading] = useState27(false);
   const ALLOWED_TYPES = ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/gif"];
   const MAX_SIZE = 5 * 1024 * 1024;
   const openDialog = () => inputRef.current?.click();
@@ -12648,7 +12661,7 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
 }
 
 // src/components/icons-block.tsx
-import { useState as useState27, useEffect as useEffect20, useRef as useRef17 } from "react";
+import { useState as useState28, useEffect as useEffect20, useRef as useRef17 } from "react";
 
 // src/components/icons-stub.tsx
 import { DollarSign, Code, Users, Building, GitCompare, MessageSquare } from "lucide-react";
@@ -12684,9 +12697,9 @@ var availableIcons = [
   OpenmspLogo2
 ];
 function ResponsiveIconsBlock({ loading = false }) {
-  const [columns, setColumns] = useState27(24);
-  const [iconGrid, setIconGrid] = useState27([]);
-  const [iconsLoaded, setIconsLoaded] = useState27(false);
+  const [columns, setColumns] = useState28(24);
+  const [iconGrid, setIconGrid] = useState28([]);
+  const [iconsLoaded, setIconsLoaded] = useState28(false);
   const randomSeedRef = useRef17(0);
   useEffect20(() => {
     function calculateColumns() {
@@ -12803,7 +12816,7 @@ function ResponsiveIconsBlock({ loading = false }) {
 
 // src/components/image-cropper.tsx
 init_button2();
-import { useCallback as useCallback15, useState as useState28 } from "react";
+import { useCallback as useCallback15, useState as useState29 } from "react";
 import Cropper from "react-easy-crop";
 
 // src/components/ui/slider.tsx
@@ -12861,10 +12874,10 @@ var ImageCropper = ({
   maxSizePx = 512,
   className
 }) => {
-  const [crop, setCrop] = useState28({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState28(1);
-  const [rotation, setRotation] = useState28(0);
-  const [croppedAreaPixels, setCroppedAreaPixels] = useState28(null);
+  const [crop, setCrop] = useState29({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState29(1);
+  const [rotation, setRotation] = useState29(0);
+  const [croppedAreaPixels, setCroppedAreaPixels] = useState29(null);
   const onCropComplete = useCallback15((_, area) => {
     setCroppedAreaPixels(area);
   }, []);
@@ -13032,7 +13045,7 @@ var ImageCropper = ({
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState29, useRef as useRef19, useEffect as useEffect22, memo as memo3, useCallback as useCallback16 } from "react";
+import { useState as useState30, useRef as useRef19, useEffect as useEffect22, memo as memo3, useCallback as useCallback16 } from "react";
 import { Fragment as Fragment13, jsx as jsx96, jsxs as jsxs77 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx96("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx96("polyline", { points: "15,18 9,12 15,6" }) });
 var ChevronRightIcon = () => /* @__PURE__ */ jsx96("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx96("polyline", { points: "9,18 15,12 9,6" }) });
@@ -13042,9 +13055,9 @@ function getYouTubeVideoId(url) {
   return match ? match[1] : null;
 }
 var CarouselYouTubeEmbed = ({ videoId, title }) => {
-  const [mounted, setMounted] = useState29(false);
-  const [isActivated, setIsActivated] = useState29(false);
-  const [isLoaded, setIsLoaded] = useState29(false);
+  const [mounted, setMounted] = useState30(false);
+  const [isActivated, setIsActivated] = useState30(false);
+  const [isLoaded, setIsLoaded] = useState30(false);
   useEffect22(() => {
     setMounted(true);
   }, []);
@@ -13095,10 +13108,10 @@ var MediaCarousel = memo3(function MediaCarousel2({
   autoPlay = false,
   objectFit = "contain"
 }) {
-  const [currentIndex, setCurrentIndex] = useState29(0);
-  const [touchStart, setTouchStart] = useState29(null);
-  const [touchEnd, setTouchEnd] = useState29(null);
-  const [playingVideos, setPlayingVideos] = useState29(/* @__PURE__ */ new Set());
+  const [currentIndex, setCurrentIndex] = useState30(0);
+  const [touchStart, setTouchStart] = useState30(null);
+  const [touchEnd, setTouchEnd] = useState30(null);
+  const [playingVideos, setPlayingVideos] = useState30(/* @__PURE__ */ new Set());
   const carouselRef = useRef19(null);
   const thumbnailsRef = useRef19(null);
   if (!media || media.length === 0) {
@@ -15590,15 +15603,15 @@ function evaluateFeatureValue(value, dataType) {
 }
 
 // src/components/made-with-love.tsx
-import { useState as useState30, useEffect as useEffect23 } from "react";
+import { useState as useState31, useEffect as useEffect23 } from "react";
 import { jsx as jsx126, jsxs as jsxs102 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
   showOnMobile = true
 }) {
-  const [isMobile, setIsMobile] = useState30(false);
-  const [isHovered, setIsHovered] = useState30(false);
+  const [isMobile, setIsMobile] = useState31(false);
+  const [isHovered, setIsHovered] = useState31(false);
   useEffect23(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 640);
@@ -16381,7 +16394,7 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
-import { useState as useState36, useEffect as useEffect27 } from "react";
+import { useState as useState37, useEffect as useEffect27 } from "react";
 import Link4 from "next/link";
 
 // src/components/layout/article-detail-layout.tsx
@@ -16400,7 +16413,7 @@ function ArticleDetailLayout({ children, schemas }) {
 }
 
 // src/components/ui/release-changelog-section.tsx
-import { useState as useState31 } from "react";
+import { useState as useState32 } from "react";
 
 // src/components/ui/badge.tsx
 init_cn();
@@ -16440,7 +16453,7 @@ function ReleaseChangelogSection({
   defaultCollapsed = true,
   SimpleMarkdownRenderer: SimpleMarkdownRenderer2
 }) {
-  const [collapsed, setCollapsed] = useState31(collapsible ? defaultCollapsed : false);
+  const [collapsed, setCollapsed] = useState32(collapsible ? defaultCollapsed : false);
   if (!entries || entries.length === 0) return null;
   const showEntries = !collapsible || !collapsed;
   return /* @__PURE__ */ jsxs109("div", { className: "space-y-4", children: [
@@ -16475,7 +16488,7 @@ function ReleaseChangelogSection({
 }
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState32, useEffect as useEffect24 } from "react";
+import { useState as useState33, useEffect as useEffect24 } from "react";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight7 } from "lucide-react";
 import Image8 from "next/image";
 import { Fragment as Fragment18, jsx as jsx137, jsxs as jsxs110 } from "react/jsx-runtime";
@@ -16485,7 +16498,7 @@ function ImageGalleryModal({
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState32(initialIndex);
+  const [selectedImageIndex, setSelectedImageIndex] = useState33(initialIndex);
   useEffect24(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
@@ -16600,7 +16613,7 @@ function ImageGalleryModal({
 import { AlertTriangle, ExternalLink, BookMarked } from "lucide-react";
 
 // src/components/features/youtube-embed.tsx
-import { useState as useState33, useEffect as useEffect25 } from "react";
+import { useState as useState34, useEffect as useEffect25 } from "react";
 import ReactPlayer from "react-player/youtube";
 import { jsx as jsx138, jsxs as jsxs111 } from "react/jsx-runtime";
 var Play = ({ size = 16, className }) => /* @__PURE__ */ jsx138("svg", { width: size, height: size, fill: "currentColor", viewBox: "0 0 24 24", className, children: /* @__PURE__ */ jsx138("polygon", { points: "5,3 19,12 5,21" }) });
@@ -16622,11 +16635,11 @@ var YouTubeEmbed = ({
   showMeta = true,
   minimalControls = false
 }) => {
-  const [isLoading, setIsLoading] = useState33(true);
-  const [hasError, setHasError] = useState33(false);
-  const [isPlaying, setIsPlaying] = useState33(false);
-  const [useIframe, setUseIframe] = useState33(false);
-  const [mounted, setMounted] = useState33(false);
+  const [isLoading, setIsLoading] = useState34(true);
+  const [hasError, setHasError] = useState34(false);
+  const [isPlaying, setIsPlaying] = useState34(false);
+  const [useIframe, setUseIframe] = useState34(false);
+  const [mounted, setMounted] = useState34(false);
   useEffect25(() => {
     setMounted(true);
     setUseIframe(true);
@@ -16790,12 +16803,12 @@ var YouTubeLinkParser = ({ href, children }) => {
 };
 
 // src/components/features/video-player.tsx
-import { useState as useState34, useEffect as useEffect26, useRef as useRef21, useMemo as useMemo11, useCallback as useCallback18 } from "react";
+import { useState as useState35, useEffect as useEffect26, useRef as useRef21, useMemo as useMemo11, useCallback as useCallback18 } from "react";
 import ReactPlayer2 from "react-player";
 init_button2();
 import { jsx as jsx139, jsxs as jsxs112 } from "react/jsx-runtime";
 function useVideoFirstFramePoster(url, enabled) {
-  const [poster, setPoster] = useState34(null);
+  const [poster, setPoster] = useState35(null);
   useEffect26(() => {
     if (!enabled || !url) {
       setPoster(null);
@@ -16904,7 +16917,7 @@ function parseSrtTimestamp(ts) {
 }
 function useSubtitleOverlay(srtContent) {
   const cues = useMemo11(() => srtContent ? parseSrt(srtContent) : [], [srtContent]);
-  const [activeText, setActiveText] = useState34(null);
+  const [activeText, setActiveText] = useState35(null);
   const updateTime = useCallback18((playedSeconds) => {
     const timeMs = playedSeconds * 1e3;
     const active = cues.find((c) => timeMs >= c.from && timeMs <= c.to);
@@ -16937,26 +16950,26 @@ var VideoPlayer = ({
   subtitleLabel,
   lazyMount = false
 }) => {
-  const [hasError, setHasError] = useState34(false);
-  const [isPlaying, setIsPlaying] = useState34(autoPlay);
-  const [mounted, setMounted] = useState34(false);
-  const [hasStarted, setHasStarted] = useState34(autoPlay);
+  const [hasError, setHasError] = useState35(false);
+  const [isPlaying, setIsPlaying] = useState35(autoPlay);
+  const [mounted, setMounted] = useState35(false);
+  const [hasStarted, setHasStarted] = useState35(autoPlay);
   const playerRef = useRef21(null);
   const containerRef = useRef21(null);
-  const [played, setPlayed] = useState34(0);
-  const [loaded, setLoaded] = useState34(0);
-  const [duration, setDuration] = useState34(0);
-  const [volume, setVolume] = useState34(0.8);
-  const [prevVolume, setPrevVolume] = useState34(0.8);
-  const [isMuted, setIsMuted] = useState34(muted);
-  const [isBuffering, setIsBuffering] = useState34(false);
-  const [showControls, setShowControls] = useState34(true);
+  const [played, setPlayed] = useState35(0);
+  const [loaded, setLoaded] = useState35(0);
+  const [duration, setDuration] = useState35(0);
+  const [volume, setVolume] = useState35(0.8);
+  const [prevVolume, setPrevVolume] = useState35(0.8);
+  const [isMuted, setIsMuted] = useState35(muted);
+  const [isBuffering, setIsBuffering] = useState35(false);
+  const [showControls, setShowControls] = useState35(true);
   const hideTimeoutRef = useRef21(void 0);
   const clickTimerRef = useRef21(void 0);
   const iosFullscreenTimerRef = useRef21(void 0);
   const lazyMountFailureTimerRef = useRef21(void 0);
-  const [captionsEnabled, setCaptionsEnabled] = useState34(true);
-  const [isFullscreen, setIsFullscreen] = useState34(false);
+  const [captionsEnabled, setCaptionsEnabled] = useState35(true);
+  const [isFullscreen, setIsFullscreen] = useState35(false);
   const { activeText, updateTime, hasCues } = useSubtitleOverlay(srtContent);
   useEffect26(() => {
     const onChange = () => {
@@ -17128,8 +17141,8 @@ var VideoPlayer = ({
     el.addEventListener("keydown", onKey);
     return () => el.removeEventListener("keydown", onKey);
   }, [hasStarted, duration, toggleMute, toggleFullscreen]);
-  const [seekPreview, setSeekPreview] = useState34(null);
-  const [playbackRate, setPlaybackRate] = useState34(1);
+  const [seekPreview, setSeekPreview] = useState35(null);
+  const [playbackRate, setPlaybackRate] = useState35(1);
   const cycleSpeed = useCallback18(() => {
     setPlaybackRate((prev) => {
       const idx = SPEED_OPTIONS.indexOf(prev);
@@ -17572,7 +17585,7 @@ import React46 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2 } from "lucide-react";
 import Link3 from "next/link";
-import React45, { useCallback as useCallback19, useState as useState35 } from "react";
+import React45, { useCallback as useCallback19, useState as useState36 } from "react";
 init_cn();
 init_button2();
 import { Fragment as Fragment19, jsx as jsx140, jsxs as jsxs113 } from "react/jsx-runtime";
@@ -17813,7 +17826,7 @@ var ActionsMenuDropdown = ({
   side = "bottom",
   sideOffset = 6
 }) => {
-  const [open, setOpen] = useState35(false);
+  const [open, setOpen] = useState36(false);
   const handleItemClick = useCallback19(
     (item) => {
       onItemClick?.(item);
@@ -18336,12 +18349,12 @@ function ReleaseDetailPage({
 }) {
   const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
   const release = initialData || fetchedRelease;
-  const [galleryOpen, setGalleryOpen] = useState36(false);
-  const [galleryIndex, setGalleryIndex] = useState36(0);
-  const [roadmapTasks, setRoadmapTasks] = useState36([]);
-  const [deliveryData, setDeliveryData] = useState36(null);
-  const [roadmapLoading, setRoadmapLoading] = useState36(false);
-  const [deliveryLoading, setDeliveryLoading] = useState36(false);
+  const [galleryOpen, setGalleryOpen] = useState37(false);
+  const [galleryIndex, setGalleryIndex] = useState37(0);
+  const [roadmapTasks, setRoadmapTasks] = useState37([]);
+  const [deliveryData, setDeliveryData] = useState37(null);
+  const [roadmapLoading, setRoadmapLoading] = useState37(false);
+  const [deliveryLoading, setDeliveryLoading] = useState37(false);
   useEffect27(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
@@ -18897,7 +18910,7 @@ function CompactPageLoader({
 }
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect29, useRef as useRef22, useState as useState38 } from "react";
+import { useEffect as useEffect29, useRef as useRef22, useState as useState39 } from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -18914,7 +18927,7 @@ var ProgressBar = ({
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
   const containerRef = useRef22(null);
-  const [segmentCount, setSegmentCount] = useState38(0);
+  const [segmentCount, setSegmentCount] = useState39(0);
   useEffect29(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
@@ -20505,7 +20518,7 @@ function TabContent({
 
 // src/components/ui/tab-navigation.tsx
 init_cn();
-import { useState as useState41, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef24, useCallback as useCallback21 } from "react";
+import { useState as useState42, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef24, useCallback as useCallback21 } from "react";
 import { useSearchParams as useSearchParams3, useRouter as useRouter5, usePathname as usePathname3 } from "next/navigation";
 import { Fragment as Fragment22, jsx as jsx168, jsxs as jsxs137 } from "react/jsx-runtime";
 function TabNavigation({
@@ -20536,7 +20549,7 @@ function TabNavigation({
     }
     return defaultTab || tabs[0]?.id || "";
   };
-  const [internalActiveTab, setInternalActiveTab] = useState41(getInitialTab);
+  const [internalActiveTab, setInternalActiveTab] = useState42(getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
   useEffect32(() => {
     if (!isUrlSyncEnabled) return;
@@ -20559,8 +20572,8 @@ function TabNavigation({
     }
   };
   const scrollRef = useRef24(null);
-  const [canScrollLeft, setCanScrollLeft] = useState41(false);
-  const [canScrollRight, setCanScrollRight] = useState41(false);
+  const [canScrollLeft, setCanScrollLeft] = useState42(false);
+  const [canScrollRight, setCanScrollRight] = useState42(false);
   const updateScrollShadows = useCallback21(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -20756,11 +20769,11 @@ function StatusIndicator({ status, label, href }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect34, useState as useState43 } from "react";
+import { useEffect as useEffect34, useState as useState44 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect33, useState as useState42 } from "react";
+import { useEffect as useEffect33, useState as useState43 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -20956,10 +20969,10 @@ function FilterModal({
   emptyStateTitle = "No filters available",
   emptyStateDescription = "There are no filter options to display at the moment"
 }) {
-  const [selectedFilters, setSelectedFilters] = useState42(() => {
+  const [selectedFilters, setSelectedFilters] = useState43(() => {
     return { ...currentFilters };
   });
-  const [pendingTags, setPendingTags] = useState42(selectedTags ?? []);
+  const [pendingTags, setPendingTags] = useState43(selectedTags ?? []);
   useEffect33(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
@@ -21103,8 +21116,8 @@ function ListPageLayout({
   mobileFilterTitle,
   stickyHeader = false
 }) {
-  const [mobileFilterOpen, setMobileFilterOpen] = useState43(false);
-  const [localSearchValue, setLocalSearchValue] = useState43(searchValue);
+  const [mobileFilterOpen, setMobileFilterOpen] = useState44(false);
+  const [localSearchValue, setLocalSearchValue] = useState44(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
   useEffect34(() => {
     setLocalSearchValue(searchValue);
@@ -22647,7 +22660,7 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo15, useState as useState45 } from "react";
+import { useMemo as useMemo15, useState as useState46 } from "react";
 import { ExternalLink as ExternalLink3 } from "lucide-react";
 
 // src/components/logs-list.tsx
@@ -22951,7 +22964,7 @@ function ServiceCard({ title, subtitle, icon, tag, rows, className }) {
   ] });
 }
 function ServiceCardRowItem({ row }) {
-  const [revealed, setRevealed] = useState45(false);
+  const [revealed, setRevealed] = useState46(false);
   const { copy, copied } = useCopyToClipboard();
   const actions = useMemo15(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
   const displayValue = row.isSecret ? /* @__PURE__ */ jsx201(MaskedValue, { value: row.value, isRevealed: revealed }) : /* @__PURE__ */ jsx201("span", { children: row.value });
@@ -24252,7 +24265,7 @@ import { useMemo as useMemo16 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef28, useState as useState46, useCallback as useCallback22 } from "react";
+import { useRef as useRef28, useState as useState47, useCallback as useCallback22 } from "react";
 import { jsx as jsx217, jsxs as jsxs176 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -24282,7 +24295,7 @@ function QueryReportTableHeader({
 }
 function TruncatedHeaderCell({ value, width }) {
   const textRef = useRef28(null);
-  const [isTruncated, setIsTruncated] = useState46(false);
+  const [isTruncated, setIsTruncated] = useState47(false);
   const checkTruncation = useCallback22(() => {
     const el = textRef.current;
     if (el) {
@@ -24311,7 +24324,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef29, useState as useState47, useCallback as useCallback23 } from "react";
+import { useRef as useRef29, useState as useState48, useCallback as useCallback23 } from "react";
 import { jsx as jsx218, jsxs as jsxs177 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -24358,7 +24371,7 @@ function QueryReportTableRow({
 }
 function TruncatedCell({ value, className }) {
   const textRef = useRef29(null);
-  const [isTruncated, setIsTruncated] = useState47(false);
+  const [isTruncated, setIsTruncated] = useState48(false);
   const checkTruncation = useCallback23(() => {
     const el = textRef.current;
     if (el) {
@@ -25231,7 +25244,7 @@ var DataTable = Object.assign(DataTableRoot, {
 });
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback26, useEffect as useEffect37, useMemo as useMemo18, useRef as useRef31, useState as useState48 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect37, useMemo as useMemo18, useRef as useRef31, useState as useState49 } from "react";
 import { jsx as jsx230, jsxs as jsxs188 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -25248,7 +25261,7 @@ function PhoneInput({
     () => [...priority, ...others].find((c) => c.code === countryCode),
     [countryCode, priority, others]
   );
-  const [isInvalid, setIsInvalid] = useState48(false);
+  const [isInvalid, setIsInvalid] = useState49(false);
   const debounceRef = useRef31(null);
   const digitCount = useCallback26((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback26((phone) => {
@@ -25829,7 +25842,7 @@ function FilterList({
 import {
   useEffect as useEffect39,
   useRef as useRef33,
-  useState as useState50
+  useState as useState51
 } from "react";
 init_cn();
 import { jsx as jsx233, jsxs as jsxs191 } from "react/jsx-runtime";
@@ -25866,7 +25879,7 @@ function TagSearchInput({
   const wrapperRef = useRef33(null);
   const hiddenTagsRef = useRef33(null);
   const hiddenTagsPopupRef = useRef33(null);
-  const [showHiddenTags, setShowHiddenTags] = useState50(false);
+  const [showHiddenTags, setShowHiddenTags] = useState51(false);
   useEffect39(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
@@ -26023,7 +26036,7 @@ function TagSearchInput({
 
 // src/components/ui/markdown-editor.tsx
 init_cn();
-import { useRef as useRef34, useCallback as useCallback27, useState as useState51, useEffect as useEffect40 } from "react";
+import { useRef as useRef34, useCallback as useCallback27, useState as useState52, useEffect as useEffect40 } from "react";
 import dynamic from "next/dynamic";
 import { Loader2 as Loader23, Upload as Upload2 } from "lucide-react";
 import { jsx as jsx234, jsxs as jsxs192 } from "react/jsx-runtime";
@@ -26079,9 +26092,9 @@ function MarkdownEditor({
   renderPreview
 }) {
   const fileInputRef = useRef34(null);
-  const [isUploading, setIsUploading] = useState51(false);
-  const [uploadProgress, setUploadProgress] = useState51("");
-  const [defaultExtraCommands, setDefaultExtraCommands] = useState51([]);
+  const [isUploading, setIsUploading] = useState52(false);
+  const [uploadProgress, setUploadProgress] = useState52("");
+  const [defaultExtraCommands, setDefaultExtraCommands] = useState52([]);
   useEffect40(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
@@ -27485,8 +27498,8 @@ function ArrayEntryManager({
   renderLabel,
   isSaving = false
 }) {
-  const [draftItems, setDraftItems] = useState57(items);
-  const [isDirty, setIsDirty] = useState57(false);
+  const [draftItems, setDraftItems] = useState58(items);
+  const [isDirty, setIsDirty] = useState58(false);
   useEffect43(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
@@ -27602,7 +27615,7 @@ function ArrayEntryManager({
 
 // src/components/features/provider-button.tsx
 init_button2();
-import { useState as useState58 } from "react";
+import { useState as useState59 } from "react";
 import { jsx as jsx245 } from "react/jsx-runtime";
 var PROVIDER_CONFIG = {
   microsoft: {
@@ -27623,7 +27636,7 @@ var PROVIDER_CONFIG = {
   }
 };
 function ProviderButton({ provider, onClick, disabled = false, loading = false }) {
-  const [internalLoading, setInternalLoading] = useState58(false);
+  const [internalLoading, setInternalLoading] = useState59(false);
   const config = PROVIDER_CONFIG[provider];
   const IconComponent = config.icon;
   const isLoading = loading || internalLoading;
@@ -27707,7 +27720,7 @@ function AuthProvidersList({
 
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash23, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye, EyeOff } from "lucide-react";
-import { useState as useState59, useEffect as useEffect44 } from "react";
+import { useState as useState60, useEffect as useEffect44 } from "react";
 import { jsx as jsx247, jsxs as jsxs204 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -27717,7 +27730,7 @@ function ChangelogManager({
   expandAll = false,
   showVisibilityToggle = false
 }) {
-  const [expandedIndices, setExpandedIndices] = useState59(/* @__PURE__ */ new Set());
+  const [expandedIndices, setExpandedIndices] = useState60(/* @__PURE__ */ new Set());
   useEffect44(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
@@ -28030,7 +28043,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState60, useRef as useRef37, useEffect as useEffect45, useCallback as useCallback29, useMemo as useMemo22 } from "react";
+import { useState as useState61, useRef as useRef37, useEffect as useEffect45, useCallback as useCallback29, useMemo as useMemo22 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -28403,23 +28416,23 @@ var FigmaPrototypeViewer = ({
   const containerRef = useRef37(null);
   const navTimerRef = useRef37(null);
   const touchTimerRef = useRef37(null);
-  const [screenWidth, setScreenWidth] = useState60(
+  const [screenWidth, setScreenWidth] = useState61(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
-  const [isTouchDevice, setIsTouchDevice] = useState60(() => {
+  const [isTouchDevice, setIsTouchDevice] = useState61(() => {
     if (typeof window === "undefined") return false;
     return "ontouchstart" in window;
   });
-  const [iframeState, setIframeState] = useState60("INITIAL");
-  const [iframeKey, setIframeKey] = useState60(0);
-  const [isInitialized, setIsInitialized] = useState60(false);
-  const [currentNodeId, setCurrentNodeId] = useState60(null);
-  const [internalActiveSection, setInternalActiveSection] = useState60(
+  const [iframeState, setIframeState] = useState61("INITIAL");
+  const [iframeKey, setIframeKey] = useState61(0);
+  const [isInitialized, setIsInitialized] = useState61(false);
+  const [currentNodeId, setCurrentNodeId] = useState61(null);
+  const [internalActiveSection, setInternalActiveSection] = useState61(
     config.defaultSectionId || config.sections[0]?.id || ""
   );
   const activeSection = externalActiveSection || internalActiveSection;
-  const [isNavigating, setIsNavigating] = useState60(false);
-  const [containerDimensions, setContainerDimensions] = useState60({ width: 1200, height: 800 });
+  const [isNavigating, setIsNavigating] = useState61(false);
+  const [containerDimensions, setContainerDimensions] = useState61({ width: 1200, height: 800 });
   const viewMode = useMemo22(
     () => getViewMode(screenWidth, isTouchDevice),
     [screenWidth, isTouchDevice]
@@ -28481,7 +28494,7 @@ var FigmaPrototypeViewer = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  const [lastViewMode, setLastViewMode] = useState60(viewMode);
+  const [lastViewMode, setLastViewMode] = useState61(viewMode);
   useEffect45(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
@@ -28693,7 +28706,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect46, useRef as useRef38, useState as useState61 } from "react";
+import { useEffect as useEffect46, useRef as useRef38, useState as useState62 } from "react";
 import { jsx as jsx253, jsxs as jsxs209 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx253(
@@ -28725,11 +28738,11 @@ var FiltersDropdown = ({
   placement = "bottom-start",
   responsive = true
 }) => {
-  const [isOpen, setIsOpen] = useState61(false);
-  const [shouldRender, setShouldRender] = useState61(false);
-  const [isVisible, setIsVisible] = useState61(false);
-  const [isMobile, setIsMobile] = useState61(false);
-  const [actualPlacement, setActualPlacement] = useState61(placement);
+  const [isOpen, setIsOpen] = useState62(false);
+  const [shouldRender, setShouldRender] = useState62(false);
+  const [isVisible, setIsVisible] = useState62(false);
+  const [isMobile, setIsMobile] = useState62(false);
+  const [actualPlacement, setActualPlacement] = useState62(placement);
   const dropdownRef = useRef38(null);
   const triggerRef = useRef38(null);
   const containerRef = useRef38(null);
@@ -28787,7 +28800,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", calculateOptimalPlacement);
     return () => window.removeEventListener("resize", calculateOptimalPlacement);
   }, [isOpen, isMobile, placement]);
-  const [selectedFilters, setSelectedFilters] = useState61(() => {
+  const [selectedFilters, setSelectedFilters] = useState62(() => {
     if (currentFilters) {
       return { ...currentFilters };
     }
@@ -29007,7 +29020,7 @@ var FiltersDropdown = ({
   ] });
 };
 var useFiltersDropdown = (initialSections) => {
-  const [appliedFilters, setAppliedFilters] = useState61(() => {
+  const [appliedFilters, setAppliedFilters] = useState62(() => {
     const initial = {};
     initialSections.forEach((section) => {
       if (section.defaultSelected) {
@@ -29086,12 +29099,12 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext7, useContext as useContext7, useState as useState62, useEffect as useEffect47 } from "react";
+import { createContext as createContext7, useContext as useContext7, useState as useState63, useEffect as useEffect47 } from "react";
 import { jsx as jsx256, jsxs as jsxs210 } from "react/jsx-runtime";
 var LoadingContext = createContext7(void 0);
 function LoadingProvider({ children }) {
-  const [isLoading, setIsLoading] = useState62(false);
-  const [progress, setProgress] = useState62(0);
+  const [isLoading, setIsLoading] = useState63(false);
+  const [progress, setProgress] = useState63(0);
   useEffect47(() => {
     let interval;
     if (isLoading) {
@@ -29137,7 +29150,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState63, useRef as useRef39, useCallback as useCallback30 } from "react";
+import { useState as useState64, useRef as useRef39, useCallback as useCallback30 } from "react";
 import {
   Upload as Upload3,
   Image as ImageIcon2,
@@ -29159,8 +29172,8 @@ function MediaGalleryManager({
   className = ""
 }) {
   const fileInputRef = useRef39(null);
-  const [deletingIndex, setDeletingIndex] = useState63(null);
-  const [draggedIndex, setDraggedIndex] = useState63(null);
+  const [deletingIndex, setDeletingIndex] = useState64(null);
+  const [draggedIndex, setDraggedIndex] = useState64(null);
   const handleFileSelect = useCallback30(async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -29370,7 +29383,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect48, useState as useState64, useRef as useRef40 } from "react";
+import { useEffect as useEffect48, useState as useState65, useRef as useRef40 } from "react";
 import Image12 from "next/image";
 import { motion as motion2, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx260, jsxs as jsxs213 } from "react/jsx-runtime";
@@ -29389,7 +29402,7 @@ var ParallaxImageShowcase = ({
   const springConfig = { stiffness: 100, damping: 30 };
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
-  const [componentRect, setComponentRect] = useState64(null);
+  const [componentRect, setComponentRect] = useState65(null);
   const componentRef = useRef40(null);
   useEffect48(() => {
     const updateRect = () => {
@@ -30049,7 +30062,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState65, useRef as useRef41 } from "react";
+import { useState as useState66, useRef as useRef41 } from "react";
 import { Trash2 as Trash25, Plus as Plus5, Image as ImageIcon3, Video as Video4, Upload as Upload4, Loader2 as Loader28, GripVertical as GripVertical2 } from "lucide-react";
 import Image13 from "next/image";
 import { jsx as jsx265, jsxs as jsxs218 } from "react/jsx-runtime";
@@ -30060,7 +30073,7 @@ function ReleaseMediaManager({
   className = ""
 }) {
   const fileInputRef = useRef41(null);
-  const [uploadingIndex, setUploadingIndex] = useState65(null);
+  const [uploadingIndex, setUploadingIndex] = useState66(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -30321,7 +30334,7 @@ var SelectButton = React93.forwardRef(
 SelectButton.displayName = "SelectButton";
 
 // src/components/features/seo-editor-preview.tsx
-import { useState as useState66 } from "react";
+import { useState as useState67 } from "react";
 import { Globe as Globe3, ExternalLink as ExternalLink5, Upload as Upload5, X as X11, Loader2 as Loader29, Sparkles as Sparkles2 } from "lucide-react";
 import Image14 from "next/image";
 import { Fragment as Fragment39, jsx as jsx267, jsxs as jsxs220 } from "react/jsx-runtime";
@@ -30345,9 +30358,9 @@ function SEOEditorPreview({
   disabled = false,
   className = ""
 }) {
-  const [imageError, setImageError] = useState66(false);
-  const [isUploading, setIsUploading] = useState66(false);
-  const [fileInputRef, setFileInputRef] = useState66(null);
+  const [imageError, setImageError] = useState67(false);
+  const [isUploading, setIsUploading] = useState67(false);
+  const [fileInputRef, setFileInputRef] = useState67(null);
   const displayTitle = seoTitle.trim() || title || "Untitled";
   const displayDescription = seoDescription.trim() || summary || "No description";
   const hasOgImage = ogImageUrl.trim();
@@ -30791,7 +30804,7 @@ function StatusFilterComponent({
 }
 
 // src/components/features/tags-selector.tsx
-import { useState as useState67 } from "react";
+import { useState as useState68 } from "react";
 import { Search as Search2, X as X12, Plus as Plus6, Loader2 as Loader210 } from "lucide-react";
 import { jsx as jsx271, jsxs as jsxs223 } from "react/jsx-runtime";
 function TagsSelector({
@@ -30805,9 +30818,9 @@ function TagsSelector({
   disabled = false,
   allowCreate = true
 }) {
-  const [searchQuery, setSearchQuery] = useState67("");
-  const [showDropdown, setShowDropdown] = useState67(false);
-  const [isCreating, setIsCreating] = useState67(false);
+  const [searchQuery, setSearchQuery] = useState68("");
+  const [showDropdown, setShowDropdown] = useState68(false);
+  const [isCreating, setIsCreating] = useState68(false);
   const handleTagAdd = (tagId) => {
     if (!selectedTagIds.includes(tagId) && selectedTagIds.length < maxTags) {
       onTagsChange([...selectedTagIds, tagId]);
@@ -30973,7 +30986,7 @@ function TagsSelector({
 
 // src/components/features/video-source-selector.tsx
 init_button2();
-import { useState as useState68, useCallback as useCallback31 } from "react";
+import { useState as useState69, useCallback as useCallback31 } from "react";
 import { Upload as Upload6, Sparkles as Sparkles3, X as X13, Video as Video5 } from "lucide-react";
 import { jsx as jsx272, jsxs as jsxs224 } from "react/jsx-runtime";
 function VideoSourceSelector({
@@ -30998,10 +31011,10 @@ function VideoSourceSelector({
   showTitle = true,
   className = ""
 }) {
-  const [isUploading, setIsUploading] = useState68(false);
-  const [uploadProgress, setUploadProgress] = useState68(0);
-  const [uploadMessage, setUploadMessage] = useState68("");
-  const [uploadError, setUploadError] = useState68(null);
+  const [isUploading, setIsUploading] = useState69(false);
+  const [uploadProgress, setUploadProgress] = useState69(0);
+  const [uploadMessage, setUploadMessage] = useState69("");
+  const [uploadError, setUploadError] = useState69(null);
   const handleUploadClick = useCallback31(() => {
     const input = document.createElement("input");
     input.type = "file";
@@ -31352,7 +31365,7 @@ function TranscriptSummaryEditor({
 }
 
 // src/components/features/highlight-video-section.tsx
-import { useState as useState69 } from "react";
+import { useState as useState70 } from "react";
 import { Sparkles as Sparkles5, Upload as Upload7 } from "lucide-react";
 init_button2();
 
@@ -31651,7 +31664,7 @@ function HighlightVideoSection({
   disabled = false,
   className = ""
 }) {
-  const [uploadError, setUploadError] = useState69(null);
+  const [uploadError, setUploadError] = useState70(null);
   const handleUploadClick = () => {
     const input = document.createElement("input");
     input.type = "file";
@@ -32495,7 +32508,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef42, useEffect as useEffect49, useState as useState70 } from "react";
+import { useRef as useRef42, useEffect as useEffect49, useState as useState71 } from "react";
 import { ChevronDown as ChevronDown8 } from "lucide-react";
 init_button2();
 
@@ -32676,7 +32689,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
   ] });
 };
 var useAnimatedHeight = (isExpanded) => {
-  const [height, setHeight] = useState70(0);
+  const [height, setHeight] = useState71(0);
   const contentRef = useRef42(null);
   useEffect49(() => {
     if (contentRef.current) {
@@ -32834,7 +32847,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect50, useState as useState71 } from "react";
+import { useEffect as useEffect50, useState as useState72 } from "react";
 import { Fragment as Fragment41, jsx as jsx292, jsxs as jsxs240 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -32854,14 +32867,14 @@ 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] = useState71(defaultEmail);
-  const [phone, setPhone] = useState71(defaultPhone);
-  const [countryCode, setCountryCode] = useState71("US");
+  const [email, setEmail] = useState72(defaultEmail);
+  const [phone, setPhone] = useState72(defaultPhone);
+  const [countryCode, setCountryCode] = useState72("US");
   const { toast } = useToast();
-  const [smsConsent, setSmsConsent] = useState71(false);
-  const [isClient, setIsClient] = useState71(false);
-  const [isPhoneInvalid, setIsPhoneInvalid] = useState71(false);
-  const [showConsentError, setShowConsentError] = useState71(false);
+  const [smsConsent, setSmsConsent] = useState72(false);
+  const [isClient, setIsClient] = useState72(false);
+  const [isPhoneInvalid, setIsPhoneInvalid] = useState72(false);
+  const [showConsentError, setShowConsentError] = useState72(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
   useEffect50(() => {
     if (defaultEmail) {
@@ -33441,13 +33454,13 @@ function EmptyState3() {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback33, useState as useState72 } from "react";
+import { useCallback as useCallback33, useState as useState73 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
     {}
   );
-  const [memory, setMemory] = useState72({});
+  const [memory, setMemory] = useState73({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
   const toggle = useCallback33(
@@ -34329,4 +34342,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-J3ZCNPDM.js.map
+//# sourceMappingURL=chunk-KCKMK4UF.js.map