@flamingo-stack/openframe-frontend-core 0.0.490 → 0.0.491

package/dist/{chunk-PB3BTZDU.js → chunk-WEUNPE3S.js}

@@ -518,10 +518,35 @@ function useImageEdgeColor(imageUrl, fallback = "#000000") {
   return color;
 }
 
+// src/hooks/ui/use-is-truncated.ts
+import { useCallback as useCallback4, useEffect as useEffect7, useState as useState7 } from "react";
+function useIsTruncated(value, options) {
+  const multiline = options?.multiline ?? false;
+  const [element, setElement] = useState7(null);
+  const [isTruncated, setIsTruncated] = useState7(false);
+  const ref = useCallback4((node) => setElement(node), []);
+  useEffect7(() => {
+    if (!element) {
+      setIsTruncated(false);
+      return;
+    }
+    const check = () => {
+      setIsTruncated(
+        multiline ? element.scrollHeight > element.clientHeight + 1 : element.scrollWidth > element.clientWidth + 1
+      );
+    };
+    check();
+    const observer = new ResizeObserver(check);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [element, value, multiline]);
+  return { ref, isTruncated };
+}
+
 // src/hooks/ui/use-local-storage.ts
-import { useEffect as useEffect7, useRef as useRef4, useState as useState7 } from "react";
+import { useEffect as useEffect8, useRef as useRef4, useState as useState8 } from "react";
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState7(() => {
+  const [storedValue, setStoredValue] = useState8(() => {
     try {
       if (typeof window !== "undefined") {
         const item = window.localStorage.getItem(key);
@@ -534,7 +559,7 @@ function useLocalStorage(key, initialValue) {
   });
   const isInitialized = useRef4(true);
   const isFromStorageEvent = useRef4(false);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!isInitialized.current) return;
     const handleStorageChange = (e) => {
       if (e.key === key && e.newValue !== null) {
@@ -573,7 +598,7 @@ function useLocalStorage(key, initialValue) {
       window.removeEventListener("localStorageUpdate", handleCustomStorageUpdate);
     };
   }, [key]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!isInitialized.current) return;
     if (isFromStorageEvent.current) {
       isFromStorageEvent.current = false;
@@ -599,7 +624,7 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/ui/use-marquee-engine.ts
-import { useCallback as useCallback4, useEffect as useEffect8, useRef as useRef5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef5 } from "react";
 var RESYNC_EPSILON = 1.5;
 function useMarqueeEngine(options) {
   const posRef = useRef5(0);
@@ -607,7 +632,7 @@ function useMarqueeEngine(options) {
   const speedEnvRef = useRef5(0);
   const optsRef = useRef5(options);
   optsRef.current = options;
-  const wrap = useCallback4((pos) => {
+  const wrap = useCallback5((pos) => {
     const half = optsRef.current.getWrapSize();
     if (half <= 0) return pos;
     const min = optsRef.current.getWrapMin?.() ?? 0;
@@ -615,11 +640,11 @@ function useMarqueeEngine(options) {
     while (pos < min) pos += half;
     return pos;
   }, []);
-  const glideBy = useCallback4((px) => {
+  const glideBy = useCallback5((px) => {
     glideRemainingRef.current += px;
   }, []);
   const active = options.active;
-  useEffect8(() => {
+  useEffect9(() => {
     if (!active) return;
     let raf = 0;
     let last = performance.now();
@@ -664,9 +689,9 @@ function useMarqueeEngine(options) {
 }
 
 // src/hooks/ui/use-media-query.ts
-import { useLayoutEffect, useState as useState8 } from "react";
+import { useLayoutEffect, useState as useState9 } from "react";
 function useMediaQuery(query) {
-  const [matches, setMatches] = useState8(void 0);
+  const [matches, setMatches] = useState9(void 0);
   useLayoutEffect(() => {
     const matchMedia = window.matchMedia(query);
     const handleChange = () => {
@@ -699,7 +724,7 @@ function useLgUp() {
 }
 
 // src/hooks/ui/use-memoized-callback.ts
-import { useCallback as useCallback5, useRef as useRef6 } from "react";
+import { useCallback as useCallback6, useRef as useRef6 } from "react";
 function useMemoizedCallback(callback, dependencies) {
   const callbackRef = useRef6(callback);
   const dependenciesRef = useRef6(dependencies);
@@ -708,15 +733,15 @@ function useMemoizedCallback(callback, dependencies) {
   if (depsChanged) {
     dependenciesRef.current = dependencies;
   }
-  return useCallback5(((...args) => callbackRef.current(...args)), [depsChanged]);
+  return useCallback6(((...args) => callbackRef.current(...args)), [depsChanged]);
 }
 
 // src/hooks/ui/use-notification-permission.ts
-import { useCallback as useCallback6, useEffect as useEffect9, useState as useState9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect10, useState as useState10 } from "react";
 function useNotificationPermission() {
-  const [supported, setSupported] = useState9(false);
-  const [permission, setPermission] = useState9("default");
-  useEffect9(() => {
+  const [supported, setSupported] = useState10(false);
+  const [permission, setPermission] = useState10("default");
+  useEffect10(() => {
     if (typeof window === "undefined" || !("Notification" in window)) return;
     setSupported(true);
     const sync = () => setPermission(Notification.permission);
@@ -737,7 +762,7 @@ function useNotificationPermission() {
       window.removeEventListener("focus", sync);
     };
   }, []);
-  const request = useCallback6(async () => {
+  const request = useCallback7(async () => {
     if (typeof window === "undefined" || !("Notification" in window)) {
       return "denied";
     }
@@ -752,7 +777,7 @@ function useNotificationPermission() {
 }
 
 // src/hooks/ui/use-onboarding-state.ts
-import { useState as useState10, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { useState as useState11, useEffect as useEffect11, useCallback as useCallback8 } from "react";
 
 // src/utils/onboarding-storage.ts
 var DEFAULT_STATE = {
@@ -827,9 +852,9 @@ function dismissOnboarding(key) {
 
 // src/hooks/ui/use-onboarding-state.ts
 function useOnboardingState(storageKey = "openframe-onboarding-state") {
-  const [state, setState] = useState10(() => loadOnboardingState(storageKey));
-  const [, forceUpdate] = useState10(0);
-  useEffect10(() => {
+  const [state, setState] = useState11(() => loadOnboardingState(storageKey));
+  const [, forceUpdate] = useState11(0);
+  useEffect11(() => {
     const handleStorageUpdate = (e) => {
       if (e.detail.key === storageKey) {
         const newState = loadOnboardingState(storageKey);
@@ -843,38 +868,38 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
       window.removeEventListener("localStorageUpdate", handleStorageUpdate);
     };
   }, [storageKey]);
-  const markComplete = useCallback7((stepId) => {
+  const markComplete = useCallback8((stepId) => {
     console.log(`\u{1F3AF} markComplete called for: "${stepId}"`);
     const newState = markStepComplete(storageKey, stepId);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const markSkipped = useCallback7((stepId) => {
+  const markSkipped = useCallback8((stepId) => {
     console.log(`\u23ED\uFE0F markSkipped called for: "${stepId}"`);
     const newState = markStepSkipped(storageKey, stepId);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const dismissOnboarding2 = useCallback7(() => {
+  const dismissOnboarding2 = useCallback8(() => {
     console.log(`\u{1F6AB} dismissOnboarding called`);
     const newState = dismissOnboarding(storageKey);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const markMultipleComplete2 = useCallback7((stepIds) => {
+  const markMultipleComplete2 = useCallback8((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 = useCallback7((stepId) => {
+  const isStepComplete = useCallback8((stepId) => {
     return state.completedSteps.includes(stepId);
   }, [state.completedSteps]);
-  const isStepSkipped = useCallback7((stepId) => {
+  const isStepSkipped = useCallback8((stepId) => {
     return state.skippedSteps.includes(stepId);
   }, [state.skippedSteps]);
-  const allStepsComplete = useCallback7((steps) => {
+  const allStepsComplete = useCallback8((steps) => {
     return steps.every((step) => isStepComplete(step.id) || isStepSkipped(step.id));
   }, [isStepComplete, isStepSkipped]);
   return {
@@ -890,9 +915,9 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
 }
 
 // src/hooks/ui/use-reset-on-page-hidden.ts
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect12 } from "react";
 function useResetOnPageHidden(reset) {
-  useEffect11(() => {
+  useEffect12(() => {
     const onVisibility = () => {
       if (document.visibilityState === "hidden") reset();
     };
@@ -906,19 +931,19 @@ function useResetOnPageHidden(reset) {
 }
 
 // src/hooks/ui/use-search.ts
-import { useState as useState11, useEffect as useEffect12, useCallback as useCallback8 } from "react";
+import { useState as useState12, useEffect as useEffect13, useCallback as useCallback9 } from "react";
 function useSearch(config) {
   const { searchFn, mapResult, debounceMs = 300, minQueryLength = 2 } = config;
-  const [query, setQuery] = useState11("");
-  const [results, setResults] = useState11([]);
-  const [isLoading, setIsLoading] = useState11(false);
-  const [error, setError] = useState11(null);
+  const [query, setQuery] = useState12("");
+  const [results, setResults] = useState12([]);
+  const [isLoading, setIsLoading] = useState12(false);
+  const [error, setError] = useState12(null);
   const debouncedQuery = useDebounce(query, debounceMs);
-  const clearResults = useCallback8(() => {
+  const clearResults = useCallback9(() => {
     setResults([]);
     setError(null);
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!debouncedQuery || debouncedQuery.length < minQueryLength) {
       setResults([]);
       setIsLoading(false);
@@ -954,11 +979,11 @@ function useSearch(config) {
 }
 
 // src/hooks/ui/use-suppress-clone-focus.ts
-import { useEffect as useEffect13, useRef as useRef7 } from "react";
+import { useEffect as useEffect14, useRef as useRef7 } from "react";
 var CLONE_FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,iframe,summary,audio[controls],video[controls],[tabindex],[contenteditable]:not([contenteditable="false"])';
 function useSuppressCloneFocus(active) {
   const ref = useRef7(null);
-  useEffect13(() => {
+  useEffect14(() => {
     const root = ref.current;
     if (!root || !active) return;
     const suppress = () => {
@@ -1017,11 +1042,11 @@ function useTablePagination(config) {
 }
 
 // src/hooks/ui/use-throttle.ts
-import { useState as useState12, useEffect as useEffect14, useRef as useRef8 } from "react";
+import { useState as useState13, useEffect as useEffect15, useRef as useRef8 } from "react";
 function useThrottle(value, limit = 200) {
-  const [throttledValue, setThrottledValue] = useState12(value);
+  const [throttledValue, setThrottledValue] = useState13(value);
   const lastUpdated = useRef8(Date.now());
-  useEffect14(() => {
+  useEffect15(() => {
     const now = Date.now();
     const elapsed = now - lastUpdated.current;
     if (elapsed >= limit) {
@@ -1041,13 +1066,13 @@ function useThrottle(value, limit = 200) {
 }
 
 // src/hooks/ui/use-window-size.ts
-import { useLayoutEffect as useLayoutEffect2, useState as useState13 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useState as useState14 } from "react";
 function useWindowSize() {
-  const [windowSize, setWindowSize] = useState13({
+  const [windowSize, setWindowSize] = useState14({
     width: 0,
     height: 0
   });
-  const [isClient, setIsClient] = useState13(false);
+  const [isClient, setIsClient] = useState14(false);
   useLayoutEffect2(() => {
     setIsClient(true);
     if (!isClient) return;
@@ -1068,7 +1093,7 @@ function useWindowSize() {
 import { usePreventScroll } from "@react-aria/overlays";
 
 // src/hooks/platform/use-platform-config.ts
-import { useState as useState14, useEffect as useEffect15 } from "react";
+import { useState as useState15, useEffect as useEffect16 } from "react";
 
 // src/utils/platform-config.tsx
 import { Globe } from "lucide-react";
@@ -1246,10 +1271,10 @@ function getPlatformIconComponent(platformName, className = "h-6 w-6") {
 var platformCache = null;
 var fetchPromise = null;
 function usePlatformConfig() {
-  const [platforms, setPlatforms] = useState14(platformCache || []);
-  const [isLoading, setIsLoading] = useState14(!platformCache);
-  const [error, setError] = useState14(null);
-  useEffect15(() => {
+  const [platforms, setPlatforms] = useState15(platformCache || []);
+  const [isLoading, setIsLoading] = useState15(!platformCache);
+  const [error, setError] = useState15(null);
+  useEffect16(() => {
     if (platformCache) {
       setPlatforms(platformCache);
       setIsLoading(false);
@@ -1698,7 +1723,7 @@ var useToast = () => ({
 });
 
 // src/hooks/use-contact-submission.ts
-import { useState as useState16, useCallback as useCallback9, useEffect as useEffect16 } from "react";
+import { useState as useState17, useCallback as useCallback10, useEffect as useEffect17 } from "react";
 init_next_navigation();
 
 // src/utils/local-storage-adapter.ts
@@ -1981,9 +2006,9 @@ function useContactSubmission(options = {}) {
   const { toast: toast2 } = useToast();
   const router = useRouter();
   const { contactUrl } = useRequiredEndpointsRuntime();
-  const [isSubmitting, setIsSubmitting] = useState16(false);
-  const [isSuccess, setIsSuccess] = useState16(false);
-  const submit = useCallback9(async (formData) => {
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  const [isSuccess, setIsSuccess] = useState17(false);
+  const submit = useCallback10(async (formData) => {
     if (isSubmitting) return;
     setIsSubmitting(true);
     try {
@@ -2018,7 +2043,7 @@ function useContactSubmission(options = {}) {
       setIsSubmitting(false);
     }
   }, [isSubmitting, toast2, userId, successToastMessage, contactUrl]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isSuccess && successRedirectUrl) {
       console.log("\u{1F680} Contact submission successful, redirecting to:", successRedirectUrl);
       const timer = setTimeout(() => {
@@ -2032,7 +2057,7 @@ function useContactSubmission(options = {}) {
       return () => clearTimeout(timer);
     }
   }, [isSuccess, successRedirectUrl, router]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isSuccess && onSuccess) {
       onSuccess();
     }
@@ -2041,7 +2066,7 @@ function useContactSubmission(options = {}) {
 }
 
 // src/hooks/use-copy-to-clipboard.ts
-import { useCallback as useCallback10, useState as useState17 } from "react";
+import { useCallback as useCallback11, useState as useState18 } from "react";
 function useCopyToClipboard({
   successTitle = "Copied",
   successDescription = "Copied to clipboard",
@@ -2050,8 +2075,8 @@ function useCopyToClipboard({
   resetDelay = 2e3
 } = {}) {
   const { toast: toast2 } = useToast();
-  const [copied, setCopied] = useState17(false);
-  const copy = useCallback10(
+  const [copied, setCopied] = useState18(false);
+  const copy = useCallback11(
     async (text) => {
       try {
         await navigator.clipboard.writeText(text);
@@ -2068,7 +2093,7 @@ function useCopyToClipboard({
 }
 
 // src/hooks/use-batch-images.ts
-import { useEffect as useEffect17, useMemo as useMemo2, useState as useState18, useRef as useRef9 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo2, useState as useState19, useRef as useRef9 } from "react";
 var globalBatchImageConfig = {};
 function configureBatchImageFetch(config) {
   globalBatchImageConfig = { ...globalBatchImageConfig, ...config };
@@ -2141,14 +2166,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 = useRef9(/* @__PURE__ */ new Set());
-  useEffect17(() => {
+  useEffect18(() => {
     if (uniqueUrls.length === 0) {
       setFetchedImages({});
       return;
@@ -2178,7 +2203,7 @@ function useBatchImages(imageUrls, config) {
 }
 
 // src/hooks/use-authenticated-image.ts
-import { useEffect as useEffect18, useState as useState19, useRef as useRef10 } from "react";
+import { useEffect as useEffect19, useState as useState20, useRef as useRef10 } from "react";
 var globalImageConfig = {};
 var imageCache = /* @__PURE__ */ new Map();
 var pendingRequests = /* @__PURE__ */ new Map();
@@ -2207,11 +2232,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 = useRef10(null);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!imageUrl) {
       setFetchedImageUrl(void 0);
       setIsLoading(false);
@@ -2322,7 +2347,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
     });
     pendingRequests.set(cacheKey, fetchPromise2);
   }, [imageUrl, refreshKey, config]);
-  useEffect18(() => {
+  useEffect19(() => {
     return () => {
       if (currentCacheKeyRef.current) {
         const entry = imageCache.get(currentCacheKeyRef.current);
@@ -2336,7 +2361,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
 }
 
 // src/hooks/use-authed-image-src.ts
-import { useEffect as useEffect19, useReducer } from "react";
+import { useEffect as useEffect20, useReducer } from "react";
 var resolvedCache = /* @__PURE__ */ new Map();
 var inFlight = /* @__PURE__ */ new Map();
 var cacheGeneration = 0;
@@ -2368,7 +2393,7 @@ function fetchAsBlobUrl(src) {
 function useAuthedImageSrc(src) {
   const bearerSrc = src && needsBearerAssetFetch(src) ? src : null;
   const [, rerender] = useReducer((c) => c + 1, 0);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!bearerSrc || resolvedCache.has(bearerSrc)) return;
     let cancelled = false;
     fetchAsBlobUrl(bearerSrc).catch(() => {
@@ -2386,7 +2411,7 @@ function useAuthedImageSrc(src) {
 
 // src/hooks/state/use-query-params.ts
 init_next_navigation();
-import { useEffect as useEffect20, useState as useState20, useMemo as useMemo3, useCallback as useCallback11 } from "react";
+import { useEffect as useEffect21, useState as useState21, useMemo as useMemo3, useCallback as useCallback12 } from "react";
 
 // src/hooks/state/graphql-parser.ts
 import {
@@ -2848,14 +2873,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;
-  useEffect20(() => {
+  useEffect21(() => {
     async function initialize() {
       try {
         if (debug) console.log("[useQueryParams] Initializing...");
@@ -2925,14 +2950,14 @@ function useQueryParams(query, options = {}) {
     });
     return result;
   }, [searchParams]);
-  const updateUrl = useCallback11((newParams) => {
+  const updateUrl = useCallback12((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 = useCallback11((key, value) => {
+  const setParam = useCallback12((key, value) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot set param");
       return;
@@ -2946,7 +2971,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to set param:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const setParams = useCallback11((updates) => {
+  const setParams = useCallback12((updates) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot set params");
       return;
@@ -2960,7 +2985,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to set params:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const clearParamsHandler = useCallback11((keys) => {
+  const clearParamsHandler = useCallback12((keys) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot clear params");
       return;
@@ -2974,7 +2999,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to clear params:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const resetParams = useCallback11(() => {
+  const resetParams = useCallback12(() => {
     if (debug) {
       console.log("[useQueryParams] Resetting params");
     }
@@ -3007,7 +3032,7 @@ function applyParamMapping(schema, mapping) {
 
 // src/hooks/state/use-api-params.ts
 init_next_navigation();
-import { useCallback as useCallback12, useMemo as useMemo4, useRef as useRef11 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo4, useRef as useRef11 } from "react";
 function useContentStable(value, key) {
   const ref = useRef11(void 0);
   if (ref.current && ref.current.key === key) return ref.current.value;
@@ -3066,7 +3091,7 @@ function useApiParams(schema, options = {}) {
     prevParamsRef.current = result;
     return result;
   }, [searchString, schemaKey, debug]);
-  const addParamToSearchParams = useCallback12((searchParams, key, value) => {
+  const addParamToSearchParams = useCallback13((searchParams, key, value) => {
     if (value === void 0 || value === "" || value === null) {
       return;
     }
@@ -3094,7 +3119,7 @@ function useApiParams(schema, options = {}) {
     }
     return newParams;
   }, [params, schemaKey, flattenedSchema, addParamToSearchParams]);
-  const updateUrl = useCallback12((newParams, keysToRemove = []) => {
+  const updateUrl = useCallback13((newParams, keysToRemove = []) => {
     const finalParams = new URLSearchParams(searchString);
     keysToRemove.forEach((key) => {
       if (key in stableSchema) {
@@ -3130,7 +3155,7 @@ function useApiParams(schema, options = {}) {
     }
     return false;
   };
-  const setParam = useCallback12((key, value) => {
+  const setParam = useCallback13((key, value) => {
     const config = stableSchema[key];
     if (!config) {
       console.warn(`[useApiParams] Unknown parameter: ${key}`);
@@ -3144,7 +3169,7 @@ function useApiParams(schema, options = {}) {
       updateUrl(newParams);
     }
   }, [schemaKey, updateUrl, addParamToSearchParams]);
-  const setParams = useCallback12((updates) => {
+  const setParams = useCallback13((updates) => {
     const newParams = new URLSearchParams();
     const keysToRemove = [];
     for (const [key, value] of Object.entries(updates)) {
@@ -3161,11 +3186,11 @@ function useApiParams(schema, options = {}) {
     }
     updateUrl(newParams, keysToRemove);
   }, [schemaKey, updateUrl, addParamToSearchParams]);
-  const clearParams2 = useCallback12((keys) => {
+  const clearParams2 = useCallback13((keys) => {
     const newParams = new URLSearchParams();
     updateUrl(newParams, keys);
   }, [updateUrl]);
-  const resetParams = useCallback12(() => {
+  const resetParams = useCallback13(() => {
     if (debug) {
       console.log("[useApiParams] Resetting params");
     }
@@ -3202,7 +3227,7 @@ function createSearchParams(params) {
 }
 
 // src/hooks/state/use-cursor-pagination-state.ts
-import { useCallback as useCallback13, useEffect as useEffect21, useRef as useRef12, useState as useState21 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect22, useRef as useRef12, useState as useState22 } from "react";
 var urlSchema = {
   search: { type: "string", default: "" },
   cursor: { type: "string", default: "" }
@@ -3213,13 +3238,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 = useRef12(null);
   const isSyncingFromUrl = useRef12(false);
   const isInitialLoadInProgress = useRef12(true);
-  useEffect21(() => {
+  useEffect22(() => {
     if (isInitialLoadInProgress.current) return;
     const urlSearch = params.search || "";
     if (urlSearch !== searchInput) {
@@ -3230,7 +3255,7 @@ function useCursorPaginationState(options) {
       }, 0);
     }
   }, [params.search, initialLoadCount]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (isInitialLoadInProgress.current) return;
     if (isSyncingFromUrl.current) return;
     if (searchInput !== params.search) {
@@ -3241,7 +3266,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, [searchInput, params.search, setParams, initialLoadCount]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (initialLoadCount === 0) {
       const cursor = params.cursor || null;
       const search = params.search || "";
@@ -3255,7 +3280,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     if (isInitialLoadInProgress.current) return;
     if (initialLoadCount === 0) return;
     const currentSearch = params.search || "";
@@ -3265,7 +3290,7 @@ function useCursorPaginationState(options) {
       onSearchChange(currentSearch);
     }
   }, [params.search, onSearchChange, initialLoadCount]);
-  const handleNextPage = useCallback13(
+  const handleNextPage = useCallback14(
     async (endCursor, fetchFn) => {
       setParam("cursor", endCursor);
       await fetchFn();
@@ -3273,7 +3298,7 @@ function useCursorPaginationState(options) {
     },
     [setParam]
   );
-  const handleResetToFirstPage = useCallback13(
+  const handleResetToFirstPage = useCallback14(
     async (fetchFn) => {
       setParam("cursor", "");
       await fetchFn();
@@ -3295,16 +3320,16 @@ function useCursorPaginationState(options) {
 }
 
 // src/hooks/nats/use-nats-client.ts
-import { useEffect as useEffect22, useMemo as useMemo5, useState as useState22 } from "react";
+import { useEffect as useEffect23, 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);
-  useEffect22(() => {
+  const [status, setStatus] = useState23("disconnected");
+  const [lastError, setLastError] = useState23(null);
+  useEffect23(() => {
     if (!client) {
       setStatus("disconnected");
       setLastError(null);
@@ -3335,7 +3360,7 @@ function useNatsClient(clientOptions, options = {}) {
 }
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect23, useRef as useRef13, useState as useState23, useCallback as useCallback14 } from "react";
+import { useEffect as useEffect24, useRef as useRef13, useState as useState24, useCallback as useCallback15 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
 var THRESHOLD_EPSILON = 0.01;
@@ -3366,10 +3391,10 @@ function getObserverFor(rootMargin, threshold) {
 }
 var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
 function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
-  const [isNear, setIsNear] = useState23(false);
+  const [isNear, setIsNear] = useState24(false);
   const elRef = useRef13(null);
   const key = observerKey(rootMargin, threshold);
-  const ref = useCallback14(
+  const ref = useCallback15(
     (node) => {
       const prev = elRef.current;
       if (prev) {
@@ -3387,7 +3412,7 @@ function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0)
     },
     [key, rootMargin, threshold]
   );
-  useEffect23(() => {
+  useEffect24(() => {
     return () => {
       const el = elRef.current;
       if (!el) return;
@@ -3545,7 +3570,7 @@ function useOgPlaceholderUrl({
 }
 
 // src/hooks/use-scroll-to-hash.ts
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 
 // src/utils/scroll-into-view.ts
 var activeRaf = 0;
@@ -3683,7 +3708,7 @@ function navigateSamePageHash(target, options = {}) {
 var MAX_POLL_FRAMES = 60;
 function useScrollToHash(readyDep = true, options) {
   const headerOffset = options?.headerOffset ?? 0;
-  useEffect24(() => {
+  useEffect25(() => {
     if (typeof window === "undefined") return;
     if (readyDep === null || readyDep === false) return;
     let rafId = null;
@@ -3723,7 +3748,7 @@ function useScrollToHash(readyDep = true, options) {
 }
 
 // src/hooks/use-humanity-signals.ts
-import { useCallback as useCallback15, useRef as useRef14 } from "react";
+import { useCallback as useCallback16, useRef as useRef14 } from "react";
 
 // src/utils/humanity-signals.ts
 var HONEYPOT_FIELD = "contact_url_confirm";
@@ -3749,14 +3774,14 @@ var splitCsvEnv = (s) => s?.split(",").map((t) => t.trim()).filter(Boolean) ?? [
 function useHumanitySignals() {
   const ref = useRef14(null);
   const mountedAt = useRef14(typeof performance !== "undefined" ? performance.now() : 0);
-  const getSignals = useCallback15(
+  const getSignals = useCallback16(
     () => ({
       [HONEYPOT_FIELD]: ref.current?.value ?? "",
       [ELAPSED_MS_FIELD]: typeof performance !== "undefined" ? Math.round(performance.now() - mountedAt.current) : 0
     }),
     []
   );
-  const resetSignals = useCallback15(() => {
+  const resetSignals = useCallback16(() => {
     if (ref.current) ref.current.value = "";
     if (typeof performance !== "undefined") mountedAt.current = performance.now();
   }, []);
@@ -3771,6 +3796,7 @@ export {
   useHeaderHeight,
   useHorizontalScrollbar,
   useImageEdgeColor,
+  useIsTruncated,
   useLocalStorage,
   useMarqueeEngine,
   useMediaQuery,
@@ -3885,4 +3911,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-PB3BTZDU.js.map
+//# sourceMappingURL=chunk-WEUNPE3S.js.map