@flamingo-stack/openframe-frontend-core 0.0.269 → 0.0.270

package/dist/{chunk-ALCUDWKJ.js → chunk-RM7ZT3UU.js}

@@ -7133,7 +7133,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState75, useEffect as useEffect54 } from "react";
+import { useState as useState75, useEffect as useEffect55 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -18507,8 +18507,8 @@ function TagsSelector({
 
 // src/components/features/video-source-selector.tsx
 init_button2();
-import { useState as useState47, useCallback as useCallback14 } from "react";
-import { Upload as Upload4, Sparkles as Sparkles3, X as X8, Video as Video5 } from "lucide-react";
+import { useState as useState47, useCallback as useCallback14, useEffect as useEffect31 } from "react";
+import { Upload as Upload4, Sparkles as Sparkles3, X as X8, Video as Video5, Loader2 as Loader27 } from "lucide-react";
 import { jsx as jsx158, jsxs as jsxs123 } from "react/jsx-runtime";
 function VideoSourceSelector({
   videoSourceType,
@@ -18527,6 +18527,7 @@ function VideoSourceSelector({
   uploadEmptyText = 'No video uploaded yet. Click "Upload Video" to add one.',
   disabled = false,
   VideoPreviewComponent,
+  resolveVideoUrl,
   UploadProgressComponent,
   title = "Video",
   showTitle = true,
@@ -18668,31 +18669,62 @@ function VideoSourceSelector({
           isAIGenerated
         }
       ) : (
-        // Default simple preview
-        /* @__PURE__ */ jsxs123("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
-          /* @__PURE__ */ jsx158(
-            "video",
-            {
-              src: mainVideoUrl,
-              className: "w-full h-auto max-h-[300px] object-contain bg-black",
-              controls: true
-            }
-          ),
-          /* @__PURE__ */ jsx158(
-            "button",
-            {
-              type: "button",
-              onClick: handleDeleteVideo,
-              className: "absolute top-2 right-2 p-1.5 bg-black/60 hover:bg-black/80 rounded-full transition-colors",
-              disabled,
-              children: /* @__PURE__ */ jsx158(X8, { className: "h-4 w-4 text-white" })
-            }
-          )
-        ] })
+        // Default simple preview (resolver-aware — see DefaultVideoPreview)
+        /* @__PURE__ */ jsx158(
+          DefaultVideoPreview,
+          {
+            videoUrl: mainVideoUrl,
+            resolveVideoUrl,
+            onDelete: handleDeleteVideo,
+            disabled
+          }
+        )
       ) : /* @__PURE__ */ jsx158("p", { className: "text-sm text-ods-text-secondary italic", children: uploadEmptyText })
     ] })
   ] });
 }
+function DefaultVideoPreview({ videoUrl, resolveVideoUrl, onDelete, disabled }) {
+  const [resolvedUrl, setResolvedUrl] = useState47(
+    resolveVideoUrl ? void 0 : videoUrl
+  );
+  useEffect31(() => {
+    if (!resolveVideoUrl) {
+      setResolvedUrl(videoUrl);
+      return;
+    }
+    let active = true;
+    setResolvedUrl(void 0);
+    resolveVideoUrl(videoUrl).then((url) => {
+      if (active) setResolvedUrl(url);
+    }).catch(() => {
+      if (active) setResolvedUrl(videoUrl);
+    });
+    return () => {
+      active = false;
+    };
+  }, [videoUrl, resolveVideoUrl]);
+  return /* @__PURE__ */ jsxs123("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
+    resolvedUrl === void 0 ? /* @__PURE__ */ jsx158("div", { className: "w-full h-[200px] flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx158(Loader27, { className: "h-6 w-6 animate-spin text-ods-accent" }) }) : /* @__PURE__ */ jsx158(
+      "video",
+      {
+        src: resolvedUrl,
+        className: "w-full h-auto max-h-[300px] object-contain bg-black",
+        controls: true
+      }
+    ),
+    /* @__PURE__ */ jsx158(
+      "button",
+      {
+        type: "button",
+        onClick: onDelete,
+        "aria-label": "Delete video",
+        className: "absolute top-2 right-2 p-1.5 bg-black/60 hover:bg-black/80 rounded-full transition-colors",
+        disabled,
+        children: /* @__PURE__ */ jsx158(X8, { className: "h-4 w-4 text-white" })
+      }
+    )
+  ] });
+}
 
 // src/components/features/transcript-summary-editor.tsx
 import { Sparkles as Sparkles4 } from "lucide-react";
