@flamingo-stack/openframe-frontend-core 0.0.581-snapshot.20260901141954 → 0.0.581

package/dist/index.js

@@ -9,7 +9,7 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   ToolBadge
-} from "./chunk-CR7GPMCM.js";
+} from "./chunk-3GXNCJZI.js";
 import {
   AppHeader,
   AppLayout,
@@ -28,14 +28,14 @@ import {
   SlidingSidebar,
   TicketAlertsButton,
   TopNavigation
-} from "./chunk-U2ZRM3YB.js";
+} from "./chunk-GVM37TRU.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useSectionNavigation
-} from "./chunk-646JEAY4.js";
-import "./chunk-4KWAHIYA.js";
+} from "./chunk-KAEVE7W2.js";
+import "./chunk-R5JVRFSW.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
   AIEnrichButton,
@@ -577,7 +577,7 @@ import {
   withFirstTouchAttribution,
   withWalkthroughOpenParam,
   writeDismissCookie
-} from "./chunk-GD3OAM4T.js";
+} from "./chunk-VXUUSLD5.js";
 import "./chunk-L2SLFCXP.js";
 import "./chunk-BJXDHKUX.js";
 import {
@@ -892,7 +892,6 @@ import {
   TooltipProvider,
   TooltipTrigger,
   UnarchiveChatModal,
-  VIDEO_PLAYBACK_FAILED_EVENT,
   Video,
   VideoBiteCard,
   VideoBitesStrip,
@@ -1055,7 +1054,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "./chunk-F227VMPL.js";
+} from "./chunk-HJVKPG55.js";
 import {
   HEADING_EMOJI_RE,
   HUB_HEADER_OFFSET_PX,
@@ -2505,7 +2504,6 @@ export {
   UserIcon,
   UsersGroupIcon,
   UsersIcon,
-  VIDEO_PLAYBACK_FAILED_EVENT,
   VendorDirectoryIcon,
   VendorShowcaseMainIcon,
   VendorsIcon,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/logs-list.tsx","../src/components/log-severity-dot.tsx","../src/types/logs.types.ts","../src/assets/index.ts"],"sourcesContent":["import { type FC, forwardRef, useRef } from 'react';\nimport type { LogsListProps, LogEntry } from '../types/logs.types';\nimport { cn } from '../utils/cn';\nimport { LogSeverityDot } from './log-severity-dot';\nimport { ToolIcon } from './tool-icon';\n\nconst formatTimestamp = (timestamp: string | Date): string => {\n  const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n\n  // UTC getters so the timestamp is identical on server (UTC) and client\n  // (local) — otherwise React #418 hydration mismatch.\n  const year = date.getUTCFullYear();\n  const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n  const day = String(date.getUTCDate()).padStart(2, '0');\n  const hours = String(date.getUTCHours()).padStart(2, '0');\n  const minutes = String(date.getUTCMinutes()).padStart(2, '0');\n\n  return `${year}/${month}/${day},${hours}:${minutes}`;\n};\n\nconst LogCard: FC<{\n  log: LogEntry;\n  isLast: boolean;\n  showConnector: boolean;\n  onClick?: () => void;\n}> = ({ log, isLast, showConnector, onClick }) => {\n  return (\n    <div className=\"relative\">\n      <div\n        className={cn(\n          'relative box-border flex w-full items-start gap-3 rounded px-1 py-2',\n          'cursor-pointer transition-colors hover:bg-ods-bg-hover/50',\n        )}\n        onClick={onClick}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        <LogSeverityDot severity={log.severity} size=\"md\" />\n\n        <div className=\"min-w-0 flex-1 space-y-1\">\n          <p className=\"text-ods-text-primary text-h6\">{log.title}</p>\n          <div className=\"flex items-center gap-2\">\n            <p className=\"text-ods-text-secondary text-h5\">{formatTimestamp(log.timestamp)}</p>\n            {log.toolType && <ToolIcon toolType={log.toolType} size={16} />}\n          </div>\n        </div>\n      </div>\n\n      {showConnector && !isLast && (\n        <div\n          className=\"absolute left-[15px] w-[2px] bg-ods-border\"\n          style={{\n            top: '28px',\n            bottom: '-10px',\n          }}\n          aria-hidden=\"true\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const LogsList = forwardRef<HTMLDivElement, LogsListProps>(\n  (\n    {\n      logs,\n      maxHeight = '400px',\n      showConnector = true,\n      onLogClick,\n      loading = false,\n      emptyMessage = 'No logs to display',\n      className,\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const isFullHeight = maxHeight === '100%';\n\n    const getContainerStyles = () => {\n      if (isFullHeight) return undefined;\n      return { maxHeight, minHeight: '200px' };\n    };\n\n    const getContainerClasses = () => {\n      if (isFullHeight) return 'h-full';\n      return '';\n    };\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            'rounded-lg border border-ods-border bg-ods-card p-4',\n            'flex items-center justify-center',\n            getContainerClasses(),\n            className,\n          )}\n          style={getContainerStyles()}\n        >\n          <div className=\"text-ods-text-muted text-h6\">Loading logs...</div>\n        </div>\n      );\n    }\n\n    if (logs.length === 0) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            'rounded-lg border border-ods-border bg-ods-card p-4',\n            'flex items-center justify-center',\n            getContainerClasses(),\n            className,\n          )}\n          style={getContainerStyles()}\n        >\n          <div className=\"text-ods-text-muted text-h6\">{emptyMessage}</div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative rounded-lg border border-ods-border bg-ods-card',\n          'flex flex-col overflow-hidden',\n          getContainerClasses(),\n          className,\n        )}\n        style={getContainerStyles()}\n      >\n        <div ref={containerRef} className=\"flex-1 overflow-y-auto px-4 py-3\">\n          {logs.map((log, index) => (\n            <LogCard\n              key={log.id}\n              log={log}\n              isLast={index === logs.length - 1}\n              showConnector={showConnector}\n              onClick={() => onLogClick?.(log)}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  },\n);\n\nLogsList.displayName = 'LogsList';\n","import { forwardRef } from 'react';\nimport { type LogSeverityDotProps, LOG_SEVERITY_COLORS, LOG_SEVERITY_LABELS } from '../types/logs.types';\nimport { cn } from '../utils/cn';\n\nexport const LogSeverityDot = forwardRef<HTMLDivElement, LogSeverityDotProps>(\n  ({ severity, size = 'md', className }, ref) => {\n    const sizeClasses = {\n      sm: 'w-4 h-4',\n      md: 'w-6 h-6',\n      lg: 'w-8 h-8',\n    };\n\n    const dotSizeClasses = {\n      sm: 'w-2 h-2',\n      md: 'w-3 h-3',\n      lg: 'w-4 h-4',\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn('relative flex shrink-0 items-center justify-center', sizeClasses[size], className)}\n        aria-label={`${LOG_SEVERITY_LABELS[severity]} severity`}\n      >\n        <div\n          className={cn('rounded-full', dotSizeClasses[size])}\n          style={{ backgroundColor: LOG_SEVERITY_COLORS[severity] }}\n        />\n      </div>\n    );\n  },\n);\n\nLogSeverityDot.displayName = 'LogSeverityDot';\n","import type { ToolType } from './tool.types';\n\nexport type LogSeverity = 'DEBUG' | 'INFO' | 'WARNING' | 'ERROR' | 'CRITICAL';\n\nexport interface LogEntry {\n  id: string;\n  ingestDay: string;\n  eventType: string;\n  severity: LogSeverity;\n  title: string;\n  timestamp: string | Date;\n  toolType?: ToolType;\n  toolIcon?: string;\n  message?: string;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface LogsListProps {\n  logs: LogEntry[];\n  maxHeight?: string | number;\n  showConnector?: boolean;\n  onLogClick?: (log: LogEntry) => void;\n  loading?: boolean;\n  emptyMessage?: string;\n  className?: string;\n}\n\nexport interface LogSeverityDotProps {\n  severity: LogSeverity;\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n}\n\nexport const LOG_SEVERITY_COLORS: Record<LogSeverity, string> = {\n  DEBUG: '#888888',\n  INFO: '#888888',\n  WARNING: '#e1b32f',\n  ERROR: '#f36666',\n  CRITICAL: '#b43b3b',\n};\n\nexport const LOG_SEVERITY_LABELS: Record<LogSeverity, string> = {\n  DEBUG: 'Debug',\n  INFO: 'Info',\n  WARNING: 'Warning',\n  ERROR: 'Error',\n  CRITICAL: 'Critical',\n};\n","// Assets exports\n// Font files and other static assets\n// Platform utilities will be available when needed\n\nexport const assets = {} as const;\nexport * from './fae-avatar';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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","names":["forwardRef","jsx","forwardRef"]}
+{"version":3,"sources":["../src/components/logs-list.tsx","../src/components/log-severity-dot.tsx","../src/types/logs.types.ts","../src/assets/index.ts"],"sourcesContent":["import { type FC, forwardRef, useRef } from 'react';\nimport type { LogsListProps, LogEntry } from '../types/logs.types';\nimport { cn } from '../utils/cn';\nimport { LogSeverityDot } from './log-severity-dot';\nimport { ToolIcon } from './tool-icon';\n\nconst formatTimestamp = (timestamp: string | Date): string => {\n  const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n\n  // UTC getters so the timestamp is identical on server (UTC) and client\n  // (local) — otherwise React #418 hydration mismatch.\n  const year = date.getUTCFullYear();\n  const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n  const day = String(date.getUTCDate()).padStart(2, '0');\n  const hours = String(date.getUTCHours()).padStart(2, '0');\n  const minutes = String(date.getUTCMinutes()).padStart(2, '0');\n\n  return `${year}/${month}/${day},${hours}:${minutes}`;\n};\n\nconst LogCard: FC<{\n  log: LogEntry;\n  isLast: boolean;\n  showConnector: boolean;\n  onClick?: () => void;\n}> = ({ log, isLast, showConnector, onClick }) => {\n  return (\n    <div className=\"relative\">\n      <div\n        className={cn(\n          'relative box-border flex w-full items-start gap-3 rounded px-1 py-2',\n          'cursor-pointer transition-colors hover:bg-ods-bg-hover/50',\n        )}\n        onClick={onClick}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        <LogSeverityDot severity={log.severity} size=\"md\" />\n\n        <div className=\"min-w-0 flex-1 space-y-1\">\n          <p className=\"text-ods-text-primary text-h6\">{log.title}</p>\n          <div className=\"flex items-center gap-2\">\n            <p className=\"text-ods-text-secondary text-h5\">{formatTimestamp(log.timestamp)}</p>\n            {log.toolType && <ToolIcon toolType={log.toolType} size={16} />}\n          </div>\n        </div>\n      </div>\n\n      {showConnector && !isLast && (\n        <div\n          className=\"absolute left-[15px] w-[2px] bg-ods-border\"\n          style={{\n            top: '28px',\n            bottom: '-10px',\n          }}\n          aria-hidden=\"true\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const LogsList = forwardRef<HTMLDivElement, LogsListProps>(\n  (\n    {\n      logs,\n      maxHeight = '400px',\n      showConnector = true,\n      onLogClick,\n      loading = false,\n      emptyMessage = 'No logs to display',\n      className,\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const isFullHeight = maxHeight === '100%';\n\n    const getContainerStyles = () => {\n      if (isFullHeight) return undefined;\n      return { maxHeight, minHeight: '200px' };\n    };\n\n    const getContainerClasses = () => {\n      if (isFullHeight) return 'h-full';\n      return '';\n    };\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            'rounded-lg border border-ods-border bg-ods-card p-4',\n            'flex items-center justify-center',\n            getContainerClasses(),\n            className,\n          )}\n          style={getContainerStyles()}\n        >\n          <div className=\"text-ods-text-muted text-h6\">Loading logs...</div>\n        </div>\n      );\n    }\n\n    if (logs.length === 0) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            'rounded-lg border border-ods-border bg-ods-card p-4',\n            'flex items-center justify-center',\n            getContainerClasses(),\n            className,\n          )}\n          style={getContainerStyles()}\n        >\n          <div className=\"text-ods-text-muted text-h6\">{emptyMessage}</div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative rounded-lg border border-ods-border bg-ods-card',\n          'flex flex-col overflow-hidden',\n          getContainerClasses(),\n          className,\n        )}\n        style={getContainerStyles()}\n      >\n        <div ref={containerRef} className=\"flex-1 overflow-y-auto px-4 py-3\">\n          {logs.map((log, index) => (\n            <LogCard\n              key={log.id}\n              log={log}\n              isLast={index === logs.length - 1}\n              showConnector={showConnector}\n              onClick={() => onLogClick?.(log)}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  },\n);\n\nLogsList.displayName = 'LogsList';\n","import { forwardRef } from 'react';\nimport { type LogSeverityDotProps, LOG_SEVERITY_COLORS, LOG_SEVERITY_LABELS } from '../types/logs.types';\nimport { cn } from '../utils/cn';\n\nexport const LogSeverityDot = forwardRef<HTMLDivElement, LogSeverityDotProps>(\n  ({ severity, size = 'md', className }, ref) => {\n    const sizeClasses = {\n      sm: 'w-4 h-4',\n      md: 'w-6 h-6',\n      lg: 'w-8 h-8',\n    };\n\n    const dotSizeClasses = {\n      sm: 'w-2 h-2',\n      md: 'w-3 h-3',\n      lg: 'w-4 h-4',\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn('relative flex shrink-0 items-center justify-center', sizeClasses[size], className)}\n        aria-label={`${LOG_SEVERITY_LABELS[severity]} severity`}\n      >\n        <div\n          className={cn('rounded-full', dotSizeClasses[size])}\n          style={{ backgroundColor: LOG_SEVERITY_COLORS[severity] }}\n        />\n      </div>\n    );\n  },\n);\n\nLogSeverityDot.displayName = 'LogSeverityDot';\n","import type { ToolType } from './tool.types';\n\nexport type LogSeverity = 'DEBUG' | 'INFO' | 'WARNING' | 'ERROR' | 'CRITICAL';\n\nexport interface LogEntry {\n  id: string;\n  ingestDay: string;\n  eventType: string;\n  severity: LogSeverity;\n  title: string;\n  timestamp: string | Date;\n  toolType?: ToolType;\n  toolIcon?: string;\n  message?: string;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface LogsListProps {\n  logs: LogEntry[];\n  maxHeight?: string | number;\n  showConnector?: boolean;\n  onLogClick?: (log: LogEntry) => void;\n  loading?: boolean;\n  emptyMessage?: string;\n  className?: string;\n}\n\nexport interface LogSeverityDotProps {\n  severity: LogSeverity;\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n}\n\nexport const LOG_SEVERITY_COLORS: Record<LogSeverity, string> = {\n  DEBUG: '#888888',\n  INFO: '#888888',\n  WARNING: '#e1b32f',\n  ERROR: '#f36666',\n  CRITICAL: '#b43b3b',\n};\n\nexport const LOG_SEVERITY_LABELS: Record<LogSeverity, string> = {\n  DEBUG: 'Debug',\n  INFO: 'Info',\n  WARNING: 'Warning',\n  ERROR: 'Error',\n  CRITICAL: 'Critical',\n};\n","// Assets exports\n// Font files and other static assets\n// Platform utilities will be available when needed\n\nexport const assets = {} as const;\nexport * from './fae-avatar';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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","names":["forwardRef","jsx","forwardRef"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.581-snapshot.20260901141954",
+  "version": "0.0.581",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/features/video.tsx

@@ -35,7 +35,6 @@ import type React from 'react';
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useAuthedAssetSrc } from '../../hooks/use-authed-asset-src';
 import { fetchPriorityProp } from '../../utils/fetch-priority';
-import { Button } from '../ui/button';
 import { useIosNativeVideoFullscreen } from './use-ios-native-video-fullscreen';
 import { saveDataEnabled } from './use-video-warmup';
 import { VideoPlayBadge, VideoUnmuteGlyph } from './video-center-badge';
@@ -281,76 +280,6 @@ export function extractYouTubeId(url: string): string | null {
   return m ? m[1] : null;
 }
 
-// =============================================================================
-// Playback-failure handling
-// =============================================================================
-//
-// A stalled or errored player leaves the user on an endless spinner with no way
-// out. Every failure surfaces a retry (`VideoErrorOverlay`) and is reported on
-// a `window` CustomEvent the host subscribes to — no vendor analytics global is
-// touched from here; this package ships to consumers that load different (or
-// no) analytics.
-
-export type VideoFailureKind = 'file' | 'youtube';
-/** `stall`: buffering that never cleared while playback was expected. */
-export type VideoFailureReason = 'error' | 'stall';
-
-export interface VideoPlaybackFailureDetail {
-  kind: VideoFailureKind;
-  /** File URL or YouTube video id — enough to group failures by source. */
-  src: string;
-  reason: VideoFailureReason;
-  /** YouTube IFrame API error code, when the embed reported one. */
-  errorCode?: number;
-}
-
-export const VIDEO_PLAYBACK_FAILED_EVENT = 'flamingo:video-playback-failed';
-
-function reportPlaybackFailure(detail: VideoPlaybackFailureDetail): void {
-  if (typeof window === 'undefined') return;
-  try {
-    window.dispatchEvent(new CustomEvent(VIDEO_PLAYBACK_FAILED_EVENT, { detail }));
-  } catch {
-    // Analytics must never break playback recovery.
-  }
-}
-
-// Buffering longer than this while playback is expected reads as "broken", not
-// "loading" — surface a retry instead of spinning forever. This is what an
-// `error` callback alone misses: a video that played, then stalled mid-way.
-const VIDEO_STALL_TIMEOUT_MS = 15_000;
-
-/** `watchOnYouTubeId` adds the one recovery that survives an embed the owner
- *  disabled: opening the video on YouTube itself. */
-function VideoErrorOverlay({
-  onRetry,
-  watchOnYouTubeId,
-}: {
-  onRetry: () => void;
-  watchOnYouTubeId?: string;
-}): React.ReactElement {
-  return (
-    <div className="absolute inset-0 z-10 flex flex-col items-center justify-center gap-[var(--spacing-system-sf)] bg-ods-overlay p-[var(--spacing-system-lf)] text-center">
-      <p className="text-ods-text-secondary text-h6">This video failed to play.</p>
-      <div className="flex items-center gap-[var(--spacing-system-sf)]">
-        <Button variant="outline" size="small" onClick={onRetry}>
-          Try again
-        </Button>
-        {watchOnYouTubeId ? (
-          <Button
-            variant="transparent"
-            size="small"
-            href={`https://www.youtube.com/watch?v=${watchOnYouTubeId}`}
-            openInNewTab
-          >
-            Watch on YouTube
-          </Button>
-        ) : null}
-      </div>
-    </div>
-  );
-}
-
 // =============================================================================
 // Props
 // =============================================================================
@@ -761,13 +690,11 @@ function FilePlayer({
   const hoverPlayerRef = useRef<{
     play?: () => Promise<void> | void;
     pause?: () => void;
-    load?: () => void;
     muted?: boolean;
     volume?: number;
     currentTime?: number;
     duration?: number;
     paused?: boolean;
-    ended?: boolean;
     addEventListener?: (type: string, listener: () => void) => void;
     removeEventListener?: (type: string, listener: () => void) => void;
   } | null>(null);
@@ -1173,93 +1100,9 @@ function FilePlayer({
     );
   }
 
-  // Only chrome-bearing surfaces (a user actively watching) monitor health —
-  // decorative first-frame and hover previews pass `chromeless` and stay silent.
-  const monitorHealth = !chromeless;
-  const [playbackFailed, setPlaybackFailed] = useState(false);
-  const stallTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const clearStallTimer = useCallback(() => {
-    if (stallTimerRef.current !== null) {
-      clearTimeout(stallTimerRef.current);
-      stallTimerRef.current = null;
-    }
-  }, []);
-  useEffect(() => clearStallTimer, [clearStallTimer]);
-
-  const failPlayback = useCallback(
-    (reason: VideoFailureReason) => {
-      clearStallTimer();
-      setPlaybackFailed(true);
-      reportPlaybackFailure({ kind: 'file', src: url, reason });
-    },
-    [clearStallTimer, url],
-  );
-
-  // A manually paused or finished video is never a stall.
-  const armStallTimer = useCallback(() => {
-    if (!monitorHealth) return;
-    const el = hoverPlayerRef.current;
-    if (!el || el.paused || el.ended) return;
-    if (stallTimerRef.current !== null) return;
-    stallTimerRef.current = setTimeout(() => {
-      stallTimerRef.current = null;
-      failPlayback('stall');
-    }, VIDEO_STALL_TIMEOUT_MS);
-  }, [monitorHealth, failPlayback]);
-
-  // Progress means the player is alive — a stall that self-heals clears its own
-  // overlay.
-  const handlePlaybackProgress = useCallback(() => {
-    clearStallTimer();
-    setPlaybackFailed(false);
-  }, [clearStallTimer]);
-
-  const handleMediaError = useCallback(() => {
-    if (!monitorHealth) return;
-    failPlayback('error');
-  }, [monitorHealth, failPlayback]);
-
-  // `load()` re-inits the HLS pipeline (`play()` alone can't) but rewinds to
-  // zero — stash the position and seek back on `loadedmetadata`, since an
-  // earlier assignment is dropped while the fresh source has no seekable range.
-  const retryPlayback = useCallback(() => {
-    setPlaybackFailed(false);
-    clearStallTimer();
-    const el = hoverPlayerRef.current;
-    if (!el) return;
-    const resumeAt = typeof el.currentTime === 'number' ? el.currentTime : 0;
-    try {
-      el.load?.();
-      if (resumeAt > 0 && el.addEventListener && el.removeEventListener) {
-        const seekBack = () => {
-          el.removeEventListener?.('loadedmetadata', seekBack);
-          try {
-            el.currentTime = resumeAt;
-          } catch {
-            /* source shorter than the stashed position — start from the top */
-          }
-        };
-        el.addEventListener('loadedmetadata', seekBack);
-      }
-      (el.play?.() as Promise<void> | undefined)?.catch?.(() => {
-        /* a re-rejected play surfaces again via the error/stall handlers */
-      });
-    } catch {
-      /* element torn down */
-    }
-  }, [clearStallTimer]);
-
-  const errorOverlay = monitorHealth && playbackFailed ? <VideoErrorOverlay onRetry={retryPlayback} /> : null;
-
   const player = (
     <MuxPlayer
       ref={hoverPlayerRef as React.Ref<never>}
-      onError={handleMediaError}
-      onWaiting={armStallTimer}
-      onStalled={armStallTimer}
-      onPlaying={handlePlaybackProgress}
-      onTimeUpdate={handlePlaybackProgress}
-      onPause={clearStallTimer}
       src={url}
       poster={poster || undefined}
       streamType="on-demand"
@@ -1344,18 +1187,26 @@ function FilePlayer({
       <div className="relative h-full w-full" onPointerEnter={handleHoverEnter} onPointerLeave={handleHoverLeave}>
         {player}
         {unmuteBadge}
-        {errorOverlay}
       </div>
     );
   }
-  // A relative wrapper so the unmute badge and the error overlay can dock. The
-  // bare `player` return is left only for chromeless previews (never monitored).
-  if (hoverControlled || autoPlayUnmuted || startMuted || monitorHealth) {
+  if (hoverControlled) {
+    return (
+      <div className="relative h-full w-full">
+        {player}
+        {unmuteBadge}
+      </div>
+    );
+  }
+  // Handoff surfaces (autoPlayUnmuted / startMuted) need the relative wrapper so
+  // the internal center unmute badge can dock — the bare branch has none. Hosts
+  // that render their OWN control pass hideMutedBadge (unmuteBadge is null then,
+  // but the wrapper is harmless).
+  if (autoPlayUnmuted || startMuted) {
     return (
       <div className="relative h-full w-full">
         {player}
         {unmuteBadge}
-        {errorOverlay}
       </div>
     );
   }
@@ -1437,9 +1288,6 @@ const YT_PLAYING_BLUR_DELAY_MS = 1000;
 interface YouTubeInfoDeliveryMessage {
   event?: string;
   info?: { playerState?: number };
-  /** `onError` carries its code as a bare number in `info`, not an object:
-   *  `{"event":"onError","info":150}` (101/150 = embedding disabled). */
-  errorCode?: number;
 }
 
 /**
@@ -1459,7 +1307,6 @@ function toYouTubeMessage(parsed: unknown): YouTubeInfoDeliveryMessage | null {
   return {
     event: typeof event === 'string' ? event : undefined,
     info: { playerState: typeof playerState === 'number' ? playerState : undefined },
-    errorCode: typeof info === 'number' ? info : undefined,
   };
 }
 
@@ -1473,18 +1320,8 @@ function YouTubeFacadeInner({
   suspended,
 }: YouTubeFacadeInnerProps): React.ReactElement {
   const [activated, setActivated] = useState(Boolean(autoActivate));
-  // The embed reported a hard player error (see the `onError` branch below).
-  // Retry remounts the iframe via `reloadNonce` — a fresh element, since there
-  // is no way to re-init a cross-origin player from outside.
-  const [failed, setFailed] = useState(false);
-  const [reloadNonce, setReloadNonce] = useState(0);
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
 
-  const retry = useCallback(() => {
-    setFailed(false);
-    setReloadNonce(n => n + 1);
-  }, []);
-
   // Embed URL + poster URLs only change when `videoId` or `minimalControls`
   // do — memoize so we don't rebuild URLSearchParams on every render.
   //
@@ -1577,7 +1414,7 @@ function YouTubeFacadeInner({
   // end-of-video (ENDED).
   // ---------------------------------------------------------------------------
   useEffect(() => {
-    if (!activated || failed) return undefined;
+    if (!activated) return undefined;
     const iframe = iframeRef.current;
     if (!iframe) return undefined;
 
@@ -1590,10 +1427,6 @@ function YouTubeFacadeInner({
 
     let blurTimer: ReturnType<typeof setTimeout> | null = null;
 
-    // No "never reached PLAYING within N seconds" watchdog on purpose: an embed
-    // whose unmuted autoplay Safari/iOS blocked, or one whose jsapi channel is
-    // dead, is healthy and silent — a timeout would tear those down, and retry
-    // would re-arm it. Only an explicit `onError` is a definitive failure.
     function handleMessage(event: MessageEvent) {
       if (event.origin !== YT_NOCOOKIE_ORIGIN) return;
       if (typeof event.data !== 'string') return;
@@ -1603,13 +1436,7 @@ function YouTubeFacadeInner({
       } catch {
         return;
       }
-      if (!payload) return;
-      if (payload.event === 'onError') {
-        setFailed(true);
-        reportPlaybackFailure({ kind: 'youtube', src: videoId, reason: 'error', errorCode: payload.errorCode });
-        return;
-      }
-      if (payload.event !== 'infoDelivery') return;
+      if (!payload || payload.event !== 'infoDelivery') return;
       const state = payload.info?.playerState;
       if (typeof state !== 'number') return;
 
@@ -1632,7 +1459,7 @@ function YouTubeFacadeInner({
       window.removeEventListener('message', handleMessage);
       if (blurTimer !== null) clearTimeout(blurTimer);
     };
-  }, [activated, failed, reloadNonce, videoId]);
+  }, [activated]);
 
   // Close-side pause: a closing dialog flips `suspended` false→true. Post the
   // pauseVideo command over the same enablejsapi channel so the iframe stops
@@ -1655,19 +1482,10 @@ function YouTubeFacadeInner({
   const wrapperClass = `relative w-full ${className ?? ''}`;
   const wrapperStyle = { paddingBottom: '56.25%' as const };
 
-  if (activated && failed) {
-    return (
-      <div className={wrapperClass} style={wrapperStyle}>
-        <VideoErrorOverlay onRetry={retry} watchOnYouTubeId={videoId} />
-      </div>
-    );
-  }
-
   if (activated) {
     return (
       <div className={wrapperClass} style={wrapperStyle}>
         <iframe
-          key={reloadNonce}
           ref={iframeRef}
           src={embedUrl}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"