@sesionario/blocks 1.33.2 → 1.34.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React7 = require('react');
+var React2 = require('react');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -44,7 +44,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
@@ -55,9 +55,9 @@ var RPNInput__namespace = /*#__PURE__*/_interopNamespace(RPNInput);
 var flags__default = /*#__PURE__*/_interopDefault(flags);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 
-var LanguageContext = React7.createContext(null);
+var LanguageContext = React2.createContext(null);
 function useLanguageContext() {
-  return React7.useContext(LanguageContext);
+  return React2.useContext(LanguageContext);
 }
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -491,20 +491,20 @@ function useEditableSection({
     ...DEFAULT_EDITABLE_SECTION_LABELS,
     ...labels
   };
-  const [mode, setMode] = React7.useState("reading");
-  const [status, setStatus] = React7.useState(null);
-  const [confirmOpen, setConfirmOpen] = React7.useState(false);
-  const [minHeightPx, setMinHeightPx] = React7.useState(void 0);
-  const contentRef = React7.useRef(null);
-  const editButtonRef = React7.useRef(null);
-  const measuredHeightRef = React7.useRef(0);
-  const shouldFocusEditRef = React7.useRef(false);
-  const shouldFocusFirstFieldRef = React7.useRef(false);
-  const editButtonId = React7.useId();
-  const contentFormId = React7.useId();
+  const [mode, setMode] = React2.useState("reading");
+  const [status, setStatus] = React2.useState(null);
+  const [confirmOpen, setConfirmOpen] = React2.useState(false);
+  const [minHeightPx, setMinHeightPx] = React2.useState(void 0);
+  const contentRef = React2.useRef(null);
+  const editButtonRef = React2.useRef(null);
+  const measuredHeightRef = React2.useRef(0);
+  const shouldFocusEditRef = React2.useRef(false);
+  const shouldFocusFirstFieldRef = React2.useRef(false);
+  const editButtonId = React2.useId();
+  const contentFormId = React2.useId();
   const isEditing = mode === "editing" || mode === "saving";
   const isSaving = mode === "saving";
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (mode === "reading" && shouldFocusEditRef.current) {
       shouldFocusEditRef.current = false;
       editButtonRef.current?.focus();
@@ -522,18 +522,18 @@ function useEditableSection({
       focusFirstField(contentRef.current);
     }
   }, [mode]);
-  const exitToReading = React7.useCallback(() => {
+  const exitToReading = React2.useCallback(() => {
     setConfirmOpen(false);
     shouldFocusEditRef.current = true;
     setMode("reading");
     onDiscard?.();
   }, [onDiscard]);
-  const startEdit = React7.useCallback(() => {
+  const startEdit = React2.useCallback(() => {
     setStatus(null);
     shouldFocusFirstFieldRef.current = true;
     setMode("editing");
   }, []);
-  const requestCancel = React7.useCallback(() => {
+  const requestCancel = React2.useCallback(() => {
     if (isSaving) return;
     if (isDirty) {
       setConfirmOpen(true);
@@ -541,7 +541,7 @@ function useEditableSection({
     }
     exitToReading();
   }, [exitToReading, isDirty, isSaving]);
-  const handleSubmit = React7.useCallback(
+  const handleSubmit = React2.useCallback(
     (event) => {
       event.preventDefault();
       if (isSaving) return;
@@ -561,7 +561,7 @@ function useEditableSection({
     },
     [isSaving, onSave, resolvedLabels.saved]
   );
-  const handleFormKeyDown = React7.useCallback(
+  const handleFormKeyDown = React2.useCallback(
     (event) => {
       if (event.key !== "Escape") return;
       event.preventDefault();
@@ -569,7 +569,7 @@ function useEditableSection({
     },
     [requestCancel]
   );
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!stableHeight || !isEditing) return;
     const el = contentRef.current;
     if (!el) return;
@@ -806,13 +806,13 @@ function ExpandableText({
   className,
   textClassName
 }) {
-  const [expanded, setExpanded] = React7.useState(false);
-  const [overflowing, setOverflowing] = React7.useState(false);
-  const contentRef = React7.useRef(null);
-  React7.useEffect(() => {
+  const [expanded, setExpanded] = React2.useState(false);
+  const [overflowing, setOverflowing] = React2.useState(false);
+  const contentRef = React2.useRef(null);
+  React2.useEffect(() => {
     setExpanded(false);
   }, [children]);
-  React7.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     const el = contentRef.current;
     if (!el) return;
     const measure = () => {
@@ -896,46 +896,46 @@ function useZoomPanGestures(options = {}) {
     wheelZoom = true,
     doubleTap = "reset"
   } = options;
-  const [transform, setTransform] = React7.useState({
+  const [transform, setTransform] = React2.useState({
     ...IDENTITY,
     scale: minScale
   });
-  const transformRef = React7.useRef(transform);
+  const transformRef = React2.useRef(transform);
   transformRef.current = transform;
-  const [isSwipeDragging, setIsSwipeDragging] = React7.useState(false);
-  const [snapBack, setSnapBack] = React7.useState(false);
-  const stageRef = React7.useRef(null);
-  const pointersRef = React7.useRef(/* @__PURE__ */ new Map());
-  const pinchStartRef = React7.useRef(null);
-  const panRef = React7.useRef(null);
-  const swipeRef = React7.useRef(null);
-  const lastTapRef = React7.useRef(
+  const [isSwipeDragging, setIsSwipeDragging] = React2.useState(false);
+  const [snapBack, setSnapBack] = React2.useState(false);
+  const stageRef = React2.useRef(null);
+  const pointersRef = React2.useRef(/* @__PURE__ */ new Map());
+  const pinchStartRef = React2.useRef(null);
+  const panRef = React2.useRef(null);
+  const swipeRef = React2.useRef(null);
+  const lastTapRef = React2.useRef(
     null
   );
-  const onSwipeCommitRef = React7.useRef(onSwipeCommit);
+  const onSwipeCommitRef = React2.useRef(onSwipeCommit);
   onSwipeCommitRef.current = onSwipeCommit;
-  const swipeEnabledRef = React7.useRef(swipeEnabled);
+  const swipeEnabledRef = React2.useRef(swipeEnabled);
   swipeEnabledRef.current = swipeEnabled;
-  const minScaleRef = React7.useRef(minScale);
+  const minScaleRef = React2.useRef(minScale);
   minScaleRef.current = minScale;
-  const maxScaleRef = React7.useRef(maxScale);
+  const maxScaleRef = React2.useRef(maxScale);
   maxScaleRef.current = maxScale;
-  const doubleTapRef = React7.useRef(doubleTap);
+  const doubleTapRef = React2.useRef(doubleTap);
   doubleTapRef.current = doubleTap;
-  const reset = React7.useCallback(() => {
+  const reset = React2.useCallback(() => {
     setTransform({ ...IDENTITY, scale: minScaleRef.current });
     setIsSwipeDragging(false);
     setSnapBack(false);
   }, []);
-  const setScale = React7.useCallback((next) => {
+  const setScale = React2.useCallback((next) => {
     setTransform(
       (prev) => zoomToward(prev, next, 0, 0, minScaleRef.current, maxScaleRef.current)
     );
   }, []);
-  const clearSnapBack = React7.useCallback(() => {
+  const clearSnapBack = React2.useCallback(() => {
     setSnapBack(false);
   }, []);
-  const stageOrigin = React7.useCallback((clientX, clientY) => {
+  const stageOrigin = React2.useCallback((clientX, clientY) => {
     const stage = stageRef.current;
     if (!stage) return { x: 0, y: 0 };
     const rect = stage.getBoundingClientRect();
@@ -944,7 +944,7 @@ function useZoomPanGestures(options = {}) {
       y: clientY - rect.top - rect.height / 2
     };
   }, []);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!wheelZoom) return;
     const stage = stageRef.current;
     if (!stage) return;
@@ -1183,13 +1183,13 @@ function SafeImage({
   onError,
   ...imgProps
 }) {
-  const [failed, setFailed] = React7.useState(false);
-  const imgRef = React7.useRef(null);
+  const [failed, setFailed] = React2.useState(false);
+  const imgRef = React2.useRef(null);
   const resolvedSrc = typeof src === "string" && src.length > 0 ? src : null;
-  React7.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     setFailed(false);
   }, [resolvedSrc]);
-  React7.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     const img = imgRef.current;
     if (img && isBrokenImage(img)) {
       setFailed(true);
@@ -1224,13 +1224,13 @@ function ImageLightbox({
   const previousLabel = labels?.previous ?? "Anterior";
   const nextLabel = labels?.next ?? "Siguiente";
   const hasMultiple = images.length > 1;
-  const indexRef = React7.useRef(index);
+  const indexRef = React2.useRef(index);
   indexRef.current = index;
-  const imagesLengthRef = React7.useRef(images.length);
+  const imagesLengthRef = React2.useRef(images.length);
   imagesLengthRef.current = images.length;
-  const onIndexChangeRef = React7.useRef(onIndexChange);
+  const onIndexChangeRef = React2.useRef(onIndexChange);
   onIndexChangeRef.current = onIndexChange;
-  const onSwipeCommit = React7.useCallback((direction) => {
+  const onSwipeCommit = React2.useCallback((direction) => {
     const length = imagesLengthRef.current;
     const current = indexRef.current;
     if (direction === "next") {
@@ -1252,7 +1252,7 @@ function ImageLightbox({
     onSwipeCommit,
     doubleTap: "reset"
   });
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     reset();
   }, [index, images[index], reset]);
   function goPrev() {
@@ -1261,7 +1261,7 @@ function ImageLightbox({
   function goNext() {
     onIndexChange((index + 1) % images.length);
   }
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     function handleKeyDown(e) {
       if (e.key === "Escape") {
         onClose();
@@ -1277,7 +1277,7 @@ function ImageLightbox({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [index, images.length, hasMultiple, onClose, onIndexChange]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
@@ -1395,13 +1395,13 @@ function MediaCarousel({
   const safeIndex = Math.min(Math.max(index, 0), Math.max(items.length - 1, 0));
   const item = items[safeIndex];
   const hasMultiple = items.length > 1;
-  const indexRef = React7.useRef(safeIndex);
+  const indexRef = React2.useRef(safeIndex);
   indexRef.current = safeIndex;
-  const lengthRef = React7.useRef(items.length);
+  const lengthRef = React2.useRef(items.length);
   lengthRef.current = items.length;
-  const onIndexChangeRef = React7.useRef(onIndexChange);
+  const onIndexChangeRef = React2.useRef(onIndexChange);
   onIndexChangeRef.current = onIndexChange;
-  const onSwipeCommit = React7.useCallback((direction) => {
+  const onSwipeCommit = React2.useCallback((direction) => {
     const length = lengthRef.current;
     if (length <= 1) return;
     const current = indexRef.current;
@@ -1426,10 +1426,10 @@ function MediaCarousel({
     doubleTap: "toggle",
     wheelZoom: isImage
   });
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     reset();
   }, [safeIndex, item?.kind === "image" ? item.src : null, reset]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!hasMultiple) return;
     function handleKeyDown(e) {
       if (e.key === "ArrowLeft") {
@@ -1936,18 +1936,18 @@ function ThemeSwitcher({
   labels: userLabels
 }) {
   const { theme, setTheme } = nextThemes.useTheme();
-  const [mounted, setMounted] = React7.useState(false);
+  const [mounted, setMounted] = React2.useState(false);
   const reduceMotion = framerMotion.useReducedMotion();
   const sizes = sizeClasses[size];
   const shapeClass = shapeClasses[shape];
   const labels = { ...defaultLabels, ...userLabels };
-  const handleThemeClick = React7.useCallback(
+  const handleThemeClick = React2.useCallback(
     (themeKey) => {
       setTheme(themeKey);
     },
     [setTheme]
   );
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     setMounted(true);
   }, []);
   if (!mounted) {
@@ -2501,12 +2501,12 @@ function measureScrollEdges(el) {
   };
 }
 function useScrollFadeXEdges(enabled = true) {
-  const scrollerRef = React7.useRef(null);
-  const [edges, setEdges] = React7.useState({
+  const scrollerRef = React2.useRef(null);
+  const [edges, setEdges] = React2.useState({
     canScrollLeft: false,
     canScrollRight: false
   });
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!enabled) {
       setEdges({ canScrollLeft: false, canScrollRight: false });
       return;
@@ -2758,7 +2758,7 @@ function OrgMenuRows({
   adminUrl,
   labels
 }) {
-  const [expanded, setExpanded] = React7.useState(false);
+  const [expanded, setExpanded] = React2.useState(false);
   const collapsible = orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT;
   const visibleOrgs = collapsible && !expanded ? orgs.slice(0, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT) : orgs;
   if (orgs.length === 0) return null;
@@ -2850,8 +2850,8 @@ function PlatformAccountMenu({
   className
 }) {
   const labels = { ...defaultLabels3, ...labelsProp };
-  const [signingOut, setSigningOut] = React7.useState(false);
-  const mergedOrgs = React7.useMemo(
+  const [signingOut, setSigningOut] = React2.useState(false);
+  const mergedOrgs = React2.useMemo(
     () => mergePlatformAccountOrgs(memberOrgs, manageableOrgs),
     [memberOrgs, manageableOrgs]
   );
@@ -3022,7 +3022,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React7__namespace.useMemo(
+  const _values = React2__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -3116,18 +3116,18 @@ function AvatarEditor({
   className,
   controlSize = "default"
 }) {
-  const canvasRef = React7.useRef(null);
-  const fileInputRef = React7.useRef(null);
-  const containerRef = React7.useRef(null);
-  const [image, setImage] = React7.useState(null);
-  const [imageLoaded, setImageLoaded] = React7.useState(false);
-  const [zoom, setZoom] = React7.useState(1);
-  const [rotation, setRotation] = React7.useState(0);
-  const [position, setPosition] = React7.useState({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = React7.useState(false);
-  const [dragStart, setDragStart] = React7.useState({ x: 0, y: 0 });
-  const [showGrid, setShowGrid] = React7.useState(initialShowGrid);
-  const generateOutput = React7.useCallback(() => {
+  const canvasRef = React2.useRef(null);
+  const fileInputRef = React2.useRef(null);
+  const containerRef = React2.useRef(null);
+  const [image, setImage] = React2.useState(null);
+  const [imageLoaded, setImageLoaded] = React2.useState(false);
+  const [zoom, setZoom] = React2.useState(1);
+  const [rotation, setRotation] = React2.useState(0);
+  const [position, setPosition] = React2.useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = React2.useState(false);
+  const [dragStart, setDragStart] = React2.useState({ x: 0, y: 0 });
+  const [showGrid, setShowGrid] = React2.useState(initialShowGrid);
+  const generateOutput = React2.useCallback(() => {
     if (!canvasRef.current || !image) return null;
     const outputCanvas = document.createElement("canvas");
     outputCanvas.width = outputSize;
@@ -3138,7 +3138,7 @@ function AvatarEditor({
     const mimeType = `image/${outputFormat}`;
     return outputCanvas.toDataURL(mimeType, outputQuality);
   }, [image, outputSize, outputFormat, outputQuality]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!canvasRef.current || !image || !imageLoaded) return;
     const canvas = canvasRef.current;
     const ctx = canvas.getContext("2d");
@@ -3182,12 +3182,12 @@ function AvatarEditor({
     generateOutput,
     onChange
   ]);
-  const resetTransforms = React7.useCallback(() => {
+  const resetTransforms = React2.useCallback(() => {
     setZoom(1);
     setRotation(0);
     setPosition({ x: 0, y: 0 });
   }, []);
-  const handleFileSelect = React7.useCallback(
+  const handleFileSelect = React2.useCallback(
     (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
@@ -3206,7 +3206,7 @@ function AvatarEditor({
     },
     [resetTransforms]
   );
-  const handleMouseDown = React7.useCallback(
+  const handleMouseDown = React2.useCallback(
     (e) => {
       if (!imageLoaded) return;
       setIsDragging(true);
@@ -3214,7 +3214,7 @@ function AvatarEditor({
     },
     [imageLoaded, position]
   );
-  const handleMouseMove = React7.useCallback(
+  const handleMouseMove = React2.useCallback(
     (e) => {
       if (!isDragging) return;
       setPosition({
@@ -3224,10 +3224,10 @@ function AvatarEditor({
     },
     [isDragging, dragStart]
   );
-  const handleMouseUp = React7.useCallback(() => {
+  const handleMouseUp = React2.useCallback(() => {
     setIsDragging(false);
   }, []);
-  const handleTouchStart = React7.useCallback(
+  const handleTouchStart = React2.useCallback(
     (e) => {
       if (!imageLoaded) return;
       const touch = e.touches[0];
@@ -3239,7 +3239,7 @@ function AvatarEditor({
     },
     [imageLoaded, position]
   );
-  const handleTouchMove = React7.useCallback(
+  const handleTouchMove = React2.useCallback(
     (e) => {
       if (!isDragging) return;
       const touch = e.touches[0];
@@ -3250,7 +3250,7 @@ function AvatarEditor({
     },
     [isDragging, dragStart]
   );
-  const handleDiscard = React7.useCallback(() => {
+  const handleDiscard = React2.useCallback(() => {
     setImage(null);
     setImageLoaded(false);
     resetTransforms();
@@ -3716,8 +3716,8 @@ function DrawerTitle({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React7.useState(false);
-  React7.useEffect(() => {
+  const [matches, setMatches] = React2.useState(false);
+  React2.useEffect(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) {
       setMatches(media.matches);
@@ -3746,13 +3746,13 @@ function AvatarEditorDialog({
   errorMessage = "Failed to save avatar. Please try again.",
   className
 }) {
-  const [isOpen, setIsOpen] = React7.useState(false);
-  const [editedValue, setEditedValue] = React7.useState(value ?? null);
-  const [isSaving, setIsSaving] = React7.useState(false);
-  const [feedback, setFeedback] = React7.useState(null);
+  const [isOpen, setIsOpen] = React2.useState(false);
+  const [editedValue, setEditedValue] = React2.useState(value ?? null);
+  const [isSaving, setIsSaving] = React2.useState(false);
+  const [feedback, setFeedback] = React2.useState(null);
   const isMobile = useMediaQuery("(max-width: 640px)");
   const caption = (placeholder ?? "").trim();
-  const handleOpenChange = React7.useCallback(
+  const handleOpenChange = React2.useCallback(
     (open) => {
       if (open) {
         setEditedValue(value ?? null);
@@ -3762,7 +3762,7 @@ function AvatarEditorDialog({
     },
     [value]
   );
-  const handleAccept = React7.useCallback(async () => {
+  const handleAccept = React2.useCallback(async () => {
     if (!editedValue) return;
     setIsSaving(true);
     setFeedback(null);
@@ -4045,22 +4045,22 @@ function EmojiPicker({
   recentLimit = 24,
   storageKey = "blocks-emoji"
 }) {
-  const strings = React7__namespace.useMemo(
+  const strings = React2__namespace.useMemo(
     () => ({ ...DEFAULT_LABELS[locale], ...labels }),
     [locale, labels]
   );
-  const titles = React7__namespace.useMemo(
+  const titles = React2__namespace.useMemo(
     () => ({ ...DEFAULT_TITLES[locale], ...labels?.categoryTitles }),
     [locale, labels]
   );
-  const [query, setQuery] = React7__namespace.useState("");
-  const [skinTone, setSkinTone] = React7__namespace.useState(() => {
+  const [query, setQuery] = React2__namespace.useState("");
+  const [skinTone, setSkinTone] = React2__namespace.useState(() => {
     const raw = readStored(storageKey, "tone");
     const parsed = raw != null ? Number.parseInt(raw, 10) : 0;
     return parsed >= 0 && parsed <= 5 ? parsed : 0;
   });
-  const [toneOpen, setToneOpen] = React7__namespace.useState(false);
-  const [recents, setRecents] = React7__namespace.useState(() => {
+  const [toneOpen, setToneOpen] = React2__namespace.useState(false);
+  const [recents, setRecents] = React2__namespace.useState(() => {
     const raw = readStored(storageKey, "recent");
     if (!raw) return [];
     try {
@@ -4070,13 +4070,13 @@ function EmojiPicker({
       return [];
     }
   });
-  const [focusIndex, setFocusIndex] = React7__namespace.useState(-1);
-  const scrollRef = React7__namespace.useRef(null);
-  const sectionRefs = React7__namespace.useRef(
+  const [focusIndex, setFocusIndex] = React2__namespace.useState(-1);
+  const scrollRef = React2__namespace.useRef(null);
+  const sectionRefs = React2__namespace.useRef(
     /* @__PURE__ */ new Map()
   );
   const normalizedQuery = normalizeEmojiQuery(query);
-  const sections = React7__namespace.useMemo(() => {
+  const sections = React2__namespace.useMemo(() => {
     if (normalizedQuery) return [];
     const result = [];
     if (recents.length > 0) {
@@ -4095,7 +4095,7 @@ function EmojiPicker({
     }
     return result;
   }, [normalizedQuery, recents, titles]);
-  const searchResults = React7__namespace.useMemo(() => {
+  const searchResults = React2__namespace.useMemo(() => {
     if (!normalizedQuery) return [];
     const out = [];
     for (const category of EMOJI_CATEGORIES) {
@@ -4105,21 +4105,21 @@ function EmojiPicker({
     }
     return out;
   }, [normalizedQuery]);
-  const flatList = React7__namespace.useMemo(() => {
+  const flatList = React2__namespace.useMemo(() => {
     if (normalizedQuery) return searchResults;
     return sections.flatMap((s) => s.emojis);
   }, [normalizedQuery, searchResults, sections]);
-  React7__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     setFocusIndex(-1);
   }, [normalizedQuery]);
-  React7__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     if (focusIndex < 0) return;
     const el = scrollRef.current?.querySelector(
       `[data-emoji-index="${focusIndex}"]`
     );
     el?.focus();
   }, [focusIndex]);
-  const commitRecent = React7__namespace.useCallback(
+  const commitRecent = React2__namespace.useCallback(
     (glyph) => {
       setRecents((prev) => {
         const next = [glyph, ...prev.filter((e) => e !== glyph)].slice(
@@ -4132,14 +4132,14 @@ function EmojiPicker({
     },
     [recentLimit, storageKey]
   );
-  const handleSelect = React7__namespace.useCallback(
+  const handleSelect = React2__namespace.useCallback(
     (glyph) => {
       commitRecent(glyph);
       onSelect(glyph);
     },
     [commitRecent, onSelect]
   );
-  const chooseTone = React7__namespace.useCallback(
+  const chooseTone = React2__namespace.useCallback(
     (tone) => {
       setSkinTone(tone);
       setToneOpen(false);
@@ -4445,17 +4445,17 @@ function EmojiPickerPopover({
   locale = "en",
   ...pickerProps
 }) {
-  const [internalOpen, setInternalOpen] = React7__namespace.useState(false);
+  const [internalOpen, setInternalOpen] = React2__namespace.useState(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
-  const setOpen = React7__namespace.useCallback(
+  const setOpen = React2__namespace.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
     },
     [isControlled, onOpenChange]
   );
-  const handleSelect = React7__namespace.useCallback(
+  const handleSelect = React2__namespace.useCallback(
     (emoji) => {
       onSelect(emoji);
       if (!keepOpenOnSelect) setOpen(false);
@@ -4524,7 +4524,7 @@ function emitChange(element, nextValue, onChange) {
   });
 }
 function useEmojiInsert(fieldRef, value, onChange) {
-  return React7__namespace.useCallback(
+  return React2__namespace.useCallback(
     (emoji) => {
       const el = fieldRef.current;
       const current = value !== void 0 && value !== null ? String(value) : el?.value ?? "";
@@ -4545,7 +4545,7 @@ function useEmojiInsert(fieldRef, value, onChange) {
     [fieldRef, value, onChange]
   );
 }
-var EmojiTextarea = React7__namespace.forwardRef(
+var EmojiTextarea = React2__namespace.forwardRef(
   function EmojiTextarea2({
     className,
     locale = "en",
@@ -4565,7 +4565,7 @@ var EmojiTextarea = React7__namespace.forwardRef(
     emojiTriggerClassName,
     ...props
   }, ref) {
-    const fieldRef = React7__namespace.useRef(null);
+    const fieldRef = React2__namespace.useRef(null);
     const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
     const pickerDisabled = Boolean(disabled || readOnly);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(emojiFieldWrapperClassName, className), children: [
@@ -4611,7 +4611,7 @@ var EmojiTextarea = React7__namespace.forwardRef(
   }
 );
 EmojiTextarea.displayName = "EmojiTextarea";
-var EmojiInput = React7__namespace.forwardRef(
+var EmojiInput = React2__namespace.forwardRef(
   function EmojiInput2({
     className,
     locale = "en",
@@ -4632,7 +4632,7 @@ var EmojiInput = React7__namespace.forwardRef(
     emojiTriggerClassName,
     ...props
   }, ref) {
-    const fieldRef = React7__namespace.useRef(null);
+    const fieldRef = React2__namespace.useRef(null);
     const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
     const pickerDisabled = Boolean(disabled || readOnly);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(emojiFieldWrapperClassName, className), children: [
@@ -4679,1313 +4679,17 @@ var EmojiInput = React7__namespace.forwardRef(
   }
 );
 EmojiInput.displayName = "EmojiInput";
-
-// src/components/video/hls-config.ts
-function shouldRetryLiveEdge404(retryConfig, retryCount, _isTimeout, loaderResponse, defaultRetry) {
-  if (loaderResponse?.code === 404) {
-    return retryConfig != null && retryCount < retryConfig.maxNumRetry;
-  }
-  return defaultRetry;
-}
-var liveEdgeErrorRetry = {
-  maxNumRetry: 8,
-  retryDelayMs: 250,
-  maxRetryDelayMs: 4e3,
-  backoff: "exponential",
-  shouldRetry: shouldRetryLiveEdge404
-};
-function createLiveHlsConfig() {
-  return {
-    enableWorker: true,
-    // No custom request headers: Cache-Control/Pragma are not
-    // CORS-safelisted and would force an OPTIONS preflight before every
-    // manifest poll and segment fetch. Freshness is controlled by the
-    // origin's response Cache-Control headers instead.
-    liveSyncDurationCount: 4,
-    liveMaxLatencyDurationCount: 12,
-    fragLoadPolicy: {
-      default: {
-        maxTimeToFirstByteMs: 1e4,
-        maxLoadTimeMs: 12e4,
-        timeoutRetry: {
-          maxNumRetry: 4,
-          retryDelayMs: 0,
-          maxRetryDelayMs: 0
-        },
-        errorRetry: liveEdgeErrorRetry
-      }
-    },
-    playlistLoadPolicy: {
-      default: {
-        maxTimeToFirstByteMs: 1e4,
-        maxLoadTimeMs: 3e4,
-        timeoutRetry: {
-          maxNumRetry: 2,
-          retryDelayMs: 0,
-          maxRetryDelayMs: 0
-        },
-        errorRetry: {
-          ...liveEdgeErrorRetry,
-          maxNumRetry: 6
-        }
-      }
-    }
-  };
-}
-function createVodHlsConfig() {
-  return {
-    enableWorker: true
-  };
-}
-
-// src/components/video/hls-errors.ts
-var MEDIA_ERROR_NAMES = {
-  1: "MEDIA_ERR_ABORTED",
-  2: "MEDIA_ERR_NETWORK",
-  3: "MEDIA_ERR_DECODE",
-  4: "MEDIA_ERR_SRC_NOT_SUPPORTED"
-};
-var MEDIA_ERR_NETWORK = 2;
-var MEDIA_ERR_DECODE = 3;
-var MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-function errorMessageFromUnknown(error) {
-  if (error instanceof Error) return error.message;
-  if (typeof error === "string") return error;
-  return void 0;
-}
-function isNotFound(httpStatus, details) {
-  return httpStatus === 404 || details === "manifestLoadError" || details === "levelLoadError" || details === "fragLoadError";
-}
-function kindForHls(input) {
-  const httpStatus = input.response?.code;
-  if (input.type === "networkError" && isNotFound(httpStatus, input.details)) {
-    return input.context.mode === "vod" || !input.context.manifestParsed ? "unavailable" : "network";
-  }
-  if (input.type === "mediaError" || input.details === "bufferAppendError" || input.details === "bufferSeekOverHole") {
-    return "media";
-  }
-  return "generic";
-}
-function kindForNative(input) {
-  const code = input.mediaError?.code;
-  if (code === MEDIA_ERR_DECODE) return "media";
-  if (code === MEDIA_ERR_SRC_NOT_SUPPORTED) return "unsupported";
-  if (code === MEDIA_ERR_NETWORK) return "unavailable";
-  return "generic";
-}
-function describeAvResync(input) {
-  const lag = Number.isFinite(input.lagSeconds) ? input.lagSeconds : 0;
-  return {
-    summary: `av-resync lag=${lag.toFixed(3)}s (non-fatal)`,
-    kind: "resync",
-    detail: {
-      source: input.context.source,
-      kind: "resync",
-      fatal: false,
-      reason: `presented frame lag ${lag.toFixed(3)}s`,
-      context: input.context
-    }
-  };
-}
-function describePlaybackError(input) {
-  if (input.source === "unsupported") {
-    return {
-      summary: "playback unsupported (hls.js unavailable, native HLS unsupported)",
-      kind: "unsupported",
-      detail: {
-        source: "unsupported",
-        kind: "unsupported",
-        context: input.context
-      }
-    };
-  }
-  if (input.source === "native") {
-    const code = input.mediaError?.code;
-    const kind2 = kindForNative(input);
-    const detail2 = {
-      source: "native",
-      kind: kind2,
-      mediaErrorCode: code,
-      mediaErrorName: code !== void 0 ? MEDIA_ERROR_NAMES[code] : void 0,
-      errorMessage: input.mediaError?.message,
-      context: input.context
-    };
-    const name = detail2.mediaErrorName ?? "MEDIA_ERR_UNKNOWN";
-    return {
-      summary: `native ${name}${input.mediaError?.message ? `: ${input.mediaError.message}` : ""}`,
-      kind: kind2,
-      detail: detail2
-    };
-  }
-  const httpStatus = input.response?.code;
-  const kind = kindForHls(input);
-  const detail = {
-    source: "hls",
-    kind,
-    type: input.type,
-    details: input.details,
-    fatal: input.fatal,
-    httpStatus,
-    url: input.url,
-    reason: input.reason,
-    errorMessage: errorMessageFromUnknown(input.error),
-    context: input.context
-  };
-  const statusSuffix = httpStatus !== void 0 ? ` ${httpStatus}` : "";
-  const summary = [
-    "hls",
-    input.type ?? "unknown",
-    input.details ?? "unknown",
-    input.fatal ? "(fatal)" : "(non-fatal)",
-    statusSuffix.trim()
-  ].filter(Boolean).join(" ");
-  return { summary, kind, detail };
-}
-
-// src/components/video/useHlsPlayback.ts
-var RETRY_INTERVAL_MS = 3e3;
-var MAX_MEDIA_ERROR_RETRIES = 5;
-var DRIFT_THRESHOLD_S = 0.4;
-var DRIFT_CONSECUTIVE_SAMPLES = 3;
-var RESYNC_COOLDOWN_MS = 1e4;
-var LIVE_EDGE_RESYNC_THRESHOLD_S = 8;
-function useHlsPlayback({
-  src,
-  mode,
-  active,
-  autoPlay = false,
-  muted = false,
-  onError,
-  onPlayingChange
-}) {
-  const videoRef = React7__namespace.useRef(null);
-  const hlsRef = React7__namespace.useRef(null);
-  const [state, setState] = React7__namespace.useState("idle");
-  const [qualities, setQualities] = React7__namespace.useState([]);
-  const [activeLevel, setActiveLevel] = React7__namespace.useState(-1);
-  const [autoplayState, setAutoplayState] = React7__namespace.useState("none");
-  const [error, setError] = React7__namespace.useState(null);
-  const [reloadKey, setReloadKey] = React7__namespace.useState(0);
-  const onErrorRef = React7__namespace.useRef(onError);
-  const onPlayingChangeRef = React7__namespace.useRef(onPlayingChange);
-  React7__namespace.useEffect(() => {
-    onErrorRef.current = onError;
-    onPlayingChangeRef.current = onPlayingChange;
-  }, [onError, onPlayingChange]);
-  const retry = React7__namespace.useCallback(() => {
-    setError(null);
-    setState("loading");
-    setAutoplayState("none");
-    setReloadKey((k) => k + 1);
-  }, []);
-  React7__namespace.useEffect(() => {
-    const media = videoRef.current;
-    if (!media || !src || !active) {
-      setState("idle");
-      return;
-    }
-    let cancelled = false;
-    let retryTimer = null;
-    let manifestParsed = false;
-    let mediaErrorRetries = 0;
-    let playbackSource = "hls";
-    const teardown = [];
-    media.muted = muted;
-    setState("loading");
-    setError(null);
-    setAutoplayState("none");
-    setQualities([]);
-    setActiveLevel(-1);
-    function baseContext() {
-      return {
-        mode,
-        src,
-        manifestParsed,
-        retryCount: mediaErrorRetries,
-        source: playbackSource
-      };
-    }
-    function clearRetryTimer() {
-      if (retryTimer !== null) {
-        clearTimeout(retryTimer);
-        retryTimer = null;
-      }
-    }
-    function destroyHls() {
-      hlsRef.current?.destroy();
-      hlsRef.current = null;
-    }
-    function reportFatal(input) {
-      const described = describePlaybackError(input);
-      onErrorRef.current?.(described);
-      setError(described);
-      setState("error");
-    }
-    function attemptAutoplay(el) {
-      void el.play().then(
-        () => setAutoplayState("playing"),
-        () => {
-          el.muted = true;
-          void el.play().then(
-            () => setAutoplayState("muted"),
-            () => setAutoplayState("blocked")
-          );
-        }
-      );
-    }
-    function scheduleRetry(retryFn) {
-      clearRetryTimer();
-      if (cancelled) return;
-      setState("waiting");
-      retryTimer = setTimeout(() => {
-        retryTimer = null;
-        if (!cancelled) retryFn();
-      }, RETRY_INTERVAL_MS);
-    }
-    function startDriftWatchdog(el) {
-      if (typeof el.requestVideoFrameCallback !== "function") return;
-      let consecutiveLagSamples = 0;
-      let lastResyncAt = 0;
-      let handle = null;
-      const tick = (_now, metadata) => {
-        if (cancelled) return;
-        handle = el.requestVideoFrameCallback(tick);
-        if (el.paused || el.ended) {
-          consecutiveLagSamples = 0;
-          return;
-        }
-        const lag = el.currentTime - metadata.mediaTime;
-        if (!(lag > DRIFT_THRESHOLD_S)) {
-          consecutiveLagSamples = 0;
-          return;
-        }
-        consecutiveLagSamples += 1;
-        if (consecutiveLagSamples < DRIFT_CONSECUTIVE_SAMPLES) return;
-        const nowMs = performance.now();
-        if (nowMs - lastResyncAt < RESYNC_COOLDOWN_MS) return;
-        lastResyncAt = nowMs;
-        consecutiveLagSamples = 0;
-        if (mode === "live" && el.seekable.length > 0) {
-          const edge = el.seekable.end(el.seekable.length - 1);
-          if (edge - el.currentTime > LIVE_EDGE_RESYNC_THRESHOLD_S) {
-            el.currentTime = edge;
-          } else {
-            el.currentTime = el.currentTime + 1e-3;
-          }
-        } else {
-          el.currentTime = el.currentTime + 1e-3;
-        }
-        onErrorRef.current?.(
-          describeAvResync({
-            lagSeconds: lag,
-            context: baseContext()
-          })
-        );
-      };
-      handle = el.requestVideoFrameCallback(tick);
-      teardown.push(() => {
-        if (handle != null && typeof el.cancelVideoFrameCallback === "function") {
-          el.cancelVideoFrameCallback(handle);
-        }
-      });
-    }
-    function onPlaying() {
-      manifestParsed = true;
-      mediaErrorRetries = 0;
-      clearRetryTimer();
-      setState("ready");
-      onPlayingChangeRef.current?.(true);
-    }
-    function onPaused() {
-      onPlayingChangeRef.current?.(false);
-    }
-    media.addEventListener("playing", onPlaying);
-    media.addEventListener("pause", onPaused);
-    media.addEventListener("ended", onPaused);
-    teardown.push(() => {
-      media.removeEventListener("playing", onPlaying);
-      media.removeEventListener("pause", onPaused);
-      media.removeEventListener("ended", onPaused);
-    });
-    startDriftWatchdog(media);
-    function initNative() {
-      playbackSource = "native";
-      manifestParsed = false;
-      media.removeAttribute("src");
-      media.load();
-      media.src = src;
-      const onReady = () => {
-        manifestParsed = true;
-        clearRetryTimer();
-        setState("ready");
-        if (mode === "live" || autoPlay) attemptAutoplay(media);
-      };
-      const onErr = () => {
-        if (manifestParsed) {
-          reportFatal({
-            source: "native",
-            mediaError: media.error,
-            context: baseContext()
-          });
-          return;
-        }
-        onErrorRef.current?.(
-          describePlaybackError({
-            source: "native",
-            mediaError: media.error,
-            context: baseContext()
-          })
-        );
-        scheduleRetry(() => {
-          media.src = src;
-          media.load();
-        });
-      };
-      media.addEventListener("loadedmetadata", onReady);
-      media.addEventListener("error", onErr);
-      teardown.push(() => {
-        media.removeEventListener("loadedmetadata", onReady);
-        media.removeEventListener("error", onErr);
-      });
-    }
-    function initHlsJs(Hls) {
-      playbackSource = "hls";
-      destroyHls();
-      manifestParsed = false;
-      const config = mode === "live" ? createLiveHlsConfig() : createVodHlsConfig();
-      const hls = new Hls(config);
-      hlsRef.current = hls;
-      hls.loadSource(src);
-      hls.attachMedia(media);
-      hls.on(Hls.Events.MANIFEST_PARSED, (_e, data) => {
-        manifestParsed = true;
-        clearRetryTimer();
-        setQualities(
-          data.levels.map((l, index) => ({ index, height: l.height }))
-        );
-        setState("ready");
-        if (mode === "live" || autoPlay) attemptAutoplay(media);
-      });
-      hls.on(Hls.Events.LEVEL_SWITCHED, (_e, data) => {
-        if (hls.autoLevelEnabled) setActiveLevel(-1);
-        else setActiveLevel(data.level);
-      });
-      hls.on(Hls.Events.ERROR, (_e, data) => {
-        onErrorRef.current?.(
-          describePlaybackError({
-            source: "hls",
-            type: data.type,
-            details: data.details,
-            fatal: data.fatal,
-            url: data.url,
-            response: data.response,
-            reason: data.reason,
-            error: data.error,
-            context: baseContext()
-          })
-        );
-        if (!data.fatal) return;
-        if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
-          if (!manifestParsed) {
-            scheduleRetry(() => initHlsJs(Hls));
-            return;
-          }
-          hls.startLoad();
-          return;
-        }
-        mediaErrorRetries += 1;
-        if (mediaErrorRetries === 1) {
-          hls.recoverMediaError();
-          return;
-        }
-        if (mediaErrorRetries === 2) {
-          hls.swapAudioCodec();
-          hls.recoverMediaError();
-          return;
-        }
-        if (mediaErrorRetries < MAX_MEDIA_ERROR_RETRIES) {
-          scheduleRetry(() => initHlsJs(Hls));
-          return;
-        }
-        reportFatal({
-          source: "hls",
-          type: data.type,
-          details: data.details,
-          fatal: true,
-          url: data.url,
-          response: data.response,
-          reason: data.reason,
-          error: data.error,
-          context: baseContext()
-        });
-      });
-    }
-    async function setup() {
-      let Hls = null;
-      try {
-        Hls = (await import('hls.js')).default;
-      } catch {
-        Hls = null;
-      }
-      if (cancelled) return;
-      if (Hls && Hls.isSupported()) {
-        initHlsJs(Hls);
-      } else if (media.canPlayType("application/vnd.apple.mpegurl")) {
-        initNative();
-      } else {
-        playbackSource = "unsupported";
-        reportFatal({
-          source: "unsupported",
-          context: baseContext()
-        });
-      }
-    }
-    void setup();
-    return () => {
-      cancelled = true;
-      clearRetryTimer();
-      for (const fn of teardown) fn();
-      destroyHls();
-    };
-  }, [src, mode, active, autoPlay, muted, reloadKey]);
-  const setLevel = React7__namespace.useCallback((index) => {
-    const hls = hlsRef.current;
-    if (!hls) return;
-    hls.nextLevel = index;
-    setActiveLevel(index);
-  }, []);
-  return {
-    videoRef,
-    state,
-    qualities,
-    activeLevel,
-    setLevel,
-    autoplayState,
-    error,
-    retry
-  };
-}
-var DEFAULT_LABELS2 = {
-  play: "Play",
-  pause: "Pause",
-  mute: "Mute",
-  unmute: "Unmute",
-  enterFullscreen: "Fullscreen",
-  exitFullscreen: "Exit fullscreen",
-  pictureInPicture: "Picture in picture",
-  settings: "Settings",
-  quality: "Quality",
-  auto: "Auto",
-  speed: "Speed",
-  live: "LIVE",
-  goLive: "Go live",
-  tapToUnmute: "Tap to unmute",
-  loading: "Loading\u2026",
-  waiting: "Waiting for stream\u2026",
-  retry: "Retry",
-  errorUnavailable: "This video isn't available yet.",
-  errorNetwork: "We couldn't load the video. Check your connection.",
-  errorMedia: "There was a playback problem.",
-  errorUnsupported: "Your browser can't play this video.",
-  errorGeneric: "We couldn't play this video."
-};
-var PLAYBACK_RATES = [0.75, 1, 1.25, 1.5, 2];
-var CONTROLS_HIDE_MS = 3e3;
-var LIVE_EDGE_THRESHOLD_S = 8;
-var SEEK_STEP_S = 5;
-function asWebkitVideo(video) {
-  return video;
-}
-function hasWebkitVideoFullscreen(video) {
-  const webkit = asWebkitVideo(video);
-  return typeof webkit?.webkitEnterFullscreen === "function";
-}
-function hasStandardFullscreen() {
-  if (typeof document === "undefined") return false;
-  if (document.fullscreenEnabled) return true;
-  const doc = document;
-  return !!doc.webkitFullscreenEnabled;
-}
-function formatTime(seconds) {
-  if (!Number.isFinite(seconds) || seconds < 0) return "0:00";
-  const total = Math.floor(seconds);
-  const h = Math.floor(total / 3600);
-  const m = Math.floor(total % 3600 / 60);
-  const s = total % 60;
-  const mm = h > 0 ? String(m).padStart(2, "0") : String(m);
-  const ss = String(s).padStart(2, "0");
-  return h > 0 ? `${h}:${mm}:${ss}` : `${mm}:${ss}`;
-}
-function VideoPlayer({
-  src,
-  mode,
-  poster,
-  autoPlay = false,
-  muted = false,
-  stats,
-  labels,
-  showQualitySelector = true,
-  paused = false,
-  onPlayingChange,
-  onFirstPlay,
-  onError,
-  fit = "aspect-video",
-  className
-}) {
-  const t = { ...DEFAULT_LABELS2, ...labels };
-  const containerRef = React7__namespace.useRef(null);
-  const firstPlayFiredRef = React7__namespace.useRef(false);
-  const [userStarted, setUserStarted] = React7__namespace.useState(false);
-  const active = autoPlay || !poster || userStarted;
-  const autoplayActive = autoPlay || userStarted;
-  const handlePlayingChange = React7__namespace.useCallback(
-    (playing) => {
-      setIsPlaying(playing);
-      if (playing && !firstPlayFiredRef.current) {
-        firstPlayFiredRef.current = true;
-        onFirstPlay?.();
-      }
-      onPlayingChange?.(playing);
-    },
-    [onFirstPlay, onPlayingChange]
-  );
-  const {
-    videoRef,
-    state,
-    qualities,
-    activeLevel,
-    setLevel,
-    autoplayState,
-    error,
-    retry
-  } = useHlsPlayback({
-    src,
-    mode,
-    active,
-    autoPlay: autoplayActive,
-    muted,
-    onError,
-    onPlayingChange: handlePlayingChange
-  });
-  const [isPlaying, setIsPlaying] = React7__namespace.useState(false);
-  const [isMuted, setIsMuted] = React7__namespace.useState(muted);
-  const [volume, setVolume] = React7__namespace.useState(1);
-  const [currentTime, setCurrentTime] = React7__namespace.useState(0);
-  const [duration, setDuration] = React7__namespace.useState(0);
-  const [buffered, setBuffered] = React7__namespace.useState(0);
-  const [isFullscreen, setIsFullscreen] = React7__namespace.useState(false);
-  const [pipActive, setPipActive] = React7__namespace.useState(false);
-  const [controlsVisible, setControlsVisible] = React7__namespace.useState(true);
-  const [playbackRate, setPlaybackRate] = React7__namespace.useState(1);
-  const [openMenu, setOpenMenu] = React7__namespace.useState(
-    null
-  );
-  const [behindLive, setBehindLive] = React7__namespace.useState(false);
-  const [webkitFullscreenSupported, setWebkitFullscreenSupported] = React7__namespace.useState(false);
-  const hideTimerRef = React7__namespace.useRef(null);
-  const pipSupported = typeof document !== "undefined" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled;
-  const fullscreenSupported = hasStandardFullscreen() || webkitFullscreenSupported;
-  React7__namespace.useEffect(() => {
-    const video = videoRef.current;
-    if (!video || !active) return;
-    const onTimeUpdate = () => {
-      setCurrentTime(video.currentTime);
-      if (video.buffered.length > 0) {
-        setBuffered(video.buffered.end(video.buffered.length - 1));
-      }
-      if (mode === "live" && video.seekable.length > 0) {
-        const edge = video.seekable.end(video.seekable.length - 1);
-        setBehindLive(edge - video.currentTime > LIVE_EDGE_THRESHOLD_S);
-      }
-    };
-    const onDuration = () => setDuration(video.duration);
-    const onVolume = () => {
-      setIsMuted(video.muted);
-      setVolume(video.volume);
-    };
-    const onRate = () => setPlaybackRate(video.playbackRate);
-    video.addEventListener("timeupdate", onTimeUpdate);
-    video.addEventListener("durationchange", onDuration);
-    video.addEventListener("loadedmetadata", onDuration);
-    video.addEventListener("volumechange", onVolume);
-    video.addEventListener("ratechange", onRate);
-    onVolume();
-    return () => {
-      video.removeEventListener("timeupdate", onTimeUpdate);
-      video.removeEventListener("durationchange", onDuration);
-      video.removeEventListener("loadedmetadata", onDuration);
-      video.removeEventListener("volumechange", onVolume);
-      video.removeEventListener("ratechange", onRate);
-    };
-  }, [videoRef, active, mode]);
-  React7__namespace.useEffect(() => {
-    const video = videoRef.current;
-    if (!paused || !video || !isPlaying) return;
-    video.pause();
-  }, [paused, videoRef, isPlaying]);
-  React7__namespace.useEffect(() => {
-    setWebkitFullscreenSupported(hasWebkitVideoFullscreen(videoRef.current));
-  }, [videoRef, active]);
-  React7__namespace.useEffect(() => {
-    const onFsChange = () => setIsFullscreen(document.fullscreenElement === containerRef.current);
-    document.addEventListener("fullscreenchange", onFsChange);
-    return () => document.removeEventListener("fullscreenchange", onFsChange);
-  }, []);
-  React7__namespace.useEffect(() => {
-    const video = asWebkitVideo(videoRef.current);
-    if (!video) return;
-    const onBegin = () => setIsFullscreen(true);
-    const onEnd = () => setIsFullscreen(false);
-    video.addEventListener("webkitbeginfullscreen", onBegin);
-    video.addEventListener("webkitendfullscreen", onEnd);
-    return () => {
-      video.removeEventListener("webkitbeginfullscreen", onBegin);
-      video.removeEventListener("webkitendfullscreen", onEnd);
-    };
-  }, [videoRef, active]);
-  React7__namespace.useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    const onEnter = () => setPipActive(true);
-    const onLeave = () => setPipActive(false);
-    video.addEventListener("enterpictureinpicture", onEnter);
-    video.addEventListener("leavepictureinpicture", onLeave);
-    return () => {
-      video.removeEventListener("enterpictureinpicture", onEnter);
-      video.removeEventListener("leavepictureinpicture", onLeave);
-    };
-  }, [videoRef]);
-  const scheduleHide = React7__namespace.useCallback(() => {
-    if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
-    hideTimerRef.current = setTimeout(() => {
-      setControlsVisible(false);
-      setOpenMenu(null);
-    }, CONTROLS_HIDE_MS);
-  }, []);
-  const revealControls = React7__namespace.useCallback(() => {
-    setControlsVisible(true);
-    scheduleHide();
-  }, [scheduleHide]);
-  React7__namespace.useEffect(() => {
-    return () => {
-      if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
-    };
-  }, []);
-  function togglePlay() {
-    const video = videoRef.current;
-    if (!video) return;
-    if (video.paused) void video.play();
-    else video.pause();
-  }
-  function toggleMute() {
-    const video = videoRef.current;
-    if (!video) return;
-    video.muted = !video.muted;
-  }
-  function changeVolume(next) {
-    const video = videoRef.current;
-    if (!video) return;
-    video.volume = next;
-    video.muted = next === 0;
-  }
-  function seekTo(next) {
-    const video = videoRef.current;
-    if (!video) return;
-    video.currentTime = next;
-    setCurrentTime(next);
-  }
-  function seekBy(delta) {
-    const video = videoRef.current;
-    if (!video) return;
-    seekTo(Math.min(Math.max(video.currentTime + delta, 0), duration || 0));
-  }
-  function goToLiveEdge() {
-    const video = videoRef.current;
-    if (!video || video.seekable.length === 0) return;
-    video.currentTime = video.seekable.end(video.seekable.length - 1);
-    if (video.paused) void video.play();
-  }
-  function toggleFullscreen() {
-    const el = containerRef.current;
-    const video = asWebkitVideo(videoRef.current);
-    if (el && document.fullscreenElement === el) {
-      void document.exitFullscreen();
-      return;
-    }
-    if (video?.webkitDisplayingFullscreen && video.webkitExitFullscreen) {
-      video.webkitExitFullscreen();
-      return;
-    }
-    if (el && hasStandardFullscreen() && typeof el.requestFullscreen === "function") {
-      void el.requestFullscreen();
-      return;
-    }
-    if (video && typeof video.webkitEnterFullscreen === "function") {
-      video.webkitEnterFullscreen();
-    }
-  }
-  function togglePip() {
-    const video = videoRef.current;
-    if (!video) return;
-    if (document.pictureInPictureElement === video) {
-      void document.exitPictureInPicture();
-    } else {
-      void video.requestPictureInPicture?.();
-    }
-  }
-  function changeRate(rate) {
-    const video = videoRef.current;
-    if (video) video.playbackRate = rate;
-    setPlaybackRate(rate);
-    setOpenMenu(null);
-  }
-  function chooseLevel(index) {
-    setLevel(index);
-    setOpenMenu(null);
-  }
-  function handleKeyDown(e) {
-    if (!active) return;
-    switch (e.key) {
-      case " ":
-      case "k":
-        e.preventDefault();
-        togglePlay();
-        break;
-      case "m":
-        toggleMute();
-        break;
-      case "f":
-        toggleFullscreen();
-        break;
-      case "ArrowLeft":
-        if (mode === "vod") {
-          e.preventDefault();
-          seekBy(-SEEK_STEP_S);
-        }
-        break;
-      case "ArrowRight":
-        if (mode === "vod") {
-          e.preventDefault();
-          seekBy(SEEK_STEP_S);
-        }
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        changeVolume(Math.min((videoRef.current?.volume ?? 1) + 0.1, 1));
-        break;
-      case "ArrowDown":
-        e.preventDefault();
-        changeVolume(Math.max((videoRef.current?.volume ?? 0) - 0.1, 0));
-        break;
-    }
-    revealControls();
-  }
-  function errorMessage(err) {
-    switch (err.kind) {
-      case "unavailable":
-        return t.errorUnavailable;
-      case "network":
-        return t.errorNetwork;
-      case "media":
-        return t.errorMedia;
-      case "unsupported":
-        return t.errorUnsupported;
-      case "resync":
-        return t.errorMedia;
-      case "generic":
-        return t.errorGeneric;
-      default: {
-        const _exhaustive = err.kind;
-        return _exhaustive;
-      }
-    }
-  }
-  const VolumeIcon = isMuted || volume === 0 ? lucideReact.VolumeX : volume < 0.5 ? lucideReact.Volume1 : lucideReact.Volume2;
-  const showSpinner = active && (state === "loading" || state === "waiting");
-  const showControls = active && state === "ready" && (controlsVisible || !isPlaying);
-  const showPoster = !active && !!poster;
-  const currentLevelLabel = activeLevel < 0 ? t.auto : `${qualities.find((q) => q.index === activeLevel)?.height ?? ""}p`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      "data-slot": "video-player",
-      "data-mode": mode,
-      "data-fit": fit,
-      className: cn(
-        "group relative w-full overflow-hidden rounded-lg bg-black text-white select-none",
-        fit === "contain" ? "h-full min-h-0 aspect-auto" : "aspect-video",
-        className
-      ),
-      onMouseMove: revealControls,
-      onMouseLeave: () => {
-        if (isPlaying) setControlsVisible(false);
-      },
-      onKeyDown: handleKeyDown,
-      tabIndex: 0,
-      role: "region",
-      "aria-label": "Video player",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "video",
-          {
-            ref: videoRef,
-            playsInline: true,
-            className: "h-full w-full bg-black object-contain",
-            onClick: active ? togglePlay : void 0,
-            poster
-          }
-        ),
-        showPoster && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": t.play,
-            onClick: () => {
-              setUserStarted(true);
-              revealControls();
-            },
-            className: "absolute inset-0 flex items-center justify-center bg-black bg-contain bg-center bg-no-repeat",
-            style: poster ? { backgroundImage: `url(${poster})` } : void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-16 items-center justify-center rounded-full bg-black/50 backdrop-blur-sm transition group-hover:bg-black/70", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-8 translate-x-0.5", fill: "currentColor" }) })
-          }
-        ),
-        showSpinner && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 bg-black/50 text-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-8 animate-spin" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: state === "loading" ? t.loading : t.waiting })
-        ] }),
-        state === "error" && error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-4 bg-black/70 px-6 text-center text-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "text-red-400 size-8" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-200", children: errorMessage(error) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: retry,
-              className: "inline-flex items-center gap-2 rounded-md bg-white/15 px-3 py-1.5 text-sm hover:bg-white/25",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCw, { className: "size-4" }),
-                t.retry
-              ]
-            }
-          )
-        ] }),
-        state === "ready" && autoplayState === "blocked" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": t.play,
-            onClick: togglePlay,
-            className: "flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition hover:bg-white/30",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-8 translate-x-0.5", fill: "currentColor" })
-          }
-        ) }),
-        state === "ready" && autoplayState === "muted" && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: toggleMute,
-            className: "absolute top-3 right-3 flex items-center gap-1.5 rounded-full bg-black/70 px-3 py-1.5 text-xs backdrop-blur-sm transition hover:bg-black/90",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.VolumeX, { className: "size-4" }),
-              t.tapToUnmute
-            ]
-          }
-        ),
-        mode === "live" && active && state === "ready" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-3 left-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 rounded bg-red-600 px-2 py-0.5 text-xs font-semibold tracking-wide", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-pulse rounded-full bg-white" }),
-            t.live
-          ] }),
-          typeof stats?.viewers === "number" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-black/60 px-2 py-0.5 text-xs", children: t.formatViewers ? t.formatViewers(stats.viewers) : `\u{1F441} ${stats.viewers}` })
-        ] }),
-        active && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent px-3 pt-8 pb-2 transition-opacity",
-              showControls ? "opacity-100" : "pointer-events-none opacity-0"
-            ),
-            "data-slot": "video-controls",
-            children: [
-              mode === "vod" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Slider,
-                  {
-                    "aria-label": "Seek",
-                    min: 0,
-                    max: duration || 0,
-                    step: 0.1,
-                    value: [Math.min(currentTime, duration || 0)],
-                    onValueChange: (v) => seekTo(v[0] ?? 0),
-                    className: "w-full"
-                  }
-                ),
-                duration > 0 && buffered > currentTime && /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: "pointer-events-none absolute top-1/2 left-0 h-1.5 -translate-y-1/2 rounded-full bg-white/25",
-                    style: {
-                      width: `${Math.min(buffered / duration * 100, 100)}%`
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ControlButton,
-                  {
-                    label: isPlaying ? t.pause : t.play,
-                    onClick: togglePlay,
-                    children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { className: "size-5", fill: "currentColor" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-5", fill: "currentColor" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/vol flex items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    ControlButton,
-                    {
-                      label: isMuted ? t.unmute : t.mute,
-                      onClick: toggleMute,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(VolumeIcon, { className: "size-5" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-0 overflow-hidden transition-all group-hover/vol:w-20 group-hover/vol:px-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    Slider,
-                    {
-                      "aria-label": "Volume",
-                      min: 0,
-                      max: 1,
-                      step: 0.05,
-                      value: [isMuted ? 0 : volume],
-                      onValueChange: (v) => changeVolume(v[0] ?? 0)
-                    }
-                  ) })
-                ] }),
-                mode === "vod" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 text-xs tabular-nums", children: [
-                  formatTime(currentTime),
-                  " / ",
-                  formatTime(duration)
-                ] }),
-                mode === "live" && behindLive && /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: goToLiveEdge,
-                    className: "ml-1 flex items-center gap-1 rounded bg-white/15 px-2 py-0.5 text-xs hover:bg-white/25",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-red-500" }),
-                      t.goLive
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
-                  mode === "vod" && typeof stats?.views === "number" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1 text-xs", children: t.formatViews ? t.formatViews(stats.views) : `${stats.views} views` }),
-                  mode === "vod" && /* @__PURE__ */ jsxRuntime.jsx(
-                    MenuControl,
-                    {
-                      label: t.speed,
-                      open: openMenu === "speed",
-                      onOpenChange: (o) => setOpenMenu(o ? "speed" : null),
-                      trigger: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold", children: [
-                        playbackRate,
-                        "\xD7"
-                      ] }),
-                      children: PLAYBACK_RATES.map((rate) => /* @__PURE__ */ jsxRuntime.jsxs(
-                        MenuItem,
-                        {
-                          selected: rate === playbackRate,
-                          onSelect: () => changeRate(rate),
-                          children: [
-                            rate,
-                            "\xD7"
-                          ]
-                        },
-                        rate
-                      ))
-                    }
-                  ),
-                  showQualitySelector && qualities.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
-                    MenuControl,
-                    {
-                      label: t.quality,
-                      open: openMenu === "quality",
-                      onOpenChange: (o) => setOpenMenu(o ? "quality" : null),
-                      trigger: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-5" }),
-                      triggerBadge: currentLevelLabel,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          MenuItem,
-                          {
-                            selected: activeLevel < 0,
-                            onSelect: () => chooseLevel(-1),
-                            children: t.auto
-                          }
-                        ),
-                        qualities.map((q) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          MenuItem,
-                          {
-                            selected: activeLevel === q.index,
-                            onSelect: () => chooseLevel(q.index),
-                            children: [
-                              q.height,
-                              "p"
-                            ]
-                          },
-                          q.index
-                        ))
-                      ]
-                    }
-                  ),
-                  pipSupported && /* @__PURE__ */ jsxRuntime.jsx(ControlButton, { label: t.pictureInPicture, onClick: togglePip, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    lucideReact.PictureInPicture2,
-                    {
-                      className: cn("size-5", pipActive && "text-primary")
-                    }
-                  ) }),
-                  fullscreenSupported && /* @__PURE__ */ jsxRuntime.jsx(
-                    ControlButton,
-                    {
-                      label: isFullscreen ? t.exitFullscreen : t.enterFullscreen,
-                      onClick: toggleFullscreen,
-                      children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize, { className: "size-5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "size-5" })
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function ControlButton({
-  label,
-  onClick,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": label,
-      title: label,
-      onClick,
-      className: "flex size-8 items-center justify-center rounded-md text-white/90 outline-none hover:bg-white/15 hover:text-white focus-visible:ring-2 focus-visible:ring-white/60",
-      children
-    }
-  );
-}
-function MenuControl({
-  label,
-  open,
-  onOpenChange,
-  trigger,
-  triggerBadge,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-label": label,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        title: label,
-        onClick: () => onOpenChange(!open),
-        className: "flex h-8 items-center gap-1 rounded-md px-1.5 text-white/90 outline-none hover:bg-white/15 hover:text-white focus-visible:ring-2 focus-visible:ring-white/60",
-        children: [
-          trigger,
-          triggerBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium", children: triggerBadge })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        role: "menu",
-        className: "absolute right-0 bottom-full z-10 mb-2 min-w-24 rounded-md bg-black/90 p-1 text-sm shadow-lg backdrop-blur-sm",
-        children
-      }
-    )
-  ] });
-}
-function MenuItem({
-  selected,
-  onSelect,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitemradio",
-      "aria-checked": selected,
-      onClick: onSelect,
-      className: "flex w-full items-center justify-between gap-3 rounded px-2 py-1.5 text-left text-white/90 hover:bg-white/15",
-      children: [
-        children,
-        selected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4" })
-      ]
-    }
-  );
-}
-
-// src/components/video/feedPlaybackCoordinator.ts
-var players = /* @__PURE__ */ new Map();
-function registerFeedPlayer(id, pause) {
-  players.set(id, pause);
-  return () => {
-    if (players.get(id) === pause) {
-      players.delete(id);
-    }
-  };
-}
-function claimFeedPlaying(id) {
-  for (const [otherId, pause] of players) {
-    if (otherId !== id) pause();
-  }
-}
-
-// src/components/video/useFeedExclusivePlayback.ts
-var VISIBILITY_THRESHOLDS = [0, 0.5, 1];
-var MIN_VISIBLE_RATIO = 0.5;
-function videoInPictureInPicture(container) {
-  if (typeof document === "undefined" || !container) return false;
-  const pip = document.pictureInPictureElement;
-  if (!pip) return false;
-  return container.contains(pip);
-}
-function useFeedExclusivePlayback(playbackId) {
-  const containerRef = React7__namespace.useRef(null);
-  const [forcePaused, setForcePaused] = React7__namespace.useState(false);
-  const requestPause = React7__namespace.useCallback(() => {
-    if (videoInPictureInPicture(containerRef.current)) return;
-    setForcePaused(true);
-  }, []);
-  React7__namespace.useEffect(() => {
-    return registerFeedPlayer(playbackId, requestPause);
-  }, [playbackId, requestPause]);
-  React7__namespace.useEffect(() => {
-    const node = containerRef.current;
-    if (!node || typeof IntersectionObserver === "undefined") return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (!entry) return;
-        if (!entry.isIntersecting || entry.intersectionRatio < MIN_VISIBLE_RATIO) {
-          requestPause();
-        }
-      },
-      { threshold: [...VISIBILITY_THRESHOLDS] }
-    );
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, [requestPause]);
-  React7__namespace.useEffect(() => {
-    const onVisibility = () => {
-      if (document.hidden) requestPause();
-    };
-    document.addEventListener("visibilitychange", onVisibility);
-    return () => document.removeEventListener("visibilitychange", onVisibility);
-  }, [requestPause]);
-  const onPlayingChange = React7__namespace.useCallback(
-    (playing) => {
-      if (!playing) return;
-      setForcePaused(false);
-      claimFeedPlaying(playbackId);
-    },
-    [playbackId]
-  );
-  return {
-    containerRef,
-    paused: forcePaused,
-    onPlayingChange
-  };
-}
-function FeedVideoPlayer({
-  playbackId,
-  onPlayingChange,
-  paused: pausedProp,
-  fit = "aspect-video",
-  className,
-  ...playerProps
-}) {
-  const {
-    containerRef,
-    paused: exclusivePaused,
-    onPlayingChange: onExclusivePlayingChange
-  } = useFeedExclusivePlayback(playbackId);
-  const handlePlayingChange = React7__namespace.useCallback(
-    (playing) => {
-      onExclusivePlayingChange(playing);
-      onPlayingChange?.(playing);
-    },
-    [onExclusivePlayingChange, onPlayingChange]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: containerRef,
-      "data-slot": "feed-video-player",
-      className: cn(fit === "contain" && "h-full min-h-0 w-full", className),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        VideoPlayer,
-        {
-          ...playerProps,
-          fit,
-          paused: pausedProp || exclusivePaused,
-          onPlayingChange: handlePlayingChange,
-          className: fit === "contain" ? "h-full min-h-0" : void 0
-        }
-      )
-    }
-  );
-}
-function usePlaybackStats(statsUrl, { intervalMs = 15e3, enabled = true } = {}) {
-  const [stats, setStats] = React7__namespace.useState({});
-  React7__namespace.useEffect(() => {
-    if (!statsUrl || !enabled) return;
-    let cancelled = false;
-    const controller = new AbortController();
-    async function poll() {
-      try {
-        const res = await fetch(statsUrl, {
-          signal: controller.signal
-        });
-        if (!res.ok) return;
-        const data = await res.json();
-        if (cancelled) return;
-        setStats({
-          viewers: typeof data.viewers === "number" ? data.viewers : void 0,
-          views: typeof data.views === "number" ? data.views : void 0
-        });
-      } catch {
-      }
-    }
-    void poll();
-    const timer = setInterval(() => void poll(), intervalMs);
-    return () => {
-      cancelled = true;
-      controller.abort();
-      clearInterval(timer);
-    };
-  }, [statsUrl, intervalMs, enabled]);
-  return stats;
-}
 function useDebouncedValue(value, delayMs) {
-  const [debounced, setDebounced] = React7.useState(value);
-  React7.useEffect(() => {
+  const [debounced, setDebounced] = React2.useState(value);
+  React2.useEffect(() => {
     const id = window.setTimeout(() => setDebounced(value), delayMs);
     return () => window.clearTimeout(id);
   }, [value, delayMs]);
   return debounced;
 }
 function useDebouncedValueStrict(value, delayMs) {
-  const [debounced, setDebounced] = React7.useState(void 0);
-  React7.useEffect(() => {
+  const [debounced, setDebounced] = React2.useState(void 0);
+  React2.useEffect(() => {
     setDebounced(void 0);
     const id = window.setTimeout(() => setDebounced(value), delayMs);
     return () => window.clearTimeout(id);
@@ -5993,8 +4697,8 @@ function useDebouncedValueStrict(value, delayMs) {
   return debounced;
 }
 function useMediaQuery2(query) {
-  const [matches, setMatches] = React7.useState(false);
-  React7.useEffect(() => {
+  const [matches, setMatches] = React2.useState(false);
+  React2.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia) return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -6006,9 +4710,9 @@ function useMediaQuery2(query) {
 }
 function useSearchHotkey(options = {}) {
   const { defaultOpen = false, disabled = false } = options;
-  const [open, setOpen] = React7.useState(defaultOpen);
-  const toggle = React7.useCallback(() => setOpen((prev) => !prev), []);
-  React7.useEffect(() => {
+  const [open, setOpen] = React2.useState(defaultOpen);
+  const toggle = React2.useCallback(() => setOpen((prev) => !prev), []);
+  React2.useEffect(() => {
     if (disabled) return;
     function handleKeyDown(event) {
       if (event.key.toLowerCase() !== "k") return;
@@ -6202,9 +4906,9 @@ function getScrollHeight(container) {
 }
 var DEFAULT_ANCHOR_ATTRIBUTE = "data-scroll-anchor";
 var STABILIZE_MS = 600;
-var ScrollRestorationContext = React7.createContext(null);
+var ScrollRestorationContext = React2.createContext(null);
 function useScrollRestorationContext() {
-  return React7.useContext(ScrollRestorationContext);
+  return React2.useContext(ScrollRestorationContext);
 }
 function readContainer(containerRef) {
   return containerRef?.current ?? null;
@@ -6216,7 +4920,7 @@ function ScrollRestorationProvider({
   children
 }) {
   ensurePopstateListener();
-  const traversalForRouteRef = React7.useRef({ routeKey: "", isTraversal: false });
+  const traversalForRouteRef = React2.useRef({ routeKey: "", isTraversal: false });
   if (traversalForRouteRef.current.routeKey !== routeKey) {
     traversalForRouteRef.current = {
       routeKey,
@@ -6224,7 +4928,7 @@ function ScrollRestorationProvider({
     };
   }
   const isTraversal = traversalForRouteRef.current.isTraversal;
-  const value = React7.useMemo(
+  const value = React2.useMemo(
     () => ({
       routeKey,
       isTraversal,
@@ -6232,7 +4936,7 @@ function ScrollRestorationProvider({
     }),
     [routeKey, isTraversal, anchorAttribute]
   );
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (typeof window === "undefined" || !("scrollRestoration" in history)) {
       return;
     }
@@ -6242,10 +4946,10 @@ function ScrollRestorationProvider({
       history.scrollRestoration = previous;
     };
   }, []);
-  const prevRouteKeyRef = React7.useRef(routeKey);
-  const anchorAttributeRef = React7.useRef(anchorAttribute);
+  const prevRouteKeyRef = React2.useRef(routeKey);
+  const anchorAttributeRef = React2.useRef(anchorAttribute);
   anchorAttributeRef.current = anchorAttribute;
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     const container = readContainer(containerRef);
     const target = container ?? window;
     let rafId = 0;
@@ -6265,7 +4969,7 @@ function ScrollRestorationProvider({
       if (rafId) cancelAnimationFrame(rafId);
     };
   }, [routeKey, containerRef, anchorAttribute]);
-  React7.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     const container = readContainer(containerRef);
     const prevKey = prevRouteKeyRef.current;
     if (prevKey !== routeKey) {
@@ -6342,14 +5046,14 @@ function startStabilizationLoop(container, mark, attribute) {
 // src/hooks/useRestorableState.ts
 function useRestorableState(subKey, initializer) {
   const ctx = useScrollRestorationContext();
-  const [state, setState] = React7.useState(() => {
+  const [state, setState] = React2.useState(() => {
     if (!ctx) return initializer();
     const traversal = ctx.isTraversal || isPendingTraversal(ctx.routeKey);
     if (!traversal) return initializer();
     const snap = getSnapshot(ctx.routeKey, subKey);
     return snap !== void 0 ? snap : initializer();
   });
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!ctx) return;
     setSnapshot(ctx.routeKey, subKey, state);
   }, [ctx, subKey, state]);
@@ -6757,26 +5461,26 @@ function SearchablePicker(props) {
   const labels = { ...defaultLabels4, ...userLabels };
   const resolvedEmptyLabel = emptyLabel ?? labels.emptyOption;
   const isMobile = useMediaQuery2("(max-width: 767px)");
-  const generatedId = React7.useId();
+  const generatedId = React2.useId();
   const triggerId = id ?? generatedId;
-  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(false);
   const open = openProp ?? uncontrolledOpen;
-  const setOpen = React7.useCallback(
+  const setOpen = React2.useCallback(
     (next) => {
       onOpenChange?.(next);
       if (openProp === void 0) setUncontrolledOpen(next);
     },
     [onOpenChange, openProp]
   );
-  const [query, setQuery] = React7.useState("");
-  const [remoteItems, setRemoteItems] = React7.useState([]);
-  const [isLoading, setIsLoading] = React7.useState(false);
-  const [hasError, setHasError] = React7.useState(false);
-  const [isLoadingMore, setIsLoadingMore] = React7.useState(false);
+  const [query, setQuery] = React2.useState("");
+  const [remoteItems, setRemoteItems] = React2.useState([]);
+  const [isLoading, setIsLoading] = React2.useState(false);
+  const [hasError, setHasError] = React2.useState(false);
+  const [isLoadingMore, setIsLoadingMore] = React2.useState(false);
   const debouncedQuery = useDebouncedValue(query, debounceMs);
-  const requestIdRef = React7.useRef(0);
-  const knownItemsRef = React7.useRef(/* @__PURE__ */ new Map());
-  const rememberItems = React7.useCallback(
+  const requestIdRef = React2.useRef(0);
+  const knownItemsRef = React2.useRef(/* @__PURE__ */ new Map());
+  const rememberItems = React2.useCallback(
     (items) => {
       for (const item of items) {
         knownItemsRef.current.set(getOptionValue(item), item);
@@ -6784,12 +5488,12 @@ function SearchablePicker(props) {
     },
     [getOptionValue]
   );
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (options) rememberItems(options);
     if (pinned?.recommended) rememberItems(pinned.recommended);
     if (pinned?.recent) rememberItems(pinned.recent);
   }, [options, pinned, rememberItems]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) {
       setQuery("");
       setRemoteItems([]);
@@ -6799,7 +5503,7 @@ function SearchablePicker(props) {
   }, [open]);
   const trimmedDebounced = debouncedQuery.trim();
   const shouldFetch = Boolean(fetchOptions) && open && trimmedDebounced.length >= minQueryLength && (trimmedDebounced.length > 0 || !options);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!shouldFetch || !fetchOptions) {
       if (!trimmedDebounced) {
         setRemoteItems([]);
@@ -6824,7 +5528,7 @@ function SearchablePicker(props) {
       setIsLoading(false);
     });
   }, [shouldFetch, fetchOptions, trimmedDebounced, rememberItems]);
-  const selectedValues = React7.useMemo(() => {
+  const selectedValues = React2.useMemo(() => {
     if (mode === "multiple") {
       const multiValue = props.value ?? [];
       return new Set(multiValue);
@@ -6833,12 +5537,12 @@ function SearchablePicker(props) {
     return singleValue ? /* @__PURE__ */ new Set([singleValue]) : /* @__PURE__ */ new Set();
   }, [mode, props]);
   const selectedValueKey = mode === "multiple" ? (props.value ?? []).join("\0") : props.value ?? "";
-  const selectedItems = React7.useMemo(() => {
+  const selectedItems = React2.useMemo(() => {
     const values = mode === "multiple" ? selectedValueKey ? selectedValueKey.split("\0") : [] : selectedValueKey ? [selectedValueKey] : [];
     return values.map((value) => knownItemsRef.current.get(value)).filter((item) => item !== void 0);
   }, [mode, selectedValueKey, options, pinned, remoteItems]);
   const queryForFilter = query.trim();
-  const recommended = React7.useMemo(() => {
+  const recommended = React2.useMemo(() => {
     if (queryForFilter) return [];
     const pinnedValues = /* @__PURE__ */ new Set();
     const items = dedupeByValue(
@@ -6847,7 +5551,7 @@ function SearchablePicker(props) {
     for (const entry of items) pinnedValues.add(entry.value);
     return items;
   }, [queryForFilter, pinned?.recommended, getOptionValue, getOptionLabel]);
-  const recent = React7.useMemo(() => {
+  const recent = React2.useMemo(() => {
     if (queryForFilter) return [];
     const exclude = new Set(recommended.map((e) => e.value));
     return dedupeByValue(
@@ -6861,13 +5565,13 @@ function SearchablePicker(props) {
     getOptionValue,
     getOptionLabel
   ]);
-  const pinnedValueSet = React7.useMemo(() => {
+  const pinnedValueSet = React2.useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const entry of recommended) set.add(entry.value);
     for (const entry of recent) set.add(entry.value);
     return set;
   }, [recommended, recent]);
-  const results = React7.useMemo(() => {
+  const results = React2.useMemo(() => {
     const usingRemote = Boolean(fetchOptions) && trimmedDebounced.length >= minQueryLength && (trimmedDebounced.length > 0 || !options);
     if (usingRemote) {
       return dedupeByValue(
@@ -6893,7 +5597,7 @@ function SearchablePicker(props) {
     pinnedValueSet
   ]);
   const closeOnSelect = keepOpenOnSelect !== void 0 ? !keepOpenOnSelect : mode === "single";
-  const handleSelectEmpty = React7.useCallback(() => {
+  const handleSelectEmpty = React2.useCallback(() => {
     if (mode === "single") {
       props.onValueChange?.(
         null
@@ -6901,7 +5605,7 @@ function SearchablePicker(props) {
     }
     if (closeOnSelect) setOpen(false);
   }, [mode, props, closeOnSelect, setOpen]);
-  const handleSelectItem = React7.useCallback(
+  const handleSelectItem = React2.useCallback(
     (value) => {
       if (mode === "multiple") {
         const current = props.value ?? [];
@@ -6924,7 +5628,7 @@ function SearchablePicker(props) {
     },
     [mode, props, maxSelected, closeOnSelect, setOpen]
   );
-  const handleClear = React7.useCallback(
+  const handleClear = React2.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -6938,7 +5642,7 @@ function SearchablePicker(props) {
     },
     [mode, props]
   );
-  const handleLoadMore = React7.useCallback(async () => {
+  const handleLoadMore = React2.useCallback(async () => {
     if (!onLoadMore || isLoadingMore) return;
     setIsLoadingMore(true);
     try {
@@ -6947,7 +5651,7 @@ function SearchablePicker(props) {
       setIsLoadingMore(false);
     }
   }, [onLoadMore, isLoadingMore]);
-  const triggerLabel = React7.useMemo(() => {
+  const triggerLabel = React2.useMemo(() => {
     if (renderValue) {
       if (mode === "multiple") {
         return renderValue(selectedItems);
@@ -7129,20 +5833,20 @@ function SearchCommand({
   className
 }) {
   const labels = { ...defaultLabels5, ...userLabels };
-  const [query, setQuery] = React7.useState("");
-  const [hits, setHits] = React7.useState([]);
-  const [isLoading, setIsLoading] = React7.useState(false);
-  const [hasError, setHasError] = React7.useState(false);
+  const [query, setQuery] = React2.useState("");
+  const [hits, setHits] = React2.useState([]);
+  const [isLoading, setIsLoading] = React2.useState(false);
+  const [hasError, setHasError] = React2.useState(false);
   const debouncedQuery = useDebouncedValue(query, debounceMs);
-  const requestIdRef = React7.useRef(0);
-  React7.useEffect(() => {
+  const requestIdRef = React2.useRef(0);
+  React2.useEffect(() => {
     if (!open) {
       setQuery("");
       setHits([]);
       setHasError(false);
     }
   }, [open]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     const trimmed = debouncedQuery.trim();
     if (trimmed.length < minQueryLength) {
       setHits([]);
@@ -7165,13 +5869,13 @@ function SearchCommand({
       setIsLoading(false);
     });
   }, [debouncedQuery, minQueryLength, fetchResults]);
-  const filteredFeatures = React7.useMemo(() => {
+  const filteredFeatures = React2.useMemo(() => {
     if (!query.trim()) return features;
     return features.filter(
       (feature) => fuzzyMatch(query, feature.label) || feature.keywords?.some((keyword) => fuzzyMatch(query, keyword))
     );
   }, [features, query]);
-  const groupedHits = React7.useMemo(() => groupHitsByType(hits), [hits]);
+  const groupedHits = React2.useMemo(() => groupHitsByType(hits), [hits]);
   function handleSelect(selection) {
     onSelect(selection);
     onOpenChange(false);
@@ -7305,7 +6009,7 @@ function ScrollBar({
   );
 }
 var phoneInputGroupClass = "flex h-9 w-full gap-0 overflow-hidden rounded-md border border-input bg-transparent shadow-xs transition-[color,box-shadow] [--PhoneInputCountrySelect-marginRight:0] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 dark:bg-input/30 [&_.PhoneInputCountry]:mr-0";
-var PhoneInput = React7__namespace.forwardRef(
+var PhoneInput = React2__namespace.forwardRef(
   ({ className, onChange, value, defaultCountry = "MX", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       RPNInput__namespace.default,
@@ -7325,7 +6029,7 @@ var PhoneInput = React7__namespace.forwardRef(
   }
 );
 PhoneInput.displayName = "PhoneInput";
-var InputComponent = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputComponent = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   Input,
   {
     className: cn(
@@ -7343,9 +6047,9 @@ var CountrySelect = ({
   options: countryList,
   onChange
 }) => {
-  const scrollAreaRef = React7__namespace.useRef(null);
-  const [searchValue, setSearchValue] = React7__namespace.useState("");
-  const [isOpen, setIsOpen] = React7__namespace.useState(false);
+  const scrollAreaRef = React2__namespace.useRef(null);
+  const [searchValue, setSearchValue] = React2__namespace.useState("");
+  const [isOpen, setIsOpen] = React2__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Popover,
     {
@@ -7526,8 +6230,8 @@ var MEXICO_STATE_PATHS = {
 };
 function MexicoMap({ selected, onToggle, className }) {
   const isInteractive = typeof onToggle === "function";
-  const selectedSet = React7__namespace.useMemo(() => new Set(selected), [selected]);
-  const handleKeyDown = React7__namespace.useCallback(
+  const selectedSet = React2__namespace.useMemo(() => new Set(selected), [selected]);
+  const handleKeyDown = React2__namespace.useCallback(
     (event, id) => {
       if (!onToggle) return;
       if (event.key === "Enter" || event.key === " ") {
@@ -8049,7 +6753,7 @@ function PaymentIcon({
     }
   );
 }
-var BrandX = React7.forwardRef(function BrandX2({
+var BrandX = React2.forwardRef(function BrandX2({
   className,
   size = 24,
   "aria-label": ariaLabel,
@@ -8453,7 +7157,7 @@ function ChatMessageList({
     /* @__PURE__ */ jsxRuntime.jsx(MessageScrollerButton, {})
   ] }) });
 }
-var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
+var MessageComposer = React2__namespace.forwardRef(function MessageComposer2({
   className,
   locale = "en",
   disabled,
@@ -8483,13 +7187,13 @@ var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
   rows = 2,
   ...props
 }, ref) {
-  const formRef = React7__namespace.useRef(null);
-  const fieldRef = React7__namespace.useRef(null);
+  const formRef = React2__namespace.useRef(null);
+  const fieldRef = React2__namespace.useRef(null);
   const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
   const pickerDisabled = Boolean(disabled || readOnly);
   const draft = value !== void 0 && value !== null ? String(value) : "";
   const canSubmit = (allowEmptySubmit || Boolean(draft.trim())) && !sendDisabled && !disabled && !readOnly;
-  const handleSubmit = React7__namespace.useCallback(
+  const handleSubmit = React2__namespace.useCallback(
     (event) => {
       event.preventDefault();
       if (!canSubmit) return;
@@ -8497,7 +7201,7 @@ var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
     },
     [canSubmit, onSubmit]
   );
-  const handleKeyDown = React7__namespace.useCallback(
+  const handleKeyDown = React2__namespace.useCallback(
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented) return;
@@ -8587,21 +7291,21 @@ function useSupportConversation({
   onConversationReady,
   onIncomingMessage
 }) {
-  const [conversationId, setConversationId] = React7.useState(
+  const [conversationId, setConversationId] = React2.useState(
     conversationIdProp
   );
-  const [messages, setMessages] = React7.useState([]);
-  const [loading, setLoading] = React7.useState(false);
-  const [sending, setSending] = React7.useState(false);
-  const [error, setError] = React7.useState(null);
-  const socketRef = React7.useRef(null);
-  const reconnectRef = React7.useRef(null);
-  const closedByUser = React7.useRef(false);
-  const onReadyRef = React7.useRef(onConversationReady);
-  const onIncomingRef = React7.useRef(onIncomingMessage);
+  const [messages, setMessages] = React2.useState([]);
+  const [loading, setLoading] = React2.useState(false);
+  const [sending, setSending] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const socketRef = React2.useRef(null);
+  const reconnectRef = React2.useRef(null);
+  const closedByUser = React2.useRef(false);
+  const onReadyRef = React2.useRef(onConversationReady);
+  const onIncomingRef = React2.useRef(onIncomingMessage);
   onReadyRef.current = onConversationReady;
   onIncomingRef.current = onIncomingMessage;
-  const load = React7.useCallback(async () => {
+  const load = React2.useCallback(async () => {
     if (!enabled) return;
     setLoading(true);
     setError(null);
@@ -8627,10 +7331,10 @@ function useSupportConversation({
       setLoading(false);
     }
   }, [client, conversationIdProp, enabled, open]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     void load();
   }, [load]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     closedByUser.current = false;
     if (!enabled || !conversationId) return;
     let cancelled = false;
@@ -8676,7 +7380,7 @@ function useSupportConversation({
       socketRef.current = null;
     };
   }, [conversationId, enabled, getWsUrl]);
-  const send = React7.useCallback(
+  const send = React2.useCallback(
     async (text) => {
       const trimmed = text.trim();
       if (!conversationId || !trimmed || sending) return;
@@ -8708,9 +7412,9 @@ function useSupportConversation({
     reload: load
   };
 }
-var SupportMessengerContext = React7.createContext(null);
+var SupportMessengerContext = React2.createContext(null);
 function useSupportMessenger() {
-  const ctx = React7.useContext(SupportMessengerContext);
+  const ctx = React2.useContext(SupportMessengerContext);
   if (!ctx) {
     throw new Error(
       "useSupportMessenger must be used within SupportMessengerProvider"
@@ -8719,7 +7423,7 @@ function useSupportMessenger() {
   return ctx;
 }
 function useSupportMessengerOptional() {
-  return React7.useContext(SupportMessengerContext);
+  return React2.useContext(SupportMessengerContext);
 }
 function ThreadPanel({
   thread,
@@ -8734,7 +7438,7 @@ function ThreadPanel({
   onConversationReady,
   className
 }) {
-  const [draft, setDraft] = React7.useState("");
+  const [draft, setDraft] = React2.useState("");
   const { messages, loading, sending, error, send } = useSupportConversation({
     client,
     getWsUrl,
@@ -8828,9 +7532,9 @@ function ListPanel({
   searchThreshold,
   className
 }) {
-  const [query, setQuery] = React7.useState("");
+  const [query, setQuery] = React2.useState("");
   const showSearch = items.length >= searchThreshold;
-  const filtered = React7.useMemo(() => {
+  const filtered = React2.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return items;
     return items.filter(
@@ -8935,34 +7639,34 @@ function SupportMessengerProvider({
   className
 }) {
   const isMobile = useMediaQuery2("(max-width: 767px)");
-  const dockRef = React7.useRef(null);
-  const [listOpen, setListOpen] = React7.useState(false);
-  const [threads, setThreads] = React7.useState([]);
-  const [mobileThreadKey, setMobileThreadKey] = React7.useState(null);
-  const totalUnread = React7.useMemo(
+  const dockRef = React2.useRef(null);
+  const [listOpen, setListOpen] = React2.useState(false);
+  const [threads, setThreads] = React2.useState([]);
+  const [mobileThreadKey, setMobileThreadKey] = React2.useState(null);
+  const totalUnread = React2.useMemo(
     () => items.reduce((sum, item) => sum + (item.unreadCount ?? 0), 0),
     [items]
   );
   const isDesktopOpen = !isMobile && (listOpen || threads.length > 0);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!forceMinimized) return;
     setListOpen(false);
     setThreads([]);
     setMobileThreadKey(null);
   }, [forceMinimized]);
-  const openList = React7.useCallback(() => {
+  const openList = React2.useCallback(() => {
     setListOpen(true);
     void onRefreshItems?.();
   }, [onRefreshItems]);
-  const closeList = React7.useCallback(() => setListOpen(false), []);
-  const toggleList = React7.useCallback(() => {
+  const closeList = React2.useCallback(() => setListOpen(false), []);
+  const toggleList = React2.useCallback(() => {
     setListOpen((prev) => {
       const next = !prev;
       if (next) void onRefreshItems?.();
       return next;
     });
   }, [onRefreshItems]);
-  const openThread = React7.useCallback((req) => {
+  const openThread = React2.useCallback((req) => {
     setListOpen(false);
     setThreads((prev) => {
       const existing = prev.find((t) => t.key === req.key);
@@ -8977,16 +7681,16 @@ function SupportMessengerProvider({
     });
     setMobileThreadKey(req.key);
   }, []);
-  const closeThread = React7.useCallback((key) => {
+  const closeThread = React2.useCallback((key) => {
     setThreads((prev) => prev.filter((t) => t.key !== key));
     setMobileThreadKey((prev) => prev === key ? null : prev);
   }, []);
-  const closeAll = React7.useCallback(() => {
+  const closeAll = React2.useCallback(() => {
     setListOpen(false);
     setThreads([]);
     setMobileThreadKey(null);
   }, []);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!isDesktopOpen) return;
     function onPointerDown(event) {
       const target = event.target;
@@ -9000,7 +7704,7 @@ function SupportMessengerProvider({
     document.addEventListener("pointerdown", onPointerDown);
     return () => document.removeEventListener("pointerdown", onPointerDown);
   }, [isDesktopOpen, closeAll]);
-  const ctx = React7.useMemo(
+  const ctx = React2.useMemo(
     () => ({
       listOpen,
       openList,
@@ -9025,7 +7729,7 @@ function SupportMessengerProvider({
       totalUnread
     ]
   );
-  const handleSelectItem = React7.useCallback(
+  const handleSelectItem = React2.useCallback(
     (item) => {
       openThread({
         key: item.key,
@@ -9375,11 +8079,11 @@ function useRealtimeChannel({
   enabled = true,
   reconnectDelayMs = DEFAULT_RECONNECT_MS
 }) {
-  const onEventRef = React7.useRef(onEvent);
+  const onEventRef = React2.useRef(onEvent);
   onEventRef.current = onEvent;
-  const getWsUrlRef = React7.useRef(getWsUrl);
+  const getWsUrlRef = React2.useRef(getWsUrl);
   getWsUrlRef.current = getWsUrl;
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!enabled) return;
     let cancelled = false;
     let joinedKey = null;
@@ -9446,7 +8150,6 @@ exports.EmptyState = EmptyState;
 exports.EmptyTitle = EmptyTitle;
 exports.ErrorState = ErrorState;
 exports.ExpandableText = ExpandableText;
-exports.FeedVideoPlayer = FeedVideoPlayer;
 exports.FieldMessage = FieldMessage;
 exports.ImageLightbox = ImageLightbox;
 exports.LanguageContext = LanguageContext;
@@ -9486,7 +8189,6 @@ exports.SearchablePicker = SearchablePicker;
 exports.SupportMessengerProvider = SupportMessengerProvider;
 exports.ThemeSwitcher = ThemeSwitcher;
 exports.VerifiedProfessionalBadge = VerifiedProfessionalBadge;
-exports.VideoPlayer = VideoPlayer;
 exports.ZOOM_PAN_MAX_SCALE = ZOOM_PAN_MAX_SCALE;
 exports.ZOOM_PAN_MIN_SCALE = ZOOM_PAN_MIN_SCALE;
 exports.ZOOM_PAN_SWIPE_COMMIT_PX = ZOOM_PAN_SWIPE_COMMIT_PX;
@@ -9494,12 +8196,8 @@ exports.ZOOM_PAN_SWIPE_SNAP_MS = ZOOM_PAN_SWIPE_SNAP_MS;
 exports.avatarFallbackStyle = avatarFallbackStyle;
 exports.bubbleVariants = bubbleVariants;
 exports.cn = cn;
-exports.createLiveHlsConfig = createLiveHlsConfig;
 exports.createSupportChatClient = createSupportChatClient;
-exports.createVodHlsConfig = createVodHlsConfig;
 exports.defaultLanguages = defaultLanguages;
-exports.describeAvResync = describeAvResync;
-exports.describePlaybackError = describePlaybackError;
 exports.formatPaymentCardBrand = formatPaymentCardBrand;
 exports.fuzzyMatch = fuzzyMatch;
 exports.getAvatarColors = getAvatarColors;
@@ -9512,15 +8210,11 @@ exports.normalizePaymentCardBrand = normalizePaymentCardBrand;
 exports.paymentIconBrandFromStripe = paymentIconBrandFromStripe;
 exports.paymentTypeFromStripeBrand = paymentTypeFromStripeBrand;
 exports.prefersReducedMotion = prefersReducedMotion;
-exports.shouldRetryLiveEdge404 = shouldRetryLiveEdge404;
 exports.useDebouncedValue = useDebouncedValue;
 exports.useDebouncedValueStrict = useDebouncedValueStrict;
 exports.useEditableSection = useEditableSection;
-exports.useFeedExclusivePlayback = useFeedExclusivePlayback;
-exports.useHlsPlayback = useHlsPlayback;
 exports.useLanguageContext = useLanguageContext;
 exports.useMediaQuery = useMediaQuery2;
-exports.usePlaybackStats = usePlaybackStats;
 exports.useRealtimeChannel = useRealtimeChannel;
 exports.useRestorableState = useRestorableState;
 exports.useScrollFadeXEdges = useScrollFadeXEdges;