@flamingo-stack/openframe-frontend-core 0.0.394 → 0.0.395

package/dist/types/customer-interview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customer-interview.d.ts","sourceRoot":"","sources":["../../src/types/customer-interview.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"customer-interview.d.ts","sourceRoot":"","sources":["../../src/types/customer-interview.ts"],"names":[],"mappings":"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"}

package/dist/types/entity-platform.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Hydrated `entity_platforms` junction row — THE shape the hub's
+ * attachPlatformsToRows puts on every `<entity>_platforms[]` array
+ * (rows arrive featured-first with the platform record's fields spread on
+ * via PLATFORM_EMBED). One definition; the per-entity types
+ * (case_study_platforms / blog_post_platforms / customer_interview_platforms)
+ * all reference it so the shape can never drift per entity.
+ */
+export interface EntityPlatformAssoc {
+    platform_id: string;
+    is_featured: boolean;
+    featured_order?: number | null;
+    /** Platform name — spread from the platform record. Feeds platform-aware
+     *  URL composition (composeContentUrlFromPlatforms) without casts. */
+    name?: string;
+    display_name?: string;
+    /** Alias some admin fetches add (e.g. getCaseStudyForAdmin). */
+    platform_name?: string;
+    id?: string;
+    created_at?: string;
+}
+//# sourceMappingURL=entity-platform.d.ts.map

package/dist/types/entity-platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-platform.d.ts","sourceRoot":"","sources":["../../src/types/entity-platform.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B;0EACsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ export * from './auth';
 export * from './blog';
 export * from './entity-author';
 export * from './case-study';
+export * from './entity-platform';
 export * from './customer-interview';
 export * from './customer-interview-ai.types';
 export * from './luma';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAA;AAI9B,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACtF,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,IAAI,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAGjK,cAAc,YAAY,CAAA;AAG1B,cAAc,QAAQ,CAAA;AAGtB,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AAGtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAG1B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAGvB,cAAc,cAAc,CAAA;AAG5B,cAAc,cAAc,CAAA;AAG5B,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA;AAG1B,cAAc,aAAa,CAAA;AAE3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAA;AAI9B,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACtF,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,IAAI,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAGjK,cAAc,YAAY,CAAA;AAG1B,cAAc,QAAQ,CAAA;AAGtB,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AAGtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAG1B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAGvB,cAAc,cAAc,CAAA;AAG5B,cAAc,cAAc,CAAA;AAG5B,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA;AAG1B,cAAc,aAAa,CAAA;AAE3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.394",
+  "version": "0.0.395",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",
@@ -323,7 +323,6 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
-    "embla-carousel-react": "^8.6.0",
     "file-type": "^22.0.1",
     "framer-motion": "^12.23.12",
     "graphql": "^16.12.0",

package/src/components/features/cards-strip.tsx

