@flamingo-stack/openframe-frontend-core 0.0.704 → 0.0.705-snapshot.20261006160157

package/dist/{chunk-NDESEPW5.js → chunk-FXJ3WWUB.js}

@@ -767,6 +767,72 @@ function useAuthedImageSrc(src) {
 }
 var clearAuthedImageCache = clearAuthedAssetCache;
 
+// src/hooks/use-near-viewport.ts
+import { useEffect as useEffect5, useRef, useState as useState4, useCallback as useCallback2 } from "react";
+var observers = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new WeakMap();
+var THRESHOLD_EPSILON = 0.01;
+function observerKey(rootMargin, threshold) {
+  return `${rootMargin}|${threshold}`;
+}
+function getObserverFor(rootMargin, threshold) {
+  const key = observerKey(rootMargin, threshold);
+  const existing = observers.get(key);
+  if (existing) return existing;
+  const io = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        if (entry.intersectionRatio < threshold - THRESHOLD_EPSILON) return;
+        const cb = subscribers.get(entry.target);
+        if (cb) {
+          cb();
+          io.unobserve(entry.target);
+          subscribers.delete(entry.target);
+        }
+      });
+    },
+    { rootMargin, threshold }
+  );
+  observers.set(key, io);
+  return io;
+}
+var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
+function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
+  const [isNear, setIsNear] = useState4(false);
+  const elRef = useRef(null);
+  const key = observerKey(rootMargin, threshold);
+  const ref = useCallback2(
+    (node) => {
+      const prev = elRef.current;
+      if (prev) {
+        const stillOurs = subscribers.get(prev);
+        if (stillOurs) {
+          subscribers.delete(prev);
+          observers.get(key)?.unobserve(prev);
+        }
+      }
+      elRef.current = node;
+      if (!node) return;
+      const cb = () => setIsNear(true);
+      subscribers.set(node, cb);
+      getObserverFor(rootMargin, threshold).observe(node);
+    },
+    [key, rootMargin, threshold]
+  );
+  useEffect5(() => {
+    return () => {
+      const el = elRef.current;
+      if (!el) return;
+      if (subscribers.get(el)) {
+        subscribers.delete(el);
+        observers.get(key)?.unobserve(el);
+      }
+    };
+  }, [key]);
+  return { ref, isNear };
+}
+
 // src/utils/og-placeholder.ts
 var DEFAULT_OG_PLACEHOLDER_PATH = "/api/og-placeholder";
 function resolveOgPlaceholderBase(endpoints) {
@@ -868,6 +934,8 @@ export {
   useAuthedAssetSrc,
   useAuthedImageSrc,
   clearAuthedImageCache,
+  NEAR_VIEWPORT_ROOT_MARGIN,
+  useNearViewport,
   buildOgPlaceholderUrl,
   useOgPlaceholderUrl
 };

package/dist/{chunk-4KGXLVCF.js → chunk-G6UMNAVI.js}

@@ -23,7 +23,7 @@ import {
   useLocalStorage,
   useNotificationPermission,
   useToast
-} from "./chunk-IHU5ANUY.js";
+} from "./chunk-KUC673HM.js";
 import {
   Pagination
 } from "./chunk-UT4YHQZW.js";
@@ -72,12 +72,9 @@ import {
   TooltipProvider,
   TooltipTrigger,
   UnifiedSkeleton,
-  Video,
   VideoBitesStrip,
-  VideoHoverPreviewSurface,
   buildStandardLeafRenderers,
   byKey,
-  fetchPriorityProp,
   formatRelativeTime,
   formatTicketFullTimestamp,
   formatTicketRelativeTime,
@@ -97,9 +94,8 @@ import {
   useIsHydrated,
   useResizablePanelSize,
   useScrollFade
-} from "./chunk-2JDVL7UV.js";
+} from "./chunk-7GEBFJT2.js";
 import {
-  NEAR_VIEWPORT_ROOT_MARGIN,
   ToolIcon,
   createHeadingIdDeduper,
   scanHeadings,
@@ -108,14 +104,62 @@ import {
   toolLabels,
   useAutoplay,
   useDebounce,
-  useInView,
-  useNearViewport
-} from "./chunk-WUJNYGO2.js";
+  useInView
+} from "./chunk-CZ7Y7UG4.js";
 import {
   usePathname,
   useRouter,
   useSearchParams
 } from "./chunk-GY4IZG22.js";