@@ -18988,7 +19020,7 @@ var AIWarningsSection = ({
 
 // src/components/features/ai-enrich/AIEnrichSection.tsx
 init_button2();
-import { CheckCircle as CheckCircle2, AlertCircle as AlertCircle2, Loader2 as Loader27, X as X9 } from "lucide-react";
+import { CheckCircle as CheckCircle2, AlertCircle as AlertCircle2, Loader2 as Loader28, X as X9 } from "lucide-react";
 import { jsx as jsx163, jsxs as jsxs127 } from "react/jsx-runtime";
 var AIEnrichSection = ({
   onEnrich,
@@ -19100,7 +19132,7 @@ var AIEnrichSection = ({
               size: "small-legacy",
               onClick: onCancel,
               disabled: isCancelling,
-              leftIcon: isCancelling ? /* @__PURE__ */ jsx163(Loader27, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx163(X9, { className: "h-4 w-4" }),
+              leftIcon: isCancelling ? /* @__PURE__ */ jsx163(Loader28, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx163(X9, { className: "h-4 w-4" }),
               className: "!w-full",
               children: isCancelling ? "Cancelling..." : "Cancel Processing"
             }
@@ -19121,7 +19153,7 @@ var AIEnrichSection = ({
           )) })
         ] }),
         loading && statusMessage && /* @__PURE__ */ jsxs127("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-card-secondary", children: [
-          /* @__PURE__ */ jsx163(Loader27, { className: "h-5 w-5 text-ods-accent animate-spin" }),
+          /* @__PURE__ */ jsx163(Loader28, { className: "h-5 w-5 text-ods-accent animate-spin" }),
           /* @__PURE__ */ jsx163("span", { className: "text-sm text-ods-text-primary font-['DM_Sans']", children: statusMessage })
         ] }),
         hasResults && /* @__PURE__ */ jsxs127("div", { className: "space-y-4", children: [
@@ -20029,7 +20061,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef25, useEffect as useEffect31, useState as useState49 } from "react";
+import { useRef as useRef25, useEffect as useEffect32, useState as useState49 } from "react";
 import { ChevronDown as ChevronDown7 } from "lucide-react";
 init_button2();
 
@@ -20212,7 +20244,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
 var useAnimatedHeight = (isExpanded) => {
   const [height, setHeight] = useState49(0);
   const contentRef = useRef25(null);
-  useEffect31(() => {
+  useEffect32(() => {
     if (contentRef.current) {
       const contentHeight = contentRef.current.scrollHeight;
       setHeight(isExpanded ? contentHeight : 0);
@@ -20369,7 +20401,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback15, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef26, useState as useState50 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect33, useMemo as useMemo12, useRef as useRef26, useState as useState50 } from "react";
 import { jsx as jsx178, jsxs as jsxs139 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -20403,7 +20435,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect32(() => {
+  useEffect33(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -20470,7 +20502,7 @@ function CountryOption({ country }) {
 // src/components/features/waitlist-form.tsx
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect33, useState as useState51 } from "react";
+import { useEffect as useEffect34, useState as useState51 } from "react";
 import { Fragment as Fragment22, jsx as jsx179, jsxs as jsxs140 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -20500,12 +20532,12 @@ function WaitlistForm({
   const [isPhoneInvalid, setIsPhoneInvalid] = useState51(false);
   const [showConsentError, setShowConsentError] = useState51(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect33(() => {
+  useEffect34(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect33(() => {
+  useEffect34(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -20890,12 +20922,12 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect36, useRef as useRef28 } from "react";
+import { useEffect as useEffect37, useRef as useRef28 } from "react";
 init_button();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo14, useEffect as useEffect35 } from "react";
+import { useMemo as useMemo14, useEffect as useEffect36 } from "react";
 init_button();
 init_cn();
 import { jsx as jsx181, jsxs as jsxs141 } from "react/jsx-runtime";
@@ -20912,7 +20944,7 @@ function NotificationTile({
   const initialElapsed = useMemo14(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect35(() => {
+  useEffect36(() => {
     if (!counting) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -21102,7 +21134,7 @@ function DrawerScrollList({
   const sentinelRef = useRef28(null);
   const loadMoreRef = useRef28(loadMore);
   loadMoreRef.current = loadMore;
-  useEffect36(() => {
+  useEffect37(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -22430,7 +22462,7 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React78, { useEffect as useEffect39, useRef as useRef31, useState as useState56 } from "react";
+import React78, { useEffect as useEffect40, useRef as useRef31, useState as useState56 } from "react";
 init_button2();
 import { Fragment as Fragment27, jsx as jsx191, jsxs as jsxs149 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
@@ -22439,7 +22471,7 @@ function Header2({ config, platform }) {
   const [openDropdowns, setOpenDropdowns] = useState56({});
   const dropdownRefs = useRef31({});
   const triggerRefs = useRef31({});
-  useEffect39(() => {
+  useEffect40(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -22468,14 +22500,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect39(() => {
+  useEffect40(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -22698,7 +22730,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState57, useEffect as useEffect40 } from "react";
+import { useState as useState57, useEffect as useEffect41 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx192, jsxs as jsxs150 } from "react/jsx-runtime";
@@ -22747,7 +22779,7 @@ function HeaderSkeleton({ config }) {
 import { jsx as jsx193 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
   const [isClient, setIsClient] = useState57(false);
-  useEffect40(() => {
+  useEffect41(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -22757,13 +22789,13 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useEffect as useEffect41, useRef as useRef32 } from "react";
+import { useEffect as useEffect42, useRef as useRef32 } from "react";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment28, jsx as jsx194, jsxs as jsxs151 } from "react/jsx-runtime";
 function MobileNavPanel({ isOpen, config }) {
   const panelRef = useRef32(null);
-  useEffect41(() => {
+  useEffect42(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -22773,7 +22805,7 @@ function MobileNavPanel({ isOpen, config }) {
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
-  useEffect41(() => {
+  useEffect42(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         config.onClose?.();
@@ -22881,7 +22913,7 @@ function MobileNavPanel({ isOpen, config }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState58, useEffect as useEffect42 } from "react";
+import { useState as useState58, useEffect as useEffect43 } from "react";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 init_button2();
 import { Fragment as Fragment29, jsx as jsx195, jsxs as jsxs152 } from "react/jsx-runtime";
@@ -22889,7 +22921,7 @@ function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState58(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState58(false);
   const headerHeight = useHeaderHeight();
-  useEffect42(() => {
+  useEffect43(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -23052,7 +23084,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect43, useState as useState59, useCallback as useCallback20, useRef as useRef33 } from "react";
+import { useEffect as useEffect44, useState as useState59, useCallback as useCallback20, useRef as useRef33 } from "react";
 import { jsx as jsx196, jsxs as jsxs153 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -23126,14 +23158,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect43(() => {
+  useEffect44(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect43(() => {
+  useEffect44(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -23166,7 +23198,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback21, useEffect as useEffect44, useLayoutEffect as useLayoutEffect4, useMemo as useMemo19, useState as useState60 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect45, useLayoutEffect as useLayoutEffect4, useMemo as useMemo19, useState as useState60 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx197, jsxs as jsxs154 } from "react/jsx-runtime";
@@ -23325,7 +23357,7 @@ function NavigationSidebar({ config, disabled = false }) {
     config.minimized ?? false
   );
   const [tabletMinimized, setTabletMinimized] = useState60(true);
-  useEffect44(() => {
+  useEffect45(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const minimized = isTablet ? tabletMinimized : desktopMinimized;
@@ -23343,7 +23375,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback21(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect44(() => {
+  useEffect45(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -23842,7 +23874,7 @@ function NotificationsHeaderButton({
 import { createContext as createContext7, Suspense, useCallback as useCallback23, useContext as useContext7, useState as useState61 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React84, { useCallback as useCallback22, useEffect as useEffect45 } from "react";
+import React84, { useCallback as useCallback22, useEffect as useEffect46 } from "react";
 import { Fragment as Fragment31, jsx as jsx206, jsxs as jsxs162 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React84.memo(function MobileBurgerMenu2({
@@ -23855,7 +23887,7 @@ var MobileBurgerMenu = React84.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  useEffect45(() => {
+  useEffect46(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -23865,7 +23897,7 @@ var MobileBurgerMenu = React84.memo(function MobileBurgerMenu2({
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         onClose();
@@ -25590,7 +25622,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx224(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect47, useRef as useRef37 } from "react";
+import { useEffect as useEffect48, useRef as useRef37 } from "react";
 init_pagination();
 init_button2();
 
@@ -26344,7 +26376,7 @@ function Table({
   const sentinelRef = useRef37(null);
   const onLoadMoreRef = useRef37(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect47(() => {
+  useEffect48(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -27429,7 +27461,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect48, useRef as useRef41 } from "react";
+import { useEffect as useEffect49, useRef as useRef41 } from "react";
 import { Fragment as Fragment39, jsx as jsx247, jsxs as jsxs198 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -27441,7 +27473,7 @@ function DataTableInfiniteFooter({
   const sentinelRef = useRef41(null);
   const onLoadMoreRef = useRef41(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect48(() => {
+  useEffect49(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -27682,7 +27714,7 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect49,
+  useEffect as useEffect50,
   useRef as useRef42,
   useState as useState66
 } from "react";
@@ -27722,7 +27754,7 @@ function TagSearchInput({
   const hiddenTagsRef = useRef42(null);
   const hiddenTagsPopupRef = useRef42(null);
   const [showHiddenTags, setShowHiddenTags] = useState66(false);
-  useEffect49(() => {
+  useEffect50(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -27877,9 +27909,9 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef43, useCallback as useCallback30, useState as useState67, useEffect as useEffect50 } from "react";
+import { useRef as useRef43, useCallback as useCallback30, useState as useState67, useEffect as useEffect51 } from "react";
 init_cn();
-import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
+import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx251, jsxs as jsxs202 } from "react/jsx-runtime";
 var MDEditor = dynamic(() => import("@uiw/react-md-editor"), { ssr: false });
 var MARKDOWN_EDITOR_STYLE_ID = "ods-markdown-editor-styles";
@@ -27908,7 +27940,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() {
-  useEffect50(() => {
+  useEffect51(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -27936,7 +27968,7 @@ function MarkdownEditor({
   const [isUploading, setIsUploading] = useState67(false);
   const [uploadProgress, setUploadProgress] = useState67("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState67([]);
-  useEffect50(() => {
+  useEffect51(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -28019,7 +28051,7 @@ function MarkdownEditor({
     name: "upload",
     keyCommand: "upload",
     buttonProps: { "aria-label": "Upload file", title: "Upload file" },
-    icon: isUploading ? /* @__PURE__ */ jsx251(Loader28, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx251(Upload8, { className: "w-3 h-3" }),
+    icon: isUploading ? /* @__PURE__ */ jsx251(Loader29, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx251(Upload8, { className: "w-3 h-3" }),
     execute: () => {
       fileInputRef.current?.click();
     }
@@ -28059,7 +28091,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect50(() => {
+  useEffect51(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -28107,7 +28139,7 @@ function MarkdownEditor({
             accept: "image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.zip,.txt"
           }
         ),
-        !MDEditor && /* @__PURE__ */ jsx251("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx251(Loader28, { className: "h-8 w-8 animate-spin" }) }),
+        !MDEditor && /* @__PURE__ */ jsx251("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx251(Loader29, { className: "h-8 w-8 animate-spin" }) }),
         MDEditor && /* @__PURE__ */ jsx251(
           MDEditor,
           {
@@ -28153,7 +28185,7 @@ function MarkdownEditor({
 
 // src/components/ui/file-upload.tsx
 import * as React96 from "react";
-import { Loader2 as Loader29, X as X11 } from "lucide-react";
+import { Loader2 as Loader210, X as X11 } from "lucide-react";
 init_cn();
 import { jsx as jsx252, jsxs as jsxs203 } from "react/jsx-runtime";
 function formatFileSize2(bytes) {
@@ -28406,7 +28438,7 @@ function FileUpload({
                   /* @__PURE__ */ jsxs203("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsx252("span", { className: "text-heading-6 text-ods-text-secondary", children: formatFileSize2(entry.fileSize) }),
                     entry.status === "uploading" && /* @__PURE__ */ jsxs203("span", { className: "flex items-center gap-1 text-heading-6 text-ods-text-secondary", children: [
-                      /* @__PURE__ */ jsx252(Loader29, { className: "size-3 animate-spin" }),
+                      /* @__PURE__ */ jsx252(Loader210, { className: "size-3 animate-spin" }),
                       "Uploading..."
                     ] }),
                     entry.status === "error" && /* @__PURE__ */ jsx252("span", { className: "text-heading-6 text-[var(--ods-attention-red-error)]", children: entry.error || "Upload failed" })
@@ -28477,7 +28509,7 @@ function FileUpload({
 
 // src/components/ui/image-uploader.tsx
 import * as React97 from "react";
-import { Loader2 as Loader210 } from "lucide-react";
+import { Loader2 as Loader211 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment41, jsx as jsx253, jsxs as jsxs204 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
@@ -28641,8 +28673,8 @@ function ImageUploader({
               }
             )
           ] }),
-          loading && /* @__PURE__ */ jsx253("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx253(Loader210, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx253(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs204(Fragment41, { children: [
+          loading && /* @__PURE__ */ jsx253("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx253(Loader211, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
+        ] }) : loading ? /* @__PURE__ */ jsx253(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs204(Fragment41, { children: [
           /* @__PURE__ */ jsx253("div", { className: "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx253(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs204("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx253("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -29748,7 +29780,7 @@ function ImageGalleryModal({
   initialIndex = 0
 }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState75(initialIndex);
-  useEffect54(() => {
+  useEffect55(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -29763,7 +29795,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect54(() => {
+  useEffect55(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -33905,7 +33937,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect55, useRef as useRef48, useState as useState78 } from "react";
+import { useEffect as useEffect56, useRef as useRef48, useState as useState78 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -33932,49 +33964,49 @@ function useJetStreamDialogSubscription({
   const subscriptionRef = useRef48(null);
   const highestStreamSeqRef = useRef48(null);
   const onEventRef = useRef48(onEvent);
-  useEffect55(() => {
+  useEffect56(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef48(onConnect);
-  useEffect55(() => {
+  useEffect56(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef48(onDisconnect);
-  useEffect55(() => {
+  useEffect56(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef48(onSubscribed);
-  useEffect55(() => {
+  useEffect56(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef48(onBeforeReconnect);
-  useEffect55(() => {
+  useEffect56(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const getNatsWsUrlRef = useRef48(getNatsWsUrl);
-  useEffect55(() => {
+  useEffect56(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef48(reconnectionBackoff);
-  useEffect55(() => {
+  useEffect56(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const optStartSeqRef = useRef48(optStartSeq);
-  useEffect55(() => {
+  useEffect56(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
   const inactiveThresholdRef = useRef48(inactiveThresholdMs);
-  useEffect55(() => {
+  useEffect56(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
   const hadConnectionBeforeRef = useRef48(false);
   const clientConfigRef = useRef48(clientConfig);
-  useEffect55(() => {
+  useEffect56(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef48("");
   const wsUrl = getNatsWsUrl();
-  useEffect55(() => {
+  useEffect56(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -34055,7 +34087,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -34138,7 +34170,7 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect55(() => {
+  useEffect56(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
@@ -34146,7 +34178,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect56, useRef as useRef49, useState as useState79 } from "react";
+import { useEffect as useEffect57, useRef as useRef49, useState as useState79 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -34166,41 +34198,41 @@ function useNatsDialogSubscription({
   const clientRef = useRef49(null);
   const subscriptionRefs = useRef49(/* @__PURE__ */ new Map());
   const onEventRef = useRef49(onEvent);
-  useEffect56(() => {
+  useEffect57(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef49(onConnect);
-  useEffect56(() => {
+  useEffect57(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef49(onDisconnect);
-  useEffect56(() => {
+  useEffect57(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef49(onSubscribed);
-  useEffect56(() => {
+  useEffect57(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef49(onBeforeReconnect);
-  useEffect56(() => {
+  useEffect57(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const hadConnectionBeforeRef = useRef49(false);
   const getNatsWsUrlRef = useRef49(getNatsWsUrl);
-  useEffect56(() => {
+  useEffect57(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef49(reconnectionBackoff);
-  useEffect56(() => {
+  useEffect57(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const clientConfigRef = useRef49(clientConfig);
-  useEffect56(() => {
+  useEffect57(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef49("");
   const wsUrl = getNatsWsUrl();
-  useEffect56(() => {
+  useEffect57(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -34284,12 +34316,12 @@ function useNatsDialogSubscription({
   const topicsKey = topics.join(",");
   const lastSubscribedDialogIdRef = useRef49(null);
   const isConnectedRef = useRef49(isConnected);
-  useEffect56(() => {
+  useEffect57(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
   const currentDialogIdRef = useRef49(null);
   const abortControllerRef = useRef49(null);
-  useEffect56(() => {
+  useEffect57(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -34370,7 +34402,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -34420,7 +34452,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback34, useRef as useRef50, useEffect as useEffect57 } from "react";
+import { useCallback as useCallback34, useRef as useRef50, useEffect as useEffect58 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -35064,7 +35096,7 @@ function useRealtimeChunkProcessor(options) {
     })
   );
   const hasInitializedWithData = useRef50(false);
-  useEffect57(() => {
+  useEffect58(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -35081,7 +35113,7 @@ function useRealtimeChunkProcessor(options) {
   const hasEverStreamedRef = useRef50(false);
   const directModeFlagRef = useRef50(isDirectMode);
   const sawDirectMessageRef = useRef50(false);
-  useEffect57(() => {
+  useEffect58(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
   const pendingEscalatedRef = useRef50(/* @__PURE__ */ new Map());
@@ -35338,7 +35370,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect58, useState as useState80 } from "react";
+import { useEffect as useEffect59, useState as useState80 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   const url = new URL(commandsUrl, window.location.origin);
@@ -35351,7 +35383,7 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
 function useSlashCommands(prefix, commandsUrl) {
   const [commands, setCommands] = useState80([]);
   const [loading, setLoading] = useState80(false);
-  useEffect58(() => {
+  useEffect59(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -35639,7 +35671,7 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback36, useEffect as useEffect59, useRef as useRef52, useState as useState82 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect60, useRef as useRef52, useState as useState82 } from "react";
 import { jsx as jsx275 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
@@ -35648,7 +35680,7 @@ function useChatAttachmentImageGallery() {
   const panelRef = useRef52(null);
   const [state, setState] = useState82(CLOSED);
   const handleClose = useCallback36(() => setState(CLOSED), []);
-  useEffect59(() => {
+  useEffect60(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -35694,7 +35726,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext10, createElement, useContext as useContext10, useEffect as useEffect60, useState as useState83 } from "react";
+import { createContext as createContext10, createElement, useContext as useContext10, useEffect as useEffect61, useState as useState83 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -35707,7 +35739,7 @@ function useResolveChatIdentity(enabled) {
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
   const [data, setData] = useState83(ANON_DEFAULTS);
   const [isLoading, setIsLoading] = useState83(enabled);
-  useEffect60(() => {
+  useEffect61(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -35746,11 +35778,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect61, useRef as useRef53 } from "react";
+import { useEffect as useEffect62, useRef as useRef53 } from "react";
 function useCloseOnNavigation(close, pathname) {
   const prevPathnameRef = useRef53(null);
   const initializedRef = useRef53(false);
-  useEffect61(() => {
+  useEffect62(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -35764,7 +35796,7 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState85, useCallback as useCallback38, useEffect as useEffect62, useRef as useRef55 } from "react";
+import { useState as useState85, useCallback as useCallback38, useEffect as useEffect63, useRef as useRef55 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
 import { useState as useState84, useCallback as useCallback37, useRef as useRef54 } from "react";
@@ -35842,7 +35874,7 @@ function useChat({
   const currentAssistantSegmentsRef = useRef55([]);
   const onMessagesChangeRef = useRef55(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect62(() => {
+  useEffect63(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -36131,7 +36163,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState86, useEffect as useEffect63, useCallback as useCallback39, useMemo as useMemo26, useRef as useRef56 } from "react";
+import { useState as useState86, useEffect as useEffect64, useCallback as useCallback39, useMemo as useMemo26, useRef as useRef56 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -36655,7 +36687,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect63(() => {
+  useEffect64(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -36737,7 +36769,7 @@ var noopRejectRequest = async (_id, _reason) => {
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
   useCallback as useCallback40,
-  useEffect as useEffect64,
+  useEffect as useEffect65,
   useMemo as useMemo27,
   useRef as useRef57,
   useState as useState87
@@ -37380,7 +37412,7 @@ function useNatsChatAdapter(config, options = {}) {
     ]
   );
   const prevDialogIdRef = useRef57(void 0);
-  useEffect64(() => {
+  useEffect65(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -37394,7 +37426,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect64(() => {
+  useEffect65(() => {
     if (!active || !dialogId) return;
     resetChunkTracking();
     startInitialBuffering();
@@ -37416,7 +37448,7 @@ function useNatsChatAdapter(config, options = {}) {
       setConnectionState("connected");
     }
   });
-  useEffect64(() => {
+  useEffect65(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
@@ -37455,7 +37487,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback40(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect64(() => {
+  useEffect65(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -38021,7 +38053,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback43, useEffect as useEffect65, useMemo as useMemo30, useRef as useRef59, useState as useState89 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect66, useMemo as useMemo30, useRef as useRef59, useState as useState89 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -38528,7 +38560,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect65(() => {
+  useEffect66(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -38550,7 +38582,7 @@ function EmbeddableChatInner({
   });
   usePreventScroll({ isDisabled: !isOpen || shellLess });
   const navigatingAwayRef = useRef59(false);
-  useEffect65(() => {
+  useEffect66(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -38787,7 +38819,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback43(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect65(() => {
+  useEffect66(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -39815,4 +39847,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-ALCUDWKJ.js.map
+//# sourceMappingURL=chunk-RM7ZT3UU.js.map