fix: Improves video player reliability and performance

Prevents crashes by adding safeguards that check if video is loaded before calling player methods Removes performance monitoring hook that was causing unnecessary overhead during playback Reorganizes code structure by removing excessive comment sections and consolidating related functionality for better maintainability Updates Biome linter to latest version for improved code formatting and analysis
refactor: Refactors video player with state consolidation and performance optimizations
2025-08-20 18:37:18 +02:00 · 2025-08-11 01:03:06 +02:00 · 2025-08-10 23:48:32 +02:00
4 changed files with 442 additions and 373 deletions
--- a/app/(auth)/player/direct-player.tsx
+++ b/app/(auth)/player/direct-player.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-native/no-inline-styles */
 import {
  type BaseItemDto,
  type MediaSourceInfo,
@@ -13,7 +14,14 @@ import {
 import { activateKeepAwakeAsync, deactivateKeepAwake } from "expo-keep-awake";
 import { router, useGlobalSearchParams, useNavigation } from "expo-router";
 import { useAtomValue } from "jotai";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+} from "react";
 import { useTranslation } from "react-i18next";
 import { Alert, Platform, View } from "react-native";
 import { useSharedValue } from "react-native-reanimated";
@@ -47,49 +55,74 @@ const downloadProvider = !Platform.isTV

 const IGNORE_SAFE_AREAS_KEY = "video_player_ignore_safe_areas";

-export default function page() {
+/* Playback state reducer to consolidate related state */
+interface VideoState {
+  isPlaying: boolean;
+  isMuted: boolean;
+  isBuffering: boolean;
+  isVideoLoaded: boolean;
+  isPipStarted: boolean;
+}
+type VideoAction =
+  | { type: "PLAYING_CHANGED"; value: boolean }
+  | { type: "BUFFERING_CHANGED"; value: boolean }
+  | { type: "VIDEO_LOADED" }
+  | { type: "MUTED_CHANGED"; value: boolean }
+  | { type: "PIP_CHANGED"; value: boolean };
+
+const videoReducer = (state: VideoState, action: VideoAction): VideoState => {
+  switch (action.type) {
+    case "PLAYING_CHANGED":
+      return { ...state, isPlaying: action.value };
+    case "BUFFERING_CHANGED":
+      return { ...state, isBuffering: action.value };
+    case "VIDEO_LOADED":
+      // Mark video as loaded and buffering false here
+      return { ...state, isVideoLoaded: true, isBuffering: false };
+    case "MUTED_CHANGED":
+      return { ...state, isMuted: action.value };
+    case "PIP_CHANGED":
+      return { ...state, isPipStarted: action.value };
+    default:
+      return state;
+  }
+};
+
+const initialVideoState: VideoState = {
+  isPlaying: false,
+  isMuted: false,
+  isBuffering: true,
+  isVideoLoaded: false,
+  isPipStarted: false,
+};
+
+export default function DirectPlayerPage() {
  const videoRef = useRef<VlcPlayerViewRef>(null);
  const user = useAtomValue(userAtom);
  const api = useAtomValue(apiAtom);
-  const { t } = useTranslation();
  const navigation = useNavigation();
+  const { t } = useTranslation();
+
+  /* Consolidated video playback state */
+  const [videoState, dispatch] = useReducer(videoReducer, initialVideoState);

-  const [isPlaybackStopped, setIsPlaybackStopped] = useState(false);
  const [showControls, _setShowControls] = useState(true);
  const [ignoreSafeAreas, setIgnoreSafeAreas] = useState(() => {
-    // Load persisted state from storage
-    const saved = storage.getBoolean(IGNORE_SAFE_AREAS_KEY);
-    return saved ?? false;
+    return storage.getBoolean(IGNORE_SAFE_AREAS_KEY) ?? false;
  });
-  const [isPlaying, setIsPlaying] = useState(false);
-  const [isMuted, setIsMuted] = useState(false);
-  const [isBuffering, setIsBuffering] = useState(true);
-  const [isVideoLoaded, setIsVideoLoaded] = useState(false);
-  const [isPipStarted, setIsPipStarted] = useState(false);
+  const [isPlaybackStopped, setIsPlaybackStopped] = useState(false);
+
+  const insets = useSafeAreaInsets();
+  const [settings] = useSettings();

  const progress = useSharedValue(0);
  const isSeeking = useSharedValue(false);
  const cacheProgress = useSharedValue(0);
+  const lightHapticFeedback = useHaptic("light");
  const VolumeManager = Platform.isTV
    ? null
    : require("react-native-volume-manager");

-  const getDownloadedItem = downloadProvider.useDownload();
-
-  const revalidateProgressCache = useInvalidatePlaybackProgressCache();
-
-  const lightHapticFeedback = useHaptic("light");
-
-  const setShowControls = useCallback((show: boolean) => {
-    _setShowControls(show);
-    lightHapticFeedback();
-  }, []);
-
-  // Persist ignoreSafeAreas state whenever it changes
-  useEffect(() => {
-    storage.set(IGNORE_SAFE_AREAS_KEY, ignoreSafeAreas);
-  }, [ignoreSafeAreas]);
-
  const {
    itemId,
    audioIndex: audioIndexStr,
@@ -105,71 +138,82 @@ export default function page() {
    mediaSourceId: string;
    bitrateValue: string;
    offline: string;
-    /** Playback position in ticks. */
    playbackPosition?: string;
  }>();
-  const [settings] = useSettings();
-  const insets = useSafeAreaInsets();
-  const offline = offlineStr === "true";

-  const audioIndex = audioIndexStr
-    ? Number.parseInt(audioIndexStr, 10)
-    : undefined;
-  const subtitleIndex = subtitleIndexStr
-    ? Number.parseInt(subtitleIndexStr, 10)
-    : -1;
+  const offline = offlineStr === "true";
+  const audioIndex = audioIndexStr ? parseInt(audioIndexStr, 10) : undefined;
+  const subtitleIndex = subtitleIndexStr ? parseInt(subtitleIndexStr, 10) : -1;
  const bitrateValue = bitrateValueStr
-    ? Number.parseInt(bitrateValueStr, 10)
+    ? parseInt(bitrateValueStr, 10)
    : BITRATES[0].value;

+  const setShowControls = useCallback(
+    (show: boolean) => {
+      _setShowControls(show);
+      lightHapticFeedback();
+    },
+    [lightHapticFeedback],
+  );
+
+  useEffect(() => {
+    storage.set(IGNORE_SAFE_AREAS_KEY, ignoreSafeAreas);
+  }, [ignoreSafeAreas]);
+
+  /* Fetch the item info */
  const [item, setItem] = useState<BaseItemDto | null>(null);
  const [itemStatus, setItemStatus] = useState({
    isLoading: true,
    isError: false,
  });
+  const getDownloadedItem = downloadProvider.useDownload();

-  /** Gets the initial playback position from the URL or the item's user data. */
  const getInitialPlaybackTicks = useCallback((): number => {
    if (playbackPositionFromUrl) {
-      return Number.parseInt(playbackPositionFromUrl, 10);
+      return parseInt(playbackPositionFromUrl, 10);
    }
    return item?.UserData?.PlaybackPositionTicks ?? 0;
  }, [playbackPositionFromUrl, item]);

  useEffect(() => {
-    const fetchItemData = async () => {
+    if (!itemId) return;
+
+    const controller = new AbortController();
+    (async () => {
      setItemStatus({ isLoading: true, isError: false });
      try {
        let fetchedItem: BaseItemDto | null = null;
        if (offline && !Platform.isTV) {
          const data = await getDownloadedItem.getDownloadedItem(itemId);
-          if (data) fetchedItem = data.item as BaseItemDto;
+          fetchedItem = data?.item as BaseItemDto | null;
        } else {
-          const res = await getUserLibraryApi(api!).getItem({
-            itemId,
-            userId: user?.Id,
-          });
+          const res = await getUserLibraryApi(api!).getItem(
+            { itemId, userId: user?.Id },
+            { signal: controller.signal },
+          );
          fetchedItem = res.data;
        }
-        setItem(fetchedItem);
-        setItemStatus({ isLoading: false, isError: false });
+        if (!controller.signal.aborted) {
+          setItem(fetchedItem);
+          setItemStatus({ isLoading: false, isError: false });
+        }
      } catch (error) {
-        console.error("Failed to fetch item:", error);
-        setItemStatus({ isLoading: false, isError: true });
+        if (!controller.signal.aborted) {
+          console.error("Failed to fetch item:", error);
+          setItemStatus({ isLoading: false, isError: true });
+        }
      }
-    };
+    })();

-    if (itemId) {
-      fetchItemData();
-    }
-  }, [itemId, offline, api, user?.Id]);
+    return () => controller.abort();
+  }, [itemId, offline, api, user?.Id, getDownloadedItem]);

+  /* Fetch stream info */
  interface Stream {
    mediaSource: MediaSourceInfo;
    sessionId: string;
    url: string;
  }
-
  const [stream, setStream] = useState<Stream | null>(null);
  const [streamStatus, setStreamStatus] = useState({
    isLoading: true,
@@ -179,18 +223,16 @@ export default function page() {
  useEffect(() => {
    const fetchStreamData = async () => {
      setStreamStatus({ isLoading: true, isError: false });
-      const native = await generateDeviceProfile();
      try {
+        const native = await generateDeviceProfile();
        let result: Stream | null = null;
+
        if (offline && !Platform.isTV) {
          const data = await getDownloadedItem.getDownloadedItem(itemId);
          if (!data?.mediaSource) return;
          const url = await getDownloadedFileUrl(data.item.Id!);
-          if (item) {
-            result = { mediaSource: data.mediaSource, sessionId: "", url };
-          }
-        } else {
-          if (!item) return;
+          result = { mediaSource: data.mediaSource, sessionId: "", url };
+        } else if (item) {
          const res = await getStreamUrl({
            api,
            item,
@@ -198,7 +240,7 @@ export default function page() {
            userId: user?.Id,
            audioStreamIndex: audioIndex,
            maxStreamingBitrate: bitrateValue,
-            mediaSourceId: mediaSourceId,
+            mediaSourceId,
            subtitleStreamIndex: subtitleIndex,
            deviceProfile: native,
          });
@@ -213,6 +255,7 @@ export default function page() {
          }
          result = { mediaSource, sessionId, url };
        }
+
        setStream(result);
        setStreamStatus({ isLoading: false, isError: false });
      } catch (error) {
@@ -220,219 +263,310 @@ export default function page() {
        setStreamStatus({ isLoading: false, isError: true });
      }
    };
+
    fetchStreamData();
-  }, [itemId, mediaSourceId, bitrateValue, api, item, user?.Id]);
-
-  useEffect(() => {
-    if (!stream) return;
-
-    const reportPlaybackStart = async () => {
-      await getPlaystateApi(api!).reportPlaybackStart({
-        playbackStartInfo: currentPlayStateInfo() as PlaybackStartInfo,
-      });
-    };
-
-    reportPlaybackStart();
-  }, [stream]);
-
-  const togglePlay = async () => {
-    lightHapticFeedback();
-    setIsPlaying(!isPlaying);
-    if (isPlaying) {
-      await videoRef.current?.pause();
-      reportPlaybackProgress();
-    } else {
-      videoRef.current?.play();
-      await getPlaystateApi(api!).reportPlaybackStart({
-        playbackStartInfo: currentPlayStateInfo() as PlaybackStartInfo,
-      });
-    }
-  };
-
-  const reportPlaybackStopped = useCallback(async () => {
-    if (offline) return;
-    const currentTimeInTicks = msToTicks(progress.get());
-    await getPlaystateApi(api!).onPlaybackStopped({
-      itemId: item?.Id!,
-      mediaSourceId: mediaSourceId,
-      positionTicks: currentTimeInTicks,
-      playSessionId: stream?.sessionId!,
-    });
-
-    revalidateProgressCache();
  }, [
+    itemId,
+    mediaSourceId,
+    bitrateValue,
    api,
    item,
-    mediaSourceId,
-    stream,
-    progress,
+    user?.Id,
    offline,
-    revalidateProgressCache,
+    getInitialPlaybackTicks,
+    audioIndex,
+    subtitleIndex,
  ]);

-  const stop = useCallback(() => {
-    reportPlaybackStopped();
-    setIsPlaybackStopped(true);
-    videoRef.current?.stop();
-  }, [videoRef, reportPlaybackStopped]);
+  const revalidateProgressCache = useInvalidatePlaybackProgressCache();

-  useEffect(() => {
-    const beforeRemoveListener = navigation.addListener("beforeRemove", stop);
-    return () => {
-      beforeRemoveListener();
-    };
-  }, [navigation, stop]);
-
-  const currentPlayStateInfo = () => {
-    if (!stream) return;
+  /* Memoized playback state info for reporting */
+  const currentPlayStateInfo = useMemo(() => {
+    if (!stream) return null;
    return {
      itemId: item?.Id!,
-      audioStreamIndex: audioIndex ? audioIndex : undefined,
-      subtitleStreamIndex: subtitleIndex ? subtitleIndex : undefined,
-      mediaSourceId: mediaSourceId,
+      audioStreamIndex: audioIndex,
+      subtitleStreamIndex: subtitleIndex,
+      mediaSourceId,
      positionTicks: msToTicks(progress.get()),
-      isPaused: !isPlaying,
-      playMethod: stream?.url.includes("m3u8") ? "Transcode" : "DirectStream",
+      isPaused: !videoState.isPlaying,
+      playMethod: stream.url.includes("m3u8") ? "Transcode" : "DirectStream",
      playSessionId: stream.sessionId,
-      isMuted: isMuted,
+      isMuted: videoState.isMuted,
      canSeek: true,
      repeatMode: RepeatMode.RepeatNone,
      playbackOrder: PlaybackOrder.Default,
    };
-  };
-
-  const onProgress = useCallback(
-    async (data: ProgressUpdatePayload) => {
-      if (isSeeking.get() || isPlaybackStopped) return;
-
-      const { currentTime } = data.nativeEvent;
-      if (isBuffering) {
-        setIsBuffering(false);
-      }
-
-      progress.set(currentTime);
-
-      // Update the playback position in the URL.
-      router.setParams({
-        playbackPosition: msToTicks(currentTime).toString(),
-      });
-
-      if (offline) return;
-      if (!item?.Id || !stream) return;
-
-      reportPlaybackProgress();
-    },
-    [
-      item?.Id,
-      audioIndex,
-      subtitleIndex,
-      mediaSourceId,
-      isPlaying,
-      stream,
-      isSeeking,
-      isPlaybackStopped,
-      isBuffering,
-    ],
-  );
-
-  const onPipStarted = useCallback((e: PipStartedPayload) => {
-    const { pipStarted } = e.nativeEvent;
-    setIsPipStarted(pipStarted);
-  }, []);
-
-  const reportPlaybackProgress = useCallback(async () => {
-    if (!api || offline || !stream) return;
-    await getPlaystateApi(api).reportPlaybackProgress({
-      playbackProgressInfo: currentPlayStateInfo() as PlaybackProgressInfo,
-    });
  }, [
-    api,
-    isPlaying,
-    offline,
-    stream,
    item?.Id,
    audioIndex,
    subtitleIndex,
    mediaSourceId,
    progress,
+    videoState.isPlaying,
+    videoState.isMuted,
+    stream,
  ]);

-  /** Gets the initial playback position in seconds. */
-  const startPosition = useMemo(() => {
-    if (offline) return 0;
-    return ticksToSeconds(getInitialPlaybackTicks());
-  }, [offline, getInitialPlaybackTicks]);
+  /* Playback progress reporting */
+  const reportPlaybackProgress = useCallback(async () => {
+    if (!api || offline || !stream || !currentPlayStateInfo) return;
+    await getPlaystateApi(api).reportPlaybackProgress({
+      playbackProgressInfo: currentPlayStateInfo as PlaybackProgressInfo,
+    });
+  }, [api, offline, stream, currentPlayStateInfo]);

+  /* Report playback stopped */
+  const reportPlaybackStopped = useCallback(async () => {
+    if (offline || !stream) return;
+    await getPlaystateApi(api!).onPlaybackStopped({
+      itemId: item?.Id!,
+      mediaSourceId,
+      positionTicks: msToTicks(progress.get()),
+      playSessionId: stream.sessionId,
+    });
+    revalidateProgressCache();
+  }, [
+    api,
+    item?.Id,
+    mediaSourceId,
+    progress,
+    stream,
+    offline,
+    revalidateProgressCache,
+  ]);
+
+  /* Toggle play/pause */
+  const togglePlay = useCallback(async () => {
+    lightHapticFeedback();
+    const playing = videoState.isPlaying;
+    dispatch({ type: "PLAYING_CHANGED", value: !playing });
+
+    if (playing) {
+      await videoRef.current?.pause();
+      reportPlaybackProgress();
+    } else {
+      await videoRef.current?.play();
+      if (currentPlayStateInfo) {
+        await getPlaystateApi(api!).reportPlaybackStart({
+          playbackStartInfo: currentPlayStateInfo as PlaybackStartInfo,
+        });
+      }
+    }
+  }, [
+    videoState.isPlaying,
+    lightHapticFeedback,
+    reportPlaybackProgress,
+    api,
+    currentPlayStateInfo,
+  ]);
+
+  /* Stop playback and clean up */
+  const stop = useCallback(() => {
+    reportPlaybackStopped();
+    setIsPlaybackStopped(true);
+    videoRef.current?.stop();
+  }, [reportPlaybackStopped]);
+
+  useEffect(() => {
+    const unsubscribe = navigation.addListener("beforeRemove", stop);
+    return unsubscribe;
+  }, [navigation, stop]);
+
+  /* VLC init options optimized for performance */
+  const optimizedInitOptions = useMemo(() => {
+    const opts = [`--sub-text-scale=${settings.subtitleSize}`];
+    // Reduce buffering memory usage
+    opts.push("--network-caching=300", "--file-caching=300");
+    if (Platform.OS === "android") opts.push("--aout=opensles");
+    if (Platform.OS === "ios") opts.push("--ios-hw-decoding");
+
+    // Pre-selection of audio & subtitle tracks handled here
+    const notTranscoding = !stream?.mediaSource.TranscodingUrl;
+    const allAudio =
+      stream?.mediaSource.MediaStreams?.filter((s) => s.Type === "Audio") ?? [];
+    const allSubs =
+      stream?.mediaSource.MediaStreams?.filter(
+        (s) => s.Type === "Subtitle",
+      )?.sort((a, b) => Number(a.IsExternal) - Number(b.IsExternal)) ?? [];
+
+    if (subtitleIndex >= 0) {
+      const chosenSubtitleTrack = allSubs.find(
+        (s) => s.Index === subtitleIndex,
+      );
+      const textSubs = allSubs.filter((s) => s.IsTextSubtitleStream);
+      if (
+        chosenSubtitleTrack &&
+        (notTranscoding || chosenSubtitleTrack.IsTextSubtitleStream)
+      ) {
+        const finalIdx = notTranscoding
+          ? allSubs.indexOf(chosenSubtitleTrack)
+          : textSubs.indexOf(chosenSubtitleTrack);
+        opts.push(`--sub-track=${finalIdx}`);
+      }
+    }
+    if (notTranscoding && audioIndex !== undefined) {
+      const chosenAudioTrack = allAudio.find((a) => a.Index === audioIndex);
+      if (chosenAudioTrack)
+        opts.push(`--audio-track=${allAudio.indexOf(chosenAudioTrack)}`);
+    }
+
+    return opts;
+  }, [settings.subtitleSize, stream?.mediaSource, subtitleIndex, audioIndex]);
+
+  /* On Picture-In-Picture started or stopped */
+  const onPipStarted = useCallback((e: PipStartedPayload) => {
+    dispatch({ type: "PIP_CHANGED", value: e.nativeEvent.pipStarted });
+  }, []);
+
+  /* Progress event handler */
+  const onProgress = useCallback(
+    (data: ProgressUpdatePayload) => {
+      if (isSeeking.get() || isPlaybackStopped) return;
+      if (videoState.isBuffering)
+        dispatch({ type: "BUFFERING_CHANGED", value: false });
+      const { currentTime } = data.nativeEvent;
+      progress.set(currentTime);
+      router.setParams({ playbackPosition: msToTicks(currentTime).toString() });
+      if (!offline) reportPlaybackProgress();
+    },
+    [
+      isSeeking,
+      isPlaybackStopped,
+      progress,
+      offline,
+      reportPlaybackProgress,
+      videoState.isBuffering,
+    ],
+  );
+
+  /* Playback state changes */
+  const onPlaybackStateChanged = useCallback(
+    async (e: PlaybackStatePayload) => {
+      const { state, isBuffering, isPlaying } = e.nativeEvent;
+      switch (state) {
+        case "Playing":
+          dispatch({ type: "PLAYING_CHANGED", value: true });
+          await activateKeepAwakeAsync();
+          reportPlaybackProgress();
+          break;
+        case "Paused":
+          dispatch({ type: "PLAYING_CHANGED", value: false });
+          await deactivateKeepAwake();
+          reportPlaybackProgress();
+          break;
+        default:
+          dispatch({ type: "BUFFERING_CHANGED", value: !!isBuffering });
+          dispatch({ type: "PLAYING_CHANGED", value: !!isPlaying });
+      }
+    },
+    [reportPlaybackProgress],
+  );
+
+  /* Safe wrapper for player methods that skips calls if video not loaded */
+  const safeMethod =
+    <T extends unknown[]>(
+      fn: ((...args: T) => any) | undefined,
+      name: string,
+    ) =>
+    async (...args: T) => {
+      // New safeguard: skip calling if video not loaded yet
+      if (!videoState.isVideoLoaded) {
+        writeToLog("WARN", `${name} skipped - video not loaded yet`);
+        return;
+      }
+      if (!fn) {
+        writeToLog("ERROR", `${name} fn missing`, {
+          isVideoLoaded: videoState.isVideoLoaded,
+        });
+        return;
+      }
+      try {
+        return await fn(...args);
+      } catch (error) {
+        writeToLog("ERROR", `Error in ${name}`, {
+          error,
+          isVideoLoaded: videoState.isVideoLoaded,
+        });
+      }
+    };
+
+  const play = useCallback(
+    () => safeMethod(videoRef.current?.play, "play")(),
+    [videoRef],
+  );
+  const pause = useCallback(
+    () => safeMethod(videoRef.current?.pause, "pause")(),
+    [videoRef],
+  );
+  const startPictureInPicture = useCallback(
+    () => safeMethod(videoRef.current?.startPictureInPicture, "PiP")(),
+    [videoRef],
+  );
+  const seek = useCallback(
+    (t: number) => safeMethod(videoRef.current?.seekTo, "seek")(t),
+    [videoRef],
+  );
+  const getAudioTracks = useCallback(
+    () => safeMethod(videoRef.current?.getAudioTracks, "getAudioTracks")(),
+    [videoRef],
+  );
+  const getSubtitleTracks = useCallback(
+    () =>
+      safeMethod(videoRef.current?.getSubtitleTracks, "getSubtitleTracks")(),
+    [videoRef],
+  );
+  const setAudioTrack = useCallback(
+    (i: number) =>
+      safeMethod(videoRef.current?.setAudioTrack, "setAudioTrack")(i),
+    [videoRef],
+  );
+  const setSubtitleTrack = useCallback(
+    (i: number) =>
+      safeMethod(videoRef.current?.setSubtitleTrack, "setSubtitleTrack")(i),
+    [videoRef],
+  );
+  const setSubtitleURL = useCallback(
+    (url: string, n: string) =>
+      safeMethod(videoRef.current?.setSubtitleURL, "setSubtitleURL")(url, n),
+    [videoRef],
+  );
+
+  /* Volume handlers */
+  const [previousVolume, setPreviousVolume] = useState<number | null>(null);
  const volumeUpCb = useCallback(async () => {
    if (Platform.isTV) return;
-
-    try {
-      const { volume: currentVolume } = await VolumeManager.getVolume();
-      const newVolume = Math.min(currentVolume + 0.1, 1.0);
-
-      await VolumeManager.setVolume(newVolume);
-    } catch (error) {
-      console.error("Error adjusting volume:", error);
-    }
+    const { volume } = await VolumeManager.getVolume();
+    await VolumeManager.setVolume(Math.min(volume + 0.1, 1));
  }, []);
-  const [previousVolume, setPreviousVolume] = useState<number | null>(null);
-
-  const toggleMuteCb = useCallback(async () => {
-    if (Platform.isTV) return;
-
-    try {
-      const { volume: currentVolume } = await VolumeManager.getVolume();
-      const currentVolumePercent = currentVolume * 100;
-
-      if (currentVolumePercent > 0) {
-        // Currently not muted, so mute
-        setPreviousVolume(currentVolumePercent);
-        await VolumeManager.setVolume(0);
-        setIsMuted(true);
-      } else {
-        // Currently muted, so restore previous volume
-        const volumeToRestore = previousVolume || 50; // Default to 50% if no previous volume
-        await VolumeManager.setVolume(volumeToRestore / 100);
-        setPreviousVolume(null);
-        setIsMuted(false);
-      }
-    } catch (error) {
-      console.error("Error toggling mute:", error);
-    }
-  }, [previousVolume]);
  const volumeDownCb = useCallback(async () => {
    if (Platform.isTV) return;
-
-    try {
-      const { volume: currentVolume } = await VolumeManager.getVolume();
-      const newVolume = Math.max(currentVolume - 0.1, 0); // Decrease by 10%
-      console.log(
-        "Volume Down",
-        Math.round(currentVolume * 100),
-        "→",
-        Math.round(newVolume * 100),
-      );
-      await VolumeManager.setVolume(newVolume);
-    } catch (error) {
-      console.error("Error adjusting volume:", error);
-    }
+    const { volume } = await VolumeManager.getVolume();
+    await VolumeManager.setVolume(Math.max(volume - 0.1, 0));
  }, []);
-
-  const setVolumeCb = useCallback(async (newVolume: number) => {
+  const setVolumeCb = useCallback(async (v: number) => {
    if (Platform.isTV) return;
-
-    try {
-      const clampedVolume = Math.max(0, Math.min(newVolume, 100));
-      console.log("Setting volume to", clampedVolume);
-      await VolumeManager.setVolume(clampedVolume / 100);
-    } catch (error) {
-      console.error("Error setting volume:", error);
-    }
+    await VolumeManager.setVolume(Math.max(0, Math.min(v, 100)) / 100);
  }, []);
+  const toggleMuteCb = useCallback(async () => {
+    if (Platform.isTV) return;
+    const { volume } = await VolumeManager.getVolume();
+    const percent = volume * 100;
+    if (percent > 0) {
+      setPreviousVolume(percent);
+      await VolumeManager.setVolume(0);
+      dispatch({ type: "MUTED_CHANGED", value: true });
+    } else {
+      const restore = previousVolume || 50;
+      await VolumeManager.setVolume(restore / 100);
+      setPreviousVolume(null);
+      dispatch({ type: "MUTED_CHANGED", value: false });
+    }
+  }, [previousVolume]);

  useWebSocket({
-    isPlaying: isPlaying,
-    togglePlay: togglePlay,
+    isPlaying: videoState.isPlaying,
+    togglePlay,
    stopPlayback: stop,
    offline,
    toggleMute: toggleMuteCb,
@@ -441,118 +575,44 @@ export default function page() {
    setVolume: setVolumeCb,
  });

-  const onPlaybackStateChanged = useCallback(
-    async (e: PlaybackStatePayload) => {
-      const { state, isBuffering, isPlaying } = e.nativeEvent;
-      if (state === "Playing") {
-        setIsPlaying(true);
-        reportPlaybackProgress();
-        if (!Platform.isTV) await activateKeepAwakeAsync();
-        return;
-      }
-
-      if (state === "Paused") {
-        setIsPlaying(false);
-        reportPlaybackProgress();
-        if (!Platform.isTV) await deactivateKeepAwake();
-        return;
-      }
-
-      if (isPlaying) {
-        setIsPlaying(true);
-        setIsBuffering(false);
-      } else if (isBuffering) {
-        setIsBuffering(true);
-      }
-    },
-    [reportPlaybackProgress],
+  /* Calculate start position in seconds */
+  const startPosition = useMemo(
+    () => (offline ? 0 : ticksToSeconds(getInitialPlaybackTicks())),
+    [offline, getInitialPlaybackTicks],
  );

-  const allAudio =
-    stream?.mediaSource.MediaStreams?.filter(
-      (audio) => audio.Type === "Audio",
-    ) || [];
-
-  // Move all the external subtitles last, because vlc places them last.
-  const allSubs =
-    stream?.mediaSource.MediaStreams?.filter(
-      (sub) => sub.Type === "Subtitle",
-    ).sort((a, b) => Number(a.IsExternal) - Number(b.IsExternal)) || [];
-
-  const externalSubtitles = allSubs
-    .filter((sub: any) => sub.DeliveryMethod === "External")
-    .map((sub: any) => ({
-      name: sub.DisplayTitle,
-      DeliveryUrl: api?.basePath + sub.DeliveryUrl,
-    }));
-
-  const textSubs = allSubs.filter((sub) => sub.IsTextSubtitleStream);
-
-  const chosenSubtitleTrack = allSubs.find(
-    (sub) => sub.Index === subtitleIndex,
-  );
-  const chosenAudioTrack = allAudio.find((audio) => audio.Index === audioIndex);
-
-  const notTranscoding = !stream?.mediaSource.TranscodingUrl;
-  const initOptions = [`--sub-text-scale=${settings.subtitleSize}`];
-  if (
-    chosenSubtitleTrack &&
-    (notTranscoding || chosenSubtitleTrack.IsTextSubtitleStream)
-  ) {
-    const finalIndex = notTranscoding
-      ? allSubs.indexOf(chosenSubtitleTrack)
-      : textSubs.indexOf(chosenSubtitleTrack);
-    initOptions.push(`--sub-track=${finalIndex}`);
-  }
-
-  if (notTranscoding && chosenAudioTrack) {
-    initOptions.push(`--audio-track=${allAudio.indexOf(chosenAudioTrack)}`);
-  }
-
-  const [isMounted, setIsMounted] = useState(false);
-
-  // Add useEffect to handle mounting
-  useEffect(() => {
-    setIsMounted(true);
-    return () => setIsMounted(false);
-  }, []);
-
-  // Show error UI first, before checking loading/missing‐data
+  /* Conditionally render based on loading and error state */
  if (itemStatus.isError || streamStatus.isError) {
    return (
-      <View className='w-screen h-screen flex flex-col items-center justify-center bg-black'>
+      <View className='w-screen h-screen items-center justify-center bg-black'>
        <Text className='text-white'>{t("player.error")}</Text>
      </View>
    );
  }
-
-  // Then show loader while either side is still fetching or data isn’t present
  if (itemStatus.isLoading || streamStatus.isLoading || !item || !stream) {
-    // …loader UI…
    return (
-      <View className='w-screen h-screen flex flex-col items-center justify-center bg-black'>
+      <View className='w-screen h-screen items-center justify-center bg-black'>
        <Loader />
      </View>
    );
  }

-  if (itemStatus.isError || streamStatus.isError)
-    return (
-      <View className='w-screen h-screen flex flex-col items-center justify-center bg-black'>
-        <Text className='text-white'>{t("player.error")}</Text>
-      </View>
-    );
+  const allSubs =
+    stream?.mediaSource.MediaStreams?.filter((s) => s.Type === "Subtitle") ||
+    [];
+  const externalSubtitles = allSubs
+    .filter((s) => s.DeliveryMethod === "External")
+    .map((s) => ({
+      name: s.DisplayTitle,
+      DeliveryUrl: api?.basePath + s.DeliveryUrl,
+    }));

  return (
    <View style={{ flex: 1, backgroundColor: "black" }}>
      <View
        style={{
-          display: "flex",
          width: "100%",
          height: "100%",
-          position: "relative",
-          flexDirection: "column",
-          justifyContent: "center",
          paddingLeft: ignoreSafeAreas ? 0 : insets.left,
          paddingRight: ignoreSafeAreas ? 0 : insets.right,
        }}
@@ -560,21 +620,20 @@ export default function page() {
        <VlcPlayerView
          ref={videoRef}
          source={{
-            uri: stream?.url || "",
+            uri: stream.url,
            autoplay: true,
            isNetwork: true,
            startPosition,
            externalSubtitles,
-            initOptions,
+            initOptions: optimizedInitOptions,
          }}
          style={{ width: "100%", height: "100%" }}
          onVideoProgress={onProgress}
          progressUpdateInterval={1000}
          onVideoStateChange={onPlaybackStateChanged}
          onPipStarted={onPipStarted}
-          onVideoLoadEnd={() => {
-            setIsVideoLoaded(true);
-          }}
+          // Mark video as loaded on load end to enable player method calls safely
+          onVideoLoadEnd={() => dispatch({ type: "VIDEO_LOADED" })}
          onVideoError={(e) => {
            console.error("Video Error:", e.nativeEvent);
            Alert.alert(
@@ -585,33 +644,39 @@ export default function page() {
          }}
        />
      </View>
-      {!isPipStarted && isMounted === true && item && (
+
+      {!videoState.isPipStarted && (
        <Controls
-          mediaSource={stream?.mediaSource}
+          mediaSource={stream.mediaSource}
          item={item}
          videoRef={videoRef}
          togglePlay={togglePlay}
-          isPlaying={isPlaying}
+          isPlaying={videoState.isPlaying}
          isSeeking={isSeeking}
          progress={progress}
          cacheProgress={cacheProgress}
-          isBuffering={isBuffering}
+          isBuffering={videoState.isBuffering}
          showControls={showControls}
          setShowControls={setShowControls}
          setIgnoreSafeAreas={setIgnoreSafeAreas}
          ignoreSafeAreas={ignoreSafeAreas}
-          isVideoLoaded={isVideoLoaded}
-          startPictureInPicture={videoRef.current?.startPictureInPicture}
-          play={videoRef.current?.play}
-          pause={videoRef.current?.pause}
-          seek={videoRef.current?.seekTo}
-          enableTrickplay={true}
-          getAudioTracks={videoRef.current?.getAudioTracks}
-          getSubtitleTracks={videoRef.current?.getSubtitleTracks}
+          isVideoLoaded={videoState.isVideoLoaded}
+          startPictureInPicture={startPictureInPicture}
+          play={play}
+          pause={pause}
+          seek={seek}
+          enableTrickplay
+          // Pass undefined for player methods until the video is loaded to avoid crashes
+          getAudioTracks={videoState.isVideoLoaded ? getAudioTracks : undefined}
+          getSubtitleTracks={
+            videoState.isVideoLoaded ? getSubtitleTracks : undefined
+          }
          offline={offline}
-          setSubtitleTrack={videoRef.current?.setSubtitleTrack}
-          setSubtitleURL={videoRef.current?.setSubtitleURL}
-          setAudioTrack={videoRef.current?.setAudioTrack}
+          setSubtitleTrack={
+            videoState.isVideoLoaded ? setSubtitleTrack : undefined
+          }
+          setSubtitleURL={videoState.isVideoLoaded ? setSubtitleURL : undefined}
+          setAudioTrack={videoState.isVideoLoaded ? setAudioTrack : undefined}
          isVlc
        />
      )}
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.1.4/schema.json",
  "files": {
    "includes": [
      "**/*",
--- a/bun.lock
+++ b/bun.lock
@@ -4,7 +4,7 @@
    "": {
      "name": "streamyfin",
      "dependencies": {
-        "@bottom-tabs/react-navigation": "^0.10.0",
+        "@bottom-tabs/react-navigation": "^0.9.2",
        "@expo/config-plugins": "~10.1.1",
        "@expo/metro-runtime": "~5.0.4",
        "@expo/react-native-action-sheet": "^4.1.1",
@@ -85,7 +85,7 @@
      },
      "devDependencies": {
        "@babel/core": "^7.20.0",
-        "@biomejs/biome": "^2.1.3",
+        "@biomejs/biome": "^2.1.4",
        "@react-native-community/cli": "^19",
        "@react-native-tvos/config-tv": "^0.1.1",
        "@types/jest": "^29.5.12",
@@ -94,7 +94,7 @@
        "@types/react-test-renderer": "^19.0.0",
        "cross-env": "^10.0.0",
        "husky": "^9.1.7",
-        "lint-staged": "^16.1.2",
+        "lint-staged": "^16.1.5",
        "postinstall-postinstall": "^2.1.0",
        "react-test-renderer": "19.1.1",
        "typescript": "~5.8.3",
@@ -297,25 +297,25 @@

    "@babel/types": ["@babel/types@7.28.2", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1" } }, "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ=="],

-    "@biomejs/biome": ["@biomejs/biome@2.1.3", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "2.1.3", "@biomejs/cli-darwin-x64": "2.1.3", "@biomejs/cli-linux-arm64": "2.1.3", "@biomejs/cli-linux-arm64-musl": "2.1.3", "@biomejs/cli-linux-x64": "2.1.3", "@biomejs/cli-linux-x64-musl": "2.1.3", "@biomejs/cli-win32-arm64": "2.1.3", "@biomejs/cli-win32-x64": "2.1.3" }, "bin": { "biome": "bin/biome" } }, "sha512-KE/tegvJIxTkl7gJbGWSgun7G6X/n2M6C35COT6ctYrAy7SiPyNvi6JtoQERVK/VRbttZfgGq96j2bFmhmnH4w=="],
+    "@biomejs/biome": ["@biomejs/biome@2.1.4", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "2.1.4", "@biomejs/cli-darwin-x64": "2.1.4", "@biomejs/cli-linux-arm64": "2.1.4", "@biomejs/cli-linux-arm64-musl": "2.1.4", "@biomejs/cli-linux-x64": "2.1.4", "@biomejs/cli-linux-x64-musl": "2.1.4", "@biomejs/cli-win32-arm64": "2.1.4", "@biomejs/cli-win32-x64": "2.1.4" }, "bin": { "biome": "bin/biome" } }, "sha512-QWlrqyxsU0FCebuMnkvBIkxvPqH89afiJzjMl+z67ybutse590jgeaFdDurE9XYtzpjRGTI1tlUZPGWmbKsElA=="],

-    "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@2.1.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-LFLkSWRoSGS1wVUD/BE6Nlt2dSn0ulH3XImzg2O/36BoToJHKXjSxzPEMAqT9QvwVtk7/9AQhZpTneERU9qaXA=="],
+    "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@2.1.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-sCrNENE74I9MV090Wq/9Dg7EhPudx3+5OiSoQOkIe3DLPzFARuL1dOwCWhKCpA3I5RHmbrsbNSRfZwCabwd8Qg=="],

-    "@biomejs/cli-darwin-x64": ["@biomejs/cli-darwin-x64@2.1.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-Q/4OTw8P9No9QeowyxswcWdm0n2MsdCwWcc5NcKQQvzwPjwuPdf8dpPPf4r+x0RWKBtl1FLiAUtJvBlri6DnYw=="],
+    "@biomejs/cli-darwin-x64": ["@biomejs/cli-darwin-x64@2.1.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-gOEICJbTCy6iruBywBDcG4X5rHMbqCPs3clh3UQ+hRKlgvJTk4NHWQAyHOXvaLe+AxD1/TNX1jbZeffBJzcrOw=="],

-    "@biomejs/cli-linux-arm64": ["@biomejs/cli-linux-arm64@2.1.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-2hS6LgylRqMFmAZCOFwYrf77QMdUwJp49oe8PX/O8+P2yKZMSpyQTf3Eo5ewnsMFUEmYbPOskafdV1ds1MZMJA=="],
+    "@biomejs/cli-linux-arm64": ["@biomejs/cli-linux-arm64@2.1.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-juhEkdkKR4nbUi5k/KRp1ocGPNWLgFRD4NrHZSveYrD6i98pyvuzmS9yFYgOZa5JhaVqo0HPnci0+YuzSwT2fw=="],

-    "@biomejs/cli-linux-arm64-musl": ["@biomejs/cli-linux-arm64-musl@2.1.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-KXouFSBnoxAWZYDQrnNRzZBbt5s9UJkIm40hdvSL9mBxSSoxRFQJbtg1hP3aa8A2SnXyQHxQfpiVeJlczZt76w=="],
+    "@biomejs/cli-linux-arm64-musl": ["@biomejs/cli-linux-arm64-musl@2.1.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-nYr7H0CyAJPaLupFE2cH16KZmRC5Z9PEftiA2vWxk+CsFkPZQ6dBRdcC6RuS+zJlPc/JOd8xw3uCCt9Pv41WvQ=="],

-    "@biomejs/cli-linux-x64": ["@biomejs/cli-linux-x64@2.1.3", "", { "os": "linux", "cpu": "x64" }, "sha512-NxlSCBhLvQtWGagEztfAZ4WcE1AkMTntZV65ZvR+J9jp06+EtOYEBPQndA70ZGhHbEDG57bR6uNvqkd1WrEYVA=="],
+    "@biomejs/cli-linux-x64": ["@biomejs/cli-linux-x64@2.1.4", "", { "os": "linux", "cpu": "x64" }, "sha512-Eoy9ycbhpJVYuR+LskV9s3uyaIkp89+qqgqhGQsWnp/I02Uqg2fXFblHJOpGZR8AxdB9ADy87oFVxn9MpFKUrw=="],

-    "@biomejs/cli-linux-x64-musl": ["@biomejs/cli-linux-x64-musl@2.1.3", "", { "os": "linux", "cpu": "x64" }, "sha512-KaLAxnROouzIWtl6a0Y88r/4hW5oDUJTIqQorOTVQITaKQsKjZX4XCUmHIhdEk8zMnaiLZzRTAwk1yIAl+mIew=="],
+    "@biomejs/cli-linux-x64-musl": ["@biomejs/cli-linux-x64-musl@2.1.4", "", { "os": "linux", "cpu": "x64" }, "sha512-lvwvb2SQQHctHUKvBKptR6PLFCM7JfRjpCCrDaTmvB7EeZ5/dQJPhTYBf36BE/B4CRWR2ZiBLRYhK7hhXBCZAg=="],

-    "@biomejs/cli-win32-arm64": ["@biomejs/cli-win32-arm64@2.1.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-V9CUZCtWH4u0YwyCYbQ3W5F4ZGPWp2C2TYcsiWFNNyRfmOW1j/TY/jAurl33SaRjgZPO5UUhGyr9m6BN9t84NQ=="],
+    "@biomejs/cli-win32-arm64": ["@biomejs/cli-win32-arm64@2.1.4", "", { "os": "win32", "cpu": "arm64" }, "sha512-3WRYte7orvyi6TRfIZkDN9Jzoogbv+gSvR+b9VOXUg1We1XrjBg6WljADeVEaKTvOcpVdH0a90TwyOQ6ue4fGw=="],

-    "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.1.3", "", { "os": "win32", "cpu": "x64" }, "sha512-dxy599q6lgp8ANPpR8sDMscwdp9oOumEsVXuVCVT9N2vAho8uYXlCz53JhxX6LtJOXaE73qzgkGQ7QqvFlMC0g=="],
+    "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.1.4", "", { "os": "win32", "cpu": "x64" }, "sha512-tBc+W7anBPSFXGAoQW+f/+svkpt8/uXfRwDzN1DvnatkRMt16KIYpEi/iw8u9GahJlFv98kgHcIrSsZHZTR0sw=="],

-    "@bottom-tabs/react-navigation": ["@bottom-tabs/react-navigation@0.10.0", "", { "dependencies": { "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": ">=7", "react": "*", "react-native": "*", "react-native-bottom-tabs": "*" } }, "sha512-amgkyPaAMDJN6IWL9v6FIaswioJkBijcUxWAzh9jqeK/AyPUIi0kb4jFMkOF8/B1CUuVA9rmX+WjZdM/H/OrpA=="],
+    "@bottom-tabs/react-navigation": ["@bottom-tabs/react-navigation@0.9.2", "", { "dependencies": { "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": ">=7", "react": "*", "react-native": "*", "react-native-bottom-tabs": "*" } }, "sha512-IZZKllcaqCGsKIgeXmYFGU95IXxbBpXtwKws4Lg2GJw/qqAYYsPFEl0JBvnymSD7G1zkHYEilg5UHuTd0NmX7A=="],

    "@dominicstop/ts-event-emitter": ["@dominicstop/ts-event-emitter@1.1.0", "", {}, "sha512-CcxmJIvUb1vsFheuGGVSQf4KdPZC44XolpUT34+vlal+LyQoBUOn31pjFET5M9ctOxEpt8xa0M3/2M7uUiAoJw=="],

@@ -1335,9 +1335,9 @@

    "lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],

-    "lint-staged": ["lint-staged@16.1.2", "", { "dependencies": { "chalk": "^5.4.1", "commander": "^14.0.0", "debug": "^4.4.1", "lilconfig": "^3.1.3", "listr2": "^8.3.3", "micromatch": "^4.0.8", "nano-spawn": "^1.0.2", "pidtree": "^0.6.0", "string-argv": "^0.3.2", "yaml": "^2.8.0" }, "bin": { "lint-staged": "bin/lint-staged.js" } }, "sha512-sQKw2Si2g9KUZNY3XNvRuDq4UJqpHwF0/FQzZR2M7I5MvtpWvibikCjUVJzZdGE0ByurEl3KQNvsGetd1ty1/Q=="],
+    "lint-staged": ["lint-staged@16.1.5", "", { "dependencies": { "chalk": "^5.5.0", "commander": "^14.0.0", "debug": "^4.4.1", "lilconfig": "^3.1.3", "listr2": "^9.0.1", "micromatch": "^4.0.8", "nano-spawn": "^1.0.2", "pidtree": "^0.6.0", "string-argv": "^0.3.2", "yaml": "^2.8.1" }, "bin": { "lint-staged": "bin/lint-staged.js" } }, "sha512-uAeQQwByI6dfV7wpt/gVqg+jAPaSp8WwOA8kKC/dv1qw14oGpnpAisY65ibGHUGDUv0rYaZ8CAJZ/1U8hUvC2A=="],

-    "listr2": ["listr2@8.3.3", "", { "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", "eventemitter3": "^5.0.1", "log-update": "^6.1.0", "rfdc": "^1.4.1", "wrap-ansi": "^9.0.0" } }, "sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ=="],
+    "listr2": ["listr2@9.0.1", "", { "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", "eventemitter3": "^5.0.1", "log-update": "^6.1.0", "rfdc": "^1.4.1", "wrap-ansi": "^9.0.0" } }, "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g=="],

    "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],

@@ -1987,7 +1987,7 @@

    "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],

-    "yaml": ["yaml@2.8.0", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ=="],
+    "yaml": ["yaml@2.8.1", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw=="],

    "yargs": ["yargs@17.7.2", "", { "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.3", "y18n": "^5.0.5", "yargs-parser": "^21.1.1" } }, "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w=="],

@@ -2081,6 +2081,8 @@

    "@react-native-community/cli-doctor/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],

+    "@react-native-community/cli-doctor/yaml": ["yaml@2.8.0", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ=="],
+
    "@react-native-community/cli-server-api/pretty-format": ["pretty-format@26.6.2", "", { "dependencies": { "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", "react-is": "^17.0.1" } }, "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg=="],

    "@react-native-community/cli-tools/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
@@ -2167,7 +2169,7 @@

    "lighthouse-logger/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],

-    "lint-staged/chalk": ["chalk@5.4.1", "", {}, "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w=="],
+    "lint-staged/chalk": ["chalk@5.5.0", "", {}, "sha512-1tm8DTaJhPBG3bIkVeZt1iZM9GfSX2lzOeDVZH9R9ffRHpmHvxZ/QhgQH/aDTkswQVt+YHdXAdS/In/30OjCbg=="],

    "lint-staged/commander": ["commander@14.0.0", "", {}, "sha512-2uM9rYjPvyq39NwLRqaiLtWHyDC1FvryJDa2ATTVims5YAS4PupsEQsDvP14FqhFr0P49CYDugi59xaxJlTXRA=="],

@@ -2201,6 +2203,8 @@

    "postcss-css-variables/escape-string-regexp": ["escape-string-regexp@1.0.5", "", {}, "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="],

+    "postcss-load-config/yaml": ["yaml@2.8.0", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ=="],
+
    "pretty-format/ansi-styles": ["ansi-styles@5.2.0", "", {}, "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA=="],

    "pretty-format/react-is": ["react-is@18.3.1", "", {}, "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="],
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
    "format": "biome format --write ."
  },
  "dependencies": {
-    "@bottom-tabs/react-navigation": "^0.10.0",
+    "@bottom-tabs/react-navigation": "^0.9.2",
    "@expo/config-plugins": "~10.1.1",
    "@expo/metro-runtime": "~5.0.4",
    "@expo/react-native-action-sheet": "^4.1.1",
@@ -100,7 +100,7 @@
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
-    "@biomejs/biome": "^2.1.3",
+    "@biomejs/biome": "^2.1.4",
    "@react-native-community/cli": "^19",
    "@react-native-tvos/config-tv": "^0.1.1",
    "@types/jest": "^29.5.12",
@@ -109,7 +109,7 @@
    "@types/react-test-renderer": "^19.0.0",
    "cross-env": "^10.0.0",
    "husky": "^9.1.7",
-    "lint-staged": "^16.1.2",
+    "lint-staged": "^16.1.5",
    "postinstall-postinstall": "^2.1.0",
    "react-test-renderer": "19.1.1",
    "typescript": "~5.8.3"