+import {
+  AvatarStack,
+  Card,
+  DEFAULT_VIDEO_BITES_TITLE,
+  FloatingTooltip,
+  IMAGE_FILE_ACCEPT,
+  MEDIA_FILE_ACCEPT,
+  SquareAvatar,
+  StatusBadge,
+  Tag,
+  VIEWER_TIMEZONE,
+  Video,
+  VideoHoverPreviewSurface,
+  VideoPlayBadge,
+  VideoUnmuteGlyph,
+  accentSentenceMarks,
+  canonicalContentRefType,
+  fetchPriorityProp,
+  fileContentKey,
+  fileMediaType,
+  formatDate,
+  formatDateTimeYmd,
+  formatDateWithTimezone,
+  formatLargeNumber,
+  isVideoMedia,
+  mediaNameKey,
+  personFirstName,
+  personInitials
+} from "./chunk-FI6GMDO7.js";
+import {
+  next_image_default
+} from "./chunk-FBZMAPWO.js";
+import {
+  NEAR_VIEWPORT_ROOT_MARGIN,
+  ViewportBreakpoints,
+  breakpoints,
+  createLocalStorageAdapter,
+  embedAuthedFetch,
+  subscribeEmbedCredentialChange,
+  useAuthedImageSrc,
+  useContentLgUp,
+  useContentMdUp,
+  useImageEdgeColor,
+  useIsTruncated,
+  useIsomorphicLayoutEffect,
+  useMdUp,
+  useMediaQuery,
+  useNearViewport
+} from "./chunk-FXJ3WWUB.js";
 import {
   AppleIcon,
   BashIcon,
@@ -137,6 +181,7 @@ import {
   MessageCircleIcon,
   MicrosoftIcon,
   NushellIcon,
+  OpenFrameLogo,
   RedditIcon,
   ShapeCircleDashIcon,
   ShellIcon,
@@ -148,7 +193,7 @@ import {
   WindowsIcon,
   XLogo,
   YouTubeIcon
-} from "./chunk-2YXVWZVF.js";
+} from "./chunk-N45D4ZXQ.js";
 import {
   AicpaSoc2LogoIcon,
   AlertTriangleIcon,
@@ -231,62 +276,13 @@ import {
   VolumeXmarkIcon,
   WindowsLogoGreyIcon,
   XmarkAltIcon,
+  XmarkCircleIcon,
   XmarkIcon
-} from "./chunk-Z2VNQQ74.js";
+} from "./chunk-NCPTID44.js";
 import {
   LaptopIcon,
   MonitorIcon
 } from "./chunk-OSIKGEBU.js";
-import {
-  AvatarStack,
-  Card,
-  DEFAULT_VIDEO_BITES_TITLE,
-  FloatingTooltip,
-  IMAGE_FILE_ACCEPT,
-  MEDIA_FILE_ACCEPT,
-  SquareAvatar,
-  StatusBadge,
-  Tag,
-  VIEWER_TIMEZONE,
-  VideoPlayBadge,
-  VideoUnmuteGlyph,
-  accentSentenceMarks,
-  canonicalContentRefType,
-  fileContentKey,
-  fileMediaType,
-  formatDate,
-  formatDateTimeYmd,
-  formatDateWithTimezone,
-  formatLargeNumber,
-  isVideoMedia,
-  mediaNameKey,
-  personFirstName,
-  personInitials
-} from "./chunk-CH5232HV.js";
-import {
-  next_image_default
-} from "./chunk-FBZMAPWO.js";
-import {
-  ViewportBreakpoints,
-  breakpoints,
-  createLocalStorageAdapter,
-  embedAuthedFetch,
-  subscribeEmbedCredentialChange,
-  useAuthedImageSrc,
-  useContentLgUp,
-  useContentMdUp,
-  useImageEdgeColor,
-  useIsTruncated,
-  useIsomorphicLayoutEffect,
-  useMdUp,
-  useMediaQuery
-} from "./chunk-NDESEPW5.js";
-import {
-  OpenFrameLogo
-} from "./chunk-O43V3EOS.js";
-import {
-  XmarkCircleIcon
-} from "./chunk-LMBC5FFP.js";
 import {
   DropdownMenu,
   DropdownMenuContent,