@therealtinhtute/baroiplayer 1.0.0 → 1.0.2

package/dist/{enhanced-components-DHv0MFvG.js.map → enhanced-components-Da0TSvKe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"enhanced-components-DHv0MFvG.js","sources":["../src/components/enhanced/media-player-enhanced.tsx","../src/components/enhanced/advanced-features.tsx","../src/components/enhanced/enhanced-controls.tsx","../src/components/enhanced/debug-panel.tsx"],"sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { useMediaContext, useMediaSelector, useMediaDispatch, MediaActionTypes } from \"../../context/media-context\"\nimport { cn } from \"../../lib/utils\"\n\n// Enhanced media player with better performance and mobile support\nexport interface EnhancedMediaPlayerProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n\tautoHide?: boolean\n\tautoHideDelay?: number\n\tshowControlsOnHover?: boolean\n\tshowControlsOnTouch?: boolean\n\tenableKeyboardControls?: boolean\n\tenableTouchGestures?: boolean\n\tonPlay?: () => void\n\tonPause?: () => void\n\tonTimeUpdate?: (time: number) => void\n\tonVolumeChange?: (volume: number) => void\n\tonFullscreenChange?: (isFullscreen: boolean) => void\n}\n\n// Custom hook for auto-hide controls\nfunction useAutoHideControls(\n\tautoHide: boolean,\n\tdelay: number,\n\tshowOnHover: boolean,\n\tshowOnTouch: boolean\n) {\n\tconst [showControls, setShowControls] = React.useState(true)\n\tconst [isHovering, setIsHovering] = React.useState(false)\n\tconst [isTouching, setIsTouching] = React.useState(false)\n  const timeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n\tconst resetTimeout = React.useCallback(() => {\n\t\tif (timeoutRef.current) {\n\t\t\tclearTimeout(timeoutRef.current)\n\t\t}\n\t\tif (autoHide) {\n\t\t\ttimeoutRef.current = setTimeout(() => {\n\t\t\t\tif (!isHovering && !isTouching) {\n\t\t\t\t\tsetShowControls(false)\n\t\t\t\t}\n\t\t\t}, delay)\n\t\t}\n\t}, [autoHide, delay, isHovering, isTouching])\n\n\tconst showControlsTemporarily = React.useCallback(() => {\n\t\tsetShowControls(true)\n\t\tresetTimeout()\n\t}, [resetTimeout])\n\n\tReact.useEffect(() => {\n\t\tif (autoHide) {\n\t\t\tresetTimeout()\n\t\t} else {\n\t\t\tsetShowControls(true)\n\t\t}\n\t\treturn () => {\n\t\t\tif (timeoutRef.current) {\n\t\t\t\tclearTimeout(timeoutRef.current)\n\t\t\t}\n\t\t}\n\t}, [autoHide, resetTimeout])\n\n\tconst handleMouseEnter = React.useCallback(() => {\n\t\tif (showOnHover) {\n\t\t\tsetIsHovering(true)\n\t\t\tsetShowControls(true)\n\t\t}\n\t}, [showOnHover])\n\n\tconst handleMouseLeave = React.useCallback(() => {\n\t\tif (showOnHover) {\n\t\t\tsetIsHovering(false)\n\t\t\tresetTimeout()\n\t\t}\n\t}, [showOnHover, resetTimeout])\n\n\tconst handleTouchStart = React.useCallback(() => {\n\t\tif (showOnTouch) {\n\t\t\tsetIsTouching(true)\n\t\t\tshowControlsTemporarily()\n\t\t}\n\t}, [showOnTouch, showControlsTemporarily])\n\n\tconst handleTouchEnd = React.useCallback(() => {\n\t\tif (showOnTouch) {\n\t\t\tsetIsTouching(false)\n\t\t\tresetTimeout()\n\t\t}\n\t}, [showOnTouch, resetTimeout])\n\n\treturn {\n\t\tshowControls,\n\t\tshowControlsTemporarily,\n\t\thandleMouseEnter,\n\t\thandleMouseLeave,\n\t\thandleTouchStart,\n\t\thandleTouchEnd\n\t}\n}\n\n// Custom hook for touch gestures\nfunction useTouchGestures(enabled: boolean) {\n\tconst dispatch = useMediaDispatch()\n\tconst isPlaying = useMediaSelector(state => state.isPlaying)\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\tconst volume = useMediaSelector(state => state.volume)\n\n\tconst [touchStart, setTouchStart] = React.useState<{ x: number; y: number; time: number } | null>(null)\n\tconst [isDoubleTap, setIsDoubleTap] = React.useState(false)\n\n\tconst handleTouchStart = React.useCallback((e: React.TouchEvent) => {\n\t\tif (!enabled) return\n\t\t\n\t\tconst touch = e.touches[0]\n\t\tif (!touch) return\n\t\t\n\t\tconst now = Date.now()\n\t\t\n\t\tif (touchStart && now - touchStart.time < 300) {\n\t\t\tsetIsDoubleTap(true)\n\t\t\t// Double tap to play/pause\n\t\t\tdispatch({\n\t\t\t\ttype: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY\n\t\t\t})\n\t\t} else {\n\t\t\tsetTouchStart({\n\t\t\t\tx: touch.clientX,\n\t\t\t\ty: touch.clientY,\n\t\t\t\ttime: now\n\t\t\t})\n\t\t\tsetIsDoubleTap(false)\n\t\t}\n\t}, [enabled, touchStart, isPlaying, dispatch])\n\n\tconst handleTouchMove = React.useCallback((e: React.TouchEvent) => {\n\t\tif (!enabled || !touchStart || isDoubleTap) return\n\n\t\tconst touch = e.touches[0]\n\t\tif (!touch) return\n\t\t\n\t\tconst deltaX = touch.clientX - touchStart.x\n\t\tconst deltaY = touch.clientY - touchStart.y\n\n\t\t// Horizontal swipe for seeking\n\t\tif (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {\n\t\t\tconst seekAmount = (deltaX / window.innerWidth) * 30 // 30 seconds max\n\t\t\tconst newTime = Math.max(0, Math.min(duration, currentTime + seekAmount))\n\t\t\tdispatch({\n\t\t\t\ttype: MediaActionTypes.SEEK,\n\t\t\t\tdetail: newTime\n\t\t\t})\n\t\t}\n\n\t\t// Vertical swipe for volume (right side of screen)\n\t\tif (Math.abs(deltaY) > Math.abs(deltaX) && Math.abs(deltaY) > 50 && touchStart.x > window.innerWidth / 2) {\n\t\t\tconst volumeChange = -(deltaY / window.innerHeight) * 1 // Full range\n\t\t\tconst newVolume = Math.max(0, Math.min(1, volume + volumeChange))\n\t\t\tdispatch({\n\t\t\t\ttype: MediaActionTypes.SET_VOLUME,\n\t\t\t\tdetail: newVolume\n\t\t\t})\n\t\t}\n\t}, [enabled, touchStart, isDoubleTap, duration, currentTime, volume, dispatch])\n\n\tconst handleTouchEnd = React.useCallback(() => {\n\t\tif (!enabled) return\n\t\t// Reset touch state after a delay to allow for double tap detection\n\t\tsetTimeout(() => {\n\t\t\tsetTouchStart(null)\n\t\t\tsetIsDoubleTap(false)\n\t\t}, 300)\n\t}, [enabled])\n\n\treturn {\n\t\thandleTouchStart,\n\t\thandleTouchMove,\n\t\thandleTouchEnd\n\t}\n}\n\nexport const EnhancedMediaPlayer = function EnhancedMediaPlayer({\n\tchildren,\n\tclassName,\n\tautoHide = true,\n\tautoHideDelay = 3000,\n\tshowControlsOnHover = true,\n\tshowControlsOnTouch = true,\n\tenableKeyboardControls = true,\n\tenableTouchGestures = true,\n\tonPlay,\n\tonPause,\n\tonTimeUpdate,\n\tonVolumeChange,\n\tonFullscreenChange\n}: EnhancedMediaPlayerProps) {\n\tconst context = useMediaContext()\n\tconst dispatch = useMediaDispatch()\n\t\n\t// State selectors with memoization\n\tconst isPlaying = useMediaSelector(React.useCallback(state => state.isPlaying, []))\n\tconst isFullscreen = useMediaSelector(React.useCallback(state => state.isFullscreen, []))\n\tconst currentTime = useMediaSelector(React.useCallback(state => state.currentTime, []))\n\tconst volume = useMediaSelector(React.useCallback(state => state.volume, []))\n\tconst error = useMediaSelector(React.useCallback(state => state.error, []))\n\n\t// Custom hooks\n\tconst {\n\t\tshowControls,\n\t\tshowControlsTemporarily,\n\t\thandleMouseEnter,\n\t\thandleMouseLeave,\n\t\thandleTouchStart: handleControlsTouch,\n\t\thandleTouchEnd: handleControlsTouchEnd\n\t} = useAutoHideControls(autoHide, autoHideDelay, showControlsOnHover, showControlsOnTouch)\n\n\tconst {\n\t\thandleTouchStart: handleGestureStart,\n\t\thandleTouchMove: handleGestureMove,\n\t\thandleTouchEnd: handleGestureEnd\n\t} = useTouchGestures(enableTouchGestures)\n\n\t// Combine touch handlers\n\tconst handleTouchStart = React.useCallback((e: React.TouchEvent) => {\n\t\thandleControlsTouch()\n\t\thandleGestureStart(e)\n\t}, [handleControlsTouch, handleGestureStart])\n\n\tconst handleTouchEnd = React.useCallback(() => {\n\t\thandleControlsTouchEnd()\n\t\thandleGestureEnd()\n\t}, [handleControlsTouchEnd, handleGestureEnd])\n\n\t// Event handlers with memoization\n\tconst handleClick = React.useCallback(() => {\n\t\tshowControlsTemporarily()\n\t}, [showControlsTemporarily])\n\n\t// Keyboard controls\n\tReact.useEffect(() => {\n\t\tif (!enableKeyboardControls) return\n\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tif (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tswitch (e.code) {\n\t\t\t\tcase 'Space':\n\t\t\t\tcase 'KeyK':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'KeyF':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: isFullscreen ? MediaActionTypes.EXIT_FULLSCREEN : MediaActionTypes.ENTER_FULLSCREEN\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'KeyM':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({ type: MediaActionTypes.TOGGLE_MUTE })\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SEEK,\n\t\t\t\t\t\tdetail: Math.max(0, currentTime - 10)\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SEEK,\n\t\t\t\t\t\tdetail: currentTime + 10\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SET_VOLUME,\n\t\t\t\t\t\tdetail: Math.min(1, volume + 0.1)\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SET_VOLUME,\n\t\t\t\t\t\tdetail: Math.max(0, volume - 0.1)\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [enableKeyboardControls, dispatch, isPlaying, isFullscreen, currentTime, volume])\n\n\t// Event callbacks\n\tReact.useEffect(() => {\n\t\tif (isPlaying) onPlay?.()\n\t\telse onPause?.()\n\t}, [isPlaying, onPlay, onPause])\n\n\tReact.useEffect(() => {\n\t\tonTimeUpdate?.(currentTime)\n\t}, [currentTime, onTimeUpdate])\n\n\tReact.useEffect(() => {\n\t\tonVolumeChange?.(volume)\n\t}, [volume, onVolumeChange])\n\n\tReact.useEffect(() => {\n\t\tonFullscreenChange?.(isFullscreen)\n\t}, [isFullscreen, onFullscreenChange])\n\n\treturn (\n\t\t<div\n\t\t\tref={context.rootRef}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative isolate flex flex-col overflow-hidden rounded-lg bg-black outline-none\",\n\t\t\t\t\"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n\t\t\t\t\"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n\t\t\t\tisFullscreen && \"fixed inset-0 z-50 rounded-none\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-state={isFullscreen ? \"fullscreen\" : \"inline\"}\n\t\t\tdata-disabled={error ? \"\" : undefined}\n\t\t\tdata-controls-visible={showControls ? \"\" : undefined}\n\t\t\ttabIndex={0}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\tonTouchStart={handleTouchStart}\n\t\t\tonTouchMove={handleGestureMove}\n\t\t\tonTouchEnd={handleTouchEnd}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nEnhancedMediaPlayer.displayName = \"EnhancedMediaPlayer\"\n","\"use client\"\n\nimport React from \"react\"\nimport { useMediaSelector, useMediaDispatch, MediaActionTypes } from \"../../context/media-context\"\nimport { cn } from \"../../lib/utils\"\nimport { formatTime } from \"../../lib/format-time\"\n\n// Types for advanced features\nexport interface Chapter {\n\tid: string\n\ttitle: string\n\tstartTime: number\n\tendTime: number\n\tthumbnail?: string\n}\n\nexport interface QualityLevel {\n\tid: string\n\tlabel: string\n\twidth: number\n\theight: number\n\tbitrate?: number\n}\n\nexport interface Subtitle {\n\tid: string\n\tlabel: string\n\tlanguage: string\n\tsrc: string\n\tdefault?: boolean\n}\n\n// Quality selector component\nexport const QualitySelector = function QualitySelector({\n\tqualities,\n\tcurrentQuality,\n\tonQualityChange,\n\tclassName\n}: {\n\tqualities: QualityLevel[]\n\tcurrentQuality: string\n\tonQualityChange: (qualityId: string) => void\n\tclassName?: string\n}) {\n\tconst [isOpen, setIsOpen] = React.useState(false)\n\n\tconst currentQualityLabel = React.useMemo(() => {\n\t\treturn qualities.find(q => q.id === currentQuality)?.label || \"Auto\"\n\t}, [qualities, currentQuality])\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70\"\n\t\t\t\taria-label=\"Select quality\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-4 w-4\">\n\t\t\t\t\t<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span className=\"text-sm\">{currentQualityLabel}</span>\n\t\t\t\t<svg \n\t\t\t\t\tviewBox=\"0 0 24 24\" \n\t\t\t\t\tfill=\"currentColor\" \n\t\t\t\t\tclassName={cn(\"h-4 w-4 transition-transform\", isOpen && \"rotate-180\")}\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7 10l5 5 5-5z\"/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"absolute right-0 bottom-full mb-2 min-w-32 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm\">\n\t\t\t\t\t{qualities.map((quality) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={quality.id}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonQualityChange(quality.id)\n\t\t\t\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t\tquality.id === currentQuality && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{quality.label}\n\t\t\t\t\t\t\t{quality.bitrate && (\n\t\t\t\t\t\t\t\t<span className=\"ml-2 text-white/60 text-xs\">\n\t\t\t\t\t\t\t\t\t({Math.round(quality.bitrate / 1000)}k)\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Subtitle selector component\nexport const SubtitleSelector = function SubtitleSelector({\n\tsubtitles,\n\tcurrentSubtitle,\n\tonSubtitleChange,\n\tclassName\n}: {\n\tsubtitles: Subtitle[]\n\tcurrentSubtitle: string | null\n\tonSubtitleChange: (subtitleId: string | null) => void\n\tclassName?: string\n}) {\n\tconst [isOpen, setIsOpen] = React.useState(false)\n\n\tconst currentSubtitleLabel = React.useMemo(() => {\n\t\tif (!currentSubtitle) return \"Off\"\n\t\treturn subtitles.find(s => s.id === currentSubtitle)?.label || \"Off\"\n\t}, [subtitles, currentSubtitle])\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70\"\n\t\t\t\taria-label=\"Select subtitles\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-4 w-4\">\n\t\t\t\t\t<path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span className=\"text-sm\">{currentSubtitleLabel}</span>\n\t\t\t\t<svg \n\t\t\t\t\tviewBox=\"0 0 24 24\" \n\t\t\t\t\tfill=\"currentColor\" \n\t\t\t\t\tclassName={cn(\"h-4 w-4 transition-transform\", isOpen && \"rotate-180\")}\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7 10l5 5 5-5z\"/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"absolute right-0 bottom-full mb-2 min-w-32 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonSubtitleChange(null)\n\t\t\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t!currentSubtitle && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\tOff\n\t\t\t\t\t</button>\n\t\t\t\t\t{subtitles.map((subtitle) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={subtitle.id}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonSubtitleChange(subtitle.id)\n\t\t\t\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t\tsubtitle.id === currentSubtitle && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{subtitle.label}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Playback speed selector\nexport const PlaybackSpeedSelector = function PlaybackSpeedSelector({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst playbackRate = useMediaSelector(state => state.playbackRate)\n\tconst [isOpen, setIsOpen] = React.useState(false)\n\n\tconst speeds = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n\tconst handleSpeedChange = React.useCallback((speed: number) => {\n\t\tdispatch({ type: MediaActionTypes.SET_PLAYBACK_RATE, detail: speed })\n\t\tsetIsOpen(false)\n\t}, [dispatch])\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70\"\n\t\t\t\taria-label=\"Select playback speed\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-4 w-4\">\n\t\t\t\t\t<path d=\"M13,8A4,4 0 0,0 9,12A4,4 0 0,0 13,16A4,4 0 0,0 17,12A4,4 0 0,0 13,8M13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4Z\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span className=\"text-sm\">{playbackRate}x</span>\n\t\t\t\t<svg \n\t\t\t\t\tviewBox=\"0 0 24 24\" \n\t\t\t\t\tfill=\"currentColor\" \n\t\t\t\t\tclassName={cn(\"h-4 w-4 transition-transform\", isOpen && \"rotate-180\")}\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7 10l5 5 5-5z\"/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"absolute right-0 bottom-full mb-2 min-w-20 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm\">\n\t\t\t\t\t{speeds.map((speed) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={speed}\n\t\t\t\t\t\t\tonClick={() => handleSpeedChange(speed)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t\tspeed === playbackRate && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{speed}x\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Chapters component\nexport const ChaptersPanel = function ChaptersPanel({\n\tchapters,\n\tonChapterSelect,\n\tclassName\n}: {\n\tchapters: Chapter[]\n\tonChapterSelect: (chapter: Chapter) => void\n\tclassName?: string\n}) {\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\n\tconst currentChapter = React.useMemo(() => {\n\t\treturn chapters.find(chapter => \n\t\t\tcurrentTime >= chapter.startTime && currentTime < chapter.endTime\n\t\t)\n\t}, [chapters, currentTime])\n\n\treturn (\n\t\t<div className={cn(\"rounded-lg border border-white/20 bg-black/90 p-4 backdrop-blur-sm\", className)}>\n\t\t\t<h3 className=\"mb-3 font-semibold text-white\">Chapters</h3>\n\t\t\t<div className=\"max-h-64 space-y-2 overflow-y-auto\">\n\t\t\t\t{chapters.map((chapter) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={chapter.id}\n\t\t\t\t\t\tonClick={() => onChapterSelect(chapter)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors\",\n\t\t\t\t\t\t\t\"hover:bg-white/10\",\n\t\t\t\t\t\t\tchapter.id === currentChapter?.id && \"border border-primary/30 bg-primary/20\"\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{chapter.thumbnail && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={chapter.thumbnail}\n\t\t\t\t\t\t\t\talt={chapter.title}\n\t\t\t\t\t\t\t\tclassName=\"h-9 w-16 rounded object-cover\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t<div className=\"truncate font-medium text-white\">{chapter.title}</div>\n\t\t\t\t\t\t\t<div className=\"text-sm text-white/60\">\n\t\t\t\t\t\t\t\t{formatTime(chapter.startTime)} - {formatTime(chapter.endTime)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n// Picture-in-Picture button\nexport const PictureInPictureButton = function PictureInPictureButton({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst isPictureInPicture = useMediaSelector(state => state.isPictureInPicture)\n\n\tconst handleTogglePiP = React.useCallback(() => {\n\t\tdispatch({\n\t\t\ttype: isPictureInPicture ? MediaActionTypes.EXIT_PIP : MediaActionTypes.ENTER_PIP\n\t\t})\n\t}, [dispatch, isPictureInPicture])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleTogglePiP}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-10 w-10 items-center justify-center rounded-full text-white\",\n\t\t\t\t\"transition-colors hover:bg-white/10\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={isPictureInPicture ? \"Exit Picture-in-Picture\" : \"Enter Picture-in-Picture\"}\n\t\t>\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t<path d=\"M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z\"/>\n\t\t\t</svg>\n\t\t</button>\n\t)\n}\n","\"use client\"\n\nimport React from \"react\"\nimport { useMediaSelector, useMediaDispatch, MediaActionTypes } from \"../../context/media-context\"\nimport { cn } from \"../../lib/utils\"\nimport { formatTime } from \"../../lib/format-time\"\n\n// Enhanced play button with better animations\nexport const EnhancedPlayButton = function EnhancedPlayButton({\n\tclassName,\n\tsize = \"md\"\n}: {\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst isPlaying = useMediaSelector(state => state.isPlaying)\n\tconst isLoading = useMediaSelector(state => state.isLoading)\n\n\tconst sizeClasses = {\n\t\tsm: \"h-8 w-8\",\n\t\tmd: \"h-10 w-10\",\n\t\tlg: \"h-12 w-12\",\n\t\txl: \"h-16 w-16\"\n\t}\n\n\tconst iconSizes = {\n\t\tsm: \"h-4 w-4\",\n\t\tmd: \"h-5 w-5\",\n\t\tlg: \"h-6 w-6\",\n\t\txl: \"h-8 w-8\"\n\t}\n\n\tconst handleClick = React.useCallback(() => {\n\t\tdispatch({\n\t\t\ttype: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY\n\t\t})\n\t}, [dispatch, isPlaying])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleClick}\n\t\t\tdisabled={isLoading}\n\t\t\tclassName={cn(\n\t\t\t\t\"group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm\",\n\t\t\t\t\"border border-white/20 text-white transition-all duration-200\",\n\t\t\t\t\"hover:scale-105 hover:bg-white/20 active:scale-95\",\n\t\t\t\t\"focus:outline-none focus:ring-2 focus:ring-white/50\",\n\t\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tsizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={isPlaying ? \"Pause\" : \"Play\"}\n\t\t>\n\t\t\t{isLoading ? (\n\t\t\t\t<div className={cn(\"animate-spin rounded-full border-2 border-white/30 border-t-white\", iconSizes[size])} />\n\t\t\t) : (\n\t\t\t\t<div className={cn(\"transition-transform duration-200\", iconSizes[size])}>\n\t\t\t\t\t{isPlaying ? (\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-full w-full\">\n\t\t\t\t\t\t\t<path d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"ml-0.5 h-full w-full\">\n\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</button>\n\t)\n}\n\n// Enhanced seek bar with preview and better touch support\nexport const EnhancedSeekBar = function EnhancedSeekBar({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\tconst buffered = useMediaSelector(state => state.buffered)\n\tconst previewTime = useMediaSelector(state => state.previewTime)\n\n\tconst [isDragging, setIsDragging] = React.useState(false)\n\tconst [hoverTime, setHoverTime] = React.useState<number | null>(null)\n\tconst progressRef = React.useRef<HTMLDivElement>(null)\n\n\tconst progress = duration > 0 ? (currentTime / duration) * 100 : 0\n\tconst previewProgress = duration > 0 && previewTime !== null ? (previewTime / duration) * 100 : null\n\n\t// Calculate buffered ranges\n\tconst bufferedRanges = React.useMemo(() => {\n\t\tif (!buffered || duration === 0) return []\n\t\tconst ranges = []\n\t\tfor (let i = 0; i < buffered.length; i++) {\n\t\t\tranges.push({\n\t\t\t\tstart: (buffered.start(i) / duration) * 100,\n\t\t\t\tend: (buffered.end(i) / duration) * 100\n\t\t\t})\n\t\t}\n\t\treturn ranges\n\t}, [buffered, duration])\n\n\tconst getTimeFromPosition = React.useCallback((clientX: number) => {\n\t\tif (!progressRef.current) return 0\n\t\tconst rect = progressRef.current.getBoundingClientRect()\n\t\tconst position = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n\t\treturn position * duration\n\t}, [duration])\n\n\tconst handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n\t\tif (!isDragging) {\n\t\t\tconst time = getTimeFromPosition(e.clientX)\n\t\t\tsetHoverTime(time)\n\t\t\tdispatch({ type: MediaActionTypes.PREVIEW_TIME, detail: time })\n\t\t}\n\t}, [isDragging, getTimeFromPosition, dispatch])\n\n\tconst handleMouseLeave = React.useCallback(() => {\n\t\tif (!isDragging) {\n\t\t\tsetHoverTime(null)\n\t\t\tdispatch({ type: MediaActionTypes.CLEAR_PREVIEW })\n\t\t}\n\t}, [isDragging, dispatch])\n\n\tconst handleMouseDown = React.useCallback((e: React.MouseEvent) => {\n\t\tsetIsDragging(true)\n\t\tconst time = getTimeFromPosition(e.clientX)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t}, [getTimeFromPosition, dispatch])\n\n\tconst handleTouchStart = React.useCallback((e: React.TouchEvent) => {\n\t\tsetIsDragging(true)\n\t\tconst time = getTimeFromPosition(e.touches[0]?.clientX || 0)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t}, [getTimeFromPosition, dispatch])\n\n\tReact.useEffect(() => {\n\t\tconst handleMouseMove = (e: MouseEvent) => {\n\t\t\tif (isDragging) {\n\t\t\t\tconst time = getTimeFromPosition(e.clientX)\n\t\t\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t\t\t}\n\t\t}\n\n\t\tconst handleMouseUp = () => {\n\t\t\tsetIsDragging(false)\n\t\t\tsetHoverTime(null)\n\t\t\tdispatch({ type: MediaActionTypes.CLEAR_PREVIEW })\n\t\t}\n\n\t\tconst handleTouchMove = (e: TouchEvent) => {\n\t\t\tif (isDragging) {\n\t\t\t\tconst time = getTimeFromPosition(e.touches[0]?.clientX || 0)\n\t\t\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t\t\t}\n\t\t}\n\n\t\tif (isDragging) {\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove)\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp)\n\t\t\tdocument.addEventListener('touchmove', handleTouchMove)\n\t\t\tdocument.addEventListener('touchend', handleMouseUp)\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousemove', handleMouseMove)\n\t\t\tdocument.removeEventListener('mouseup', handleMouseUp)\n\t\t\tdocument.removeEventListener('touchmove', handleTouchMove)\n\t\t\tdocument.removeEventListener('touchend', handleMouseUp)\n\t\t}\n\t}, [isDragging, getTimeFromPosition, dispatch])\n\n\treturn (\n\t\t<div className={cn(\"group relative flex items-center\", className)}>\n\t\t\t{/* Time preview tooltip */}\n\t\t\t{(hoverTime !== null || previewTime !== null) && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"pointer-events-none absolute bottom-full mb-2 rounded bg-black/80 px-2 py-1 text-white text-xs\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: `${previewProgress || ((hoverTime || 0) / duration) * 100}%`,\n\t\t\t\t\t\ttransform: 'translateX(-50%)'\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{formatTime(hoverTime || previewTime || 0)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tref={progressRef}\n\t\t\t\tclassName=\"relative h-2 w-full cursor-pointer rounded-full bg-white/20 transition-all duration-200 group-hover:h-3\"\n\t\t\t\tonMouseMove={handleMouseMove}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleTouchStart}\n\t\t\t>\n\t\t\t\t{/* Buffered ranges */}\n\t\t\t\t{bufferedRanges.map((range, index) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName=\"absolute top-0 h-full rounded-full bg-white/30\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: `${range.start}%`,\n\t\t\t\t\t\t\twidth: `${range.end - range.start}%`\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{/* Progress bar */}\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"absolute top-0 h-full rounded-full bg-primary transition-all duration-100\"\n\t\t\t\t\tstyle={{ width: `${progress}%` }}\n\t\t\t\t/>\n\n\t\t\t\t{/* Preview indicator */}\n\t\t\t\t{previewProgress !== null && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"absolute top-0 h-full w-1 rounded-full bg-white/80\"\n\t\t\t\t\t\tstyle={{ left: `${previewProgress}%` }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{/* Thumb */}\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"-translate-y-1/2 absolute top-1/2 h-4 w-4 rounded-full border-2 border-white bg-primary opacity-0 shadow-lg transition-all duration-200 group-hover:opacity-100\"\n\t\t\t\t\tstyle={{ left: `${progress}%`, transform: 'translateX(-50%) translateY(-50%)' }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n// Enhanced volume control with better UX\nexport const EnhancedVolumeControl = function EnhancedVolumeControl({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst volume = useMediaSelector(state => state.volume)\n\tconst isMuted = useMediaSelector(state => state.isMuted)\n\n\tconst [showSlider, setShowSlider] = React.useState(false)\n\n\tconst handleToggleMute = React.useCallback(() => {\n\t\tdispatch({ type: MediaActionTypes.TOGGLE_MUTE })\n\t}, [dispatch])\n\n\tconst handleVolumeChange = React.useCallback((newVolume: number) => {\n\t\tdispatch({ type: MediaActionTypes.SET_VOLUME, detail: newVolume })\n\t}, [dispatch])\n\n\tconst VolumeIcon = React.useMemo(() => {\n\t\tif (isMuted || volume === 0) {\n\t\t\treturn (\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t\t<path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"/>\n\t\t\t\t</svg>\n\t\t\t)\n\t\t} else if (volume < 0.5) {\n\t\t\treturn (\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t\t<path d=\"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z\"/>\n\t\t\t\t</svg>\n\t\t\t)\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t\t<path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"/>\n\t\t\t\t</svg>\n\t\t\t)\n\t\t}\n\t}, [isMuted, volume])\n\n\treturn (\n\t\t<div \n\t\t\tclassName={cn(\"relative flex items-center\", className)}\n\t\t\tonMouseEnter={() => setShowSlider(true)}\n\t\t\tonMouseLeave={() => setShowSlider(false)}\n\t\t>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={handleToggleMute}\n\t\t\t\tclassName=\"flex h-10 w-10 items-center justify-center rounded-full text-white transition-colors hover:bg-white/10\"\n\t\t\t\taria-label={isMuted ? \"Unmute\" : \"Mute\"}\n\t\t\t>\n\t\t\t\t{VolumeIcon}\n\t\t\t</button>\n\n\t\t\t{/* Volume slider */}\n\t\t\t<div className={cn(\n\t\t\t\t\"absolute left-full ml-2 flex items-center transition-all duration-200\",\n\t\t\t\tshowSlider ? \"translate-x-0 opacity-100\" : \"-translate-x-2 pointer-events-none opacity-0\"\n\t\t\t)}>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"range\"\n\t\t\t\t\tmin=\"0\"\n\t\t\t\t\tmax=\"1\"\n\t\t\t\t\tstep=\"0.01\"\n\t\t\t\t\tvalue={isMuted ? 0 : volume}\n\t\t\t\t\tonChange={(e) => handleVolumeChange(parseFloat(e.target.value))}\n\t\t\t\t\tclassName=\"slider h-1 w-20 cursor-pointer appearance-none rounded-lg bg-white/20\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n// Enhanced backward skip button\nexport const EnhancedBackwardButton = function EnhancedBackwardButton({\n\tclassName,\n\tsize = \"md\",\n\tskipTime = 10\n}: {\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\"\n\tskipTime?: number\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\n\tconst sizeClasses = {\n\t\tsm: \"h-8 w-8\",\n\t\tmd: \"h-10 w-10\",\n\t\tlg: \"h-12 w-12\"\n\t}\n\n\tconst iconSizes = {\n\t\tsm: \"h-4 w-4\",\n\t\tmd: \"h-5 w-5\",\n\t\tlg: \"h-6 w-6\"\n\t}\n\n\tconst handleClick = React.useCallback(() => {\n\t\tconst newTime = Math.max(0, currentTime - skipTime)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: newTime })\n\t}, [dispatch, currentTime, skipTime])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleClick}\n\t\t\tclassName={cn(\n\t\t\t\t\"group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm\",\n\t\t\t\t\"border border-white/20 text-white transition-all duration-200\",\n\t\t\t\t\"hover:scale-105 hover:bg-white/20 active:scale-95\",\n\t\t\t\t\"focus:outline-none focus:ring-2 focus:ring-white/50\",\n\t\t\t\tsizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={`Backward ${skipTime} seconds`}\n\t\t\ttitle={`Backward ${skipTime}s`}\n\t\t>\n\t\t\t<div className={cn(\"flex items-center transition-transform duration-200\", iconSizes[size])}>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-full w-full\">\n\t\t\t\t\t<path d=\"M7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zM15.5 7.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v9c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-9z\"/>\n\t\t\t\t\t<path d=\"M5.5 12l7-4.5v9l-7-4.5z\" opacity=\"0.8\"/>\n\t\t\t\t</svg>\n\t\t\t\t{skipTime && (\n\t\t\t\t\t<span className=\"-bottom-1 absolute font-bold text-[10px]\">\n\t\t\t\t\t\t{skipTime}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</button>\n\t)\n}\n\n// Enhanced forward skip button\nexport const EnhancedForwardButton = function EnhancedForwardButton({\n\tclassName,\n\tsize = \"md\",\n\tskipTime = 10\n}: {\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\"\n\tskipTime?: number\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\n\tconst sizeClasses = {\n\t\tsm: \"h-8 w-8\",\n\t\tmd: \"h-10 w-10\",\n\t\tlg: \"h-12 w-12\"\n\t}\n\n\tconst iconSizes = {\n\t\tsm: \"h-4 w-4\",\n\t\tmd: \"h-5 w-5\",\n\t\tlg: \"h-6 w-6\"\n\t}\n\n\tconst handleClick = React.useCallback(() => {\n\t\tconst newTime = Math.min(duration, currentTime + skipTime)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: newTime })\n\t}, [dispatch, currentTime, duration, skipTime])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleClick}\n\t\t\tclassName={cn(\n\t\t\t\t\"group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm\",\n\t\t\t\t\"border border-white/20 text-white transition-all duration-200\",\n\t\t\t\t\"hover:scale-105 hover:bg-white/20 active:scale-95\",\n\t\t\t\t\"focus:outline-none focus:ring-2 focus:ring-white/50\",\n\t\t\t\tsizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={`Forward ${skipTime} seconds`}\n\t\t\ttitle={`Forward ${skipTime}s`}\n\t\t>\n\t\t\t<div className={cn(\"flex items-center transition-transform duration-200\", iconSizes[size])}>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-full w-full\">\n\t\t\t\t\t<path d=\"M17 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zM8.5 7.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v9c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-9z\"/>\n\t\t\t\t\t<path d=\"M18.5 12l-7-4.5v9l7-4.5z\" opacity=\"0.8\"/>\n\t\t\t\t</svg>\n\t\t\t\t{skipTime && (\n\t\t\t\t\t<span className=\"-bottom-1 absolute font-bold text-[10px]\">\n\t\t\t\t\t\t{skipTime}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</button>\n\t)\n}\n\n// Enhanced time display\nexport const EnhancedTimeDisplay = function EnhancedTimeDisplay({\n\tvariant = \"current\",\n\tclassName\n}: {\n\tvariant?: \"current\" | \"duration\" | \"remaining\"\n\tclassName?: string\n}) {\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\n\tconst displayTime = React.useMemo(() => {\n\t\tswitch (variant) {\n\t\t\tcase \"current\":\n\t\t\t\treturn formatTime(currentTime)\n\t\t\tcase \"duration\":\n\t\t\t\treturn formatTime(duration)\n\t\t\tcase \"remaining\":\n\t\t\t\treturn `-${formatTime(duration - currentTime)}`\n\t\t\tdefault:\n\t\t\t\treturn formatTime(currentTime)\n\t\t}\n\t}, [variant, currentTime, duration])\n\n\treturn (\n\t\t<div className={cn(\"font-mono text-sm text-white tabular-nums\", className)}>\n\t\t\t{displayTime}\n\t\t</div>\n\t)\n}\n\n// Performance indicator component\nexport const PerformanceIndicator = function PerformanceIndicator({\n\tmetrics,\n\tclassName\n}: {\n\tmetrics?: {\n\t\tfps?: number\n\t\tbufferHealth?: number\n\t\tquality?: number\n\t\tbandwidth?: number\n\t}\n\tclassName?: string\n}) {\n\tif (!metrics || process.env.NODE_ENV !== 'development') {\n\t\treturn null\n\t}\n\n\tconst getPerformanceColor = (fps: number) => {\n\t\tif (fps >= 50) return 'text-green-400'\n\t\tif (fps >= 30) return 'text-yellow-400'\n\t\treturn 'text-red-400'\n\t}\n\n\tconst getBufferColor = (health: number) => {\n\t\tif (health >= 5) return 'text-green-400'\n\t\tif (health >= 2) return 'text-yellow-400'\n\t\treturn 'text-red-400'\n\t}\n\n\treturn (\n\t\t<div className={cn(\"flex items-center gap-3 font-mono text-xs\", className)}>\n\t\t\t{metrics.fps !== undefined && (\n\t\t\t\t<div className={cn(\"flex items-center gap-1\", getPerformanceColor(metrics.fps))}>\n\t\t\t\t\t<div className=\"h-2 w-2 rounded-full bg-current\" />\n\t\t\t\t\t<span>{metrics.fps} FPS</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{metrics.bufferHealth !== undefined && (\n\t\t\t\t<div className={cn(\"flex items-center gap-1\", getBufferColor(metrics.bufferHealth))}>\n\t\t\t\t\t<div className=\"h-2 w-2 rounded-full bg-current\" />\n\t\t\t\t\t<span>{metrics.bufferHealth.toFixed(1)}s</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{metrics.quality !== undefined && (\n\t\t\t\t<div className=\"flex items-center gap-1 text-blue-400\">\n\t\t\t\t\t<div className=\"h-2 w-2 rounded-full bg-current\" />\n\t\t\t\t\t<span>{metrics.quality}p</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Enhanced control bar that combines all controls\nexport const EnhancedControlBar = function EnhancedControlBar({\n\tclassName,\n\tshowSkipButtons = true,\n\tshowVolumeControl = true,\n\tshowTimeDisplay = true,\n\tplayButtonSize = \"xl\",\n\tskipButtonSize = \"md\",\n\tskipTime = 10,\n\tshowPerformanceIndicators = process.env.NODE_ENV === 'development',\n\tperformanceMetrics\n}: {\n\tclassName?: string\n\tshowSkipButtons?: boolean\n\tshowVolumeControl?: boolean\n\tshowTimeDisplay?: boolean\n\tplayButtonSize?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n\tskipButtonSize?: \"sm\" | \"md\" | \"lg\"\n\tskipTime?: number\n\tshowPerformanceIndicators?: boolean\n\tperformanceMetrics?: {\n\t\tfps?: number\n\t\tbufferHealth?: number\n\t\tquality?: number\n\t\tbandwidth?: number\n\t}\n}) {\n\treturn (\n\t\t<div className={cn(\"flex flex-col gap-4 bg-gradient-to-t from-black/80 to-transparent p-4\", className)}>\n\t\t\t{/* Seek Bar */}\n\t\t\t<EnhancedSeekBar className=\"w-full\" />\n\n\t\t\t{/* Control Buttons */}\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t{/* Left side - Media controls */}\n\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t{showSkipButtons && (\n\t\t\t\t\t\t<EnhancedBackwardButton \n\t\t\t\t\t\t\tsize={skipButtonSize} \n\t\t\t\t\t\t\tskipTime={skipTime}\n\t\t\t\t\t\t\tclassName=\"shrink-0\" \n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<EnhancedPlayButton \n\t\t\t\t\t\tsize={playButtonSize}\n\t\t\t\t\t\tclassName=\"shrink-0\" \n\t\t\t\t\t/>\n\n\t\t\t\t\t{showSkipButtons && (\n\t\t\t\t\t\t<EnhancedForwardButton \n\t\t\t\t\t\t\tsize={skipButtonSize} \n\t\t\t\t\t\t\tskipTime={skipTime}\n\t\t\t\t\t\t\tclassName=\"shrink-0\" \n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showVolumeControl && (\n\t\t\t\t\t\t<EnhancedVolumeControl className=\"shrink-0\" />\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showTimeDisplay && (\n\t\t\t\t\t\t<div className=\"flex items-center gap-1 font-mono text-sm\">\n\t\t\t\t\t\t\t<EnhancedTimeDisplay variant=\"current\" />\n\t\t\t\t\t\t\t<span className=\"text-white/60\">/</span>\n\t\t\t\t\t\t\t<EnhancedTimeDisplay variant=\"duration\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Right side - Performance indicators and additional controls */}\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t{showPerformanceIndicators && (\n\t\t\t\t\t\t<PerformanceIndicator\n\t\t\t\t\t\t\tmetrics={performanceMetrics}\n\t\t\t\t\t\t\tclassName=\"text-white/80\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Future: Settings, Fullscreen, etc. */}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n","/**\n * Debug Panel Component for Performance Monitoring\n * Development-only component for displaying performance metrics\n */\n\nimport React, { useMemo } from 'react';\nimport { cn } from '../../lib/utils';\n\ninterface PerformanceMetrics {\n\tfps: number;\n\tmemoryUsage: number;\n\tbufferHealth: number;\n\tnetworkBandwidth: number;\n\tdroppedFrames: number;\n\tdecodedFrames: number;\n\tpresentationTime: number;\n}\n\ninterface PreloadingStats {\n\tpreloadedItems: number;\n\tengagementScore: number;\n\tqueueLength: number;\n\thitRate: number;\n\ttotalSaved: number;\n}\n\ninterface DebugPanelProps {\n\t/** Performance metrics to display */\n\tperformanceMetrics?: Partial<PerformanceMetrics>;\n\t/** Preloading statistics */\n\tpreloadingStats?: PreloadingStats;\n\t/** Current playback state */\n\tplaybackState?: {\n\t\tcurrentTime: number;\n\t\tduration: number;\n\t\tvolume: number;\n\t\tisPlaying: boolean;\n\t\tquality: number;\n\t\tisBuffering: boolean;\n\t\terror?: string;\n\t};\n\t/** HLS-specific metrics */\n\thlsMetrics?: {\n\t\tcurrentLevel: number;\n\t\tavailableLevels: number;\n\t\tbandwidthEstimate: number;\n\t\tdroppedFrames: number;\n\t};\n\t/** Plugin information */\n\tpluginInfo?: {\n\t\tloadedPlugins: string[];\n\t\tactivePlugins: string[];\n\t\tpluginCount: number;\n\t};\n\t/** Additional debug information */\n\tdebugInfo?: Record<string, any>;\n\t/** Custom className */\n\tclassName?: string;\n\t/** Panel position */\n\tposition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\t/** Whether the panel is collapsed by default */\n\tdefaultCollapsed?: boolean;\n\t/** Custom title */\n\ttitle?: string;\n}\n\n/**\n * Debug Panel Component\n */\nexport const DebugPanel: React.FC<DebugPanelProps> = ({\n\tperformanceMetrics = {},\n\tpreloadingStats = {} as PreloadingStats,\n\tplaybackState = {} as any,\n\thlsMetrics = {},\n\tpluginInfo = {},\n\tdebugInfo = {},\n\tclassName,\n\tposition = 'top-right',\n\tdefaultCollapsed = false,\n\ttitle = 'BaroiPlayer Debug Panel'\n}) => {\n\tconst [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);\n\tconst [activeTab, setActiveTab] = React.useState<'performance' | 'hls' | 'plugins' | 'debug'>('performance');\n\n\t// Position classes\n\tconst positionClasses = useMemo(() => {\n\t\tswitch (position) {\n\t\t\tcase 'top-left':\n\t\t\t\treturn 'top-4 left-4';\n\t\t\tcase 'top-right':\n\t\t\t\treturn 'top-4 right-4';\n\t\t\tcase 'bottom-left':\n\t\t\t\treturn 'bottom-4 left-4';\n\t\t\tcase 'bottom-right':\n\t\t\t\treturn 'bottom-4 right-4';\n\t\t\tdefault:\n\t\t\t\treturn 'top-4 right-4';\n\t\t}\n\t}, [position]);\n\n\t// Format bytes\n\tconst formatBytes = (bytes: number): string => {\n\t\tif (bytes === 0) return '0 B';\n\t\tconst k = 1024;\n\t\tconst sizes = ['B', 'KB', 'MB', 'GB'];\n\t\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\t\treturn parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n\t};\n\n\t// Format time\n\tconst formatTime = (seconds: number): string => {\n\t\tconst mins = Math.floor(seconds / 60);\n\t\tconst secs = Math.floor(seconds % 60);\n\t\treturn `${mins}:${secs.toString().padStart(2, '0')}`;\n\t};\n\n\t// Render performance metrics\n\tconst renderPerformanceMetrics = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">FPS:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{performanceMetrics.fps || 0}</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Memory:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{((performanceMetrics.memoryUsage || 0) / 1024 / 1024).toFixed(1)} MB</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-yellow-400\">Buffer:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{(performanceMetrics.bufferHealth || 0).toFixed(2)}s</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-purple-400\">Bandwidth:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{formatBytes(performanceMetrics.networkBandwidth || 0)}/s</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-red-400\">Dropped:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{performanceMetrics.droppedFrames || 0} frames</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-cyan-400\">Decoded:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{performanceMetrics.decodedFrames || 0} frames</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render playback state\n\tconst renderPlaybackState = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Status:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{playbackState.isPlaying ? (\n\t\t\t\t\t\t\t<span className=\"text-green-300\">Playing</span>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"text-red-300\">Paused</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Time:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{formatTime(playbackState.currentTime || 0)} / {formatTime(playbackState.duration || 0)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-yellow-400\">Volume:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{Math.round((playbackState.volume || 0) * 100)}%</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-purple-400\">Quality:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{playbackState.quality || 0}p</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-red-400\">Buffering:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{playbackState.isBuffering ? (\n\t\t\t\t\t\t\t<span className=\"text-yellow-300\">Yes</span>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"text-green-300\">No</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t{playbackState.error && (\n\t\t\t\t\t<div className=\"col-span-2\">\n\t\t\t\t\t\t<span className=\"text-red-400\">Error:</span>\n\t\t\t\t\t\t<span className=\"ml-2 break-all font-mono text-red-300 text-xs\">\n\t\t\t\t\t\t\t{playbackState.error}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render preloading stats\n\tconst renderPreloadingStats = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Preloaded:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{preloadingStats.preloadedItems || 0} items</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Engagement:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{(preloadingStats.engagementScore || 0).toFixed(1)}%</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-yellow-400\">Queue:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{preloadingStats.queueLength || 0} items</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-purple-400\">Hit Rate:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{(preloadingStats.hitRate || 0).toFixed(1)}%</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"col-span-2\">\n\t\t\t\t\t<span className=\"text-cyan-400\">Saved:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{formatBytes(preloadingStats.totalSaved || 0)}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render HLS metrics\n\tconst renderHLSMetrics = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Level:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{hlsMetrics.currentLevel || 0} / {hlsMetrics.availableLevels || 0}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Bandwidth:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{formatBytes(hlsMetrics.bandwidthEstimate || 0)}/s</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-red-400\">Dropped:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{hlsMetrics.droppedFrames || 0} frames</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render plugin info\n\tconst renderPluginInfo = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Total:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{pluginInfo.pluginCount || 0} plugins</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mt-2\">\n\t\t\t\t\t<span className=\"text-blue-400\">Active:</span>\n\t\t\t\t\t<div className=\"ml-2 space-y-1 font-mono text-xs\">\n\t\t\t\t\t\t{pluginInfo.activePlugins?.map((plugin, index) => (\n\t\t\t\t\t\t\t<div key={index} className=\"text-green-300\">• {plugin}</div>\n\t\t\t\t\t\t)) || <div className=\"text-gray-400\">None</div>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{pluginInfo.loadedPlugins && pluginInfo.loadedPlugins.length > pluginInfo.activePlugins?.length && (\n\t\t\t\t\t<div className=\"mt-2\">\n\t\t\t\t\t\t<span className=\"text-yellow-400\">Loaded (inactive):</span>\n\t\t\t\t\t\t<div className=\"ml-2 space-y-1 font-mono text-xs\">\n\t\t\t\t\t\t\t{pluginInfo.loadedPlugins\n\t\t\t\t\t\t\t\t.filter(plugin => !pluginInfo.activePlugins?.includes(plugin))\n\t\t\t\t\t\t\t\t.map((plugin, index) => (\n\t\t\t\t\t\t\t\t\t<div key={index} className=\"text-yellow-300\">• {plugin}</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render debug info\n\tconst renderDebugInfo = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"space-y-1 font-mono text-xs\">\n\t\t\t\t{Object.entries(debugInfo).map(([key, value]) => (\n\t\t\t\t\t<div key={key}>\n\t\t\t\t\t\t<span className=\"text-yellow-400\">{key}:</span>\n\t\t\t\t\t\t<span className=\"ml-2 text-gray-300\">\n\t\t\t\t\t\t\t{typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render tabs\n\tconst renderTabs = () => (\n\t\t<div className=\"flex space-x-1 border-gray-600 border-b\">\n\t\t\t{[\n\t\t\t\t{ id: 'performance', label: 'Performance' },\n\t\t\t\t{ id: 'hls', label: 'HLS' },\n\t\t\t\t{ id: 'plugins', label: 'Plugins' },\n\t\t\t\t{ id: 'debug', label: 'Debug' }\n\t\t\t].map(tab => (\n\t\t\t\t<button\n\t\t\t\t\tkey={tab.id}\n\t\t\t\t\tonClick={() => setActiveTab(tab.id as any)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"px-2 py-1 font-medium text-xs transition-colors\",\n\t\t\t\t\t\tactiveTab === tab.id\n\t\t\t\t\t\t\t? \"border-blue-400 border-b text-blue-400\"\n\t\t\t\t\t\t\t: 'text-gray-400 hover:text-white'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{tab.label}\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</div>\n\t);\n\n\t// Render active tab content\n\tconst renderTabContent = () => {\n\t\tswitch (activeTab) {\n\t\t\tcase 'performance':\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t\t{renderPerformanceMetrics()}\n\t\t\t\t\t\t<hr className=\"border-gray-600\" />\n\t\t\t\t\t\t{renderPlaybackState()}\n\t\t\t\t\t\t<hr className=\"border-gray-600\" />\n\t\t\t\t\t\t{renderPreloadingStats()}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase 'hls':\n\t\t\t\treturn renderHLSMetrics();\n\t\t\tcase 'plugins':\n\t\t\t\treturn renderPluginInfo();\n\t\t\tcase 'debug':\n\t\t\t\treturn renderDebugInfo();\n\t\t\tdefault:\n\t\t\t\treturn renderPerformanceMetrics();\n\t\t}\n\t};\n\n\t// Only render in development\n\tif (process.env.NODE_ENV !== 'development') {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed z-50 min-w-80 max-w-96 rounded-lg border border-gray-700 bg-black/90 p-3 font-mono text-white text-xs backdrop-blur-sm\",\n\t\t\t\tpositionClasses,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{/* Header */}\n\t\t\t<div className=\"mb-3 flex items-center justify-between\">\n\t\t\t\t<h3 className=\"font-bold text-blue-400 text-sm\">{title}</h3>\n\t\t\t\t<div className=\"flex items-center space-x-2\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => setIsCollapsed(!isCollapsed)}\n\t\t\t\t\t\tclassName=\"text-gray-400 transition-colors hover:text-white\"\n\t\t\t\t\t\taria-label={isCollapsed ? 'Expand' : 'Collapse'}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isCollapsed ? (\n\t\t\t\t\t\t\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n\t\t\t\t\t\t\t\t<path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n\t\t\t\t\t\t\t\t<path d=\"M3 7.5L6 4.5L9 7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Collapsed content */}\n\t\t\t{isCollapsed ? (\n\t\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-green-400\">FPS:</span>\n\t\t\t\t\t\t<span className=\"ml-1 font-mono\">{performanceMetrics.fps || 0}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-blue-400\">Memory:</span>\n\t\t\t\t\t\t<span className=\"ml-1 font-mono\">{((performanceMetrics.memoryUsage || 0) / 1024 / 1024).toFixed(1)}MB</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{/* Tabs */}\n\t\t\t\t\t{renderTabs()}\n\n\t\t\t\t\t{/* Tab Content */}\n\t\t\t\t\t<div className=\"mt-3 max-h-64 overflow-y-auto\">\n\t\t\t\t\t\t{renderTabContent()}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\n/**\n * Performance Debug Panel - simplified version focused on performance metrics\n */\nexport const PerformanceDebugPanel: React.FC<Omit<DebugPanelProps, 'position' | 'defaultCollapsed' | 'title'>> = (props) => {\n\treturn (\n\t\t<DebugPanel\n\t\t\t{...props}\n\t\t\tposition=\"top-right\"\n\t\t\tdefaultCollapsed={false}\n\t\t\ttitle=\"Performance Monitor\"\n\t\t/>\n\t);\n};\n\nexport default DebugPanel;"],"names":["useAutoHideControls","autoHide","delay","showOnHover","showOnTouch","showControls","setShowControls","React","isHovering","setIsHovering","isTouching","setIsTouching","timeoutRef","resetTimeout","showControlsTemporarily","handleMouseEnter","handleMouseLeave","handleTouchStart","handleTouchEnd","useTouchGestures","enabled","dispatch","useMediaDispatch","isPlaying","useMediaSelector","state","currentTime","duration","volume","touchStart","setTouchStart","isDoubleTap","setIsDoubleTap","e","touch","now","MediaActionTypes","handleTouchMove","deltaX","deltaY","seekAmount","newTime","volumeChange","newVolume","EnhancedMediaPlayer","children","className","autoHideDelay","showControlsOnHover","showControlsOnTouch","enableKeyboardControls","enableTouchGestures","onPlay","onPause","onTimeUpdate","onVolumeChange","onFullscreenChange","context","useMediaContext","isFullscreen","error","handleControlsTouch","handleControlsTouchEnd","handleGestureStart","handleGestureMove","handleGestureEnd","handleClick","handleKeyDown","jsx","cn","QualitySelector","qualities","currentQuality","onQualityChange","isOpen","setIsOpen","currentQualityLabel","q","jsxs","quality","SubtitleSelector","subtitles","currentSubtitle","onSubtitleChange","currentSubtitleLabel","s","subtitle","PlaybackSpeedSelector","playbackRate","speeds","handleSpeedChange","speed","ChaptersPanel","chapters","onChapterSelect","currentChapter","chapter","formatTime","PictureInPictureButton","isPictureInPicture","handleTogglePiP","EnhancedPlayButton","size","isLoading","sizeClasses","iconSizes","EnhancedSeekBar","buffered","previewTime","isDragging","setIsDragging","hoverTime","setHoverTime","progressRef","progress","previewProgress","bufferedRanges","ranges","i","getTimeFromPosition","clientX","rect","handleMouseMove","time","handleMouseDown","handleMouseUp","range","index","EnhancedVolumeControl","isMuted","showSlider","setShowSlider","handleToggleMute","handleVolumeChange","VolumeIcon","EnhancedBackwardButton","skipTime","EnhancedForwardButton","EnhancedTimeDisplay","variant","displayTime","PerformanceIndicator","metrics","getPerformanceColor","fps","getBufferColor","health","EnhancedControlBar","showSkipButtons","showVolumeControl","showTimeDisplay","playButtonSize","skipButtonSize","showPerformanceIndicators","performanceMetrics","DebugPanel","preloadingStats","playbackState","hlsMetrics","pluginInfo","debugInfo","position","defaultCollapsed","title","isCollapsed","setIsCollapsed","activeTab","setActiveTab","positionClasses","useMemo","formatBytes","bytes","k","sizes","seconds","mins","secs","renderPerformanceMetrics","renderPlaybackState","renderPreloadingStats","renderHLSMetrics","renderPluginInfo","plugin","renderDebugInfo","key","value","renderTabs","tab","renderTabContent","Fragment"],"mappings":";;;AAwBA,SAASA,EACRC,GACAC,GACAC,GACAC,GACC;AACD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAM,SAAS,EAAI,GACrD,CAACC,GAAYC,CAAa,IAAIF,EAAM,SAAS,EAAK,GAClD,CAACG,GAAYC,CAAa,IAAIJ,EAAM,SAAS,EAAK,GACjDK,IAAaL,EAAM,OAA8B,IAAI,GAEtDM,IAAeN,EAAM,YAAY,MAAM;AAC5C,IAAIK,EAAW,WACd,aAAaA,EAAW,OAAO,GAE5BX,MACHW,EAAW,UAAU,WAAW,MAAM;AACrC,MAAI,CAACJ,KAAc,CAACE,KACnBJ,EAAgB,EAAK;AAAA,IAEvB,GAAGJ,CAAK;AAAA,EAEV,GAAG,CAACD,GAAUC,GAAOM,GAAYE,CAAU,CAAC,GAEtCI,IAA0BP,EAAM,YAAY,MAAM;AACvD,IAAAD,EAAgB,EAAI,GACpBO,EAAA;AAAA,EACD,GAAG,CAACA,CAAY,CAAC;AAEjBN,EAAAA,EAAM,UAAU,OACXN,IACHY,EAAA,IAEAP,EAAgB,EAAI,GAEd,MAAM;AACZ,IAAIM,EAAW,WACd,aAAaA,EAAW,OAAO;AAAA,EAEjC,IACE,CAACX,GAAUY,CAAY,CAAC;AAE3B,QAAME,IAAmBR,EAAM,YAAY,MAAM;AAChD,IAAIJ,MACHM,EAAc,EAAI,GAClBH,EAAgB,EAAI;AAAA,EAEtB,GAAG,CAACH,CAAW,CAAC,GAEVa,IAAmBT,EAAM,YAAY,MAAM;AAChD,IAAIJ,MACHM,EAAc,EAAK,GACnBI,EAAA;AAAA,EAEF,GAAG,CAACV,GAAaU,CAAY,CAAC,GAExBI,IAAmBV,EAAM,YAAY,MAAM;AAChD,IAAIH,MACHO,EAAc,EAAI,GAClBG,EAAA;AAAA,EAEF,GAAG,CAACV,GAAaU,CAAuB,CAAC,GAEnCI,IAAiBX,EAAM,YAAY,MAAM;AAC9C,IAAIH,MACHO,EAAc,EAAK,GACnBE,EAAA;AAAA,EAEF,GAAG,CAACT,GAAaS,CAAY,CAAC;AAE9B,SAAO;AAAA,IACN,cAAAR;AAAA,IACA,yBAAAS;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEF;AAGA,SAASC,EAAiBC,GAAkB;AAC3C,QAAMC,IAAWC,EAAA,GACXC,IAAYC,EAAiB,CAAAC,MAASA,EAAM,SAAS,GACrDC,IAAcF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GACzDE,IAAWH,EAAiB,CAAAC,MAASA,EAAM,QAAQ,GACnDG,IAASJ,EAAiB,CAAAC,MAASA,EAAM,MAAM,GAE/C,CAACI,GAAYC,CAAa,IAAIvB,EAAM,SAAwD,IAAI,GAChG,CAACwB,GAAaC,CAAc,IAAIzB,EAAM,SAAS,EAAK,GAEpDU,IAAmBV,EAAM,YAAY,CAAC0B,MAAwB;AACnE,QAAI,CAACb,EAAS;AAEd,UAAMc,IAAQD,EAAE,QAAQ,CAAC;AACzB,QAAI,CAACC,EAAO;AAEZ,UAAMC,IAAM,KAAK,IAAA;AAEjB,IAAIN,KAAcM,IAAMN,EAAW,OAAO,OACzCG,EAAe,EAAI,GAEnBX,EAAS;AAAA,MACR,MAAME,IAAYa,EAAiB,QAAQA,EAAiB;AAAA,IAAA,CAC5D,MAEDN,EAAc;AAAA,MACb,GAAGI,EAAM;AAAA,MACT,GAAGA,EAAM;AAAA,MACT,MAAMC;AAAA,IAAA,CACN,GACDH,EAAe,EAAK;AAAA,EAEtB,GAAG,CAACZ,GAASS,GAAYN,GAAWF,CAAQ,CAAC,GAEvCgB,IAAkB9B,EAAM,YAAY,CAAC0B,MAAwB;AAClE,QAAI,CAACb,KAAW,CAACS,KAAcE,EAAa;AAE5C,UAAMG,IAAQD,EAAE,QAAQ,CAAC;AACzB,QAAI,CAACC,EAAO;AAEZ,UAAMI,IAASJ,EAAM,UAAUL,EAAW,GACpCU,IAASL,EAAM,UAAUL,EAAW;AAG1C,QAAI,KAAK,IAAIS,CAAM,IAAI,KAAK,IAAIC,CAAM,KAAK,KAAK,IAAID,CAAM,IAAI,IAAI;AACjE,YAAME,IAAcF,IAAS,OAAO,aAAc,IAC5CG,IAAU,KAAK,IAAI,GAAG,KAAK,IAAId,GAAUD,IAAcc,CAAU,CAAC;AACxE,MAAAnB,EAAS;AAAA,QACR,MAAMe,EAAiB;AAAA,QACvB,QAAQK;AAAA,MAAA,CACR;AAAA,IACF;AAGA,QAAI,KAAK,IAAIF,CAAM,IAAI,KAAK,IAAID,CAAM,KAAK,KAAK,IAAIC,CAAM,IAAI,MAAMV,EAAW,IAAI,OAAO,aAAa,GAAG;AACzG,YAAMa,IAAe,EAAEH,IAAS,OAAO,eAAe,GAChDI,IAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGf,IAASc,CAAY,CAAC;AAChE,MAAArB,EAAS;AAAA,QACR,MAAMe,EAAiB;AAAA,QACvB,QAAQO;AAAA,MAAA,CACR;AAAA,IACF;AAAA,EACD,GAAG,CAACvB,GAASS,GAAYE,GAAaJ,GAAUD,GAAaE,GAAQP,CAAQ,CAAC,GAExEH,IAAiBX,EAAM,YAAY,MAAM;AAC9C,IAAKa,KAEL,WAAW,MAAM;AAChB,MAAAU,EAAc,IAAI,GAClBE,EAAe,EAAK;AAAA,IACrB,GAAG,GAAG;AAAA,EACP,GAAG,CAACZ,CAAO,CAAC;AAEZ,SAAO;AAAA,IACN,kBAAAH;AAAA,IACA,iBAAAoB;AAAA,IACA,gBAAAnB;AAAA,EAAA;AAEF;AAEO,MAAM0B,IAAsB,SAA6B;AAAA,EAC/D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAA7C,IAAW;AAAA,EACX,eAAA8C,IAAgB;AAAA,EAChB,qBAAAC,IAAsB;AAAA,EACtB,qBAAAC,IAAsB;AAAA,EACtB,wBAAAC,IAAyB;AAAA,EACzB,qBAAAC,IAAsB;AAAA,EACtB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AACD,GAA6B;AAC5B,QAAMC,IAAUC,EAAA,GACVrC,IAAWC,EAAA,GAGXC,IAAYC,EAAiBjB,EAAM,YAAY,OAASkB,EAAM,WAAW,CAAA,CAAE,CAAC,GAC5EkC,IAAenC,EAAiBjB,EAAM,YAAY,OAASkB,EAAM,cAAc,CAAA,CAAE,CAAC,GAClFC,IAAcF,EAAiBjB,EAAM,YAAY,OAASkB,EAAM,aAAa,CAAA,CAAE,CAAC,GAChFG,IAASJ,EAAiBjB,EAAM,YAAY,OAASkB,EAAM,QAAQ,CAAA,CAAE,CAAC,GACtEmC,IAAQpC,EAAiBjB,EAAM,YAAY,OAASkB,EAAM,OAAO,CAAA,CAAE,CAAC,GAGpE;AAAA,IACL,cAAApB;AAAA,IACA,yBAAAS;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAkB6C;AAAA,IAClB,gBAAgBC;AAAA,EAAA,IACb9D,EAAoBC,GAAU8C,GAAeC,GAAqBC,CAAmB,GAEnF;AAAA,IACL,kBAAkBc;AAAA,IAClB,iBAAiBC;AAAA,IACjB,gBAAgBC;AAAA,EAAA,IACb9C,EAAiBgC,CAAmB,GAGlClC,IAAmBV,EAAM,YAAY,CAAC0B,MAAwB;AACnE,IAAA4B,EAAA,GACAE,EAAmB9B,CAAC;AAAA,EACrB,GAAG,CAAC4B,GAAqBE,CAAkB,CAAC,GAEtC7C,IAAiBX,EAAM,YAAY,MAAM;AAC9C,IAAAuD,EAAA,GACAG,EAAA;AAAA,EACD,GAAG,CAACH,GAAwBG,CAAgB,CAAC,GAGvCC,IAAc3D,EAAM,YAAY,MAAM;AAC3C,IAAAO,EAAA;AAAA,EACD,GAAG,CAACA,CAAuB,CAAC;AAG5BP,SAAAA,EAAM,UAAU,MAAM;AACrB,QAAI,CAAC2C,EAAwB;AAE7B,UAAMiB,IAAgB,CAAClC,MAAqB;AAC3C,UAAI,EAAAA,EAAE,kBAAkB,oBAAoBA,EAAE,kBAAkB;AAIhE,gBAAQA,EAAE,MAAA;AAAA,UACT,KAAK;AAAA,UACL,KAAK;AACJ,YAAAA,EAAE,eAAA,GACFZ,EAAS;AAAA,cACR,MAAME,IAAYa,EAAiB,QAAQA,EAAiB;AAAA,YAAA,CAC5D;AACD;AAAA,UACD,KAAK;AACJ,YAAAH,EAAE,eAAA,GACFZ,EAAS;AAAA,cACR,MAAMsC,IAAevB,EAAiB,kBAAkBA,EAAiB;AAAA,YAAA,CACzE;AACD;AAAA,UACD,KAAK;AACJ,YAAAH,EAAE,eAAA,GACFZ,EAAS,EAAE,MAAMe,EAAiB,YAAA,CAAa;AAC/C;AAAA,UACD,KAAK;AACJ,YAAAH,EAAE,eAAA,GACFZ,EAAS;AAAA,cACR,MAAMe,EAAiB;AAAA,cACvB,QAAQ,KAAK,IAAI,GAAGV,IAAc,EAAE;AAAA,YAAA,CACpC;AACD;AAAA,UACD,KAAK;AACJ,YAAAO,EAAE,eAAA,GACFZ,EAAS;AAAA,cACR,MAAMe,EAAiB;AAAA,cACvB,QAAQV,IAAc;AAAA,YAAA,CACtB;AACD;AAAA,UACD,KAAK;AACJ,YAAAO,EAAE,eAAA,GACFZ,EAAS;AAAA,cACR,MAAMe,EAAiB;AAAA,cACvB,QAAQ,KAAK,IAAI,GAAGR,IAAS,GAAG;AAAA,YAAA,CAChC;AACD;AAAA,UACD,KAAK;AACJ,YAAAK,EAAE,eAAA,GACFZ,EAAS;AAAA,cACR,MAAMe,EAAiB;AAAA,cACvB,QAAQ,KAAK,IAAI,GAAGR,IAAS,GAAG;AAAA,YAAA,CAChC;AACD;AAAA,QAAA;AAAA,IAEH;AAEA,oBAAS,iBAAiB,WAAWuC,CAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAWA,CAAa;AAAA,EACnE,GAAG,CAACjB,GAAwB7B,GAAUE,GAAWoC,GAAcjC,GAAaE,CAAM,CAAC,GAGnFrB,EAAM,UAAU,MAAM;AACrB,IAAIgB,IAAW6B,IAAA,IACVC,IAAA;AAAA,EACN,GAAG,CAAC9B,GAAW6B,GAAQC,CAAO,CAAC,GAE/B9C,EAAM,UAAU,MAAM;AACrB,IAAA+C,IAAe5B,CAAW;AAAA,EAC3B,GAAG,CAACA,GAAa4B,CAAY,CAAC,GAE9B/C,EAAM,UAAU,MAAM;AACrB,IAAAgD,IAAiB3B,CAAM;AAAA,EACxB,GAAG,CAACA,GAAQ2B,CAAc,CAAC,GAE3BhD,EAAM,UAAU,MAAM;AACrB,IAAAiD,IAAqBG,CAAY;AAAA,EAClC,GAAG,CAACA,GAAcH,CAAkB,CAAC,GAGpCY,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAKX,EAAQ;AAAA,MACb,WAAWY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACAV,KAAgB;AAAA,QAChBb;AAAA,MAAA;AAAA,MAED,cAAYa,IAAe,eAAe;AAAA,MAC1C,iBAAeC,IAAQ,KAAK;AAAA,MAC5B,yBAAuBvD,IAAe,KAAK;AAAA,MAC3C,UAAU;AAAA,MACV,cAAcU;AAAA,MACd,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,aAAa+C;AAAA,MACb,YAAY9C;AAAA,MACZ,SAASgD;AAAA,MAER,UAAArB;AAAA,IAAA;AAAA,EAAA;AAGJ;AAEAD,EAAoB,cAAc;AC3T3B,MAAM0B,IAAkB,SAAyB;AAAA,EACvD,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAA3B;AACD,GAKG;AACF,QAAM,CAAC4B,GAAQC,CAAS,IAAIpE,EAAM,SAAS,EAAK,GAE1CqE,IAAsBrE,EAAM,QAAQ,MAClCgE,EAAU,KAAK,CAAAM,MAAKA,EAAE,OAAOL,CAAc,GAAG,SAAS,QAC5D,CAACD,GAAWC,CAAc,CAAC;AAE9B,gCACE,OAAA,EAAI,WAAWH,EAAG,YAAYvB,CAAS,GACvC,UAAA;AAAA,IAAAgC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,MAAMH,EAAU,CAACD,CAAM;AAAA,QAChC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,UAAA;AAAA,UAAAN,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,wHAAA,CAAuH,GAChI;AAAA,UACAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,UAAAQ,GAAoB;AAAA,UAC/CR,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAWC,EAAG,gCAAgCK,KAAU,YAAY;AAAA,cAEpE,UAAAN,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,iBAAA,CAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGAM,2BACC,OAAA,EAAI,WAAU,kHACb,UAAAH,EAAU,IAAI,CAACQ,MACfD,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEA,SAAS,MAAM;AACd,UAAAL,EAAgBM,EAAQ,EAAE,GAC1BJ,EAAU,EAAK;AAAA,QAChB;AAAA,QACA,WAAWN;AAAA,UACV;AAAA,UACAU,EAAQ,OAAOP,KAAkB;AAAA,QAAA;AAAA,QAGjC,UAAA;AAAA,UAAAO,EAAQ;AAAA,UACRA,EAAQ,WACRD,gBAAAA,OAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA;AAAA,YAAA;AAAA,YAC1C,KAAK,MAAMC,EAAQ,UAAU,GAAI;AAAA,YAAE;AAAA,UAAA,EAAA,CACtC;AAAA,QAAA;AAAA,MAAA;AAAA,MAdIA,EAAQ;AAAA,IAAA,CAiBd,EAAA,CACF;AAAA,EAAA,GAEF;AAEF,GAGaC,IAAmB,SAA0B;AAAA,EACzD,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAArC;AACD,GAKG;AACF,QAAM,CAAC4B,GAAQC,CAAS,IAAIpE,EAAM,SAAS,EAAK,GAE1C6E,IAAuB7E,EAAM,QAAQ,MACrC2E,KACED,EAAU,KAAK,CAAAI,MAAKA,EAAE,OAAOH,CAAe,GAAG,SAAS,OAC7D,CAACD,GAAWC,CAAe,CAAC;AAE/B,gCACE,OAAA,EAAI,WAAWb,EAAG,YAAYvB,CAAS,GACvC,UAAA;AAAA,IAAAgC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,MAAMH,EAAU,CAACD,CAAM;AAAA,QAChC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,UAAA;AAAA,UAAAN,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,6IAAA,CAA4I,GACrJ;AAAA,UACAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,UAAAgB,GAAqB;AAAA,UAChDhB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAWC,EAAG,gCAAgCK,KAAU,YAAY;AAAA,cAEpE,UAAAN,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,iBAAA,CAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGAM,KACAI,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kHACd,UAAA;AAAA,MAAAV,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACA,SAAS,MAAM;AACd,YAAAe,EAAiB,IAAI,GACrBR,EAAU,EAAK;AAAA,UAChB;AAAA,UACA,WAAWN;AAAA,YACV;AAAA,YACA,CAACa,KAAmB;AAAA,UAAA;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAD,EAAU,IAAI,CAACK,MACflB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEA,SAAS,MAAM;AACd,YAAAe,EAAiBG,EAAS,EAAE,GAC5BX,EAAU,EAAK;AAAA,UAChB;AAAA,UACA,WAAWN;AAAA,YACV;AAAA,YACAiB,EAAS,OAAOJ,KAAmB;AAAA,UAAA;AAAA,UAGnC,UAAAI,EAAS;AAAA,QAAA;AAAA,QAVLA,EAAS;AAAA,MAAA,CAYf;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEF;AAEF,GAGaC,IAAwB,SAA+B;AAAA,EACnE,WAAAzC;AACD,GAEG;AACF,QAAMzB,IAAWC,EAAA,GACXkE,IAAehE,EAAiB,CAAAC,MAASA,EAAM,YAAY,GAC3D,CAACiD,GAAQC,CAAS,IAAIpE,EAAM,SAAS,EAAK,GAE1CkF,IAAS,CAAC,MAAM,KAAK,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC,GAEhDC,IAAoBnF,EAAM,YAAY,CAACoF,MAAkB;AAC9D,IAAAtE,EAAS,EAAE,MAAMe,EAAiB,mBAAmB,QAAQuD,GAAO,GACpEhB,EAAU,EAAK;AAAA,EAChB,GAAG,CAACtD,CAAQ,CAAC;AAEb,gCACE,OAAA,EAAI,WAAWgD,EAAG,YAAYvB,CAAS,GACvC,UAAA;AAAA,IAAAgC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,MAAMH,EAAU,CAACD,CAAM;AAAA,QAChC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,UAAA;AAAA,UAAAN,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,2RAAA,CAA0R,GACnS;AAAA,UACAU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,WAAW,UAAA;AAAA,YAAAU;AAAA,YAAa;AAAA,UAAA,GAAC;AAAA,UACzCpB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAWC,EAAG,gCAAgCK,KAAU,YAAY;AAAA,cAEpE,UAAAN,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,iBAAA,CAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGAM,2BACC,OAAA,EAAI,WAAU,kHACb,UAAAe,EAAO,IAAI,CAACE,MACZb,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEA,SAAS,MAAMY,EAAkBC,CAAK;AAAA,QACtC,WAAWtB;AAAA,UACV;AAAA,UACAsB,MAAUH,KAAgB;AAAA,QAAA;AAAA,QAG1B,UAAA;AAAA,UAAAG;AAAA,UAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAPFA;AAAA,IAAA,CASN,EAAA,CACF;AAAA,EAAA,GAEF;AAEF,GAGaC,IAAgB,SAAuB;AAAA,EACnD,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAhD;AACD,GAIG;AACF,QAAMpB,IAAcF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GAEzDsE,IAAiBxF,EAAM,QAAQ,MAC7BsF,EAAS;AAAA,IAAK,CAAAG,MACpBtE,KAAesE,EAAQ,aAAatE,IAAcsE,EAAQ;AAAA,EAAA,GAEzD,CAACH,GAAUnE,CAAW,CAAC;AAE1B,gCACE,OAAA,EAAI,WAAW2C,EAAG,sEAAsEvB,CAAS,GACjG,UAAA;AAAA,IAAAsB,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,iCAAgC,UAAA,YAAQ;AAAA,0BACrD,OAAA,EAAI,WAAU,sCACb,UAAAyB,EAAS,IAAI,CAACG,MACdlB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEA,SAAS,MAAMgB,EAAgBE,CAAO;AAAA,QACtC,WAAW3B;AAAA,UACV;AAAA,UACA;AAAA,UACA2B,EAAQ,OAAOD,GAAgB,MAAM;AAAA,QAAA;AAAA,QAGrC,UAAA;AAAA,UAAAC,EAAQ,aACR5B,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAK4B,EAAQ;AAAA,cACb,KAAKA,EAAQ;AAAA,cACb,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGZlB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kBACd,UAAA;AAAA,YAAAV,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA4B,EAAQ,OAAM;AAAA,YAChElB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,cAAAmB,EAAWD,EAAQ,SAAS;AAAA,cAAE;AAAA,cAAIC,EAAWD,EAAQ,OAAO;AAAA,YAAA,EAAA,CAC9D;AAAA,UAAA,EAAA,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,MApBKA,EAAQ;AAAA,IAAA,CAsBd,EAAA,CACF;AAAA,EAAA,GACD;AAEF,GAGaE,IAAyB,SAAgC;AAAA,EACrE,WAAApD;AACD,GAEG;AACF,QAAMzB,IAAWC,EAAA,GACX6E,IAAqB3E,EAAiB,CAAAC,MAASA,EAAM,kBAAkB,GAEvE2E,IAAkB7F,EAAM,YAAY,MAAM;AAC/C,IAAAc,EAAS;AAAA,MACR,MAAM8E,IAAqB/D,EAAiB,WAAWA,EAAiB;AAAA,IAAA,CACxE;AAAA,EACF,GAAG,CAACf,GAAU8E,CAAkB,CAAC;AAEjC,SACC/B,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,SAASgC;AAAA,MACT,WAAW/B;AAAA,QACV;AAAA,QACA;AAAA,QACAvB;AAAA,MAAA;AAAA,MAED,cAAYqD,IAAqB,4BAA4B;AAAA,MAE7D,UAAA/B,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,MAAC,QAAA,EAAK,GAAE,6GAAA,CAA4G,EAAA,CACrH;AAAA,IAAA;AAAA,EAAA;AAGH;;;;;;;8CCnTaiC,IAAqB,SAA4B;AAAA,EAC7D,WAAAvD;AAAA,EACA,MAAAwD,IAAO;AACR,GAGG;AACF,QAAMjF,IAAWC,EAAA,GACXC,IAAYC,EAAiB,CAAAC,MAASA,EAAM,SAAS,GACrD8E,IAAY/E,EAAiB,CAAAC,MAASA,EAAM,SAAS,GAErD+E,IAAc;AAAA,IACnB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGCC,IAAY;AAAA,IACjB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGCvC,IAAc3D,EAAM,YAAY,MAAM;AAC3C,IAAAc,EAAS;AAAA,MACR,MAAME,IAAYa,EAAiB,QAAQA,EAAiB;AAAA,IAAA,CAC5D;AAAA,EACF,GAAG,CAACf,GAAUE,CAAS,CAAC;AAExB,SACC6C,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,SAASF;AAAA,MACT,UAAUqC;AAAA,MACV,WAAWlC;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAmC,EAAYF,CAAI;AAAA,QAChBxD;AAAA,MAAA;AAAA,MAED,cAAYvB,IAAY,UAAU;AAAA,MAEjC,UAAAgF,0BACC,OAAA,EAAI,WAAWlC,EAAG,qEAAqEoC,EAAUH,CAAI,CAAC,EAAA,CAAG,0BAEzG,OAAA,EAAI,WAAWjC,EAAG,qCAAqCoC,EAAUH,CAAI,CAAC,GACrE,UAAA/E,IACA6C,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,iBACtD,UAAAA,gBAAAA,EAAAA,IAAC,UAAK,GAAE,gCAAA,CAAgC,EAAA,CACzC,IAEAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,wBACtD,gCAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB,EAAA,CACzB,EAAA,CAEF;AAAA,IAAA;AAAA,EAAA;AAIJ,GAGasC,KAAkB,SAAyB;AAAA,EACvD,WAAA5D;AACD,GAEG;AACF,QAAMzB,IAAWC,EAAA,GACXI,IAAcF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GACzDE,IAAWH,EAAiB,CAAAC,MAASA,EAAM,QAAQ,GACnDkF,IAAWnF,EAAiB,CAAAC,MAASA,EAAM,QAAQ,GACnDmF,IAAcpF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GAEzD,CAACoF,GAAYC,CAAa,IAAIvG,EAAM,SAAS,EAAK,GAClD,CAACwG,GAAWC,CAAY,IAAIzG,EAAM,SAAwB,IAAI,GAC9D0G,IAAc1G,EAAM,OAAuB,IAAI,GAE/C2G,IAAWvF,IAAW,IAAKD,IAAcC,IAAY,MAAM,GAC3DwF,IAAkBxF,IAAW,KAAKiF,MAAgB,OAAQA,IAAcjF,IAAY,MAAM,MAG1FyF,IAAiB7G,EAAM,QAAQ,MAAM;AAC1C,QAAI,CAACoG,KAAYhF,MAAa,UAAU,CAAA;AACxC,UAAM0F,IAAS,CAAA;AACf,aAASC,IAAI,GAAGA,IAAIX,EAAS,QAAQW;AACpC,MAAAD,EAAO,KAAK;AAAA,QACX,OAAQV,EAAS,MAAMW,CAAC,IAAI3F,IAAY;AAAA,QACxC,KAAMgF,EAAS,IAAIW,CAAC,IAAI3F,IAAY;AAAA,MAAA,CACpC;AAEF,WAAO0F;AAAA,EACR,GAAG,CAACV,GAAUhF,CAAQ,CAAC,GAEjB4F,IAAsBhH,EAAM,YAAY,CAACiH,MAAoB;AAClE,QAAI,CAACP,EAAY,QAAS,QAAO;AACjC,UAAMQ,IAAOR,EAAY,QAAQ,sBAAA;AAEjC,WADiB,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIO,IAAUC,EAAK,QAAQA,EAAK,KAAK,CAAC,IAC1D9F;AAAA,EACnB,GAAG,CAACA,CAAQ,CAAC,GAEP+F,IAAkBnH,EAAM,YAAY,CAAC0B,MAAwB;AAClE,QAAI,CAAC4E,GAAY;AAChB,YAAMc,IAAOJ,EAAoBtF,EAAE,OAAO;AAC1C,MAAA+E,EAAaW,CAAI,GACjBtG,EAAS,EAAE,MAAMe,EAAiB,cAAc,QAAQuF,GAAM;AAAA,IAC/D;AAAA,EACD,GAAG,CAACd,GAAYU,GAAqBlG,CAAQ,CAAC,GAExCL,IAAmBT,EAAM,YAAY,MAAM;AAChD,IAAKsG,MACJG,EAAa,IAAI,GACjB3F,EAAS,EAAE,MAAMe,EAAiB,cAAA,CAAe;AAAA,EAEnD,GAAG,CAACyE,GAAYxF,CAAQ,CAAC,GAEnBuG,IAAkBrH,EAAM,YAAY,CAAC0B,MAAwB;AAClE,IAAA6E,EAAc,EAAI;AAClB,UAAMa,IAAOJ,EAAoBtF,EAAE,OAAO;AAC1C,IAAAZ,EAAS,EAAE,MAAMe,EAAiB,MAAM,QAAQuF,GAAM;AAAA,EACvD,GAAG,CAACJ,GAAqBlG,CAAQ,CAAC,GAE5BJ,IAAmBV,EAAM,YAAY,CAAC0B,MAAwB;AACnE,IAAA6E,EAAc,EAAI;AAClB,UAAMa,IAAOJ,EAAoBtF,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC;AAC3D,IAAAZ,EAAS,EAAE,MAAMe,EAAiB,MAAM,QAAQuF,GAAM;AAAA,EACvD,GAAG,CAACJ,GAAqBlG,CAAQ,CAAC;AAElCd,SAAAA,EAAM,UAAU,MAAM;AACrB,UAAMmH,IAAkB,CAACzF,MAAkB;AAC1C,UAAI4E,GAAY;AACf,cAAMc,IAAOJ,EAAoBtF,EAAE,OAAO;AAC1C,QAAAZ,EAAS,EAAE,MAAMe,EAAiB,MAAM,QAAQuF,GAAM;AAAA,MACvD;AAAA,IACD,GAEME,IAAgB,MAAM;AAC3B,MAAAf,EAAc,EAAK,GACnBE,EAAa,IAAI,GACjB3F,EAAS,EAAE,MAAMe,EAAiB,cAAA,CAAe;AAAA,IAClD,GAEMC,IAAkB,CAACJ,MAAkB;AAC1C,UAAI4E,GAAY;AACf,cAAMc,IAAOJ,EAAoBtF,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC;AAC3D,QAAAZ,EAAS,EAAE,MAAMe,EAAiB,MAAM,QAAQuF,GAAM;AAAA,MACvD;AAAA,IACD;AAEA,WAAId,MACH,SAAS,iBAAiB,aAAaa,CAAe,GACtD,SAAS,iBAAiB,WAAWG,CAAa,GAClD,SAAS,iBAAiB,aAAaxF,CAAe,GACtD,SAAS,iBAAiB,YAAYwF,CAAa,IAG7C,MAAM;AACZ,eAAS,oBAAoB,aAAaH,CAAe,GACzD,SAAS,oBAAoB,WAAWG,CAAa,GACrD,SAAS,oBAAoB,aAAaxF,CAAe,GACzD,SAAS,oBAAoB,YAAYwF,CAAa;AAAA,IACvD;AAAA,EACD,GAAG,CAAChB,GAAYU,GAAqBlG,CAAQ,CAAC,0BAG5C,OAAA,EAAI,WAAWgD,EAAG,oCAAoCvB,CAAS,GAE7D,UAAA;AAAA,KAAAiE,MAAc,QAAQH,MAAgB,SACvCxC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,UACN,MAAM,GAAG+C,MAAqBJ,KAAa,KAAKpF,IAAY,GAAG;AAAA,UAC/D,WAAW;AAAA,QAAA;AAAA,QAGX,UAAAsE,EAAWc,KAAaH,KAAe,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAI3C9B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAKmC;AAAA,QACL,WAAU;AAAA,QACV,aAAaS;AAAA,QACb,cAAc1G;AAAA,QACd,aAAa4G;AAAA,QACb,cAAc3G;AAAA,QAGb,UAAA;AAAA,UAAAmG,EAAe,IAAI,CAACU,GAAOC,MAC3B3D,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEA,WAAU;AAAA,cACV,OAAO;AAAA,gBACN,MAAM,GAAG0D,EAAM,KAAK;AAAA,gBACpB,OAAO,GAAGA,EAAM,MAAMA,EAAM,KAAK;AAAA,cAAA;AAAA,YAClC;AAAA,YALKC;AAAA,UAAA,CAON;AAAA,UAGD3D,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,GAAG8C,CAAQ,IAAA;AAAA,YAAI;AAAA,UAAA;AAAA,UAI/BC,MAAoB,QACpB/C,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,MAAM,GAAG+C,CAAe,IAAA;AAAA,YAAI;AAAA,UAAA;AAAA,UAKvC/C,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,MAAM,GAAG8C,CAAQ,KAAK,WAAW,oCAAA;AAAA,YAAoC;AAAA,UAAA;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF,GAGac,KAAwB,SAA+B;AAAA,EACnE,WAAAlF;AACD,GAEG;AACF,QAAMzB,IAAWC,EAAA,GACXM,IAASJ,EAAiB,CAAAC,MAASA,EAAM,MAAM,GAC/CwG,IAAUzG,EAAiB,CAAAC,MAASA,EAAM,OAAO,GAEjD,CAACyG,GAAYC,CAAa,IAAI5H,EAAM,SAAS,EAAK,GAElD6H,IAAmB7H,EAAM,YAAY,MAAM;AAChD,IAAAc,EAAS,EAAE,MAAMe,EAAiB,YAAA,CAAa;AAAA,EAChD,GAAG,CAACf,CAAQ,CAAC,GAEPgH,IAAqB9H,EAAM,YAAY,CAACoC,MAAsB;AACnE,IAAAtB,EAAS,EAAE,MAAMe,EAAiB,YAAY,QAAQO,GAAW;AAAA,EAClE,GAAG,CAACtB,CAAQ,CAAC,GAEPiH,IAAa/H,EAAM,QAAQ,MAC5B0H,KAAWrG,MAAW,IAExBwC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,kWAAA,CAAiW,GAC1W,IAESxC,IAAS,MAElBwC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,2FAAA,CAA0F,GACnG,IAIAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,WACtD,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,8LAAA,CAA6L,GACtM,GAGA,CAAC6D,GAASrG,CAAM,CAAC;AAEpB,SACCkD,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWT,EAAG,8BAA8BvB,CAAS;AAAA,MACrD,cAAc,MAAMqF,EAAc,EAAI;AAAA,MACtC,cAAc,MAAMA,EAAc,EAAK;AAAA,MAEvC,UAAA;AAAA,QAAA/D,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,SAASgE;AAAA,YACT,WAAU;AAAA,YACV,cAAYH,IAAU,WAAW;AAAA,YAEhC,UAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAIFlE,gBAAAA,MAAC,SAAI,WAAWC;AAAA,UACf;AAAA,UACA6D,IAAa,8BAA8B;AAAA,QAAA,GAE3C,UAAA9D,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,MAAK;AAAA,YACL,OAAO6D,IAAU,IAAIrG;AAAA,YACrB,UAAU,CAACK,MAAMoG,EAAmB,WAAWpG,EAAE,OAAO,KAAK,CAAC;AAAA,YAC9D,WAAU;AAAA,UAAA;AAAA,QAAA,EACX,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH,GAGasG,KAAyB,SAAgC;AAAA,EACrE,WAAAzF;AAAA,EACA,MAAAwD,IAAO;AAAA,EACP,UAAAkC,IAAW;AACZ,GAIG;AACF,QAAMnH,IAAWC,EAAA,GACXI,IAAcF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GAEzD+E,IAAc;AAAA,IACnB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGCC,IAAY;AAAA,IACjB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGCvC,IAAc3D,EAAM,YAAY,MAAM;AAC3C,UAAMkC,IAAU,KAAK,IAAI,GAAGf,IAAc8G,CAAQ;AAClD,IAAAnH,EAAS,EAAE,MAAMe,EAAiB,MAAM,QAAQK,GAAS;AAAA,EAC1D,GAAG,CAACpB,GAAUK,GAAa8G,CAAQ,CAAC;AAEpC,SACCpE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,SAASF;AAAA,MACT,WAAWG;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAmC,EAAYF,CAAI;AAAA,QAChBxD;AAAA,MAAA;AAAA,MAED,cAAY,YAAY0F,CAAQ;AAAA,MAChC,OAAO,YAAYA,CAAQ;AAAA,MAE3B,UAAA1D,gBAAAA,EAAAA,KAAC,SAAI,WAAWT,EAAG,uDAAuDoC,EAAUH,CAAI,CAAC,GACxF,UAAA;AAAA,QAAAxB,gBAAAA,OAAC,SAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,iBACtD,UAAA;AAAA,UAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,iKAAA,CAAgK;AAAA,UACxKA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,2BAA0B,SAAQ,MAAA,CAAK;AAAA,QAAA,GAChD;AAAA,QACCoE,KACApE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4CACd,UAAAoE,EAAA,CACF;AAAA,MAAA,EAAA,CAEF;AAAA,IAAA;AAAA,EAAA;AAGH,GAGaC,KAAwB,SAA+B;AAAA,EACnE,WAAA3F;AAAA,EACA,MAAAwD,IAAO;AAAA,EACP,UAAAkC,IAAW;AACZ,GAIG;AACF,QAAMnH,IAAWC,EAAA,GACXI,IAAcF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GACzDE,IAAWH,EAAiB,CAAAC,MAASA,EAAM,QAAQ,GAEnD+E,IAAc;AAAA,IACnB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGCC,IAAY;AAAA,IACjB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGCvC,IAAc3D,EAAM,YAAY,MAAM;AAC3C,UAAMkC,IAAU,KAAK,IAAId,GAAUD,IAAc8G,CAAQ;AACzD,IAAAnH,EAAS,EAAE,MAAMe,EAAiB,MAAM,QAAQK,GAAS;AAAA,EAC1D,GAAG,CAACpB,GAAUK,GAAaC,GAAU6G,CAAQ,CAAC;AAE9C,SACCpE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,SAASF;AAAA,MACT,WAAWG;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAmC,EAAYF,CAAI;AAAA,QAChBxD;AAAA,MAAA;AAAA,MAED,cAAY,WAAW0F,CAAQ;AAAA,MAC/B,OAAO,WAAWA,CAAQ;AAAA,MAE1B,UAAA1D,gBAAAA,EAAAA,KAAC,SAAI,WAAWT,EAAG,uDAAuDoC,EAAUH,CAAI,CAAC,GACxF,UAAA;AAAA,QAAAxB,gBAAAA,OAAC,SAAI,SAAQ,aAAY,MAAK,gBAAe,WAAU,iBACtD,UAAA;AAAA,UAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,iKAAA,CAAgK;AAAA,UACxKA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,4BAA2B,SAAQ,MAAA,CAAK;AAAA,QAAA,GACjD;AAAA,QACCoE,KACApE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4CACd,UAAAoE,EAAA,CACF;AAAA,MAAA,EAAA,CAEF;AAAA,IAAA;AAAA,EAAA;AAGH,GAGaE,IAAsB,SAA6B;AAAA,EAC/D,SAAAC,IAAU;AAAA,EACV,WAAA7F;AACD,GAGG;AACF,QAAMpB,IAAcF,EAAiB,CAAAC,MAASA,EAAM,WAAW,GACzDE,IAAWH,EAAiB,CAAAC,MAASA,EAAM,QAAQ,GAEnDmH,IAAcrI,EAAM,QAAQ,MAAM;AACvC,YAAQoI,GAAA;AAAA,MACP,KAAK;AACJ,eAAO1C,EAAWvE,CAAW;AAAA,MAC9B,KAAK;AACJ,eAAOuE,EAAWtE,CAAQ;AAAA,MAC3B,KAAK;AACJ,eAAO,IAAIsE,EAAWtE,IAAWD,CAAW,CAAC;AAAA,MAC9C;AACC,eAAOuE,EAAWvE,CAAW;AAAA,IAAA;AAAA,EAEhC,GAAG,CAACiH,GAASjH,GAAaC,CAAQ,CAAC;AAEnC,+BACE,OAAA,EAAI,WAAW0C,EAAG,6CAA6CvB,CAAS,GACvE,UAAA8F,GACF;AAEF,GAGaC,KAAuB,SAA8B;AAAA,EACjE,SAAAC;AAAA,EACA,WAAAhG;AACD,GAQG;AACF,MAAI,CAACgG,KAAW,QAAQ,IAAI,aAAa;AACxC,WAAO;AAGR,QAAMC,IAAsB,CAACC,MACxBA,KAAO,KAAW,mBAClBA,KAAO,KAAW,oBACf,gBAGFC,IAAiB,CAACC,MACnBA,KAAU,IAAU,mBACpBA,KAAU,IAAU,oBACjB;AAGR,gCACE,OAAA,EAAI,WAAW7E,EAAG,6CAA6CvB,CAAS,GACvE,UAAA;AAAA,IAAAgG,EAAQ,QAAQ,UAChBhE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWT,EAAG,2BAA2B0E,EAAoBD,EAAQ,GAAG,CAAC,GAC7E,UAAA;AAAA,MAAA1E,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,6BAChD,QAAA,EAAM,UAAA;AAAA,QAAA0E,EAAQ;AAAA,QAAI;AAAA,MAAA,EAAA,CAAI;AAAA,IAAA,GACxB;AAAA,IAEAA,EAAQ,iBAAiB,UACzBhE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWT,EAAG,2BAA2B4E,EAAeH,EAAQ,YAAY,CAAC,GACjF,UAAA;AAAA,MAAA1E,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,6BAChD,QAAA,EAAM,UAAA;AAAA,QAAA0E,EAAQ,aAAa,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GACzC;AAAA,IAEAA,EAAQ,YAAY,UACpBhE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,yCACd,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,6BAChD,QAAA,EAAM,UAAA;AAAA,QAAA0E,EAAQ;AAAA,QAAQ;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,EAAA,CACzB;AAAA,EAAA,GAEF;AAEF,GAGaK,KAAqB,SAA4B;AAAA,EAC7D,WAAArG;AAAA,EACA,iBAAAsG,IAAkB;AAAA,EAClB,mBAAAC,IAAoB;AAAA,EACpB,iBAAAC,IAAkB;AAAA,EAClB,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,UAAAhB,IAAW;AAAA,EACX,2BAAAiB,IAA4B,QAAQ,IAAI,aAAa;AAAA,EACrD,oBAAAC;AACD,GAeG;AACF,gCACE,OAAA,EAAI,WAAWrF,EAAG,yEAAyEvB,CAAS,GAEpG,UAAA;AAAA,IAAAsB,gBAAAA,EAAAA,IAACsC,IAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,IAGpC5B,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEd,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAAsE,KACAhF,gBAAAA,EAAAA;AAAAA,UAACmE;AAAA,UAAA;AAAA,YACA,MAAMiB;AAAA,YACN,UAAAhB;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAIZpE,gBAAAA,EAAAA;AAAAA,UAACiC;AAAA,UAAA;AAAA,YACA,MAAMkD;AAAA,YACN,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGVH,KACAhF,gBAAAA,EAAAA;AAAAA,UAACqE;AAAA,UAAA;AAAA,YACA,MAAMe;AAAA,YACN,UAAAhB;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAIXa,KACAjF,gBAAAA,EAAAA,IAAC4D,IAAA,EAAsB,WAAU,WAAA,CAAW;AAAA,QAG5CsB,KACAxE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6CACd,UAAA;AAAA,UAAAV,gBAAAA,EAAAA,IAACsE,GAAA,EAAoB,SAAQ,UAAA,CAAU;AAAA,UACvCtE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,UACjCA,gBAAAA,EAAAA,IAACsE,GAAA,EAAoB,SAAQ,WAAA,CAAW;AAAA,QAAA,EAAA,CACzC;AAAA,MAAA,GAEF;AAAA,MAGAtE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAqF,KACArF,gBAAAA,EAAAA;AAAAA,QAACyE;AAAA,QAAA;AAAA,UACA,SAASa;AAAA,UACT,WAAU;AAAA,QAAA;AAAA,MAAA,EACX,CAGF;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,GACD;AAEF,GClhBaC,KAAwC,CAAC;AAAA,EACrD,oBAAAD,IAAqB,CAAA;AAAA,EACrB,iBAAAE,IAAkB,CAAA;AAAA,EAClB,eAAAC,IAAgB,CAAA;AAAA,EAChB,YAAAC,IAAa,CAAA;AAAA,EACb,YAAAC,IAAa,CAAA;AAAA,EACb,WAAAC,IAAY,CAAA;AAAA,EACZ,WAAAlH;AAAA,EACA,UAAAmH,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AACT,MAAM;AACL,QAAM,CAACC,GAAaC,CAAc,IAAI9J,EAAM,SAAS2J,CAAgB,GAC/D,CAACI,GAAWC,CAAY,IAAIhK,EAAM,SAAsD,aAAa,GAGrGiK,IAAkBC,EAAQ,MAAM;AACrC,YAAQR,GAAA;AAAA,MACP,KAAK;AACJ,eAAO;AAAA,MACR,KAAK;AACJ,eAAO;AAAA,MACR,KAAK;AACJ,eAAO;AAAA,MACR,KAAK;AACJ,eAAO;AAAA,MACR;AACC,eAAO;AAAA,IAAA;AAAA,EAEV,GAAG,CAACA,CAAQ,CAAC,GAGPS,IAAc,CAACC,MAA0B;AAC9C,QAAIA,MAAU,EAAG,QAAO;AACxB,UAAMC,IAAI,MACJC,IAAQ,CAAC,KAAK,MAAM,MAAM,IAAI,GAC9BvD,IAAI,KAAK,MAAM,KAAK,IAAIqD,CAAK,IAAI,KAAK,IAAIC,CAAC,CAAC;AAClD,WAAO,YAAYD,IAAQ,KAAK,IAAIC,GAAGtD,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,MAAMuD,EAAMvD,CAAC;AAAA,EACvE,GAGMrB,IAAa,CAAC6E,MAA4B;AAC/C,UAAMC,IAAO,KAAK,MAAMD,IAAU,EAAE,GAC9BE,IAAO,KAAK,MAAMF,IAAU,EAAE;AACpC,WAAO,GAAGC,CAAI,IAAIC,EAAK,WAAW,SAAS,GAAG,GAAG,CAAC;AAAA,EACnD,GAGMC,IAA2B,MAChC7G,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,aACd,UAAAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACd,UAAA;AAAA,IAAAA,gBAAAA,OAAC,OAAA,EACA,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,QAAI;AAAA,4BACpC,QAAA,EAAK,WAAU,kBAAkB,UAAAsF,EAAmB,OAAO,EAAA,CAAE;AAAA,IAAA,GAC/D;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAtF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,WAAO;AAAA,MACvCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAoB,UAAA;AAAA,UAAA4E,EAAmB,eAAe,KAAK,OAAO,MAAM,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAG;AAAA,IAAA,GACvG;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAtF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,WAAO;AAAA,MACzCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAmB,UAAA;AAAA,SAAA4E,EAAmB,gBAAgB,GAAG,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GACtF;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAtF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,cAAU;AAAA,MAC5CU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA4F,EAAYhB,EAAmB,oBAAoB,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAE;AAAA,IAAA,GAC3F;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAtF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,YAAQ;AAAA,MACvCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA4E,EAAmB,iBAAiB;AAAA,QAAE;AAAA,MAAA,EAAA,CAAO;AAAA,IAAA,GAChF;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAtF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,YAAQ;AAAA,MACxCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA4E,EAAmB,iBAAiB;AAAA,QAAE;AAAA,MAAA,EAAA,CAAO;AAAA,IAAA,EAAA,CAChF;AAAA,EAAA,EAAA,CACD,EAAA,CACD,GAIKwB,IAAsB,MAC3B9G,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,aACd,UAAAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACd,UAAA;AAAA,IAAAA,gBAAAA,OAAC,OAAA,EACA,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,WAAO;AAAA,4BACvC,QAAA,EAAK,WAAU,kBACd,UAAAyF,EAAc,YACdzF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,qBAAO,IAExCA,gBAAAA,EAAAA,IAAC,UAAK,WAAU,gBAAe,oBAAM,EAAA,CAEvC;AAAA,IAAA,GACD;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAK;AAAA,MACrCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,QAAAmB,EAAW4D,EAAc,eAAe,CAAC;AAAA,QAAE;AAAA,QAAI5D,EAAW4D,EAAc,YAAY,CAAC;AAAA,MAAA,EAAA,CACvF;AAAA,IAAA,GACD;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAzF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,WAAO;AAAA,MACzCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA,KAAK,OAAO+E,EAAc,UAAU,KAAK,GAAG;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAClF;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAzF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,YAAQ;AAAA,MAC1CU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA+E,EAAc,WAAW;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAC/D;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAzF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,cAAU;AAAA,4BACxC,QAAA,EAAK,WAAU,kBACd,UAAAyF,EAAc,cACdzF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,iBAAG,IAErCA,gBAAAA,EAAAA,IAAC,UAAK,WAAU,kBAAiB,gBAAE,EAAA,CAErC;AAAA,IAAA,GACD;AAAA,IACCyF,EAAc,SACd/E,gBAAAA,OAAC,OAAA,EAAI,WAAU,cACd,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,UAAM;AAAA,MACrCA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iDACd,YAAc,MAAA,CAChB;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,EAAA,CAEF,EAAA,CACD,GAIK+G,IAAwB,MAC7B/G,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,aACd,UAAAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACd,UAAA;AAAA,IAAAA,gBAAAA,OAAC,OAAA,EACA,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,cAAU;AAAA,MAC3CU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA8E,EAAgB,kBAAkB;AAAA,QAAE;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,GAC7E;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAxF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,eAAW;AAAA,MAC3CU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAmB,UAAA;AAAA,SAAA8E,EAAgB,mBAAmB,GAAG,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GACtF;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAxF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,UAAM;AAAA,MACxCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA8E,EAAgB,eAAe;AAAA,QAAE;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,GAC1E;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAAxF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,aAAS;AAAA,MAC3CU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAmB,UAAA;AAAA,SAAA8E,EAAgB,WAAW,GAAG,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAC9E;AAAA,IACA9E,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACd,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,UAAM;AAAA,MACtCA,gBAAAA,MAAC,UAAK,WAAU,kBAAkB,YAAYwF,EAAgB,cAAc,CAAC,EAAA,CAAE;AAAA,IAAA,EAAA,CAChF;AAAA,EAAA,EAAA,CACD,EAAA,CACD,GAIKwB,IAAmB,MACxBhH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,aACd,UAAAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACd,UAAA;AAAA,IAAAA,gBAAAA,OAAC,OAAA,EACA,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,UAAM;AAAA,MACvCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,QAAAgF,EAAW,gBAAgB;AAAA,QAAE;AAAA,QAAIA,EAAW,mBAAmB;AAAA,MAAA,EAAA,CACjE;AAAA,IAAA,GACD;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAA1F,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,cAAU;AAAA,MAC1CU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAA4F,EAAYZ,EAAW,qBAAqB,CAAC;AAAA,QAAE;AAAA,MAAA,EAAA,CAAE;AAAA,IAAA,GACpF;AAAA,2BACC,OAAA,EACA,UAAA;AAAA,MAAA1F,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,YAAQ;AAAA,MACvCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAAgF,EAAW,iBAAiB;AAAA,QAAE;AAAA,MAAA,EAAA,CAAO;AAAA,IAAA,EAAA,CACxE;AAAA,EAAA,EAAA,CACD,EAAA,CACD,GAIKuB,IAAmB,MACxBjH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,aACd,UAAAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,WACd,UAAA;AAAA,IAAAA,gBAAAA,OAAC,OAAA,EACA,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,UAAM;AAAA,MACvCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA;AAAA,QAAAiF,EAAW,eAAe;AAAA,QAAE;AAAA,MAAA,EAAA,CAAQ;AAAA,IAAA,GACvE;AAAA,IACAjF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,QACd,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,WAAO;AAAA,MACvCA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCACb,UAAA2F,EAAW,eAAe,IAAI,CAACuB,GAAQvD,MACvCjD,gBAAAA,OAAC,OAAA,EAAgB,WAAU,kBAAiB,UAAA;AAAA,QAAA;AAAA,QAAGwG;AAAA,MAAA,EAAA,GAArCvD,CAA4C,CACtD,KAAK3D,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBAAgB,kBAAI,EAAA,CAC1C;AAAA,IAAA,GACD;AAAA,IACC2F,EAAW,iBAAiBA,EAAW,cAAc,SAASA,EAAW,eAAe,UACxFjF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,QACd,UAAA;AAAA,MAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,sBAAkB;AAAA,MACpDA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,oCACb,YAAW,cACV,OAAO,CAAAkH,MAAU,CAACvB,EAAW,eAAe,SAASuB,CAAM,CAAC,EAC5D,IAAI,CAACA,GAAQvD,MACbjD,gBAAAA,EAAAA,KAAC,OAAA,EAAgB,WAAU,mBAAkB,UAAA;AAAA,QAAA;AAAA,QAAGwG;AAAA,MAAA,EAAA,GAAtCvD,CAA6C,CACvD,EAAA,CACH;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,EAAA,CAEF,EAAA,CACD,GAIKwD,IAAkB,MACvBnH,gBAAAA,MAAC,OAAA,EAAI,WAAU,aACd,UAAAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,+BACb,iBAAO,QAAQ4F,CAAS,EAAE,IAAI,CAAC,CAACwB,GAAKC,CAAK,MAC1C3G,gBAAAA,EAAAA,KAAC,OAAA,EACA,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA;AAAA,MAAA0G;AAAA,MAAI;AAAA,IAAA,GAAC;AAAA,IACxCpH,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,sBACd,iBAAOqH,KAAU,WAAW,KAAK,UAAUA,GAAO,MAAM,CAAC,IAAI,OAAOA,CAAK,EAAA,CAC3E;AAAA,EAAA,EAAA,GAJSD,CAKV,CACA,EAAA,CACF,GACD,GAIKE,IAAa,MAClBtH,gBAAAA,MAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,IACA,EAAE,IAAI,eAAe,OAAO,cAAA;AAAA,IAC5B,EAAE,IAAI,OAAO,OAAO,MAAA;AAAA,IACpB,EAAE,IAAI,WAAW,OAAO,UAAA;AAAA,IACxB,EAAE,IAAI,SAAS,OAAO,QAAA;AAAA,EAAQ,EAC7B,IAAI,CAAAuH,MACLvH,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEA,SAAS,MAAMmG,EAAaoB,EAAI,EAAS;AAAA,MACzC,WAAWtH;AAAA,QACV;AAAA,QACAiG,MAAcqB,EAAI,KACf,2CACA;AAAA,MAAA;AAAA,MAGH,UAAAA,EAAI;AAAA,IAAA;AAAA,IATAA,EAAI;AAAA,EAAA,CAWV,GACF,GAIKC,IAAmB,MAAM;AAC9B,YAAQtB,GAAA;AAAA,MACP,KAAK;AACJ,eACCxF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAAmG,EAAA;AAAA,UACD7G,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,kBAAA,CAAkB;AAAA,UAC/B8G,EAAA;AAAA,UACD9G,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,kBAAA,CAAkB;AAAA,UAC/B+G,EAAA;AAAA,QAAsB,GACxB;AAAA,MAEF,KAAK;AACJ,eAAOC,EAAA;AAAA,MACR,KAAK;AACJ,eAAOC,EAAA;AAAA,MACR,KAAK;AACJ,eAAOE,EAAA;AAAA,MACR;AACC,eAAON,EAAA;AAAA,IAAyB;AAAA,EAEnC;AAGA,SAAI,QAAQ,IAAI,aAAa,gBACrB,OAIPnG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWT;AAAA,QACV;AAAA,QACAmG;AAAA,QACA1H;AAAA,MAAA;AAAA,MAID,UAAA;AAAA,QAAAgC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACd,UAAA;AAAA,UAAAV,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,mCAAmC,UAAA+F,GAAM;AAAA,UACvD/F,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+BACd,UAAAA,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAS,MAAMiG,EAAe,CAACD,CAAW;AAAA,cAC1C,WAAU;AAAA,cACV,cAAYA,IAAc,WAAW;AAAA,cAEpC,UAAAA,0BACC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACpD,UAAAhG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,sBAAqB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ,GACnH,IAEAA,gBAAAA,EAAAA,IAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACpD,UAAAA,gBAAAA,MAAC,UAAK,GAAE,sBAAqB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ,EAAA,CACnH;AAAA,YAAA;AAAA,UAAA,EAEF,CACD;AAAA,QAAA,GACD;AAAA,QAGCgG,IACAtF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACd,UAAA;AAAA,UAAAA,gBAAAA,OAAC,OAAA,EACA,UAAA;AAAA,YAAAV,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,QAAI;AAAA,kCACpC,QAAA,EAAK,WAAU,kBAAkB,UAAAsF,EAAmB,OAAO,EAAA,CAAE;AAAA,UAAA,GAC/D;AAAA,iCACC,OAAA,EACA,UAAA;AAAA,YAAAtF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,WAAO;AAAA,YACvCU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,kBAAoB,UAAA;AAAA,gBAAA4E,EAAmB,eAAe,KAAK,OAAO,MAAM,QAAQ,CAAC;AAAA,cAAE;AAAA,YAAA,EAAA,CAAE;AAAA,UAAA,EAAA,CACtG;AAAA,QAAA,EAAA,CACD,IAEA5E,gBAAAA,EAAAA,KAAA+G,EAAAA,UAAA,EAEE,UAAA;AAAA,UAAAH,EAAA;AAAA,UAGDtH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iCACb,cAAiB,CACnB;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ;"}
+{"version":3,"file":"enhanced-components-Da0TSvKe.js","sources":["../src/components/enhanced/media-player-enhanced.tsx","../src/components/enhanced/advanced-features.tsx","../src/components/enhanced/enhanced-controls.tsx","../src/components/enhanced/debug-panel.tsx"],"sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { useMediaContext, useMediaSelector, useMediaDispatch, MediaActionTypes } from \"../../context/media-context\"\nimport { cn } from \"../../lib/utils\"\n\n// Enhanced media player with better performance and mobile support\nexport interface EnhancedMediaPlayerProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n\tautoHide?: boolean\n\tautoHideDelay?: number\n\tshowControlsOnHover?: boolean\n\tshowControlsOnTouch?: boolean\n\tenableKeyboardControls?: boolean\n\tenableTouchGestures?: boolean\n\tonPlay?: () => void\n\tonPause?: () => void\n\tonTimeUpdate?: (time: number) => void\n\tonVolumeChange?: (volume: number) => void\n\tonFullscreenChange?: (isFullscreen: boolean) => void\n}\n\n// Custom hook for auto-hide controls\nfunction useAutoHideControls(\n\tautoHide: boolean,\n\tdelay: number,\n\tshowOnHover: boolean,\n\tshowOnTouch: boolean\n) {\n\tconst [showControls, setShowControls] = React.useState(true)\n\tconst [isHovering, setIsHovering] = React.useState(false)\n\tconst [isTouching, setIsTouching] = React.useState(false)\n  const timeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n\tconst resetTimeout = React.useCallback(() => {\n\t\tif (timeoutRef.current) {\n\t\t\tclearTimeout(timeoutRef.current)\n\t\t}\n\t\tif (autoHide) {\n\t\t\ttimeoutRef.current = setTimeout(() => {\n\t\t\t\tif (!isHovering && !isTouching) {\n\t\t\t\t\tsetShowControls(false)\n\t\t\t\t}\n\t\t\t}, delay)\n\t\t}\n\t}, [autoHide, delay, isHovering, isTouching])\n\n\tconst showControlsTemporarily = React.useCallback(() => {\n\t\tsetShowControls(true)\n\t\tresetTimeout()\n\t}, [resetTimeout])\n\n\tReact.useEffect(() => {\n\t\tif (autoHide) {\n\t\t\tresetTimeout()\n\t\t} else {\n\t\t\tsetShowControls(true)\n\t\t}\n\t\treturn () => {\n\t\t\tif (timeoutRef.current) {\n\t\t\t\tclearTimeout(timeoutRef.current)\n\t\t\t}\n\t\t}\n\t}, [autoHide, resetTimeout])\n\n\tconst handleMouseEnter = React.useCallback(() => {\n\t\tif (showOnHover) {\n\t\t\tsetIsHovering(true)\n\t\t\tsetShowControls(true)\n\t\t}\n\t}, [showOnHover])\n\n\tconst handleMouseLeave = React.useCallback(() => {\n\t\tif (showOnHover) {\n\t\t\tsetIsHovering(false)\n\t\t\tresetTimeout()\n\t\t}\n\t}, [showOnHover, resetTimeout])\n\n\tconst handleTouchStart = React.useCallback(() => {\n\t\tif (showOnTouch) {\n\t\t\tsetIsTouching(true)\n\t\t\tshowControlsTemporarily()\n\t\t}\n\t}, [showOnTouch, showControlsTemporarily])\n\n\tconst handleTouchEnd = React.useCallback(() => {\n\t\tif (showOnTouch) {\n\t\t\tsetIsTouching(false)\n\t\t\tresetTimeout()\n\t\t}\n\t}, [showOnTouch, resetTimeout])\n\n\treturn {\n\t\tshowControls,\n\t\tshowControlsTemporarily,\n\t\thandleMouseEnter,\n\t\thandleMouseLeave,\n\t\thandleTouchStart,\n\t\thandleTouchEnd\n\t}\n}\n\n// Custom hook for touch gestures\nfunction useTouchGestures(enabled: boolean) {\n\tconst dispatch = useMediaDispatch()\n\tconst isPlaying = useMediaSelector(state => state.isPlaying)\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\tconst volume = useMediaSelector(state => state.volume)\n\n\tconst [touchStart, setTouchStart] = React.useState<{ x: number; y: number; time: number } | null>(null)\n\tconst [isDoubleTap, setIsDoubleTap] = React.useState(false)\n\n\tconst handleTouchStart = React.useCallback((e: React.TouchEvent) => {\n\t\tif (!enabled) return\n\t\t\n\t\tconst touch = e.touches[0]\n\t\tif (!touch) return\n\t\t\n\t\tconst now = Date.now()\n\t\t\n\t\tif (touchStart && now - touchStart.time < 300) {\n\t\t\tsetIsDoubleTap(true)\n\t\t\t// Double tap to play/pause\n\t\t\tdispatch({\n\t\t\t\ttype: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY\n\t\t\t})\n\t\t} else {\n\t\t\tsetTouchStart({\n\t\t\t\tx: touch.clientX,\n\t\t\t\ty: touch.clientY,\n\t\t\t\ttime: now\n\t\t\t})\n\t\t\tsetIsDoubleTap(false)\n\t\t}\n\t}, [enabled, touchStart, isPlaying, dispatch])\n\n\tconst handleTouchMove = React.useCallback((e: React.TouchEvent) => {\n\t\tif (!enabled || !touchStart || isDoubleTap) return\n\n\t\tconst touch = e.touches[0]\n\t\tif (!touch) return\n\t\t\n\t\tconst deltaX = touch.clientX - touchStart.x\n\t\tconst deltaY = touch.clientY - touchStart.y\n\n\t\t// Horizontal swipe for seeking\n\t\tif (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {\n\t\t\tconst seekAmount = (deltaX / window.innerWidth) * 30 // 30 seconds max\n\t\t\tconst newTime = Math.max(0, Math.min(duration, currentTime + seekAmount))\n\t\t\tdispatch({\n\t\t\t\ttype: MediaActionTypes.SEEK,\n\t\t\t\tdetail: newTime\n\t\t\t})\n\t\t}\n\n\t\t// Vertical swipe for volume (right side of screen)\n\t\tif (Math.abs(deltaY) > Math.abs(deltaX) && Math.abs(deltaY) > 50 && touchStart.x > window.innerWidth / 2) {\n\t\t\tconst volumeChange = -(deltaY / window.innerHeight) * 1 // Full range\n\t\t\tconst newVolume = Math.max(0, Math.min(1, volume + volumeChange))\n\t\t\tdispatch({\n\t\t\t\ttype: MediaActionTypes.SET_VOLUME,\n\t\t\t\tdetail: newVolume\n\t\t\t})\n\t\t}\n\t}, [enabled, touchStart, isDoubleTap, duration, currentTime, volume, dispatch])\n\n\tconst handleTouchEnd = React.useCallback(() => {\n\t\tif (!enabled) return\n\t\t// Reset touch state after a delay to allow for double tap detection\n\t\tsetTimeout(() => {\n\t\t\tsetTouchStart(null)\n\t\t\tsetIsDoubleTap(false)\n\t\t}, 300)\n\t}, [enabled])\n\n\treturn {\n\t\thandleTouchStart,\n\t\thandleTouchMove,\n\t\thandleTouchEnd\n\t}\n}\n\nexport const EnhancedMediaPlayer = function EnhancedMediaPlayer({\n\tchildren,\n\tclassName,\n\tautoHide = true,\n\tautoHideDelay = 3000,\n\tshowControlsOnHover = true,\n\tshowControlsOnTouch = true,\n\tenableKeyboardControls = true,\n\tenableTouchGestures = true,\n\tonPlay,\n\tonPause,\n\tonTimeUpdate,\n\tonVolumeChange,\n\tonFullscreenChange\n}: EnhancedMediaPlayerProps) {\n\tconst context = useMediaContext()\n\tconst dispatch = useMediaDispatch()\n\t\n\t// State selectors with memoization\n\tconst isPlaying = useMediaSelector(React.useCallback(state => state.isPlaying, []))\n\tconst isFullscreen = useMediaSelector(React.useCallback(state => state.isFullscreen, []))\n\tconst currentTime = useMediaSelector(React.useCallback(state => state.currentTime, []))\n\tconst volume = useMediaSelector(React.useCallback(state => state.volume, []))\n\tconst error = useMediaSelector(React.useCallback(state => state.error, []))\n\n\t// Custom hooks\n\tconst {\n\t\tshowControls,\n\t\tshowControlsTemporarily,\n\t\thandleMouseEnter,\n\t\thandleMouseLeave,\n\t\thandleTouchStart: handleControlsTouch,\n\t\thandleTouchEnd: handleControlsTouchEnd\n\t} = useAutoHideControls(autoHide, autoHideDelay, showControlsOnHover, showControlsOnTouch)\n\n\tconst {\n\t\thandleTouchStart: handleGestureStart,\n\t\thandleTouchMove: handleGestureMove,\n\t\thandleTouchEnd: handleGestureEnd\n\t} = useTouchGestures(enableTouchGestures)\n\n\t// Combine touch handlers\n\tconst handleTouchStart = React.useCallback((e: React.TouchEvent) => {\n\t\thandleControlsTouch()\n\t\thandleGestureStart(e)\n\t}, [handleControlsTouch, handleGestureStart])\n\n\tconst handleTouchEnd = React.useCallback(() => {\n\t\thandleControlsTouchEnd()\n\t\thandleGestureEnd()\n\t}, [handleControlsTouchEnd, handleGestureEnd])\n\n\t// Event handlers with memoization\n\tconst handleClick = React.useCallback(() => {\n\t\tshowControlsTemporarily()\n\t}, [showControlsTemporarily])\n\n\t// Keyboard controls\n\tReact.useEffect(() => {\n\t\tif (!enableKeyboardControls) return\n\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tif (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tswitch (e.code) {\n\t\t\t\tcase 'Space':\n\t\t\t\tcase 'KeyK':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'KeyF':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: isFullscreen ? MediaActionTypes.EXIT_FULLSCREEN : MediaActionTypes.ENTER_FULLSCREEN\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'KeyM':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({ type: MediaActionTypes.TOGGLE_MUTE })\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SEEK,\n\t\t\t\t\t\tdetail: Math.max(0, currentTime - 10)\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SEEK,\n\t\t\t\t\t\tdetail: currentTime + 10\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SET_VOLUME,\n\t\t\t\t\t\tdetail: Math.min(1, volume + 0.1)\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tdispatch({\n\t\t\t\t\t\ttype: MediaActionTypes.SET_VOLUME,\n\t\t\t\t\t\tdetail: Math.max(0, volume - 0.1)\n\t\t\t\t\t})\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [enableKeyboardControls, dispatch, isPlaying, isFullscreen, currentTime, volume])\n\n\t// Event callbacks\n\tReact.useEffect(() => {\n\t\tif (isPlaying) onPlay?.()\n\t\telse onPause?.()\n\t}, [isPlaying, onPlay, onPause])\n\n\tReact.useEffect(() => {\n\t\tonTimeUpdate?.(currentTime)\n\t}, [currentTime, onTimeUpdate])\n\n\tReact.useEffect(() => {\n\t\tonVolumeChange?.(volume)\n\t}, [volume, onVolumeChange])\n\n\tReact.useEffect(() => {\n\t\tonFullscreenChange?.(isFullscreen)\n\t}, [isFullscreen, onFullscreenChange])\n\n\treturn (\n\t\t<div\n\t\t\tref={context.rootRef}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative isolate flex flex-col overflow-hidden rounded-lg bg-black outline-none\",\n\t\t\t\t\"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n\t\t\t\t\"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n\t\t\t\tisFullscreen && \"fixed inset-0 z-50 rounded-none\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-state={isFullscreen ? \"fullscreen\" : \"inline\"}\n\t\t\tdata-disabled={error ? \"\" : undefined}\n\t\t\tdata-controls-visible={showControls ? \"\" : undefined}\n\t\t\ttabIndex={0}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\tonTouchStart={handleTouchStart}\n\t\t\tonTouchMove={handleGestureMove}\n\t\t\tonTouchEnd={handleTouchEnd}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nEnhancedMediaPlayer.displayName = \"EnhancedMediaPlayer\"\n","\"use client\"\n\nimport React from \"react\"\nimport { useMediaSelector, useMediaDispatch, MediaActionTypes } from \"../../context/media-context\"\nimport { cn } from \"../../lib/utils\"\nimport { formatTime } from \"../../lib/format-time\"\n\n// Types for advanced features\nexport interface Chapter {\n\tid: string\n\ttitle: string\n\tstartTime: number\n\tendTime: number\n\tthumbnail?: string\n}\n\nexport interface QualityLevel {\n\tid: string\n\tlabel: string\n\twidth: number\n\theight: number\n\tbitrate?: number\n}\n\nexport interface Subtitle {\n\tid: string\n\tlabel: string\n\tlanguage: string\n\tsrc: string\n\tdefault?: boolean\n}\n\n// Quality selector component\nexport const QualitySelector = function QualitySelector({\n\tqualities,\n\tcurrentQuality,\n\tonQualityChange,\n\tclassName\n}: {\n\tqualities: QualityLevel[]\n\tcurrentQuality: string\n\tonQualityChange: (qualityId: string) => void\n\tclassName?: string\n}) {\n\tconst [isOpen, setIsOpen] = React.useState(false)\n\n\tconst currentQualityLabel = React.useMemo(() => {\n\t\treturn qualities.find(q => q.id === currentQuality)?.label || \"Auto\"\n\t}, [qualities, currentQuality])\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70\"\n\t\t\t\taria-label=\"Select quality\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-4 w-4\">\n\t\t\t\t\t<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span className=\"text-sm\">{currentQualityLabel}</span>\n\t\t\t\t<svg \n\t\t\t\t\tviewBox=\"0 0 24 24\" \n\t\t\t\t\tfill=\"currentColor\" \n\t\t\t\t\tclassName={cn(\"h-4 w-4 transition-transform\", isOpen && \"rotate-180\")}\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7 10l5 5 5-5z\"/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"absolute right-0 bottom-full mb-2 min-w-32 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm\">\n\t\t\t\t\t{qualities.map((quality) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={quality.id}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonQualityChange(quality.id)\n\t\t\t\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t\tquality.id === currentQuality && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{quality.label}\n\t\t\t\t\t\t\t{quality.bitrate && (\n\t\t\t\t\t\t\t\t<span className=\"ml-2 text-white/60 text-xs\">\n\t\t\t\t\t\t\t\t\t({Math.round(quality.bitrate / 1000)}k)\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Subtitle selector component\nexport const SubtitleSelector = function SubtitleSelector({\n\tsubtitles,\n\tcurrentSubtitle,\n\tonSubtitleChange,\n\tclassName\n}: {\n\tsubtitles: Subtitle[]\n\tcurrentSubtitle: string | null\n\tonSubtitleChange: (subtitleId: string | null) => void\n\tclassName?: string\n}) {\n\tconst [isOpen, setIsOpen] = React.useState(false)\n\n\tconst currentSubtitleLabel = React.useMemo(() => {\n\t\tif (!currentSubtitle) return \"Off\"\n\t\treturn subtitles.find(s => s.id === currentSubtitle)?.label || \"Off\"\n\t}, [subtitles, currentSubtitle])\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70\"\n\t\t\t\taria-label=\"Select subtitles\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-4 w-4\">\n\t\t\t\t\t<path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span className=\"text-sm\">{currentSubtitleLabel}</span>\n\t\t\t\t<svg \n\t\t\t\t\tviewBox=\"0 0 24 24\" \n\t\t\t\t\tfill=\"currentColor\" \n\t\t\t\t\tclassName={cn(\"h-4 w-4 transition-transform\", isOpen && \"rotate-180\")}\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7 10l5 5 5-5z\"/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"absolute right-0 bottom-full mb-2 min-w-32 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonSubtitleChange(null)\n\t\t\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t!currentSubtitle && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\tOff\n\t\t\t\t\t</button>\n\t\t\t\t\t{subtitles.map((subtitle) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={subtitle.id}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonSubtitleChange(subtitle.id)\n\t\t\t\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t\tsubtitle.id === currentSubtitle && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{subtitle.label}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Playback speed selector\nexport const PlaybackSpeedSelector = function PlaybackSpeedSelector({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst playbackRate = useMediaSelector(state => state.playbackRate)\n\tconst [isOpen, setIsOpen] = React.useState(false)\n\n\tconst speeds = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n\tconst handleSpeedChange = React.useCallback((speed: number) => {\n\t\tdispatch({ type: MediaActionTypes.SET_PLAYBACK_RATE, detail: speed })\n\t\tsetIsOpen(false)\n\t}, [dispatch])\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70\"\n\t\t\t\taria-label=\"Select playback speed\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-4 w-4\">\n\t\t\t\t\t<path d=\"M13,8A4,4 0 0,0 9,12A4,4 0 0,0 13,16A4,4 0 0,0 17,12A4,4 0 0,0 13,8M13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4Z\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span className=\"text-sm\">{playbackRate}x</span>\n\t\t\t\t<svg \n\t\t\t\t\tviewBox=\"0 0 24 24\" \n\t\t\t\t\tfill=\"currentColor\" \n\t\t\t\t\tclassName={cn(\"h-4 w-4 transition-transform\", isOpen && \"rotate-180\")}\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7 10l5 5 5-5z\"/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"absolute right-0 bottom-full mb-2 min-w-20 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm\">\n\t\t\t\t\t{speeds.map((speed) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={speed}\n\t\t\t\t\t\t\tonClick={() => handleSpeedChange(speed)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10\",\n\t\t\t\t\t\t\t\tspeed === playbackRate && \"bg-primary/20 text-primary\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{speed}x\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Chapters component\nexport const ChaptersPanel = function ChaptersPanel({\n\tchapters,\n\tonChapterSelect,\n\tclassName\n}: {\n\tchapters: Chapter[]\n\tonChapterSelect: (chapter: Chapter) => void\n\tclassName?: string\n}) {\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\n\tconst currentChapter = React.useMemo(() => {\n\t\treturn chapters.find(chapter => \n\t\t\tcurrentTime >= chapter.startTime && currentTime < chapter.endTime\n\t\t)\n\t}, [chapters, currentTime])\n\n\treturn (\n\t\t<div className={cn(\"rounded-lg border border-white/20 bg-black/90 p-4 backdrop-blur-sm\", className)}>\n\t\t\t<h3 className=\"mb-3 font-semibold text-white\">Chapters</h3>\n\t\t\t<div className=\"max-h-64 space-y-2 overflow-y-auto\">\n\t\t\t\t{chapters.map((chapter) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={chapter.id}\n\t\t\t\t\t\tonClick={() => onChapterSelect(chapter)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors\",\n\t\t\t\t\t\t\t\"hover:bg-white/10\",\n\t\t\t\t\t\t\tchapter.id === currentChapter?.id && \"border border-primary/30 bg-primary/20\"\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{chapter.thumbnail && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={chapter.thumbnail}\n\t\t\t\t\t\t\t\talt={chapter.title}\n\t\t\t\t\t\t\t\tclassName=\"h-9 w-16 rounded object-cover\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t<div className=\"truncate font-medium text-white\">{chapter.title}</div>\n\t\t\t\t\t\t\t<div className=\"text-sm text-white/60\">\n\t\t\t\t\t\t\t\t{formatTime(chapter.startTime)} - {formatTime(chapter.endTime)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n// Picture-in-Picture button\nexport const PictureInPictureButton = function PictureInPictureButton({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst isPictureInPicture = useMediaSelector(state => state.isPictureInPicture)\n\n\tconst handleTogglePiP = React.useCallback(() => {\n\t\tdispatch({\n\t\t\ttype: isPictureInPicture ? MediaActionTypes.EXIT_PIP : MediaActionTypes.ENTER_PIP\n\t\t})\n\t}, [dispatch, isPictureInPicture])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleTogglePiP}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-10 w-10 items-center justify-center rounded-full text-white\",\n\t\t\t\t\"transition-colors hover:bg-white/10\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={isPictureInPicture ? \"Exit Picture-in-Picture\" : \"Enter Picture-in-Picture\"}\n\t\t>\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t<path d=\"M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z\"/>\n\t\t\t</svg>\n\t\t</button>\n\t)\n}\n","\"use client\"\n\nimport React from \"react\"\nimport { useMediaSelector, useMediaDispatch, MediaActionTypes } from \"../../context/media-context\"\nimport { cn } from \"../../lib/utils\"\nimport { formatTime } from \"../../lib/format-time\"\n\n// Enhanced play button with better animations\nexport const EnhancedPlayButton = function EnhancedPlayButton({\n\tclassName,\n\tsize = \"md\"\n}: {\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst isPlaying = useMediaSelector(state => state.isPlaying)\n\tconst isLoading = useMediaSelector(state => state.isLoading)\n\n\tconst sizeClasses = {\n\t\tsm: \"h-8 w-8\",\n\t\tmd: \"h-10 w-10\",\n\t\tlg: \"h-12 w-12\",\n\t\txl: \"h-16 w-16\"\n\t}\n\n\tconst iconSizes = {\n\t\tsm: \"h-4 w-4\",\n\t\tmd: \"h-5 w-5\",\n\t\tlg: \"h-6 w-6\",\n\t\txl: \"h-8 w-8\"\n\t}\n\n\tconst handleClick = React.useCallback(() => {\n\t\tdispatch({\n\t\t\ttype: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY\n\t\t})\n\t}, [dispatch, isPlaying])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleClick}\n\t\t\tdisabled={isLoading}\n\t\t\tclassName={cn(\n\t\t\t\t\"group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm\",\n\t\t\t\t\"border border-white/20 text-white transition-all duration-200\",\n\t\t\t\t\"hover:scale-105 hover:bg-white/20 active:scale-95\",\n\t\t\t\t\"focus:outline-none focus:ring-2 focus:ring-white/50\",\n\t\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tsizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={isPlaying ? \"Pause\" : \"Play\"}\n\t\t>\n\t\t\t{isLoading ? (\n\t\t\t\t<div className={cn(\"animate-spin rounded-full border-2 border-white/30 border-t-white\", iconSizes[size])} />\n\t\t\t) : (\n\t\t\t\t<div className={cn(\"transition-transform duration-200\", iconSizes[size])}>\n\t\t\t\t\t{isPlaying ? (\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-full w-full\">\n\t\t\t\t\t\t\t<path d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"ml-0.5 h-full w-full\">\n\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</button>\n\t)\n}\n\n// Enhanced seek bar with preview and better touch support\nexport const EnhancedSeekBar = function EnhancedSeekBar({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\tconst buffered = useMediaSelector(state => state.buffered)\n\tconst previewTime = useMediaSelector(state => state.previewTime)\n\n\tconst [isDragging, setIsDragging] = React.useState(false)\n\tconst [hoverTime, setHoverTime] = React.useState<number | null>(null)\n\tconst progressRef = React.useRef<HTMLDivElement>(null)\n\n\tconst progress = duration > 0 ? (currentTime / duration) * 100 : 0\n\tconst previewProgress = duration > 0 && previewTime !== null ? (previewTime / duration) * 100 : null\n\n\t// Calculate buffered ranges\n\tconst bufferedRanges = React.useMemo(() => {\n\t\tif (!buffered || duration === 0) return []\n\t\tconst ranges = []\n\t\tfor (let i = 0; i < buffered.length; i++) {\n\t\t\tranges.push({\n\t\t\t\tstart: (buffered.start(i) / duration) * 100,\n\t\t\t\tend: (buffered.end(i) / duration) * 100\n\t\t\t})\n\t\t}\n\t\treturn ranges\n\t}, [buffered, duration])\n\n\tconst getTimeFromPosition = React.useCallback((clientX: number) => {\n\t\tif (!progressRef.current) return 0\n\t\tconst rect = progressRef.current.getBoundingClientRect()\n\t\tconst position = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n\t\treturn position * duration\n\t}, [duration])\n\n\tconst handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n\t\tif (!isDragging) {\n\t\t\tconst time = getTimeFromPosition(e.clientX)\n\t\t\tsetHoverTime(time)\n\t\t\tdispatch({ type: MediaActionTypes.PREVIEW_TIME, detail: time })\n\t\t}\n\t}, [isDragging, getTimeFromPosition, dispatch])\n\n\tconst handleMouseLeave = React.useCallback(() => {\n\t\tif (!isDragging) {\n\t\t\tsetHoverTime(null)\n\t\t\tdispatch({ type: MediaActionTypes.CLEAR_PREVIEW })\n\t\t}\n\t}, [isDragging, dispatch])\n\n\tconst handleMouseDown = React.useCallback((e: React.MouseEvent) => {\n\t\tsetIsDragging(true)\n\t\tconst time = getTimeFromPosition(e.clientX)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t}, [getTimeFromPosition, dispatch])\n\n\tconst handleTouchStart = React.useCallback((e: React.TouchEvent) => {\n\t\tsetIsDragging(true)\n\t\tconst time = getTimeFromPosition(e.touches[0]?.clientX || 0)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t}, [getTimeFromPosition, dispatch])\n\n\tReact.useEffect(() => {\n\t\tconst handleMouseMove = (e: MouseEvent) => {\n\t\t\tif (isDragging) {\n\t\t\t\tconst time = getTimeFromPosition(e.clientX)\n\t\t\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t\t\t}\n\t\t}\n\n\t\tconst handleMouseUp = () => {\n\t\t\tsetIsDragging(false)\n\t\t\tsetHoverTime(null)\n\t\t\tdispatch({ type: MediaActionTypes.CLEAR_PREVIEW })\n\t\t}\n\n\t\tconst handleTouchMove = (e: TouchEvent) => {\n\t\t\tif (isDragging) {\n\t\t\t\tconst time = getTimeFromPosition(e.touches[0]?.clientX || 0)\n\t\t\t\tdispatch({ type: MediaActionTypes.SEEK, detail: time })\n\t\t\t}\n\t\t}\n\n\t\tif (isDragging) {\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove)\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp)\n\t\t\tdocument.addEventListener('touchmove', handleTouchMove)\n\t\t\tdocument.addEventListener('touchend', handleMouseUp)\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousemove', handleMouseMove)\n\t\t\tdocument.removeEventListener('mouseup', handleMouseUp)\n\t\t\tdocument.removeEventListener('touchmove', handleTouchMove)\n\t\t\tdocument.removeEventListener('touchend', handleMouseUp)\n\t\t}\n\t}, [isDragging, getTimeFromPosition, dispatch])\n\n\treturn (\n\t\t<div className={cn(\"group relative flex items-center\", className)}>\n\t\t\t{/* Time preview tooltip */}\n\t\t\t{(hoverTime !== null || previewTime !== null) && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"pointer-events-none absolute bottom-full mb-2 rounded bg-black/80 px-2 py-1 text-white text-xs\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: `${previewProgress || ((hoverTime || 0) / duration) * 100}%`,\n\t\t\t\t\t\ttransform: 'translateX(-50%)'\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{formatTime(hoverTime || previewTime || 0)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tref={progressRef}\n\t\t\t\tclassName=\"relative h-2 w-full cursor-pointer rounded-full bg-white/20 transition-all duration-200 group-hover:h-3\"\n\t\t\t\tonMouseMove={handleMouseMove}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleTouchStart}\n\t\t\t>\n\t\t\t\t{/* Buffered ranges */}\n\t\t\t\t{bufferedRanges.map((range, index) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName=\"absolute top-0 h-full rounded-full bg-white/30\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: `${range.start}%`,\n\t\t\t\t\t\t\twidth: `${range.end - range.start}%`\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{/* Progress bar */}\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"absolute top-0 h-full rounded-full bg-primary transition-all duration-100\"\n\t\t\t\t\tstyle={{ width: `${progress}%` }}\n\t\t\t\t/>\n\n\t\t\t\t{/* Preview indicator */}\n\t\t\t\t{previewProgress !== null && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"absolute top-0 h-full w-1 rounded-full bg-white/80\"\n\t\t\t\t\t\tstyle={{ left: `${previewProgress}%` }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{/* Thumb */}\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"-translate-y-1/2 absolute top-1/2 h-4 w-4 rounded-full border-2 border-white bg-primary opacity-0 shadow-lg transition-all duration-200 group-hover:opacity-100\"\n\t\t\t\t\tstyle={{ left: `${progress}%`, transform: 'translateX(-50%) translateY(-50%)' }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n// Enhanced volume control with better UX\nexport const EnhancedVolumeControl = function EnhancedVolumeControl({\n\tclassName\n}: {\n\tclassName?: string\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst volume = useMediaSelector(state => state.volume)\n\tconst isMuted = useMediaSelector(state => state.isMuted)\n\n\tconst [showSlider, setShowSlider] = React.useState(false)\n\n\tconst handleToggleMute = React.useCallback(() => {\n\t\tdispatch({ type: MediaActionTypes.TOGGLE_MUTE })\n\t}, [dispatch])\n\n\tconst handleVolumeChange = React.useCallback((newVolume: number) => {\n\t\tdispatch({ type: MediaActionTypes.SET_VOLUME, detail: newVolume })\n\t}, [dispatch])\n\n\tconst VolumeIcon = React.useMemo(() => {\n\t\tif (isMuted || volume === 0) {\n\t\t\treturn (\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t\t<path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"/>\n\t\t\t\t</svg>\n\t\t\t)\n\t\t} else if (volume < 0.5) {\n\t\t\treturn (\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t\t<path d=\"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z\"/>\n\t\t\t\t</svg>\n\t\t\t)\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-5 w-5\">\n\t\t\t\t\t<path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"/>\n\t\t\t\t</svg>\n\t\t\t)\n\t\t}\n\t}, [isMuted, volume])\n\n\treturn (\n\t\t<div \n\t\t\tclassName={cn(\"relative flex items-center\", className)}\n\t\t\tonMouseEnter={() => setShowSlider(true)}\n\t\t\tonMouseLeave={() => setShowSlider(false)}\n\t\t>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={handleToggleMute}\n\t\t\t\tclassName=\"flex h-10 w-10 items-center justify-center rounded-full text-white transition-colors hover:bg-white/10\"\n\t\t\t\taria-label={isMuted ? \"Unmute\" : \"Mute\"}\n\t\t\t>\n\t\t\t\t{VolumeIcon}\n\t\t\t</button>\n\n\t\t\t{/* Volume slider */}\n\t\t\t<div className={cn(\n\t\t\t\t\"absolute left-full ml-2 flex items-center transition-all duration-200\",\n\t\t\t\tshowSlider ? \"translate-x-0 opacity-100\" : \"-translate-x-2 pointer-events-none opacity-0\"\n\t\t\t)}>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"range\"\n\t\t\t\t\tmin=\"0\"\n\t\t\t\t\tmax=\"1\"\n\t\t\t\t\tstep=\"0.01\"\n\t\t\t\t\tvalue={isMuted ? 0 : volume}\n\t\t\t\t\tonChange={(e) => handleVolumeChange(parseFloat(e.target.value))}\n\t\t\t\t\tclassName=\"slider h-1 w-20 cursor-pointer appearance-none rounded-lg bg-white/20\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n// Enhanced backward skip button\nexport const EnhancedBackwardButton = function EnhancedBackwardButton({\n\tclassName,\n\tsize = \"md\",\n\tskipTime = 10\n}: {\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\"\n\tskipTime?: number\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\n\tconst sizeClasses = {\n\t\tsm: \"h-8 w-8\",\n\t\tmd: \"h-10 w-10\",\n\t\tlg: \"h-12 w-12\"\n\t}\n\n\tconst iconSizes = {\n\t\tsm: \"h-4 w-4\",\n\t\tmd: \"h-5 w-5\",\n\t\tlg: \"h-6 w-6\"\n\t}\n\n\tconst handleClick = React.useCallback(() => {\n\t\tconst newTime = Math.max(0, currentTime - skipTime)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: newTime })\n\t}, [dispatch, currentTime, skipTime])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleClick}\n\t\t\tclassName={cn(\n\t\t\t\t\"group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm\",\n\t\t\t\t\"border border-white/20 text-white transition-all duration-200\",\n\t\t\t\t\"hover:scale-105 hover:bg-white/20 active:scale-95\",\n\t\t\t\t\"focus:outline-none focus:ring-2 focus:ring-white/50\",\n\t\t\t\tsizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={`Backward ${skipTime} seconds`}\n\t\t\ttitle={`Backward ${skipTime}s`}\n\t\t>\n\t\t\t<div className={cn(\"flex items-center transition-transform duration-200\", iconSizes[size])}>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-full w-full\">\n\t\t\t\t\t<path d=\"M7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zM15.5 7.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v9c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-9z\"/>\n\t\t\t\t\t<path d=\"M5.5 12l7-4.5v9l-7-4.5z\" opacity=\"0.8\"/>\n\t\t\t\t</svg>\n\t\t\t\t{skipTime && (\n\t\t\t\t\t<span className=\"-bottom-1 absolute font-bold text-[10px]\">\n\t\t\t\t\t\t{skipTime}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</button>\n\t)\n}\n\n// Enhanced forward skip button\nexport const EnhancedForwardButton = function EnhancedForwardButton({\n\tclassName,\n\tsize = \"md\",\n\tskipTime = 10\n}: {\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\"\n\tskipTime?: number\n}) {\n\tconst dispatch = useMediaDispatch()\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\n\tconst sizeClasses = {\n\t\tsm: \"h-8 w-8\",\n\t\tmd: \"h-10 w-10\",\n\t\tlg: \"h-12 w-12\"\n\t}\n\n\tconst iconSizes = {\n\t\tsm: \"h-4 w-4\",\n\t\tmd: \"h-5 w-5\",\n\t\tlg: \"h-6 w-6\"\n\t}\n\n\tconst handleClick = React.useCallback(() => {\n\t\tconst newTime = Math.min(duration, currentTime + skipTime)\n\t\tdispatch({ type: MediaActionTypes.SEEK, detail: newTime })\n\t}, [dispatch, currentTime, duration, skipTime])\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={handleClick}\n\t\t\tclassName={cn(\n\t\t\t\t\"group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm\",\n\t\t\t\t\"border border-white/20 text-white transition-all duration-200\",\n\t\t\t\t\"hover:scale-105 hover:bg-white/20 active:scale-95\",\n\t\t\t\t\"focus:outline-none focus:ring-2 focus:ring-white/50\",\n\t\t\t\tsizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={`Forward ${skipTime} seconds`}\n\t\t\ttitle={`Forward ${skipTime}s`}\n\t\t>\n\t\t\t<div className={cn(\"flex items-center transition-transform duration-200\", iconSizes[size])}>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"h-full w-full\">\n\t\t\t\t\t<path d=\"M17 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zM8.5 7.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v9c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-9z\"/>\n\t\t\t\t\t<path d=\"M18.5 12l-7-4.5v9l7-4.5z\" opacity=\"0.8\"/>\n\t\t\t\t</svg>\n\t\t\t\t{skipTime && (\n\t\t\t\t\t<span className=\"-bottom-1 absolute font-bold text-[10px]\">\n\t\t\t\t\t\t{skipTime}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</button>\n\t)\n}\n\n// Enhanced time display\nexport const EnhancedTimeDisplay = function EnhancedTimeDisplay({\n\tvariant = \"current\",\n\tclassName\n}: {\n\tvariant?: \"current\" | \"duration\" | \"remaining\"\n\tclassName?: string\n}) {\n\tconst currentTime = useMediaSelector(state => state.currentTime)\n\tconst duration = useMediaSelector(state => state.duration)\n\n\tconst displayTime = React.useMemo(() => {\n\t\tswitch (variant) {\n\t\t\tcase \"current\":\n\t\t\t\treturn formatTime(currentTime)\n\t\t\tcase \"duration\":\n\t\t\t\treturn formatTime(duration)\n\t\t\tcase \"remaining\":\n\t\t\t\treturn `-${formatTime(duration - currentTime)}`\n\t\t\tdefault:\n\t\t\t\treturn formatTime(currentTime)\n\t\t}\n\t}, [variant, currentTime, duration])\n\n\treturn (\n\t\t<div className={cn(\"font-mono text-sm text-white tabular-nums\", className)}>\n\t\t\t{displayTime}\n\t\t</div>\n\t)\n}\n\n// Performance indicator component\nexport const PerformanceIndicator = function PerformanceIndicator({\n\tmetrics,\n\tclassName\n}: {\n\tmetrics?: {\n\t\tfps?: number\n\t\tbufferHealth?: number\n\t\tquality?: number\n\t\tbandwidth?: number\n\t}\n\tclassName?: string\n}) {\n\tif (!metrics || process.env.NODE_ENV !== 'development') {\n\t\treturn null\n\t}\n\n\tconst getPerformanceColor = (fps: number) => {\n\t\tif (fps >= 50) return 'text-green-400'\n\t\tif (fps >= 30) return 'text-yellow-400'\n\t\treturn 'text-red-400'\n\t}\n\n\tconst getBufferColor = (health: number) => {\n\t\tif (health >= 5) return 'text-green-400'\n\t\tif (health >= 2) return 'text-yellow-400'\n\t\treturn 'text-red-400'\n\t}\n\n\treturn (\n\t\t<div className={cn(\"flex items-center gap-3 font-mono text-xs\", className)}>\n\t\t\t{metrics.fps !== undefined && (\n\t\t\t\t<div className={cn(\"flex items-center gap-1\", getPerformanceColor(metrics.fps))}>\n\t\t\t\t\t<div className=\"h-2 w-2 rounded-full bg-current\" />\n\t\t\t\t\t<span>{metrics.fps} FPS</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{metrics.bufferHealth !== undefined && (\n\t\t\t\t<div className={cn(\"flex items-center gap-1\", getBufferColor(metrics.bufferHealth))}>\n\t\t\t\t\t<div className=\"h-2 w-2 rounded-full bg-current\" />\n\t\t\t\t\t<span>{metrics.bufferHealth.toFixed(1)}s</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{metrics.quality !== undefined && (\n\t\t\t\t<div className=\"flex items-center gap-1 text-blue-400\">\n\t\t\t\t\t<div className=\"h-2 w-2 rounded-full bg-current\" />\n\t\t\t\t\t<span>{metrics.quality}p</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\n// Enhanced control bar that combines all controls\nexport const EnhancedControlBar = function EnhancedControlBar({\n\tclassName,\n\tshowSkipButtons = true,\n\tshowVolumeControl = true,\n\tshowTimeDisplay = true,\n\tplayButtonSize = \"xl\",\n\tskipButtonSize = \"md\",\n\tskipTime = 10,\n\tshowPerformanceIndicators = process.env.NODE_ENV === 'development',\n\tperformanceMetrics\n}: {\n\tclassName?: string\n\tshowSkipButtons?: boolean\n\tshowVolumeControl?: boolean\n\tshowTimeDisplay?: boolean\n\tplayButtonSize?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n\tskipButtonSize?: \"sm\" | \"md\" | \"lg\"\n\tskipTime?: number\n\tshowPerformanceIndicators?: boolean\n\tperformanceMetrics?: {\n\t\tfps?: number\n\t\tbufferHealth?: number\n\t\tquality?: number\n\t\tbandwidth?: number\n\t}\n}) {\n\treturn (\n\t\t<div className={cn(\"flex flex-col gap-4 bg-gradient-to-t from-black/80 to-transparent p-4\", className)}>\n\t\t\t{/* Seek Bar */}\n\t\t\t<EnhancedSeekBar className=\"w-full\" />\n\n\t\t\t{/* Control Buttons */}\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t{/* Left side - Media controls */}\n\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t{showSkipButtons && (\n\t\t\t\t\t\t<EnhancedBackwardButton \n\t\t\t\t\t\t\tsize={skipButtonSize} \n\t\t\t\t\t\t\tskipTime={skipTime}\n\t\t\t\t\t\t\tclassName=\"shrink-0\" \n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<EnhancedPlayButton \n\t\t\t\t\t\tsize={playButtonSize}\n\t\t\t\t\t\tclassName=\"shrink-0\" \n\t\t\t\t\t/>\n\n\t\t\t\t\t{showSkipButtons && (\n\t\t\t\t\t\t<EnhancedForwardButton \n\t\t\t\t\t\t\tsize={skipButtonSize} \n\t\t\t\t\t\t\tskipTime={skipTime}\n\t\t\t\t\t\t\tclassName=\"shrink-0\" \n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showVolumeControl && (\n\t\t\t\t\t\t<EnhancedVolumeControl className=\"shrink-0\" />\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showTimeDisplay && (\n\t\t\t\t\t\t<div className=\"flex items-center gap-1 font-mono text-sm\">\n\t\t\t\t\t\t\t<EnhancedTimeDisplay variant=\"current\" />\n\t\t\t\t\t\t\t<span className=\"text-white/60\">/</span>\n\t\t\t\t\t\t\t<EnhancedTimeDisplay variant=\"duration\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Right side - Performance indicators and additional controls */}\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t{showPerformanceIndicators && (\n\t\t\t\t\t\t<PerformanceIndicator\n\t\t\t\t\t\t\tmetrics={performanceMetrics}\n\t\t\t\t\t\t\tclassName=\"text-white/80\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Future: Settings, Fullscreen, etc. */}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n","/**\n * Debug Panel Component for Performance Monitoring\n * Development-only component for displaying performance metrics\n */\n\nimport React, { useMemo } from 'react';\nimport { cn } from '../../lib/utils';\n\ninterface PerformanceMetrics {\n\tfps: number;\n\tmemoryUsage: number;\n\tbufferHealth: number;\n\tnetworkBandwidth: number;\n\tdroppedFrames: number;\n\tdecodedFrames: number;\n\tpresentationTime: number;\n}\n\ninterface PreloadingStats {\n\tpreloadedItems: number;\n\tengagementScore: number;\n\tqueueLength: number;\n\thitRate: number;\n\ttotalSaved: number;\n}\n\ninterface DebugPanelProps {\n\t/** Performance metrics to display */\n\tperformanceMetrics?: Partial<PerformanceMetrics>;\n\t/** Preloading statistics */\n\tpreloadingStats?: PreloadingStats;\n\t/** Current playback state */\n\tplaybackState?: {\n\t\tcurrentTime: number;\n\t\tduration: number;\n\t\tvolume: number;\n\t\tisPlaying: boolean;\n\t\tquality: number;\n\t\tisBuffering: boolean;\n\t\terror?: string;\n\t};\n\t/** HLS-specific metrics */\n\thlsMetrics?: {\n\t\tcurrentLevel: number;\n\t\tavailableLevels: number;\n\t\tbandwidthEstimate: number;\n\t\tdroppedFrames: number;\n\t};\n\t/** Plugin information */\n\tpluginInfo?: {\n\t\tloadedPlugins: string[];\n\t\tactivePlugins: string[];\n\t\tpluginCount: number;\n\t};\n\t/** Additional debug information */\n\tdebugInfo?: Record<string, any>;\n\t/** Custom className */\n\tclassName?: string;\n\t/** Panel position */\n\tposition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\t/** Whether the panel is collapsed by default */\n\tdefaultCollapsed?: boolean;\n\t/** Custom title */\n\ttitle?: string;\n}\n\n/**\n * Debug Panel Component\n */\nexport const DebugPanel: React.FC<DebugPanelProps> = ({\n\tperformanceMetrics = {},\n\tpreloadingStats = {} as PreloadingStats,\n\tplaybackState = {} as any,\n\thlsMetrics = {},\n\tpluginInfo = {},\n\tdebugInfo = {},\n\tclassName,\n\tposition = 'top-right',\n\tdefaultCollapsed = false,\n\ttitle = 'BaroiPlayer Debug Panel'\n}) => {\n\tconst [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);\n\tconst [activeTab, setActiveTab] = React.useState<'performance' | 'hls' | 'plugins' | 'debug'>('performance');\n\n\t// Position classes\n\tconst positionClasses = useMemo(() => {\n\t\tswitch (position) {\n\t\t\tcase 'top-left':\n\t\t\t\treturn 'top-4 left-4';\n\t\t\tcase 'top-right':\n\t\t\t\treturn 'top-4 right-4';\n\t\t\tcase 'bottom-left':\n\t\t\t\treturn 'bottom-4 left-4';\n\t\t\tcase 'bottom-right':\n\t\t\t\treturn 'bottom-4 right-4';\n\t\t\tdefault:\n\t\t\t\treturn 'top-4 right-4';\n\t\t}\n\t}, [position]);\n\n\t// Format bytes\n\tconst formatBytes = (bytes: number): string => {\n\t\tif (bytes === 0) return '0 B';\n\t\tconst k = 1024;\n\t\tconst sizes = ['B', 'KB', 'MB', 'GB'];\n\t\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\t\treturn parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n\t};\n\n\t// Format time\n\tconst formatTime = (seconds: number): string => {\n\t\tconst mins = Math.floor(seconds / 60);\n\t\tconst secs = Math.floor(seconds % 60);\n\t\treturn `${mins}:${secs.toString().padStart(2, '0')}`;\n\t};\n\n\t// Render performance metrics\n\tconst renderPerformanceMetrics = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">FPS:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{performanceMetrics.fps || 0}</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Memory:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{((performanceMetrics.memoryUsage || 0) / 1024 / 1024).toFixed(1)} MB</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-yellow-400\">Buffer:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{(performanceMetrics.bufferHealth || 0).toFixed(2)}s</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-purple-400\">Bandwidth:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{formatBytes(performanceMetrics.networkBandwidth || 0)}/s</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-red-400\">Dropped:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{performanceMetrics.droppedFrames || 0} frames</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-cyan-400\">Decoded:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{performanceMetrics.decodedFrames || 0} frames</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render playback state\n\tconst renderPlaybackState = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Status:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{playbackState.isPlaying ? (\n\t\t\t\t\t\t\t<span className=\"text-green-300\">Playing</span>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"text-red-300\">Paused</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Time:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{formatTime(playbackState.currentTime || 0)} / {formatTime(playbackState.duration || 0)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-yellow-400\">Volume:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{Math.round((playbackState.volume || 0) * 100)}%</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-purple-400\">Quality:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{playbackState.quality || 0}p</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-red-400\">Buffering:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{playbackState.isBuffering ? (\n\t\t\t\t\t\t\t<span className=\"text-yellow-300\">Yes</span>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"text-green-300\">No</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t{playbackState.error && (\n\t\t\t\t\t<div className=\"col-span-2\">\n\t\t\t\t\t\t<span className=\"text-red-400\">Error:</span>\n\t\t\t\t\t\t<span className=\"ml-2 break-all font-mono text-red-300 text-xs\">\n\t\t\t\t\t\t\t{playbackState.error}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render preloading stats\n\tconst renderPreloadingStats = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Preloaded:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{preloadingStats.preloadedItems || 0} items</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Engagement:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{(preloadingStats.engagementScore || 0).toFixed(1)}%</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-yellow-400\">Queue:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{preloadingStats.queueLength || 0} items</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-purple-400\">Hit Rate:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{(preloadingStats.hitRate || 0).toFixed(1)}%</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"col-span-2\">\n\t\t\t\t\t<span className=\"text-cyan-400\">Saved:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{formatBytes(preloadingStats.totalSaved || 0)}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render HLS metrics\n\tconst renderHLSMetrics = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Level:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">\n\t\t\t\t\t\t{hlsMetrics.currentLevel || 0} / {hlsMetrics.availableLevels || 0}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-blue-400\">Bandwidth:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{formatBytes(hlsMetrics.bandwidthEstimate || 0)}/s</span>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-red-400\">Dropped:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{hlsMetrics.droppedFrames || 0} frames</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render plugin info\n\tconst renderPluginInfo = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"text-xs\">\n\t\t\t\t<div>\n\t\t\t\t\t<span className=\"text-green-400\">Total:</span>\n\t\t\t\t\t<span className=\"ml-2 font-mono\">{pluginInfo.pluginCount || 0} plugins</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mt-2\">\n\t\t\t\t\t<span className=\"text-blue-400\">Active:</span>\n\t\t\t\t\t<div className=\"ml-2 space-y-1 font-mono text-xs\">\n\t\t\t\t\t\t{pluginInfo.activePlugins?.map((plugin, index) => (\n\t\t\t\t\t\t\t<div key={index} className=\"text-green-300\">• {plugin}</div>\n\t\t\t\t\t\t)) || <div className=\"text-gray-400\">None</div>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{pluginInfo.loadedPlugins && pluginInfo.loadedPlugins.length > (pluginInfo.activePlugins?.length ?? 0) && (\n\t\t\t\t\t<div className=\"mt-2\">\n\t\t\t\t\t\t<span className=\"text-yellow-400\">Loaded (inactive):</span>\n\t\t\t\t\t\t<div className=\"ml-2 space-y-1 font-mono text-xs\">\n\t\t\t\t\t\t\t{pluginInfo.loadedPlugins\n\t\t\t\t\t\t\t\t.filter(plugin => !pluginInfo.activePlugins?.includes(plugin))\n\t\t\t\t\t\t\t\t.map((plugin, index) => (\n\t\t\t\t\t\t\t\t\t<div key={index} className=\"text-yellow-300\">• {plugin}</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render debug info\n\tconst renderDebugInfo = () => (\n\t\t<div className=\"space-y-2\">\n\t\t\t<div className=\"space-y-1 font-mono text-xs\">\n\t\t\t\t{Object.entries(debugInfo).map(([key, value]) => (\n\t\t\t\t\t<div key={key}>\n\t\t\t\t\t\t<span className=\"text-yellow-400\">{key}:</span>\n\t\t\t\t\t\t<span className=\"ml-2 text-gray-300\">\n\t\t\t\t\t\t\t{typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\t// Render tabs\n\tconst renderTabs = () => (\n\t\t<div className=\"flex space-x-1 border-gray-600 border-b\">\n\t\t\t{[\n\t\t\t\t{ id: 'performance', label: 'Performance' },\n\t\t\t\t{ id: 'hls', label: 'HLS' },\n\t\t\t\t{ id: 'plugins', label: 'Plugins' },\n\t\t\t\t{ id: 'debug', label: 'Debug' }\n\t\t\t].map(tab => (\n\t\t\t\t<button\n\t\t\t\t\tkey={tab.id}\n\t\t\t\t\tonClick={() => setActiveTab(tab.id as any)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"px-2 py-1 font-medium text-xs transition-colors\",\n\t\t\t\t\t\tactiveTab === tab.id\n\t\t\t\t\t\t\t? \"border-blue-400 border-b text-blue-400\"\n\t\t\t\t\t\t\t: 'text-gray-400 hover:text-white'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{tab.label}\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</div>\n\t);\n\n\t// Render active tab content\n\tconst renderTabContent = () => {\n\t\tswitch (activeTab) {\n\t\t\tcase 'performance':\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t\t{renderPerformanceMetrics()}\n\t\t\t\t\t\t<hr className=\"border-gray-600\" />\n\t\t\t\t\t\t{renderPlaybackState()}\n\t\t\t\t\t\t<hr className=\"border-gray-600\" />\n\t\t\t\t\t\t{renderPreloadingStats()}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase 'hls':\n\t\t\t\treturn renderHLSMetrics();\n\t\t\tcase 'plugins':\n\t\t\t\treturn renderPluginInfo();\n\t\t\tcase 'debug':\n\t\t\t\treturn renderDebugInfo();\n\t\t\tdefault:\n\t\t\t\treturn renderPerformanceMetrics();\n\t\t}\n\t};\n\n\t// Only render in development\n\tif (process.env.NODE_ENV !== 'development') {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed z-50 min-w-80 max-w-96 rounded-lg border border-gray-700 bg-black/90 p-3 font-mono text-white text-xs backdrop-blur-sm\",\n\t\t\t\tpositionClasses,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{/* Header */}\n\t\t\t<div className=\"mb-3 flex items-center justify-between\">\n\t\t\t\t<h3 className=\"font-bold text-blue-400 text-sm\">{title}</h3>\n\t\t\t\t<div className=\"flex items-center space-x-2\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => setIsCollapsed(!isCollapsed)}\n\t\t\t\t\t\tclassName=\"text-gray-400 transition-colors hover:text-white\"\n\t\t\t\t\t\taria-label={isCollapsed ? 'Expand' : 'Collapse'}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isCollapsed ? (\n\t\t\t\t\t\t\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n\t\t\t\t\t\t\t\t<path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n\t\t\t\t\t\t\t\t<path d=\"M3 7.5L6 4.5L9 7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Collapsed content */}\n\t\t\t{isCollapsed ? (\n\t\t\t\t<div className=\"grid grid-cols-2 gap-2 text-xs\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-green-400\">FPS:</span>\n\t\t\t\t\t\t<span className=\"ml-1 font-mono\">{performanceMetrics.fps || 0}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-blue-400\">Memory:</span>\n\t\t\t\t\t\t<span className=\"ml-1 font-mono\">{((performanceMetrics.memoryUsage || 0) / 1024 / 1024).toFixed(1)}MB</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{/* Tabs */}\n\t\t\t\t\t{renderTabs()}\n\n\t\t\t\t\t{/* Tab Content */}\n\t\t\t\t\t<div className=\"mt-3 max-h-64 overflow-y-auto\">\n\t\t\t\t\t\t{renderTabContent()}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\n/**\n * Performance Debug Panel - simplified version focused on performance metrics\n */\nexport const PerformanceDebugPanel: React.FC<Omit<DebugPanelProps, 'position' | 'defaultCollapsed' | 'title'>> = (props) => {\n\treturn (\n\t\t<DebugPanel\n\t\t\t{...props}\n\t\t\tposition=\"top-right\"\n\t\t\tdefaultCollapsed={false}\n\t\t\ttitle=\"Performance Monitor\"\n\t\t/>\n\t);\n};\n\nexport default DebugPanel;"],"names":["useAutoHideControls","autoHide","delay","showOnHover","showOnTouch","showControls","setShowControls","React","isHovering","setIsHovering","isTouching","setIsTouching","timeoutRef","resetTimeout","showControlsTemporarily","handleMouseEnter","handleMouseLeave","handleTouchStart","handleTouchEnd","useTouchGestures","enabled","dispatch","useMediaDispatch","isPlaying","useMediaSelector","state","currentTime","duration","volume","touchStart","setTouchStart","isDoubleTap","setIsDoubleTap","e","touch","now","MediaActionTypes","handleTouchMove","deltaX","deltaY","seekAmount","newTime","volumeChange","newVolume","EnhancedMediaPlayer","children","className","autoHideDelay","showControlsOnHover","showControlsOnTouch","enableKeyboardControls","enableTouchGestures","onPlay","onPause","onTimeUpdate","onVolumeChange","onFullscreenChange","context","useMediaContext","isFullscreen","error","handleControlsTouch","handleControlsTouchEnd","handleGestureStart","handleGestureMove","handleGestureEnd","handleClick","handleKeyDown","jsx","cn","QualitySelector","qualities","currentQuality","onQualityChange","isOpen","setIsOpen","currentQualityLabel","q","jsxs","quality","SubtitleSelector","subtitles","currentSubtitle","onSubtitleChange","currentSubtitleLabel","s","subtitle","PlaybackSpeedSelector","playbackRate","speeds","handleSpeedChange","speed","ChaptersPanel","chapters","onChapterSelect","currentChapter","chapter","formatTime","PictureInPictureButton","isPictureInPicture","handleTogglePiP","EnhancedPlayButton","size","isLoading","sizeClasses","iconSizes","EnhancedSeekBar","buffered","previewTime","isDragging","setIsDragging","hoverTime","setHoverTime","progressRef","progress","previewProgress","bufferedRanges","ranges","i","getTimeFromPosition","clientX","rect","handleMouseMove","time","handleMouseDown","handleMouseUp","range","index","EnhancedVolumeControl","isMuted","showSlider","setShowSlider","handleToggleMute","handleVolumeChange","VolumeIcon","EnhancedBackwardButton","skipTime","EnhancedForwardButton","EnhancedTimeDisplay","variant","displayTime","PerformanceIndicator","metrics","getPerformanceColor","fps","getBufferColor","health","EnhancedControlBar","showSkipButtons","showVolumeControl","showTimeDisplay","playButtonSize","skipButtonSize","showPerformanceIndicators","performanceMetrics","DebugPanel","preloadingStats","playbackState","hlsMetrics","pluginInfo","debugInfo","position","defaultCollapsed","title","isCollapsed","setIsCollapsed","activeTab","setActiveTab","positionClasses","useMemo","formatBytes","bytes","k","sizes","seconds","mins","secs","renderPerformanceMetrics","renderPlaybackState","renderPreloadingStats","renderHLSMetrics","renderPluginInfo","plugin","renderDebugInfo","key","value","renderTabs","tab","renderTabContent","Fragment"],"mappings":"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"}