@@ -0,0 +1,587 @@
+"use client";
+
+/**
+ * <CardsStrip> — THE horizontal card-strip engine (single source of truth).
+ *
+ * Extracted verbatim from <VideoBitesStrip> so every strip surface shares ONE
+ * marquee/chevron/seam/measure implementation ("unify means delete
+ * variations"). Two input modes, one engine:
+ *
+ *   MODE A — render-prop (`items` + `itemKey` + `renderCard`): full control.
+ *   The card receives the strip context (controlled activation, clone flag,
+ *   shared player-mount gate) and owns its own clone a11y. Used by
+ *   <VideoBitesStrip>. The engine adds NO cell wrapper in this mode — the
+ *   card's root is the track's direct child (`scrollByCard` measures
+ *   `track.firstElementChild.offsetWidth`, and the `flex items-stretch gap-4`
+ *   sizing contract depends on it).
+ *
+ *   MODE B — children (organic): ANY card components as plain JSX children.
+ *   Each child is auto-wrapped in a managed cell (fixed width, hover/keyboard
+ *   marquee-pause, clone `aria-hidden` + `inert`, row-height stretch).
+ *   Adding a new card type requires ZERO strip code. Contract:
+ *   (a) pass an ARRAY of children (`{rows.map(...)}`) — `Children.toArray`
+ *       does NOT flatten through a single <Fragment> child (it would become
+ *       one giant cell; a dev-only warning fires);
+ *   (b) when `autoScroll` is on, children must be ref-free / unique-DOM-id-
+ *       free / mount-effect-free — the clone copy mounts the same element a
+ *       second time (double-fired effects, duplicate ids, last-mounted ref).
+ *
+ * Activation invariant: hover/focus activation is wired in exactly ONE place —
+ * the managed cell (children mode) OR the card itself (render-prop mode,
+ * e.g. <VideoBiteCard>) — never both.
+ *
+ * Marquee state model (explicit — do not "simplify" into one timer):
+ * the rAF advances only when the pause-reason set {cardHovered, offViewport,
+ * tabHidden, reducedMotion} is empty AND `now > max(chevronSuppressUntil,
+ * userScrollSuppressUntil)`. cardHovered means the pointer is over a CARD
+ * (incl. its overlay) — leaving the card resumes the marquee immediately.
+ * Chevron clicks and manual wheel/touch each set their own suppress-until
+ * timestamp; any card-level leave-grace is a separate concern that never
+ * touches marquee state.
+ */
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { cn } from '../../utils/cn';
+import { Button } from '../ui/button';
+import { SECTION_HEADING_CLASS } from '../layout/page-heading';
+import { Chevron02LeftIcon } from '../icons-v2-generated/arrows/chevron-02-left-icon';
+import { Chevron02RightIcon } from '../icons-v2-generated/arrows/chevron-02-right-icon';
+
+// =============================================================================
+// Types
+// =============================================================================
+
+/** Per-card strip context passed to `renderCard` (and used internally by the
+ *  children-mode managed cell). */
+export interface CardStripRenderCtx {
+  /** Item index (copy-independent — the clone copy repeats the same indices). */
+  index: number;
+  /** `${itemKey}__${copyIndex}__${index}` — unique per rendered card, even for
+   *  duplicate items (the trailing index disambiguates). */
+  cardKey: string;
+  isClone: boolean;
+  isTouch: boolean;
+  /** Engine's (max-width: 767px) media query. */
+  isMobile: boolean;
+  /** activeKey === cardKey (controlled hover/focus activation). */
+  active: boolean;
+  onActivate: (key: string) => void;
+  onDeactivate: (key: string) => void;
+  /** Shared-by-index 500px near-viewport gate (opt-in — only meaningful when
+   *  the card registers via `rootRef`). */
+  mounted: boolean;
+  /** Registers the card root with the mount-gate IntersectionObserver.
+   *  May return a cleanup (React 19 ref contract). */
+  rootRef: (el: HTMLDivElement | null) => (() => void) | undefined;
+}
+
+interface CardsStripEngineProps {
+  /** Section heading. Omit `title` (or set `showTitle={false}`) to hide. */
+  title?: string;
+  showTitle?: boolean;
+  /** Custom node rendered between the heading and the strip. */
+  headerSlot?: React.ReactNode;
+  /** Marquee auto-scroll. Auto-disabled on no-overflow and
+   *  prefers-reduced-motion. Pass `autoScroll={false}` for chevron-style
+   *  entity strips — the default stays `true` for bites-contract parity. */
+  autoScroll?: boolean;
+  /** Marquee speed in px/s. Default 60 — marquee libraries (e.g. GSAP marquee)
+   *  default around 100px/s; 60 keeps drift lively while cards stay easy to
+   *  hover-target. 60px/s ≈ 1px per 60Hz frame, the smoothest integer step. */
+  autoScrollSpeed?: number;
+  /** Pause the marquee while a CARD is hovered (resumes as soon as the
+   *  pointer leaves the card — strip whitespace/heading never pauses). */
+  pauseOnHover?: boolean;
+  /** Floating prev/next buttons. Hidden automatically when nothing overflows. */
+  showChevrons?: boolean;
+  /** Chevron aria-labels. */
+  prevLabel?: string;
+  nextLabel?: string;
+  /** Merged into the engine's wrapper ref (e.g. `useVideoWarmup().ref`). */
+  rootRef?: (el: HTMLDivElement | null) => void;
+  className?: string;
+}
+
+// The two mode interfaces hand-mirror each other's field names as `never` —
+// INVARIANT: every field added to one mode gets a `never` twin in the other,
+// or the XOR discrimination silently weakens (mixed-mode props become
+// assignable). Same manual pattern as social-icon-row.tsx / chart.tsx.
+
+/** MODE A — render-prop (advanced): full ctx control, no cell wrapper. */
+interface RenderCardMode<T> {
+  items: ReadonlyArray<T>;
+  itemKey: (item: T, index: number) => string;
+  renderCard: (item: T, ctx: CardStripRenderCtx) => React.ReactNode;
+  children?: never;
+  cardWidthDesktop?: never;
+  cardWidthMobile?: never;
+}
+
+/** MODE B — children (organic): ANY card components, zero registration. */
+interface ChildrenMode {
+  children: React.ReactNode;
+  /** Managed cell width in px per breakpoint (Figma: 400 desktop). */
+  cardWidthDesktop?: number;
+  cardWidthMobile?: number;
+  items?: never;
+  itemKey?: never;
+  renderCard?: never;
+}
+
+export type CardsStripProps<T = unknown> = CardsStripEngineProps & (RenderCardMode<T> | ChildrenMode);
+
+// =============================================================================
+// Constants
+// =============================================================================
+
+// Gap between cards (px) — keep in sync with the track's `gap-4`.
+const TRACK_GAP_PX = 16;
+// Marquee suppression windows after manual interaction.
+const CHEVRON_SUPPRESS_MS = 4000;
+const USER_SCROLL_SUPPRESS_MS = 3000;
+
+/** Single source for the strip cell width cap (shared with <VideoBiteCard>). */
+export const STRIP_CELL_MAX_WIDTH = '90vw';
+
+const EMPTY_CHILDREN: ReadonlyArray<React.ReactNode> = [];
+
+// =============================================================================
+// Component
+// =============================================================================
+
+export function CardsStrip<T = unknown>(props: CardsStripProps<T>): React.ReactElement | null {
+  const {
+    title,
+    showTitle = true,
+    headerSlot,
+    autoScroll = true,
+    autoScrollSpeed = 60,
+    pauseOnHover = true,
+    showChevrons = true,
+    prevLabel = 'Previous items',
+    nextLabel = 'Next items',
+    rootRef,
+    className,
+  } = props;
+
+  // ---- input-mode normalization ---------------------------------------------
+  // Children mode feeds the SAME engine path as render-prop mode — one
+  // track/clone/measure/scroll implementation. Engine internals operate on the
+  // erased item type (`unknown`); the only assertions live at this seam.
+  const childrenMode = props.renderCard === undefined;
+  const childItems = useMemo(
+    () => (childrenMode ? React.Children.toArray(props.children) : EMPTY_CHILDREN),
+    [childrenMode, props.children],
+  );
+  const items: ReadonlyArray<unknown> = childrenMode ? childItems : props.items;
+  const cardWidthDesktop = childrenMode ? (props.cardWidthDesktop ?? 400) : 0;
+  const cardWidthMobile = childrenMode ? (props.cardWidthMobile ?? 320) : 0;
+
+  useEffect(() => {
+    if (process.env.NODE_ENV === 'production' || !childrenMode) return;
+    const only = childItems.length === 1 ? childItems[0] : null;
+    if (React.isValidElement(only) && only.type === React.Fragment) {
+      console.warn(
+        '[CardsStrip] A single <Fragment> child becomes ONE giant cell — pass an array of card elements ({rows.map(...)}) instead.',
+      );
+    }
+  }, [childrenMode, childItems]);
+
+  const getItemKey = (item: unknown, index: number): string => {
+    if (!childrenMode) {
+      // Seam assertion: T is erased inside the engine; the props union
+      // guarantees itemKey matches the items array.
+      return (props.itemKey as (item: unknown, index: number) => string)(item, index);
+    }
+    // Children.toArray always assigns element keys ('.0' / '.$slug' — stable
+    // across renders); explicit null-check because `&&`/`??` chaining yields
+    // the string "false" for non-element children (same isValidElement guard
+    // as steps.tsx).
+    return React.isValidElement(item) && item.key != null ? String(item.key) : String(index);
+  };
+
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const scrollerRef = useRef<HTMLDivElement | null>(null);
+  const trackRef = useRef<HTMLDivElement | null>(null);
+
+  // ---- environment ----------------------------------------------------------
+  const [reducedMotion, setReducedMotion] = useState(false);
+  const [isTouch, setIsTouch] = useState(false);
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const subs: Array<() => void> = [];
+    const watch = (query: string, set: (v: boolean) => void) => {
+      const mq = window.matchMedia(query);
+      set(mq.matches);
+      const onChange = (e: MediaQueryListEvent) => set(e.matches);
+      mq.addEventListener('change', onChange);
+      subs.push(() => mq.removeEventListener('change', onChange));
+    };
+    watch('(prefers-reduced-motion: reduce)', setReducedMotion);
+    watch('(hover: none)', setIsTouch);
+    watch('(max-width: 767px)', setIsMobile);
+    return () => subs.forEach(fn => fn());
+  }, []);
+
+  // ---- overflow measurement ---------------------------------------------------
+  // `overflows` gates chevrons; `marqueeActive` additionally gates cloning + rAF.
+  const [overflows, setOverflows] = useState(false);
+  const singleCopyWidthRef = useRef(0);
+  const marqueeActive = autoScroll && !reducedMotion && overflows && items.length > 0;
+
+  const measure = useCallback(() => {
+    const scroller = scrollerRef.current;
+    const track = trackRef.current;
+    if (!scroller || !track) return;
+    // When clones are rendered the track is 2× one copy (+ one joining gap).
+    const copies = track.dataset.copies === '2' ? 2 : 1;
+    const singleCopy = copies === 2 ? (track.scrollWidth - TRACK_GAP_PX) / 2 + TRACK_GAP_PX : track.scrollWidth;
+    singleCopyWidthRef.current = singleCopy;
+    setOverflows(singleCopy > scroller.clientWidth + 1);
+  }, []);
+
+  useEffect(() => {
+    measure();
+    const scroller = scrollerRef.current;
+    const track = trackRef.current;
+    if (!scroller || !track || typeof ResizeObserver === 'undefined') return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(scroller);
+    ro.observe(track);
+    return () => ro.disconnect();
+  }, [measure, items.length, marqueeActive, isMobile]);
+
+  // ---- pause-reason set + suppress timestamps ---------------------------------
+  // (Card hover — the only hover-based pause reason — lives in activeKeyRef below.)
+  const nearViewportRef = useRef(true);
+  const chevronSuppressUntilRef = useRef(0);
+  const userScrollSuppressUntilRef = useRef(0);
+
+  // Two-way viewport gate (unlike the fire-once `useNearViewport`): the rAF
+  // should stop again when the strip scrolls far off-screen.
+  useEffect(() => {
+    const el = wrapperRef.current;
+    if (!el || typeof IntersectionObserver === 'undefined') return;
+    const io = new IntersectionObserver(
+      entries => { nearViewportRef.current = entries[0]?.isIntersecting ?? true; },
+      { rootMargin: '200px' },
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }, []);
+
+  // ---- marquee rAF engine ------------------------------------------------------
+  // Position lives in a FLOAT ref, not in scrollLeft read-modify-write: reading
+  // scrollLeft back each frame returns a rounded value, so sub-pixel increments
+  // (speed/fps < 1px) get eaten by rounding — the old engine both stuttered AND
+  // ran measurably slower than the configured speed because of it.
+  //
+  // Chevron GLIDE also runs through this engine (glideRemainingRef): browser
+  // `scrollBy({behavior:'smooth'})` animates toward an ABSOLUTE target, so a
+  // seam warp mid-animation made it lunge a full copy-width to catch up, warp
+  // again, and oscillate — rapid chevron clicks left every card flickering.
+  // The rAF tween consumes a signed remaining-distance instead, wrapping
+  // modulo the copy width each frame, so warps are invisible to it.
+  const marqueePosRef = useRef(0);
+  const glideRemainingRef = useRef(0);
+  useEffect(() => {
+    if (!marqueeActive) return;
+    const scroller = scrollerRef.current;
+    if (!scroller) return;
+    let raf = 0;
+    let last = performance.now();
+    marqueePosRef.current = scroller.scrollLeft;
+    const wrap = (pos: number) => {
+      const half = singleCopyWidthRef.current;
+      if (half <= 0) return pos;
+      while (pos >= half) pos -= half;
+      while (pos < 0) pos += half;
+      return pos;
+    };
+    const tick = (now: number) => {
+      const dt = Math.min(now - last, 100) / 1000; // clamp tab-wake jumps
+      last = now;
+      const paused =
+        (pauseOnHover && activeKeyRef.current !== null) ||
+        !nearViewportRef.current ||
+        document.visibilityState === 'hidden' ||
+        now < Math.max(chevronSuppressUntilRef.current, userScrollSuppressUntilRef.current);
+      const glide = glideRemainingRef.current;
+      if (glide !== 0) {
+        // Ease-out toward the chevron target; runs even while "paused"
+        // (the chevron click itself sets the suppress window).
+        if (Math.abs(scroller.scrollLeft - marqueePosRef.current) > 1.5) {
+          marqueePosRef.current = scroller.scrollLeft;
+        }
+        const speed = Math.max(Math.abs(glide) * 6, 240); // px/s, proportional
+        const step = Math.sign(glide) * Math.min(Math.abs(glide), speed * dt);
+        glideRemainingRef.current = Math.abs(glide - step) < 0.5 ? 0 : glide - step;
+        marqueePosRef.current = wrap(marqueePosRef.current + step);
+        scroller.scrollLeft = marqueePosRef.current;
+      } else if (!paused) {
+        // Resync after external movement (user scroll, seam warp).
+        if (Math.abs(scroller.scrollLeft - marqueePosRef.current) > 1.5) {
+          marqueePosRef.current = scroller.scrollLeft;
+        }
+        marqueePosRef.current = wrap(marqueePosRef.current + autoScrollSpeed * dt);
+        scroller.scrollLeft = marqueePosRef.current;
+      } else {
+        marqueePosRef.current = scroller.scrollLeft;
+      }
+      raf = requestAnimationFrame(tick);
+    };
+    raf = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(raf);
+  }, [marqueeActive, autoScrollSpeed, pauseOnHover]);
+
+  // ---- hover / overlay state -----------------------------------------------------
+  // activeKey identifies the hovered/tap-activated CARD (copy-aware so hovering
+  // a clone near the wrap seam works too). It only drives per-card `active`
+  // state — any heavier behavior (players, overlays) is the card's concern.
+  const [activeKey, setActiveKey] = useState<string | null>(null);
+  // Ref mirror for the rAF loop: the marquee pauses ONLY while a CARD is
+  // hovered (activeKey set) — hovering strip whitespace/heading does not
+  // pause, and leaving a card resumes immediately.
+  const activeKeyRef = useRef<string | null>(null);
+  const activate = useCallback((key: string) => {
+    activeKeyRef.current = key;
+    setActiveKey(key);
+  }, []);
+  const deactivate = useCallback((key: string) => {
+    // Ref write hoisted OUT of the state updater: React re-invokes queued
+    // updaters at render time, so an impure updater could re-null the ref
+    // AFTER a same-batch activate(B) already set it (leave(A)+enter(B) in one
+    // dispatch when the pointer jumps directly between cells) — stranding the
+    // rAF pause check while a card is visibly hovered.
+    if (activeKeyRef.current === key) activeKeyRef.current = null;
+    setActiveKey(current => (current === key ? null : current));
+  }, []);
+
+  // ---- shared card-mount gate (by ITEM index, across both copies) -------------
+  // A card and its clone show identical content half a copy-width apart. If
+  // each card gated its own expensive content (e.g. video players), a seam warp
+  // instantly swapped the visible copy for cards whose content was NOT mounted
+  // yet — every wrap crossing flashed placeholders. Mounting by INDEX (near in
+  // EITHER copy → both copies mount) makes the warp pixel-identical. Opt-in:
+  // cards that never register via ctx.rootRef incur no per-card observation.
+  const [mountedIdx, setMountedIdx] = useState<ReadonlySet<number>>(() => new Set());
+  const cardObserverRef = useRef<IntersectionObserver | null>(null);
+  const cardElIdxRef = useRef(new Map<Element, number>());
+  const cardElNearRef = useRef(new Map<Element, boolean>());
+  useEffect(() => {
+    if (typeof IntersectionObserver === 'undefined') return;
+    const io = new IntersectionObserver(entries => {
+      for (const e of entries) cardElNearRef.current.set(e.target, e.isIntersecting);
+      const next = new Set<number>();
+      cardElNearRef.current.forEach((near, el) => {
+        if (!near) return;
+        const idx = cardElIdxRef.current.get(el);
+        if (idx !== undefined) next.add(idx);
+      });
+      setMountedIdx(prev => {
+        if (prev.size === next.size) {
+          let same = true;
+          next.forEach(i => { if (!prev.has(i)) same = false; });
+          if (same) return prev;
+        }
+        return next;
+      });
+    }, { rootMargin: '500px' });
+    cardObserverRef.current = io;
+    cardElIdxRef.current.forEach((_idx, el) => io.observe(el));
+    return () => { io.disconnect(); cardObserverRef.current = null; };
+  }, []);
+  // Stable per-index ref callbacks (a fresh closure per render would detach/
+  // re-attach the observer every render). React 19 ref-cleanup unregisters.
+  const cardRefFnsRef = useRef(new Map<number, (el: HTMLDivElement | null) => (() => void) | undefined>());
+  const getCardRef = useCallback((idx: number) => {
+    let fn = cardRefFnsRef.current.get(idx);
+    if (!fn) {
+      fn = (el: HTMLDivElement | null) => {
+        if (!el) return undefined;
+        cardElIdxRef.current.set(el, idx);
+        cardObserverRef.current?.observe(el);
+        return () => {
+          cardElIdxRef.current.delete(el);
+          cardElNearRef.current.delete(el);
+          cardObserverRef.current?.unobserve(el);
+        };
+      };
+      cardRefFnsRef.current.set(idx, fn);
+    }
+    return fn;
+  }, []);
+
+  // ---- manual navigation -----------------------------------------------------------
+  const scrollByCard = useCallback((dir: 1 | -1) => {
+    const scroller = scrollerRef.current;
+    const track = trackRef.current;
+    if (!scroller || !track) return;
+    const firstCard = track.firstElementChild as HTMLElement | null;
+    const step = (firstCard?.offsetWidth ?? 320) + TRACK_GAP_PX;
+    chevronSuppressUntilRef.current = performance.now() + CHEVRON_SUPPRESS_MS;
+    if (marqueeActiveRef.current) {
+      // Wrap-aware glide via the rAF engine (see engine comment) — clicks
+      // accumulate distance instead of racing browser smooth-scroll targets.
+      glideRemainingRef.current += dir * step;
+    } else {
+      // No clones/seam without the marquee — native smooth scroll is safe.
+      scroller.scrollBy({ left: dir * step, behavior: 'smooth' });
+    }
+  }, []);
+
+  const onUserScrollIntent = useCallback(() => {
+    userScrollSuppressUntilRef.current = performance.now() + USER_SCROLL_SUPPRESS_MS;
+  }, []);
+
+  // Never-ending strip: warp across the clone seam on EVERY scroll (manual
+  // wheel/drag/chevron included — the rAF only wraps while the marquee runs,
+  // so without this a user scrolling during a pause/suppress window hits the
+  // physical track edges). Both copies render identical content, so a ±half
+  // jump is pixel-invisible. Backward warp only when arriving AT the left
+  // edge from the right (never on initial rest at 0).
+  const lastScrollLeftRef = useRef(0);
+  const marqueeActiveRef = useRef(false);
+  marqueeActiveRef.current = marqueeActive;
+  const onSeamWarp = useCallback(() => {
+    const scroller = scrollerRef.current;
+    if (!scroller || !marqueeActiveRef.current) return;
+    const half = singleCopyWidthRef.current;
+    if (half <= 0) return;
+    let sl = scroller.scrollLeft;
+    if (sl >= half) {
+      sl -= half;
+      scroller.scrollLeft = sl;
+      marqueePosRef.current = sl;
+    } else if (sl <= 0 && lastScrollLeftRef.current > 0.5) {
+      sl += half;
+      scroller.scrollLeft = sl;
+      marqueePosRef.current = sl;
+    }
+    lastScrollLeftRef.current = sl;
+  }, []);
+
+  // ---- render ----------------------------------------------------------------
+
+  const renderItem = (item: unknown, ctx: CardStripRenderCtx): React.ReactNode => {
+    if (!childrenMode) {
+      // Seam assertion (see normalization comment above).
+      return (props.renderCard as (item: unknown, ctx: CardStripRenderCtx) => React.ReactNode)(item, ctx);
+    }
+    // Managed cell — the ONLY place cell width / activation / clone a11y are
+    // encoded for children mode.
+    return (
+      // OUTER cell: width + activation handlers (never inert — an inert cell
+      // would retarget pointer events to the track and defeat hover-pause on
+      // clones).
+      <div
+        className="shrink-0 self-stretch"
+        style={{ width: ctx.isMobile ? cardWidthMobile : cardWidthDesktop, maxWidth: STRIP_CELL_MAX_WIDTH }}
+        onPointerEnter={ctx.isTouch ? undefined : () => ctx.onActivate(ctx.cardKey)}
+        onPointerLeave={ctx.isTouch ? undefined : () => ctx.onDeactivate(ctx.cardKey)}
+        // Keyboard pause parity (focus bubbles from the card's anchor; WCAG 2.2.2).
+        onFocus={() => ctx.onActivate(ctx.cardKey)}
+        onBlur={e => {
+          // Intra-cell focus moves must not blip the pause off.
+          if (e.currentTarget.contains(e.relatedTarget as Node | null)) return;
+          ctx.onDeactivate(ctx.cardKey);
+        }}
+      >
+        {/* INNER: clone a11y + uniform stretch — cards untouched. `inert` on
+            the clone strips anchor focusability without modifying any card
+            (WCAG aria-hidden-focus); clone content is pointer/focus-dead by
+            design while the outer cell still hover-pauses. */}
+        <div
+          className="h-full [&>*]:h-full [&>a>*]:h-full"
+          aria-hidden={ctx.isClone || undefined}
+          inert={ctx.isClone || undefined}
+        >
+          {item as React.ReactNode}
+        </div>
+      </div>
+    );
+  };
+
+  if (items.length === 0) return null;
+
+  const copies = marqueeActive ? 2 : 1;
+
+  return (
+    <div
+      ref={node => { wrapperRef.current = node; rootRef?.(node); }}
+      className={cn('flex flex-col gap-6 w-full min-w-0', className)}
+    >
+      {showTitle && title && (
+        <h2 className={`${SECTION_HEADING_CLASS} break-words`}>{title}</h2>
+      )}
+      {headerSlot}
+
+      <div className="relative">
+        <div
+          ref={scrollerRef}
+          className="overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+          onWheel={onUserScrollIntent}
+          onTouchStart={onUserScrollIntent}
+          onPointerDown={onUserScrollIntent}
+          onScroll={onSeamWarp}
+        >
+          <div ref={trackRef} data-copies={copies} className="flex w-max items-stretch gap-4">
+            {Array.from({ length: copies }, (_, copyIndex) =>
+              items.map((item, i) => {
+                const key = `${getItemKey(item, i)}__${copyIndex}__${i}`;
+                const isClone = copyIndex === 1;
+                return (
+                  // Clone copy a11y (aria-hidden + no focusable descendants —
+                  // WCAG) is the card's job in render-prop mode (via
+                  // ctx.isClone) and the managed cell's job in children mode.
+                  // The engine itself adds no wrapper here in render-prop mode
+                  // so the card root stays the track's direct child.
+                  <React.Fragment key={key}>
+                    {renderItem(item, {
+                      index: i,
+                      cardKey: key,
+                      isClone,
+                      isTouch,
+                      isMobile,
+                      active: activeKey === key,
+                      onActivate: activate,
+                      onDeactivate: deactivate,
+                      mounted: mountedIdx.has(i),
+                      rootRef: getCardRef(i),
+                    })}
+                  </React.Fragment>
+                );
+              }),
+            )}
+          </div>
+        </div>
+
+        {showChevrons && overflows && (
+          <>
+            {/* Shared design-system Button: outline surface (ods-card + border,
+                the Figma button-icon look) + the square `icon` size, which owns
+                the centered 24px glyph. Icon-only → aria-label required. */}
+            <Button
+              type="button"
+              variant="outline"
+              size="icon"
+              aria-label={prevLabel}
+              onClick={() => scrollByCard(-1)}
+              className="absolute left-2 top-1/2 -translate-y-1/2 z-10"
+              leftIcon={<Chevron02LeftIcon />}
+            />
+            <Button
+              type="button"
+              variant="outline"
+              size="icon"
+              aria-label={nextLabel}
+              onClick={() => scrollByCard(1)}
+              className="absolute right-2 top-1/2 -translate-y-1/2 z-10"
+              leftIcon={<Chevron02RightIcon />}
+            />
+          </>
+        )}
+      </div>
+    </div>
+  );
+}