@flamingo-stack/openframe-frontend-core 0.0.399 → 0.0.400

package/dist/{chunk-ZSZRJWY3.js → chunk-DH6HTYOV.js}

@@ -123,11 +123,29 @@ function useDebounce(value, delay = 500) {
   return debouncedValue;
 }
 
+// src/hooks/ui/use-deferred-error.ts
+import * as React from "react";
+function useDeferredError(error, value, delay = 1500) {
+  const [touched, setTouched] = React.useState(false);
+  const [paused, setPaused] = React.useState(false);
+  React.useEffect(() => {
+    if (touched) return;
+    setPaused(false);
+    const timer = setTimeout(() => setPaused(true), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay, touched]);
+  const onBlur = React.useCallback(() => setTouched(true), []);
+  return {
+    error: error && (touched || paused) ? error : void 0,
+    onBlur
+  };
+}
+
 // src/hooks/ui/use-header-height.ts
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 function useHeaderHeight(defaultHeight = 64) {
-  const [height, setHeight] = useState3(defaultHeight);
-  useEffect3(() => {
+  const [height, setHeight] = useState4(defaultHeight);
+  useEffect4(() => {
     const measure = () => {
       let total = 0;
       const header2 = document.querySelector("header");
@@ -166,22 +184,22 @@ function useHeaderHeight(defaultHeight = 64) {
 }
 
 // src/hooks/ui/use-horizontal-scrollbar.ts
-import { useRef as useRef2, useState as useState4, useCallback as useCallback2 } from "react";
+import { useRef as useRef2, useState as useState5, useCallback as useCallback3 } from "react";
 function useHorizontalScrollbar() {
   const scrollElRef = useRef2(null);
   const trackRef = useRef2(null);
   const thumbRef = useRef2(null);
   const roRef = useRef2(null);
   const moRef = useRef2(null);
-  const [thumbRatio, setThumbRatio] = useState4(0);
-  const [canScrollLeft, setCanScrollLeft] = useState4(false);
-  const [canScrollRight, setCanScrollRight] = useState4(false);
+  const [thumbRatio, setThumbRatio] = useState5(0);
+  const [canScrollLeft, setCanScrollLeft] = useState5(false);
+  const [canScrollRight, setCanScrollRight] = useState5(false);
   const prevCanScrollLeftRef = useRef2(false);
   const prevCanScrollRightRef = useRef2(false);
   const isDraggingRef = useRef2(false);
   const dragStartRef = useRef2({ mouseX: 0, scrollLeft: 0 });
   const rafIdRef = useRef2(0);
-  const syncThumbToDOM = useCallback2(() => {
+  const syncThumbToDOM = useCallback3(() => {
     const el = scrollElRef.current;
     const thumb = thumbRef.current;
     if (!el || !thumb) return;
@@ -194,7 +212,7 @@ function useHorizontalScrollbar() {
     const fraction = Math.min(Math.max(el.scrollLeft, 0), maxScroll) / maxScroll;
     thumb.style.left = `${fraction * (1 - ratio) * 100}%`;
   }, []);
-  const syncEdgeFades = useCallback2(() => {
+  const syncEdgeFades = useCallback3(() => {
     const el = scrollElRef.current;
     if (!el) return;
     const maxScroll = el.scrollWidth - el.clientWidth;
@@ -222,7 +240,7 @@ function useHorizontalScrollbar() {
       setCanScrollRight(right);
     }
   }, []);
-  const measure = useCallback2(() => {
+  const measure = useCallback3(() => {
     const el = scrollElRef.current;
     if (!el) return;
     const ratio = el.clientWidth / el.scrollWidth;
@@ -230,7 +248,7 @@ function useHorizontalScrollbar() {
     syncThumbToDOM();
     syncEdgeFades();
   }, [syncThumbToDOM, syncEdgeFades]);
-  const scrollRef = useCallback2((node) => {
+  const scrollRef = useCallback3((node) => {
     if (roRef.current) {
       roRef.current.disconnect();
       roRef.current = null;
@@ -272,7 +290,7 @@ function useHorizontalScrollbar() {
       setCanScrollRight(false);
     }
   }, [measure, syncThumbToDOM, syncEdgeFades]);
-  const onScroll = useCallback2(() => {
+  const onScroll = useCallback3(() => {
     if (isDraggingRef.current) return;
     if (rafIdRef.current) cancelAnimationFrame(rafIdRef.current);
     rafIdRef.current = requestAnimationFrame(() => {
@@ -280,7 +298,7 @@ function useHorizontalScrollbar() {
       syncEdgeFades();
     });
   }, [syncThumbToDOM, syncEdgeFades]);
-  const onTrackClick = useCallback2((e) => {
+  const onTrackClick = useCallback3((e) => {
     if (e.target.closest("[data-scrollbar-thumb]")) return;
     const track = trackRef.current;
     const el = scrollElRef.current;
@@ -298,13 +316,13 @@ function useHorizontalScrollbar() {
     const targetScrollLeft = targetFraction * (el.scrollWidth - el.clientWidth);
     el.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
   }, []);
-  const onTrackWheel = useCallback2((e) => {
+  const onTrackWheel = useCallback3((e) => {
     const el = scrollElRef.current;
     if (!el) return;
     e.preventDefault();
     el.scrollLeft += e.deltaX || e.deltaY;
   }, []);
-  const onThumbPointerDown = useCallback2((e) => {
+  const onThumbPointerDown = useCallback3((e) => {
     e.preventDefault();
     e.stopPropagation();
     const el = scrollElRef.current;
@@ -315,7 +333,7 @@ function useHorizontalScrollbar() {
     target.setPointerCapture(e.pointerId);
     target.style.cursor = "grabbing";
   }, []);
-  const onThumbPointerMove = useCallback2((e) => {
+  const onThumbPointerMove = useCallback3((e) => {
     if (!isDraggingRef.current) return;
     const el = scrollElRef.current;
     const track = trackRef.current;
@@ -335,7 +353,7 @@ function useHorizontalScrollbar() {
     syncThumbToDOM();
     syncEdgeFades();
   }, [syncThumbToDOM, syncEdgeFades]);
-  const onThumbPointerUp = useCallback2((e) => {
+  const onThumbPointerUp = useCallback3((e) => {
     isDraggingRef.current = false;
     const target = e.currentTarget;
     target.releasePointerCapture(e.pointerId);
@@ -358,7 +376,7 @@ function useHorizontalScrollbar() {
 }
 
 // src/hooks/ui/use-image-edge-color.ts
-import { useState as useState5, useEffect as useEffect4 } from "react";
+import { useState as useState6, useEffect as useEffect5 } from "react";
 function extractEdgeColor(img) {
   const canvas = document.createElement("canvas");
   const ctx = canvas.getContext("2d");
@@ -414,8 +432,8 @@ function extractEdgeColor(img) {
   return `rgb(${r}, ${g}, ${b})`;
 }
 function useImageEdgeColor(imageUrl, fallback = "#000000") {
-  const [color, setColor] = useState5(fallback);
-  useEffect4(() => {
+  const [color, setColor] = useState6(fallback);
+  useEffect5(() => {
     if (!imageUrl) {
       setColor(fallback);
       return;
@@ -444,9 +462,9 @@ function useImageEdgeColor(imageUrl, fallback = "#000000") {
 }
 
 // src/hooks/ui/use-local-storage.ts
-import { useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState7 } from "react";
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState6(() => {
+  const [storedValue, setStoredValue] = useState7(() => {
     try {
       if (typeof window !== "undefined") {
         const item = window.localStorage.getItem(key);
@@ -459,7 +477,7 @@ function useLocalStorage(key, initialValue) {
   });
   const isInitialized = useRef3(true);
   const isFromStorageEvent = useRef3(false);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!isInitialized.current) return;
     const handleStorageChange = (e) => {
       if (e.key === key && e.newValue !== null) {
@@ -498,7 +516,7 @@ function useLocalStorage(key, initialValue) {
       window.removeEventListener("localStorageUpdate", handleCustomStorageUpdate);
     };
   }, [key]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!isInitialized.current) return;
     if (isFromStorageEvent.current) {
       isFromStorageEvent.current = false;
@@ -524,9 +542,9 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/ui/use-media-query.ts
-import { useLayoutEffect, useState as useState7 } from "react";
+import { useLayoutEffect, useState as useState8 } from "react";
 function useMediaQuery(query) {
-  const [matches, setMatches] = useState7(void 0);
+  const [matches, setMatches] = useState8(void 0);
   useLayoutEffect(() => {
     const matchMedia = window.matchMedia(query);
     const handleChange = () => {
@@ -559,7 +577,7 @@ function useLgUp() {
 }
 
 // src/hooks/ui/use-memoized-callback.ts
-import { useCallback as useCallback3, useRef as useRef4 } from "react";
+import { useCallback as useCallback4, useRef as useRef4 } from "react";
 function useMemoizedCallback(callback, dependencies) {
   const callbackRef = useRef4(callback);
   const dependenciesRef = useRef4(dependencies);
@@ -568,15 +586,15 @@ function useMemoizedCallback(callback, dependencies) {
   if (depsChanged) {
     dependenciesRef.current = dependencies;
   }
-  return useCallback3(((...args) => callbackRef.current(...args)), [depsChanged]);
+  return useCallback4(((...args) => callbackRef.current(...args)), [depsChanged]);
 }
 
 // src/hooks/ui/use-notification-permission.ts
-import { useCallback as useCallback4, useEffect as useEffect6, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useState as useState9 } from "react";
 function useNotificationPermission() {
-  const [supported, setSupported] = useState8(false);
-  const [permission, setPermission] = useState8("default");
-  useEffect6(() => {
+  const [supported, setSupported] = useState9(false);
+  const [permission, setPermission] = useState9("default");
+  useEffect7(() => {
     if (typeof window === "undefined" || !("Notification" in window)) return;
     setSupported(true);
     const sync = () => setPermission(Notification.permission);
@@ -597,7 +615,7 @@ function useNotificationPermission() {
       window.removeEventListener("focus", sync);
     };
   }, []);
-  const request = useCallback4(async () => {
+  const request = useCallback5(async () => {
     if (typeof window === "undefined" || !("Notification" in window)) {
       return "denied";
     }
@@ -612,7 +630,7 @@ function useNotificationPermission() {
 }
 
 // src/hooks/ui/use-onboarding-state.ts
-import { useState as useState9, useEffect as useEffect7, useCallback as useCallback5 } from "react";
+import { useState as useState10, useEffect as useEffect8, useCallback as useCallback6 } from "react";
 
 // src/utils/onboarding-storage.ts
 var DEFAULT_STATE = {
@@ -687,9 +705,9 @@ function dismissOnboarding(key) {
 
 // src/hooks/ui/use-onboarding-state.ts
 function useOnboardingState(storageKey = "openframe-onboarding-state") {
-  const [state, setState] = useState9(() => loadOnboardingState(storageKey));
-  const [, forceUpdate] = useState9(0);
-  useEffect7(() => {
+  const [state, setState] = useState10(() => loadOnboardingState(storageKey));
+  const [, forceUpdate] = useState10(0);
+  useEffect8(() => {
     const handleStorageUpdate = (e) => {
       if (e.detail.key === storageKey) {
         const newState = loadOnboardingState(storageKey);
@@ -703,38 +721,38 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
       window.removeEventListener("localStorageUpdate", handleStorageUpdate);
     };
   }, [storageKey]);
-  const markComplete = useCallback5((stepId) => {
+  const markComplete = useCallback6((stepId) => {
     console.log(`\u{1F3AF} markComplete called for: "${stepId}"`);
     const newState = markStepComplete(storageKey, stepId);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const markSkipped = useCallback5((stepId) => {
+  const markSkipped = useCallback6((stepId) => {
     console.log(`\u23ED\uFE0F markSkipped called for: "${stepId}"`);
     const newState = markStepSkipped(storageKey, stepId);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const dismissOnboarding2 = useCallback5(() => {
+  const dismissOnboarding2 = useCallback6(() => {
     console.log(`\u{1F6AB} dismissOnboarding called`);
     const newState = dismissOnboarding(storageKey);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const markMultipleComplete2 = useCallback5((stepIds) => {
+  const markMultipleComplete2 = useCallback6((stepIds) => {
     console.log(`\u{1F3AF} markMultipleComplete called for:`, stepIds);
     const newState = markMultipleComplete(storageKey, stepIds);
     setState(newState);
     forceUpdate((prev) => prev + 1);
     console.log(`\u{1F4DD} State after batch:`, newState);
   }, [storageKey]);
-  const isStepComplete = useCallback5((stepId) => {
+  const isStepComplete = useCallback6((stepId) => {
     return state.completedSteps.includes(stepId);
   }, [state.completedSteps]);
-  const isStepSkipped = useCallback5((stepId) => {
+  const isStepSkipped = useCallback6((stepId) => {
     return state.skippedSteps.includes(stepId);
   }, [state.skippedSteps]);
-  const allStepsComplete = useCallback5((steps) => {
+  const allStepsComplete = useCallback6((steps) => {
     return steps.every((step) => isStepComplete(step.id) || isStepSkipped(step.id));
   }, [isStepComplete, isStepSkipped]);
   return {
@@ -750,19 +768,19 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
 }
 
 // src/hooks/ui/use-search.ts
-import { useState as useState10, useEffect as useEffect8, useCallback as useCallback6 } from "react";
+import { useState as useState11, useEffect as useEffect9, useCallback as useCallback7 } from "react";
 function useSearch(config) {
   const { searchFn, mapResult, debounceMs = 300, minQueryLength = 2 } = config;
-  const [query, setQuery] = useState10("");
-  const [results, setResults] = useState10([]);
-  const [isLoading, setIsLoading] = useState10(false);
-  const [error, setError] = useState10(null);
+  const [query, setQuery] = useState11("");
+  const [results, setResults] = useState11([]);
+  const [isLoading, setIsLoading] = useState11(false);
+  const [error, setError] = useState11(null);
   const debouncedQuery = useDebounce(query, debounceMs);
-  const clearResults = useCallback6(() => {
+  const clearResults = useCallback7(() => {
     setResults([]);
     setError(null);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!debouncedQuery || debouncedQuery.length < minQueryLength) {
       setResults([]);
       setIsLoading(false);
@@ -835,11 +853,11 @@ function useTablePagination(config) {
 }
 
 // src/hooks/ui/use-throttle.ts
-import { useState as useState11, useEffect as useEffect9, useRef as useRef5 } from "react";
+import { useState as useState12, useEffect as useEffect10, useRef as useRef5 } from "react";
 function useThrottle(value, limit = 200) {
-  const [throttledValue, setThrottledValue] = useState11(value);
+  const [throttledValue, setThrottledValue] = useState12(value);
   const lastUpdated = useRef5(Date.now());
-  useEffect9(() => {
+  useEffect10(() => {
     const now = Date.now();
     const elapsed = now - lastUpdated.current;
     if (elapsed >= limit) {
@@ -859,13 +877,13 @@ function useThrottle(value, limit = 200) {
 }
 
 // src/hooks/ui/use-window-size.ts
-import { useLayoutEffect as useLayoutEffect2, useState as useState12 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useState as useState13 } from "react";
 function useWindowSize() {
-  const [windowSize, setWindowSize] = useState12({
+  const [windowSize, setWindowSize] = useState13({
     width: 0,
     height: 0
   });
-  const [isClient, setIsClient] = useState12(false);
+  const [isClient, setIsClient] = useState13(false);
   useLayoutEffect2(() => {
     setIsClient(true);
     if (!isClient) return;
@@ -883,7 +901,7 @@ function useWindowSize() {
 }
 
 // src/hooks/platform/use-platform-config.ts
-import { useState as useState13, useEffect as useEffect10 } from "react";
+import { useState as useState14, useEffect as useEffect11 } from "react";
 
 // src/utils/platform-config.tsx
 import { Globe } from "lucide-react";
@@ -1061,10 +1079,10 @@ function getPlatformIconComponent(platformName, className = "h-6 w-6") {
 var platformCache = null;
 var fetchPromise = null;
 function usePlatformConfig() {
-  const [platforms, setPlatforms] = useState13(platformCache || []);
-  const [isLoading, setIsLoading] = useState13(!platformCache);
-  const [error, setError] = useState13(null);
-  useEffect10(() => {
+  const [platforms, setPlatforms] = useState14(platformCache || []);
+  const [isLoading, setIsLoading] = useState14(!platformCache);
+  const [error, setError] = useState14(null);
+  useEffect11(() => {
     if (platformCache) {
       setPlatforms(platformCache);
       setIsLoading(false);
@@ -1132,7 +1150,7 @@ function useValidatePlatform(value) {
 import { toast as sonnerToast2 } from "sonner";
 
 // src/components/ui/toaster.tsx
-import * as React from "react";
+import * as React2 from "react";
 import { Toaster as SonnerToaster, toast as sonnerToast } from "sonner";
 
 // src/types/tool.types.ts
@@ -1300,7 +1318,7 @@ function CommandApprovalToast({
   defaultExpanded = false,
   className
 }) {
-  const [expanded, setExpanded] = React.useState(defaultExpanded);
+  const [expanded, setExpanded] = React2.useState(defaultExpanded);
   const handleApprove = () => {
     onApprove?.();
     sonnerToast.dismiss(id);
@@ -1513,7 +1531,7 @@ var useToast = () => ({
 });
 
 // src/hooks/use-contact-submission.ts
-import { useState as useState15, useCallback as useCallback7, useEffect as useEffect11 } from "react";
+import { useState as useState16, useCallback as useCallback8, useEffect as useEffect12 } from "react";
 init_next_navigation();
 
 // src/utils/local-storage-adapter.ts
@@ -1774,9 +1792,9 @@ function useContactSubmission(options = {}) {
   const { toast: toast2 } = useToast();
   const router = useRouter();
   const { contactUrl } = useRequiredEndpointsRuntime();
-  const [isSubmitting, setIsSubmitting] = useState15(false);
-  const [isSuccess, setIsSuccess] = useState15(false);
-  const submit = useCallback7(async (formData) => {
+  const [isSubmitting, setIsSubmitting] = useState16(false);
+  const [isSuccess, setIsSuccess] = useState16(false);
+  const submit = useCallback8(async (formData) => {
     if (isSubmitting) return;
     setIsSubmitting(true);
     try {
@@ -1811,7 +1829,7 @@ function useContactSubmission(options = {}) {
       setIsSubmitting(false);
     }
   }, [isSubmitting, toast2, userId, successToastMessage, contactUrl]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isSuccess && successRedirectUrl) {
       console.log("\u{1F680} Contact submission successful, redirecting to:", successRedirectUrl);
       const timer = setTimeout(() => {
@@ -1825,7 +1843,7 @@ function useContactSubmission(options = {}) {
       return () => clearTimeout(timer);
     }
   }, [isSuccess, successRedirectUrl, router]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isSuccess && onSuccess) {
       onSuccess();
     }
@@ -1834,19 +1852,19 @@ function useContactSubmission(options = {}) {
 }
 
 // src/hooks/use-quick-action-hint.ts
-import { useEffect as useEffect12, useState as useState16, useRef as useRef6, useCallback as useCallback8 } from "react";
+import { useEffect as useEffect13, useState as useState17, useRef as useRef6, useCallback as useCallback9 } from "react";
 function useQuickActionHint({
   actionCount,
   cycleDuration = 5e3,
   enabled = true
 }) {
-  const [activeHintIndex, setActiveHintIndex] = useState16(-1);
+  const [activeHintIndex, setActiveHintIndex] = useState17(-1);
   const containerRef = useRef6(null);
   const timeoutRef = useRef6(null);
   const cycleCountRef = useRef6(0);
   const currentIndexRef = useRef6(0);
   const sequenceRef = useRef6([]);
-  const shuffleIndices = useCallback8((length) => {
+  const shuffleIndices = useCallback9((length) => {
     const indices = Array.from({ length }, (_, i) => i);
     for (let i = indices.length - 1; i > 0; i--) {
       const j = Math.floor(Math.random() * (i + 1));
@@ -1854,7 +1872,7 @@ function useQuickActionHint({
     }
     return indices;
   }, []);
-  const stopHint = useCallback8(() => {
+  const stopHint = useCallback9(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
@@ -1864,7 +1882,7 @@ function useQuickActionHint({
     currentIndexRef.current = 0;
     sequenceRef.current = [];
   }, []);
-  const advanceHint = useCallback8(() => {
+  const advanceHint = useCallback9(() => {
     if (currentIndexRef.current === 0) {
       sequenceRef.current = shuffleIndices(actionCount);
     }
@@ -1877,7 +1895,7 @@ function useQuickActionHint({
     }
     timeoutRef.current = setTimeout(advanceHint, cycleDuration);
   }, [actionCount, cycleDuration, shuffleIndices]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!enabled || actionCount === 0) {
       return;
     }
@@ -1903,7 +1921,7 @@ function useQuickActionHint({
 }
 
 // src/hooks/use-copy-to-clipboard.ts
-import { useCallback as useCallback9, useState as useState17 } from "react";
+import { useCallback as useCallback10, useState as useState18 } from "react";
 function useCopyToClipboard({
   successTitle = "Copied",
   successDescription = "Copied to clipboard",
@@ -1912,8 +1930,8 @@ function useCopyToClipboard({
   resetDelay = 2e3
 } = {}) {
   const { toast: toast2 } = useToast();
-  const [copied, setCopied] = useState17(false);
-  const copy = useCallback9(
+  const [copied, setCopied] = useState18(false);
+  const copy = useCallback10(
     async (text) => {
       try {
         await navigator.clipboard.writeText(text);
@@ -1930,7 +1948,7 @@ function useCopyToClipboard({
 }
 
 // src/hooks/use-batch-images.ts
-import { useEffect as useEffect13, useMemo as useMemo2, useState as useState18, useRef as useRef7 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo2, useState as useState19, useRef as useRef7 } from "react";
 var globalBatchImageConfig = {};
 function configureBatchImageFetch(config) {
   globalBatchImageConfig = { ...globalBatchImageConfig, ...config };
@@ -2003,14 +2021,14 @@ async function batchFetchAuthenticatedImages(imageUrls, config) {
   return results;
 }
 function useBatchImages(imageUrls, config) {
-  const [fetchedImages, setFetchedImages] = useState18({});
-  const [loading, setLoading] = useState18(false);
+  const [fetchedImages, setFetchedImages] = useState19({});
+  const [loading, setLoading] = useState19(false);
   const uniqueUrls = useMemo2(
     () => Array.from(new Set(imageUrls.filter((url) => Boolean(url)))),
     [imageUrls]
   );
   const requestedUrls = useRef7(/* @__PURE__ */ new Set());
-  useEffect13(() => {
+  useEffect14(() => {
     if (uniqueUrls.length === 0) {
       setFetchedImages({});
       return;
@@ -2040,7 +2058,7 @@ function useBatchImages(imageUrls, config) {
 }
 
 // src/hooks/use-authenticated-image.ts
-import { useEffect as useEffect14, useState as useState19, useRef as useRef8 } from "react";
+import { useEffect as useEffect15, useState as useState20, useRef as useRef8 } from "react";
 var globalImageConfig = {};
 var imageCache = /* @__PURE__ */ new Map();
 var pendingRequests = /* @__PURE__ */ new Map();
@@ -2069,11 +2087,11 @@ function getImageConfig() {
   };
 }
 function useAuthenticatedImage(imageUrl, refreshKey, config) {
-  const [fetchedImageUrl, setFetchedImageUrl] = useState19();
-  const [isLoading, setIsLoading] = useState19(false);
-  const [error, setError] = useState19(null);
+  const [fetchedImageUrl, setFetchedImageUrl] = useState20();
+  const [isLoading, setIsLoading] = useState20(false);
+  const [error, setError] = useState20(null);
   const currentCacheKeyRef = useRef8(null);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!imageUrl) {
       setFetchedImageUrl(void 0);
       setIsLoading(false);
@@ -2184,7 +2202,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
     });
     pendingRequests.set(cacheKey, fetchPromise2);
   }, [imageUrl, refreshKey, config]);
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       if (currentCacheKeyRef.current) {
         const entry = imageCache.get(currentCacheKeyRef.current);
@@ -2199,7 +2217,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
 
 // src/hooks/state/use-query-params.ts
 init_next_navigation();
-import { useEffect as useEffect15, useState as useState20, useMemo as useMemo3, useCallback as useCallback10 } from "react";
+import { useEffect as useEffect16, useState as useState21, useMemo as useMemo3, useCallback as useCallback11 } from "react";
 
 // src/hooks/state/graphql-parser.ts
 import {
@@ -2661,14 +2679,14 @@ var introspector = new GraphQLIntrospector();
 function useQueryParams(query, options = {}) {
   const router = useRouter();
   const searchParams = useSearchParams();
-  const [isLoading, setIsLoading] = useState20(true);
-  const [isReady, setIsReady] = useState20(false);
-  const [error, setError] = useState20(null);
-  const [schema, setSchema] = useState20({});
+  const [isLoading, setIsLoading] = useState21(true);
+  const [isReady, setIsReady] = useState21(false);
+  const [error, setError] = useState21(null);
+  const [schema, setSchema] = useState21({});
   const defaultValues = options.defaultValues || {};
   const skipIntrospection = options.skipIntrospection || false;
   const debug = options.debug || false;
-  useEffect15(() => {
+  useEffect16(() => {
     async function initialize() {
       try {
         if (debug) console.log("[useQueryParams] Initializing...");
@@ -2738,14 +2756,14 @@ function useQueryParams(query, options = {}) {
     });
     return result;
   }, [searchParams]);
-  const updateUrl = useCallback10((newParams) => {
+  const updateUrl = useCallback11((newParams) => {
     const url = newParams.toString() ? `?${newParams.toString()}` : window.location.pathname;
     if (debug) {
       console.log("[useQueryParams] Updating URL:", url);
     }
     router.replace(url, { scroll: false });
   }, [router, debug]);
-  const setParam = useCallback10((key, value) => {
+  const setParam = useCallback11((key, value) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot set param");
       return;
@@ -2759,7 +2777,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to set param:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const setParams = useCallback10((updates) => {
+  const setParams = useCallback11((updates) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot set params");
       return;
@@ -2773,7 +2791,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to set params:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const clearParamsHandler = useCallback10((keys) => {
+  const clearParamsHandler = useCallback11((keys) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot clear params");
       return;
@@ -2787,7 +2805,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to clear params:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const resetParams = useCallback10(() => {
+  const resetParams = useCallback11(() => {
     if (debug) {
       console.log("[useQueryParams] Resetting params");
     }
@@ -2820,7 +2838,7 @@ function applyParamMapping(schema, mapping) {
 
 // src/hooks/state/use-api-params.ts
 init_next_navigation();
-import { useCallback as useCallback11, useMemo as useMemo4, useRef as useRef9 } from "react";
+import { useCallback as useCallback12, useMemo as useMemo4, useRef as useRef9 } from "react";
 function useContentStable(value, key) {
   const ref = useRef9(void 0);
   if (ref.current && ref.current.key === key) return ref.current.value;
@@ -2879,7 +2897,7 @@ function useApiParams(schema, options = {}) {
     prevParamsRef.current = result;
     return result;
   }, [searchString, schemaKey, debug]);
-  const addParamToSearchParams = useCallback11((searchParams, key, value) => {
+  const addParamToSearchParams = useCallback12((searchParams, key, value) => {
     if (value === void 0 || value === "" || value === null) {
       return;
     }
@@ -2907,7 +2925,7 @@ function useApiParams(schema, options = {}) {
     }
     return newParams;
   }, [params, schemaKey, flattenedSchema, addParamToSearchParams]);
-  const updateUrl = useCallback11((newParams, keysToRemove = []) => {
+  const updateUrl = useCallback12((newParams, keysToRemove = []) => {
     const finalParams = new URLSearchParams(searchString);
     keysToRemove.forEach((key) => {
       if (key in stableSchema) {
@@ -2943,7 +2961,7 @@ function useApiParams(schema, options = {}) {
     }
     return false;
   };
-  const setParam = useCallback11((key, value) => {
+  const setParam = useCallback12((key, value) => {
     const config = stableSchema[key];
     if (!config) {
       console.warn(`[useApiParams] Unknown parameter: ${key}`);
@@ -2957,7 +2975,7 @@ function useApiParams(schema, options = {}) {
       updateUrl(newParams);
     }
   }, [schemaKey, updateUrl, addParamToSearchParams]);
-  const setParams = useCallback11((updates) => {
+  const setParams = useCallback12((updates) => {
     const newParams = new URLSearchParams();
     const keysToRemove = [];
     for (const [key, value] of Object.entries(updates)) {
@@ -2974,11 +2992,11 @@ function useApiParams(schema, options = {}) {
     }
     updateUrl(newParams, keysToRemove);
   }, [schemaKey, updateUrl, addParamToSearchParams]);
-  const clearParams2 = useCallback11((keys) => {
+  const clearParams2 = useCallback12((keys) => {
     const newParams = new URLSearchParams();
     updateUrl(newParams, keys);
   }, [updateUrl]);
-  const resetParams = useCallback11(() => {
+  const resetParams = useCallback12(() => {
     if (debug) {
       console.log("[useApiParams] Resetting params");
     }
@@ -3015,7 +3033,7 @@ function createSearchParams(params) {
 }
 
 // src/hooks/state/use-cursor-pagination-state.ts
-import { useCallback as useCallback12, useEffect as useEffect16, useRef as useRef10, useState as useState21 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect17, useRef as useRef10, useState as useState22 } from "react";
 var urlSchema = {
   search: { type: "string", default: "" },
   cursor: { type: "string", default: "" }
@@ -3026,13 +3044,13 @@ function useCursorPaginationState(options) {
     onSearchChange
   } = options;
   const { params, setParam, setParams } = useApiParams(urlSchema);
-  const [searchInput, setSearchInput] = useState21(params.search || "");
-  const [hasLoadedBeyondFirst, setHasLoadedBeyondFirst] = useState21(false);
-  const [initialLoadCount, setInitialLoadCount] = useState21(0);
+  const [searchInput, setSearchInput] = useState22(params.search || "");
+  const [hasLoadedBeyondFirst, setHasLoadedBeyondFirst] = useState22(false);
+  const [initialLoadCount, setInitialLoadCount] = useState22(0);
   const lastSearchRef = useRef10(null);
   const isSyncingFromUrl = useRef10(false);
   const isInitialLoadInProgress = useRef10(true);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isInitialLoadInProgress.current) return;
     const urlSearch = params.search || "";
     if (urlSearch !== searchInput) {
@@ -3043,7 +3061,7 @@ function useCursorPaginationState(options) {
       }, 0);
     }
   }, [params.search, initialLoadCount]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isInitialLoadInProgress.current) return;
     if (isSyncingFromUrl.current) return;
     if (searchInput !== params.search) {
@@ -3054,7 +3072,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, [searchInput, params.search, setParams, initialLoadCount]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (initialLoadCount === 0) {
       const cursor = params.cursor || null;
       const search = params.search || "";
@@ -3068,7 +3086,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isInitialLoadInProgress.current) return;
     if (initialLoadCount === 0) return;
     const currentSearch = params.search || "";
@@ -3078,7 +3096,7 @@ function useCursorPaginationState(options) {
       onSearchChange(currentSearch);
     }
   }, [params.search, onSearchChange, initialLoadCount]);
-  const handleNextPage = useCallback12(
+  const handleNextPage = useCallback13(
     async (endCursor, fetchFn) => {
       setParam("cursor", endCursor);
       await fetchFn();
@@ -3086,7 +3104,7 @@ function useCursorPaginationState(options) {
     },
     [setParam]
   );
-  const handleResetToFirstPage = useCallback12(
+  const handleResetToFirstPage = useCallback13(
     async (fetchFn) => {
       setParam("cursor", "");
       await fetchFn();
@@ -3108,16 +3126,16 @@ function useCursorPaginationState(options) {
 }
 
 // src/hooks/nats/use-nats-client.ts
-import { useEffect as useEffect17, useMemo as useMemo5, useState as useState22 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo5, useState as useState23 } from "react";
 function useNatsClient(clientOptions, options = {}) {
   const { autoConnect = true } = options;
   const client = useMemo5(() => {
     if (!clientOptions) return null;
     return createNatsClient(clientOptions);
   }, [clientOptions]);
-  const [status, setStatus] = useState22("disconnected");
-  const [lastError, setLastError] = useState22(null);
-  useEffect17(() => {
+  const [status, setStatus] = useState23("disconnected");
+  const [lastError, setLastError] = useState23(null);
+  useEffect18(() => {
     if (!client) {
       setStatus("disconnected");
       setLastError(null);
@@ -3148,7 +3166,7 @@ function useNatsClient(clientOptions, options = {}) {
 }
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect18, useRef as useRef11, useState as useState23, useCallback as useCallback13 } from "react";
+import { useEffect as useEffect19, useRef as useRef11, useState as useState24, useCallback as useCallback14 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
 function getObserverFor(rootMargin) {
@@ -3172,9 +3190,9 @@ function getObserverFor(rootMargin) {
   return io;
 }
 function useNearViewport(rootMargin = "500px") {
-  const [isNear, setIsNear] = useState23(false);
+  const [isNear, setIsNear] = useState24(false);
   const elRef = useRef11(null);
-  const ref = useCallback13(
+  const ref = useCallback14(
     (node) => {
       const prev = elRef.current;
       if (prev) {
@@ -3192,7 +3210,7 @@ function useNearViewport(rootMargin = "500px") {
     },
     [rootMargin]
   );
-  useEffect18(() => {
+  useEffect19(() => {
     return () => {
       const el = elRef.current;
       if (!el) return;
@@ -3206,7 +3224,7 @@ function useNearViewport(rootMargin = "500px") {
 }
 
 // src/hooks/use-access-code-integration.ts
-import React2 from "react";
+import React3 from "react";
 
 // src/utils/access-code-client.ts
 async function validateAccessCode(email, code, endpoints) {
@@ -3269,8 +3287,8 @@ async function validateAndConsumeAccessCode(email, code, endpoints) {
 function useAccessCodeIntegration() {
   const runtime = useRequiredEndpointsRuntime();
   const endpoints = runtime.accessCode;
-  const [isValidating, setIsValidating] = React2.useState(false);
-  const [isConsuming, setIsConsuming] = React2.useState(false);
+  const [isValidating, setIsValidating] = React3.useState(false);
+  const [isConsuming, setIsConsuming] = React3.useState(false);
   const validate = async (email, code) => {
     setIsValidating(true);
     try {
@@ -3350,7 +3368,7 @@ function useOgPlaceholderUrl({
 }
 
 // src/hooks/use-scroll-to-hash.ts
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 
 // src/utils/scroll-into-view.ts
 var activeRaf = 0;
@@ -3488,7 +3506,7 @@ function navigateSamePageHash(target, options = {}) {
 var MAX_POLL_FRAMES = 60;
 function useScrollToHash(readyDep = true, options) {
   const headerOffset = options?.headerOffset ?? 0;
-  useEffect19(() => {
+  useEffect20(() => {
     if (typeof window === "undefined") return;
     if (readyDep === null || readyDep === false) return;
     let rafId = null;
@@ -3528,7 +3546,7 @@ function useScrollToHash(readyDep = true, options) {
 }
 
 // src/hooks/use-humanity-signals.ts
-import { useCallback as useCallback14, useRef as useRef12 } from "react";
+import { useCallback as useCallback15, useRef as useRef12 } from "react";
 
 // src/utils/humanity-signals.ts
 var HONEYPOT_FIELD = "contact_url_confirm";
@@ -3554,14 +3572,14 @@ var splitCsvEnv = (s) => s?.split(",").map((t) => t.trim()).filter(Boolean) ?? [
 function useHumanitySignals() {
   const ref = useRef12(null);
   const mountedAt = useRef12(typeof performance !== "undefined" ? performance.now() : 0);
-  const getSignals = useCallback14(
+  const getSignals = useCallback15(
     () => ({
       [HONEYPOT_FIELD]: ref.current?.value ?? "",
       [ELAPSED_MS_FIELD]: typeof performance !== "undefined" ? Math.round(performance.now() - mountedAt.current) : 0
     }),
     []
   );
-  const resetSignals = useCallback14(() => {
+  const resetSignals = useCallback15(() => {
     if (ref.current) ref.current.value = "";
     if (typeof performance !== "undefined") mountedAt.current = performance.now();
   }, []);
@@ -3571,6 +3589,7 @@ function useHumanitySignals() {
 export {
   useAutoLimitTags,
   useDebounce,
+  useDeferredError,
   useHeaderHeight,
   useHorizontalScrollbar,
   useImageEdgeColor,
@@ -3681,4 +3700,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-ZSZRJWY3.js.map
+//# sourceMappingURL=chunk-DH6HTYOV.js.map