@flamingo-stack/openframe-frontend-core 0.0.705 → 0.0.706-snapshot.20261006181108

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-FCGC42TS.js → chunk-HTBN3XYF.js}

@@ -23,7 +23,7 @@ import {
   useLocalStorage,
   useNotificationPermission,
   useToast
-} from "./chunk-MKXO4Q5P.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-7VVFKJY5.js";
+} from "./chunk-IBQZMRWO.js";
 import {
-  NEAR_VIEWPORT_ROOT_MARGIN,
   ToolIcon,
   createHeadingIdDeduper,
   scanHeadings,
@@ -108,14 +104,62 @@ import {
   toolLabels,
   useAutoplay,
   useDebounce,
-  useInView,
-  useNearViewport
-} from "./chunk-PDWVPI3S.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,

package/dist/{chunk-ZSAGLQOD.cjs → chunk-I43ZVJRL.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkOHFS7VOUcjs = require('./chunk-OHFS7VOU.cjs');
+var _chunkPLYEKV3Ncjs = require('./chunk-PLYEKV3N.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunkOHFS7VOUcjs = require('./chunk-OHFS7VOU.cjs');
 
 
 
-var _chunkVESKITRQcjs = require('./chunk-VESKITRQ.cjs');
+var _chunk7XVBJDH7cjs = require('./chunk-7XVBJDH7.cjs');
 
 
 
@@ -20,7 +20,7 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
+var _chunk6NTPY5QAcjs = require('./chunk-6NTPY5QA.cjs');
 
 
 var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
@@ -33,7 +33,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOHFS7VOUcjs.EmptyState,
+      _chunkPLYEKV3Ncjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -46,7 +46,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOHFS7VOUcjs.EmptyState,
+    _chunkPLYEKV3Ncjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -63,7 +63,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 var _react = require('react');
 
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkVESKITRQcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk7XVBJDH7cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
@@ -114,7 +114,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVESKITRQcjs.SearchInput,
+        _chunk7XVBJDH7cjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -124,7 +124,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVESKITRQcjs.StatusFilterComponent,
+        _chunk7XVBJDH7cjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -148,7 +148,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkVESKITRQcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk7XVBJDH7cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -161,7 +161,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVESKITRQcjs.PageLayout,
+      _chunk7XVBJDH7cjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -172,7 +172,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7XVBJDH7cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -230,9 +230,9 @@ function getRelativeTime(timestamp) {
 }
 function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkVESKITRQcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkVESKITRQcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkMMOODW57cjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunk7XVBJDH7cjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunk7XVBJDH7cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const statusBadgeScheme = _chunk6NTPY5QAcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
@@ -244,7 +244,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch content-md:w-auto content-md:flex-col content-md:items-end content-md:self-start", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMMOODW57cjs.StatusBadge,
+        _chunk6NTPY5QAcjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -253,7 +253,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMMOODW57cjs.StatusBadge,
+        _chunk6NTPY5QAcjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -261,7 +261,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMMOODW57cjs.AvatarStack,
+        _chunk6NTPY5QAcjs.AvatarStack,
         {
           size: "xs",
           className: "ml-auto content-md:ml-0",