Merge branch 'develop' into fix/skip-button-rework

fix(home): black episode thumbnails in Next Up & Continue Watching (#1815 )
Update components/video-player/controls/SkipSegmentOverlay.tsx
2026-07-17 18:03:01 +01:00 · 2026-07-17 14:47:48 +02:00 · 2026-07-17 12:00:23 +02:00 · 2026-07-17 11:51:37 +02:00 · 2026-07-17 11:45:42 +02:00 · 2026-07-17 11:27:32 +02:00
18 changed files with 239 additions and 623 deletions
--- a/app/(auth)/player/direct-player.tsx
+++ b/app/(auth)/player/direct-player.tsx
@@ -7,6 +7,7 @@ import {
  RepeatMode,
 } from "@jellyfin/sdk/lib/generated-client";
 import {
+  getMediaInfoApi,
  getPlaystateApi,
  getUserLibraryApi,
 } from "@jellyfin/sdk/lib/utils/api";
@@ -310,6 +311,37 @@ export default function DirectPlayerPage() {
  // Ref to store the stream fetch function for refreshing subtitle tracks
  const refetchStreamRef = useRef<(() => Promise<Stream | null>) | null>(null);

+  // Live TV opens a server-side live stream via autoOpenLiveStream. If it is
+  // never closed, Jellyfin's M3U tuner limit fills up and every channel then
+  // fails with "simultaneous stream limit has been reached". reportPlaybackStopped
+  // handles a clean stop, but a channel switch (the player re-fetches in place)
+  // or an unmount after an error bypass it, so track the open live stream and
+  // release it on those paths too.
+  const apiRef = useRef(api);
+  useEffect(() => {
+    apiRef.current = api;
+  }, [api]);
+
+  const releaseLiveStream = useCallback(
+    (liveStreamId: string | null) => {
+      if (!liveStreamId || !apiRef.current || offline) return;
+      // Best effort: a failed close must not break teardown, and the slot is
+      // also freed by the server's reap as a backstop.
+      getMediaInfoApi(apiRef.current)
+        .closeLiveStream({ liveStreamId })
+        .catch(() => {});
+    },
+    [offline],
+  );
+
+  // The effect cleanup releases the live stream both when it changes (channel
+  // switch, which re-runs the effect) and when the player unmounts, so no
+  // manual previous-id tracking is needed.
+  useEffect(() => {
+    const liveStreamId = stream?.mediaSource?.LiveStreamId ?? null;
+    return () => releaseLiveStream(liveStreamId);
+  }, [stream?.mediaSource?.LiveStreamId, releaseLiveStream]);
+
  useEffect(() => {
    const fetchStreamData = async (): Promise<Stream | null> => {
      setStreamStatus({ isLoading: true, isError: false });
@@ -445,6 +477,12 @@ export default function DirectPlayerPage() {
        MediaSourceId: mediaSourceId,
        PositionTicks: currentTimeInTicks,
        PlaySessionId: stream.sessionId,
+        // Release the server-side live stream (and its tuner slot) on stop.
+        // Jellyfin only closes a live stream opened via autoOpenLiveStream when
+        // the stop report carries its LiveStreamId; without it the stream leaks
+        // and Live TV eventually fails for everyone with "M3U simultaneous
+        // stream limit has been reached". Undefined for non-live items (no-op).
+        LiveStreamId: stream.mediaSource?.LiveStreamId ?? undefined,
      },
    });
  }, [api, item, mediaSourceId, stream, progress, offline]);
--- a/components/ContinueWatchingPoster.tsx
+++ b/components/ContinueWatchingPoster.tsx
@@ -35,8 +35,10 @@ const ContinueWatchingPoster: React.FC<ContinueWatchingPosterProps> = ({
      return `${api?.basePath}/Items/${item.Id}/Images/Primary?fillHeight=389&quality=80`;
    }
    if (item.Type === "Episode") {
-      if (item.ParentBackdropItemId && item.ParentThumbImageTag) {
-        return `${api?.basePath}/Items/${item.ParentBackdropItemId}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ParentThumbImageTag}`;
+      // Matched pair: the parent that owns the Thumb (ParentThumbItemId), not the
+      // backdrop owner — otherwise the Thumb tag is requested on the wrong item → black.
+      if (item.ParentThumbItemId && item.ParentThumbImageTag) {
+        return `${api?.basePath}/Items/${item.ParentThumbItemId}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ParentThumbImageTag}`;
      }

      return `${api?.basePath}/Items/${item.Id}/Images/Primary?fillHeight=389&quality=80`;
@@ -61,7 +63,8 @@ const ContinueWatchingPoster: React.FC<ContinueWatchingPosterProps> = ({
    }

    return `${api?.basePath}/Items/${item.Id}/Images/Primary?fillHeight=389&quality=80`;
-  }, [item]);
+    // useEpisodePoster in deps so flipping the prop re-computes the URL live.
+  }, [api, item, useEpisodePoster]);

  if (!url)
    return <View className='aspect-video border border-neutral-800 w-44' />;
--- a/components/home/TVHeroCarousel.tsx
+++ b/components/home/TVHeroCarousel.tsx
@@ -65,10 +65,11 @@ const HeroCard: React.FC<HeroCardProps> = React.memo(
    const posterUrl = useMemo(() => {
      if (!api) return null;

-      // For episodes, always use series thumb
+      // For episodes, always use series thumb.
+      // Matched pair: ParentThumbItemId owns the Thumb tag, not ParentBackdropItemId.
      if (item.Type === "Episode") {
-        if (item.ParentThumbImageTag) {
-          return `${api.basePath}/Items/${item.ParentBackdropItemId}/Images/Thumb?fillHeight=400&quality=80&tag=${item.ParentThumbImageTag}`;
+        if (item.ParentThumbItemId && item.ParentThumbImageTag) {
+          return `${api.basePath}/Items/${item.ParentThumbItemId}/Images/Thumb?fillHeight=400&quality=80&tag=${item.ParentThumbImageTag}`;
        }
        if (item.SeriesId) {
          return `${api.basePath}/Items/${item.SeriesId}/Images/Thumb?fillHeight=400&quality=80`;
--- a/components/settings/StorageLocationPicker.tsx
+++ b/components/settings/StorageLocationPicker.tsx
@@ -1,212 +0,0 @@
-import {
-  BottomSheetBackdrop,
-  type BottomSheetBackdropProps,
-  BottomSheetModal,
-  BottomSheetScrollView,
-} from "@gorhom/bottom-sheet";
-import { useQuery } from "@tanstack/react-query";
-import { forwardRef, useCallback, useState } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  ActivityIndicator,
-  Platform,
-  TouchableOpacity,
-  View,
-} from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { toast } from "sonner-native";
-import { Text } from "@/components/common/Text";
-import type { StorageLocation } from "@/modules";
-import { useSettings } from "@/utils/atoms/settings";
-import {
-  clearStorageLocationsCache,
-  getAvailableStorageLocations,
-} from "@/utils/storage";
-
-interface StorageLocationPickerProps {
-  onClose: () => void;
-}
-
-export const StorageLocationPicker = forwardRef<
-  BottomSheetModal,
-  StorageLocationPickerProps
->(({ onClose }, ref) => {
-  const { t } = useTranslation();
-  const { settings, updateSettings } = useSettings();
-  const insets = useSafeAreaInsets();
-  const [selectedId, setSelectedId] = useState<string | undefined>(
-    settings.downloadStorageLocation || "internal",
-  );
-
-  const { data: locations, isLoading } = useQuery({
-    queryKey: ["storageLocations"],
-    queryFn: getAvailableStorageLocations,
-    enabled: Platform.OS === "android",
-  });
-
-  const handleSelect = (location: StorageLocation) => {
-    setSelectedId(location.id);
-  };
-
-  const handleConfirm = () => {
-    updateSettings({ downloadStorageLocation: selectedId });
-    clearStorageLocationsCache(); // Clear cache so next download uses new location
-    toast.success(
-      t("settings.storage.storage_location_updated", {
-        defaultValue: "Storage location updated",
-      }),
-    );
-    onClose();
-  };
-
-  const renderBackdrop = useCallback(
-    (props: BottomSheetBackdropProps) => (
-      <BottomSheetBackdrop
-        {...props}
-        disappearsOnIndex={-1}
-        appearsOnIndex={0}
-      />
-    ),
-    [],
-  );
-
-  if (Platform.OS !== "android") {
-    return null;
-  }
-
-  return (
-    <BottomSheetModal
-      ref={ref}
-      enableDynamicSizing
-      backdropComponent={renderBackdrop}
-      handleIndicatorStyle={{
-        backgroundColor: "white",
-      }}
-      backgroundStyle={{
-        backgroundColor: "#171717",
-      }}
-      enablePanDownToClose
-      enableDismissOnClose
-    >
-      <BottomSheetScrollView
-        style={{
-          paddingLeft: Math.max(16, insets.left),
-          paddingRight: Math.max(16, insets.right),
-        }}
-      >
-        <View className='px-4 pt-2'>
-          <Text className='text-lg font-semibold mb-1'>
-            {t("settings.storage.select_storage_location", {
-              defaultValue: "Select Storage Location",
-            })}
-          </Text>
-          <Text className='text-sm text-neutral-500 mb-4'>
-            {t("settings.storage.existing_downloads_note", {
-              defaultValue:
-                "Existing downloads will remain in their current location",
-            })}
-          </Text>
-
-          {isLoading ? (
-            <View className='items-center justify-center py-8'>
-              <ActivityIndicator size='large' />
-              <Text className='mt-4 text-neutral-500'>
-                {t("settings.storage.loading_storage", {
-                  defaultValue: "Loading storage options...",
-                })}
-              </Text>
-            </View>
-          ) : !locations || locations.length === 0 ? (
-            <View className='items-center justify-center py-8'>
-              <Text className='text-neutral-500'>
-                {t("settings.storage.no_storage_found", {
-                  defaultValue: "No storage locations found",
-                })}
-              </Text>
-            </View>
-          ) : (
-            <>
-              {locations.map((location) => {
-                const isSelected = selectedId === location.id;
-                const freeSpaceGB = (location.freeSpace / 1024 ** 3).toFixed(2);
-                const totalSpaceGB = (location.totalSpace / 1024 ** 3).toFixed(
-                  2,
-                );
-                const usedPercent = (
-                  ((location.totalSpace - location.freeSpace) /
-                    location.totalSpace) *
-                  100
-                ).toFixed(0);
-
-                return (
-                  <TouchableOpacity
-                    key={location.id}
-                    onPress={() => handleSelect(location)}
-                    className={`p-4 mb-2 rounded-lg ${
-                      isSelected
-                        ? "bg-purple-600/20 border border-purple-600"
-                        : "bg-neutral-800"
-                    }`}
-                  >
-                    <View className='flex-row items-center justify-between'>
-                      <View className='flex-1'>
-                        <View className='flex-row items-center'>
-                          <Text className='text-base font-semibold'>
-                            {location.label}
-                          </Text>
-                          {location.type === "external" && (
-                            <View className='ml-2 px-2 py-0.5 bg-blue-600/30 rounded'>
-                              <Text className='text-xs text-blue-400'>
-                                {t("settings.storage.removable", {
-                                  defaultValue: "Removable",
-                                })}
-                              </Text>
-                            </View>
-                          )}
-                        </View>
-                        <Text className='text-sm text-neutral-500 mt-1'>
-                          {t("settings.storage.space_info", {
-                            defaultValue:
-                              "{{free}} GB free of {{total}} GB ({{used}}% used)",
-                            free: freeSpaceGB,
-                            total: totalSpaceGB,
-                            used: usedPercent,
-                          })}
-                        </Text>
-                      </View>
-                      {isSelected && (
-                        <View className='w-6 h-6 rounded-full bg-purple-600 items-center justify-center ml-2'>
-                          <Text className='text-white text-xs'>✓</Text>
-                        </View>
-                      )}
-                    </View>
-                  </TouchableOpacity>
-                );
-              })}
-
-              <View className='flex-row gap-x-2 py-4'>
-                <TouchableOpacity
-                  onPress={onClose}
-                  className='flex-1 py-3 rounded-lg bg-neutral-800 items-center'
-                >
-                  <Text className='text-white font-semibold'>
-                    {t("common.cancel", { defaultValue: "Cancel" })}
-                  </Text>
-                </TouchableOpacity>
-                <TouchableOpacity
-                  onPress={handleConfirm}
-                  className='flex-1 py-3 rounded-lg bg-purple-600 items-center'
-                  disabled={!selectedId}
-                >
-                  <Text className='text-white font-semibold'>
-                    {t("common.confirm", { defaultValue: "Confirm" })}
-                  </Text>
-                </TouchableOpacity>
-              </View>
-            </>
-          )}
-        </View>
-      </BottomSheetScrollView>
-    </BottomSheetModal>
-  );
-});
--- a/components/settings/StorageSettings.tsx
+++ b/components/settings/StorageSettings.tsx
@@ -1,6 +1,4 @@
-import { BottomSheetModal } from "@gorhom/bottom-sheet";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { Alert, Platform, View } from "react-native";
 import { toast } from "sonner-native";
@@ -8,20 +6,15 @@ import { Text } from "@/components/common/Text";
 import { Colors } from "@/constants/Colors";
 import { useHaptic } from "@/hooks/useHaptic";
 import { useDownload } from "@/providers/DownloadProvider";
-import { useSettings } from "@/utils/atoms/settings";
-import { getStorageLabel } from "@/utils/storage";
 import { ListGroup } from "../list/ListGroup";
 import { ListItem } from "../list/ListItem";
-import { StorageLocationPicker } from "./StorageLocationPicker";

 export const StorageSettings = () => {
  const { deleteAllFiles, appSizeUsage } = useDownload();
-  const { settings } = useSettings();
  const { t } = useTranslation();
  const queryClient = useQueryClient();
  const successHapticFeedback = useHaptic("success");
  const errorHapticFeedback = useHaptic("error");
-  const bottomSheetModalRef = useRef<BottomSheetModal>(null);

  const { data: size } = useQuery({
    queryKey: ["appSize"],
@@ -39,12 +32,6 @@ export const StorageSettings = () => {
    refetchInterval: 10 * 1000,
  });

-  const { data: storageLabel } = useQuery({
-    queryKey: ["storageLabel", settings.downloadStorageLocation],
-    queryFn: () => getStorageLabel(settings.downloadStorageLocation),
-    enabled: Platform.OS === "android",
-  });
-
  const onDeleteClicked = () => {
    Alert.alert(
      t("home.settings.storage.delete_all_downloaded_files_confirm"),
@@ -138,32 +125,14 @@ export const StorageSettings = () => {
        </View>
      </View>
      {!Platform.isTV && (
-        <>
-          {Platform.OS === "android" && (
-            <ListGroup>
-              <ListItem
-                title={t("settings.storage.download_location", {
-                  defaultValue: "Download Location",
-                })}
-                value={storageLabel || "Internal Storage"}
-                onPress={() => bottomSheetModalRef.current?.present()}
-              />
-            </ListGroup>
-          )}
-          <ListGroup>
-            <ListItem
-              textColor='red'
-              onPress={onDeleteClicked}
-              title={t("home.settings.storage.delete_all_downloaded_files")}
-            />
-          </ListGroup>
-        </>
+        <ListGroup>
+          <ListItem
+            textColor='red'
+            onPress={onDeleteClicked}
+            title={t("home.settings.storage.delete_all_downloaded_files")}
+          />
+        </ListGroup>
      )}
-
-      <StorageLocationPicker
-        ref={bottomSheetModalRef}
-        onClose={() => bottomSheetModalRef.current?.dismiss()}
-      />
    </View>
  );
 };
--- a/components/tv/TVPosterCard.tsx
+++ b/components/tv/TVPosterCard.tsx
@@ -139,9 +139,10 @@ export const TVPosterCard: React.FC<TVPosterCardProps> = ({
    if (orientation === "horizontal") {
      // Episode: prefer series thumb image for consistent look (like hero section)
      if (item.Type === "Episode") {
-        // First try parent/series thumb (horizontal series artwork)
-        if (item.ParentBackdropItemId && item.ParentThumbImageTag) {
-          return `${api.basePath}/Items/${item.ParentBackdropItemId}/Images/Thumb?fillHeight=700&quality=80&tag=${item.ParentThumbImageTag}`;
+        // First try parent/series thumb (horizontal series artwork).
+        // Matched pair: ParentThumbItemId owns the Thumb tag, not ParentBackdropItemId.
+        if (item.ParentThumbItemId && item.ParentThumbImageTag) {
+          return `${api.basePath}/Items/${item.ParentThumbItemId}/Images/Thumb?fillHeight=700&quality=80&tag=${item.ParentThumbImageTag}`;
        }
        // Fall back to episode's own primary image
        if (item.ImageTags?.Primary) {
--- a/components/video-player/controls/BottomControls.tsx
+++ b/components/video-player/controls/BottomControls.tsx
@@ -15,7 +15,6 @@ import { useControlsSafeAreaInsets } from "@/hooks/useControlsSafeAreaInsets";
 import { useSettings } from "@/utils/atoms/settings";
 import { chapterMarkers, chapterNameAt } from "@/utils/chapters";
 import NextEpisodeCountDownButton from "./NextEpisodeCountDownButton";
-import SkipButton from "./SkipButton";
 import { TimeDisplay } from "./TimeDisplay";
 import { TrickplayBubble } from "./TrickplayBubble";

@@ -34,11 +33,8 @@ interface BottomControlsProps {
  showRemoteBubble: boolean;
  currentTime: number;
  remainingTime: number;
-  showSkipButton: boolean;
  showSkipCreditButton: boolean;
  hasContentAfterCredits: boolean;
-  skipIntro: () => void;
-  skipCredit: () => void;
  nextItem?: BaseItemDto | null;
  handleNextEpisodeAutoPlay: () => void;
  handleNextEpisodeManual: () => void;
@@ -86,11 +82,8 @@ export const BottomControls: FC<BottomControlsProps> = ({
  showRemoteBubble,
  currentTime,
  remainingTime,
-  showSkipButton,
  showSkipCreditButton,
  hasContentAfterCredits,
-  skipIntro,
-  skipCredit,
  nextItem,
  handleNextEpisodeAutoPlay,
  handleNextEpisodeManual,
@@ -180,21 +173,11 @@ export const BottomControls: FC<BottomControlsProps> = ({
          ) : null}
        </View>
        <View className='flex flex-row items-center space-x-2 shrink-0'>
-          <SkipButton
-            showButton={showSkipButton}
-            onPress={skipIntro}
-            buttonText='Skip Intro'
-          />
-          {/* Smart Skip Credits behavior:
-              - Show "Skip Credits" if there's content after credits OR no next episode
-              - Show "Next Episode" if credits extend to video end AND next episode exists */}
-          <SkipButton
-            showButton={
-              showSkipCreditButton && (hasContentAfterCredits || !nextItem)
-            }
-            onPress={skipCredit}
-            buttonText='Skip Credits'
-          />
+          {/* Smart Skip Credits behavior (drives Next Episode timing):
+              - "Skip Credits" button itself is rendered in SkipSegmentOverlay
+                (independent of controls visibility).
+              - "Next Episode" shows when credits extend to video end AND a next
+                episode exists. */}
          {settings.autoPlayNextEpisode !== false &&
            (settings.maxAutoPlayEpisodeCount.value === -1 ||
              settings.autoPlayEpisodeCount <
--- a/components/video-player/controls/Controls.tsx
+++ b/components/video-player/controls/Controls.tsx
@@ -38,6 +38,7 @@ import { useRemoteControl } from "./hooks/useRemoteControl";
 import { useVideoNavigation } from "./hooks/useVideoNavigation";
 import { useVideoSlider } from "./hooks/useVideoSlider";
 import { useVideoTime } from "./hooks/useVideoTime";
+import { SkipSegmentOverlay } from "./SkipSegmentOverlay";
 import { TechnicalInfoOverlay } from "./TechnicalInfoOverlay";
 import { useControlsTimeout } from "./useControlsTimeout";
 import { PlaybackSpeedScope } from "./utils/playback-speed-settings";
@@ -338,6 +339,16 @@ export const Controls: FC<Props> = ({
      maxMs,
    );

+  // Whether the "Next Episode" countdown will actually be rendered. The Skip
+  // Credits button yields to it only when this is true; if autoplay is
+  // disabled or its episode limit is reached, Skip Credits must stay available
+  // (mirrors the NextEpisodeCountDownButton mount gate in BottomControls).
+  const willShowNextEpisode =
+    !!nextItem &&
+    settings.autoPlayNextEpisode !== false &&
+    (settings.maxAutoPlayEpisodeCount.value === -1 ||
+      settings.autoPlayEpisodeCount < settings.maxAutoPlayEpisodeCount.value);
+
  const goToItemCommon = useCallback(
    (item: BaseItemDto) => {
      if (!item || !settings) {
@@ -570,11 +581,8 @@ export const Controls: FC<Props> = ({
              showRemoteBubble={showRemoteBubble}
              currentTime={currentTime}
              remainingTime={remainingTime}
-              showSkipButton={showSkipButton}
              showSkipCreditButton={showSkipCreditButton}
              hasContentAfterCredits={hasContentAfterCredits}
-              skipIntro={skipIntro}
-              skipCredit={skipCredit}
              nextItem={nextItem}
              handleNextEpisodeAutoPlay={handleNextEpisodeAutoPlay}
              handleNextEpisodeManual={handleNextEpisodeManual}
@@ -594,6 +602,17 @@ export const Controls: FC<Props> = ({
              time={isSliding || showRemoteBubble ? time : remoteTime}
            />
          </Animated.View>
+          {/* Skip Intro / Skip Credits float independently of the controls so
+              they're visible (and tappable) without summoning the controls. */}
+          <SkipSegmentOverlay
+            showSkipButton={showSkipButton}
+            showSkipCreditButton={showSkipCreditButton}
+            hasContentAfterCredits={hasContentAfterCredits}
+            willShowNextEpisode={willShowNextEpisode}
+            skipIntro={skipIntro}
+            skipCredit={skipCredit}
+            controlsVisible={showControls}
+          />
        </>
      )}
      {settings.maxAutoPlayEpisodeCount.value !== -1 && (
--- a/components/video-player/controls/SkipSegmentOverlay.tsx
+++ b/components/video-player/controls/SkipSegmentOverlay.tsx
@@ -0,0 +1,125 @@
+import type { FC } from "react";
+import { useEffect, useState } from "react";
+import { StyleSheet } from "react-native";
+import Animated, {
+  Easing,
+  useAnimatedStyle,
+  useSharedValue,
+  withTiming,
+} from "react-native-reanimated";
+import { useControlsSafeAreaInsets } from "@/hooks/useControlsSafeAreaInsets";
+import SkipButton from "./SkipButton";
+
+interface Props {
+  showSkipButton: boolean;
+  showSkipCreditButton: boolean;
+  hasContentAfterCredits: boolean;
+  willShowNextEpisode: boolean;
+  skipIntro: () => void;
+  skipCredit: () => void;
+  controlsVisible: boolean;
+}
+
+// Offsets are relative to the safe-area insets so they hold in both portrait
+// and landscape (the insets move with the notch / home indicator).
+//
+// Hidden: low, far-right — nothing else is drawn there, this is the familiar
+//         spot and was working fine.
+// Visible: shifted up (clear of the horizontal progress bar) and left (clear
+//          of the chapters icon), while staying below the vertical volume
+//          slider which sits at the vertical middle of the screen.
+const HIDDEN_BOTTOM = 24;
+const HIDDEN_RIGHT = 12;
+const VISIBLE_BOTTOM = 65;
+const VISIBLE_RIGHT = 42;
+const ANIM_DURATION = 250;
+
+// Keeps `value` true for `duration` ms after it turns false. SkipButton hides
+// itself instantly via a `hidden` (display:none) class, which would preempt
+// the parent's opacity fade-out — lagging the flag keeps the button rendered
+// (and visible) while the fade plays out.
+const useDelayedHide = (value: boolean, duration: number): boolean => {
+  const [display, setDisplay] = useState(value);
+  useEffect(() => {
+    if (value) {
+      setDisplay(true);
+      return;
+    }
+    const t = setTimeout(() => setDisplay(false), duration);
+    return () => clearTimeout(t);
+  }, [value, duration]);
+  return value || display;
+};
+
+/**
+ * Floating Skip Intro / Skip Credits buttons shown independently of the
+ * player controls. They appear on their own during an intro or credits segment
+ * without the user having to summon the controls.
+ */
+export const SkipSegmentOverlay: FC<Props> = ({
+  showSkipButton,
+  showSkipCreditButton,
+  hasContentAfterCredits,
+  willShowNextEpisode,
+  skipIntro,
+  skipCredit,
+  controlsVisible,
+}) => {
+  const insets = useControlsSafeAreaInsets();
+
+  const showCredit =
+    showSkipCreditButton && (hasContentAfterCredits || !willShowNextEpisode);
+  const visible = showSkipButton || showCredit;
+
+  // Drive each SkipButton with a lagged flag so it stays visible while the
+  // opacity fade-out plays, instead of disappearing the instant its segment
+  // ends. `visible` above still drives opacity/pointerEvents immediately.
+  const renderSkip = useDelayedHide(showSkipButton, ANIM_DURATION);
+  const renderCredit = useDelayedHide(showCredit, ANIM_DURATION);
+
+  const opacity = useSharedValue(visible ? 1 : 0);
+
+  useEffect(() => {
+    opacity.value = withTiming(visible ? 1 : 0, {
+      duration: ANIM_DURATION,
+      easing: Easing.out(Easing.quad),
+    });
+  }, [visible, opacity]);
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+  }));
+
+  // Position is recomputed on render (no slide animation) so the button never
+  // sweeps through an overlap zone while the controls toggle.
+  const bottom =
+    insets.bottom + (controlsVisible ? VISIBLE_BOTTOM : HIDDEN_BOTTOM);
+  const right = insets.right + (controlsVisible ? VISIBLE_RIGHT : HIDDEN_RIGHT);
+
+  return (
+    <Animated.View
+      style={[styles.container, { right, bottom }, animatedStyle]}
+      pointerEvents={visible ? "box-none" : "none"}
+    >
+      <SkipButton
+        showButton={renderSkip}
+        onPress={skipIntro}
+        buttonText='Skip Intro'
+      />
+      <SkipButton
+        showButton={renderCredit}
+        onPress={skipCredit}
+        buttonText='Skip Credits'
+      />
+    </Animated.View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute",
+    flexDirection: "row",
+    gap: 8,
+    zIndex: 15,
+  },
+});
--- a/modules/background-downloader/android/src/main/java/expo/modules/backgrounddownloader/BackgroundDownloaderModule.kt
+++ b/modules/background-downloader/android/src/main/java/expo/modules/backgrounddownloader/BackgroundDownloaderModule.kt
@@ -4,16 +4,11 @@ import android.content.ComponentName
 import android.content.Context
 import android.content.Intent
 import android.content.ServiceConnection
-import android.os.Build
-import android.os.Environment
 import android.os.IBinder
-import android.os.storage.StorageManager
-import android.os.storage.StorageVolume
 import android.util.Log
 import expo.modules.kotlin.Promise
 import expo.modules.kotlin.modules.Module
 import expo.modules.kotlin.modules.ModuleDefinition
-import java.io.File

 data class DownloadTaskInfo(
  val url: String,
@@ -147,105 +142,6 @@ class BackgroundDownloaderModule : Module() {
        promise.reject("ERROR", "Failed to get active downloads: ${e.message}", e)
      }
    }
-
-    AsyncFunction("getAvailableStorageLocations") { promise: Promise ->
-      try {
-        val storageLocations = mutableListOf<Map<String, Any>>()
-        
-        // Use getExternalFilesDirs which works reliably across all Android versions
-        // This returns app-specific directories on both internal and external storage
-        val externalDirs = context.getExternalFilesDirs(null)
-        
-        Log.d(TAG, "getExternalFilesDirs returned ${externalDirs.size} locations")
-        
-        // Also check with StorageManager for additional info
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
-          val storageManager = context.getSystemService(Context.STORAGE_SERVICE) as StorageManager
-          val volumes = storageManager.storageVolumes
-          Log.d(TAG, "StorageManager reports ${volumes.size} volumes")
-          for ((i, vol) in volumes.withIndex()) {
-            Log.d(TAG, "  Volume $i: isPrimary=${vol.isPrimary}, isRemovable=${vol.isRemovable}, state=${vol.state}, uuid=${vol.uuid}")
-          }
-        }
-        
-        for ((index, dir) in externalDirs.withIndex()) {
-          try {
-            if (dir == null) {
-              Log.w(TAG, "Directory at index $index is null - SD card may not be mounted")
-              continue
-            }
-            
-            if (!dir.exists()) {
-              Log.w(TAG, "Directory at index $index does not exist: ${dir.absolutePath}")
-              continue
-            }
-            
-            val isPrimary = index == 0
-            val isRemovable = !isPrimary && Environment.isExternalStorageRemovable(dir)
-            
-            // Get volume UUID for better identification
-            val volumeId = if (isPrimary) {
-              "internal"
-            } else {
-              // Try to get a stable UUID for the SD card
-              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
-                val storageManager = context.getSystemService(Context.STORAGE_SERVICE) as StorageManager
-                try {
-                  val storageVolume = storageManager.getStorageVolume(dir)
-                  storageVolume?.uuid ?: "sdcard_$index"
-                } catch (e: Exception) {
-                  "sdcard_$index"
-                }
-              } else {
-                "sdcard_$index"
-              }
-            }
-            
-            // Get human-readable label
-            val label = if (isPrimary) {
-              "Internal Storage"
-            } else {
-              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
-                val storageManager = context.getSystemService(Context.STORAGE_SERVICE) as StorageManager
-                try {
-                  val storageVolume = storageManager.getStorageVolume(dir)
-                  storageVolume?.getDescription(context) ?: "SD Card"
-                } catch (e: Exception) {
-                  "SD Card"
-                }
-              } else {
-                "SD Card"
-              }
-            }
-            
-            val totalSpace = dir.totalSpace
-            val freeSpace = dir.freeSpace
-            
-            Log.d(TAG, "Storage location: $label (id: $volumeId, path: ${dir.absolutePath}, removable: $isRemovable)")
-            
-            storageLocations.add(
-              mapOf(
-                "id" to volumeId,
-                "path" to dir.absolutePath,
-                "type" to (if (isRemovable || !isPrimary) "external" else "internal"),
-                "label" to label,
-                "totalSpace" to totalSpace,
-                "freeSpace" to freeSpace
-              )
-            )
-          } catch (e: Exception) {
-            Log.e(TAG, "Error processing storage at index $index: ${e.message}", e)
-            continue
-          }
-        }
-        
-        Log.d(TAG, "Returning ${storageLocations.size} storage locations")
-        promise.resolve(storageLocations)
-      } catch (e: Exception) {
-        Log.e(TAG, "Error getting storage locations: ${e.message}", e)
-        promise.reject("ERROR", "Failed to get storage locations: ${e.message}", e)
-      }
-    }
  }

  private fun startDownloadInternal(urlString: String, destinationPath: String?): Int {
--- a/modules/background-downloader/index.ts
+++ b/modules/background-downloader/index.ts
@@ -5,7 +5,6 @@ import type {
  DownloadErrorEvent,
  DownloadProgressEvent,
  DownloadStartedEvent,
-  StorageLocation,
 } from "./src/BackgroundDownloader.types";
 import BackgroundDownloaderModule from "./src/BackgroundDownloaderModule";

@@ -16,7 +15,6 @@ export interface BackgroundDownloader {
  cancelQueuedDownload(url: string): void;
  cancelAllDownloads(): void;
  getActiveDownloads(): Promise<ActiveDownload[]>;
-  getAvailableStorageLocations(): Promise<StorageLocation[]>;

  addProgressListener(
    listener: (event: DownloadProgressEvent) => void,
@@ -66,10 +64,6 @@ const BackgroundDownloader: BackgroundDownloader = {
    return await BackgroundDownloaderModule.getActiveDownloads();
  },

-  async getAvailableStorageLocations(): Promise<StorageLocation[]> {
-    return await BackgroundDownloaderModule.getAvailableStorageLocations();
-  },
-
  addProgressListener(
    listener: (event: DownloadProgressEvent) => void,
  ): EventSubscription {
@@ -112,5 +106,4 @@ export type {
  DownloadErrorEvent,
  DownloadProgressEvent,
  DownloadStartedEvent,
-  StorageLocation,
 };
--- a/modules/background-downloader/src/BackgroundDownloader.types.ts
+++ b/modules/background-downloader/src/BackgroundDownloader.types.ts
@@ -29,15 +29,6 @@ export interface ActiveDownload {
  state: "running" | "suspended" | "canceling" | "completed" | "unknown";
 }

-export interface StorageLocation {
-  id: string;
-  path: string;
-  type: "internal" | "external";
-  label: string;
-  totalSpace: number;
-  freeSpace: number;
-}
-
 export interface BackgroundDownloaderModuleType {
  startDownload(url: string, destinationPath?: string): Promise<number>;
  enqueueDownload(url: string, destinationPath?: string): Promise<number>;
@@ -45,7 +36,6 @@ export interface BackgroundDownloaderModuleType {
  cancelQueuedDownload(url: string): void;
  cancelAllDownloads(): void;
  getActiveDownloads(): Promise<ActiveDownload[]>;
-  getAvailableStorageLocations(): Promise<StorageLocation[]>;
  addListener(
    eventName: string,
    listener: (event: any) => void,
--- a/modules/index.ts
+++ b/modules/index.ts
@@ -5,7 +5,6 @@ export type {
  DownloadErrorEvent,
  DownloadProgressEvent,
  DownloadStartedEvent,
-  StorageLocation,
 } from "./background-downloader";
 export { default as BackgroundDownloader } from "./background-downloader";
 // Glass Poster (tvOS 26+)
--- a/providers/Downloads/additionalDownloads.ts
+++ b/providers/Downloads/additionalDownloads.ts
@@ -6,20 +6,16 @@ import type {
 import { Directory, File, Paths } from "expo-file-system";
 import { getItemImage } from "@/utils/getItemImage";
 import { fetchAndParseSegments } from "@/utils/segments";
-import { filePathToUri } from "@/utils/storage";
 import { generateTrickplayUrl, getTrickplayInfo } from "@/utils/trickplay";
 import type { MediaTimeSegment, TrickPlayData } from "./types";
 import { generateFilename } from "./utils";

 /**
 * Downloads trickplay images for an item
- * @param item - The item to download trickplay images for
- * @param storagePath - Optional custom storage path (for Android SD card support)
 * @returns TrickPlayData with path and size, or undefined if not available
 */
 export async function downloadTrickplayImages(
  item: BaseItemDto,
-  storagePath?: string,
 ): Promise<TrickPlayData | undefined> {
  const trickplayInfo = getTrickplayInfo(item);
  if (!trickplayInfo || !item.Id) {
@@ -27,11 +23,7 @@ export async function downloadTrickplayImages(
  }

  const filename = generateFilename(item);
-
-  // Use custom storage path if provided (Android SD card), otherwise use Paths.document
-  const trickplayDir = storagePath
-    ? new Directory(filePathToUri(storagePath), `${filename}_trickplay`)
-    : new Directory(Paths.document, `${filename}_trickplay`);
+  const trickplayDir = new Directory(Paths.document, `${filename}_trickplay`);

  // Create directory if it doesn't exist
  if (!trickplayDir.exists) {
@@ -77,17 +69,12 @@ export async function downloadTrickplayImages(

 /**
 * Downloads external subtitle files and updates their delivery URLs to local paths
- * @param mediaSource - The media source containing subtitle information
- * @param item - The item to download subtitles for
- * @param apiBasePath - The base path for the API
- * @param storagePath - Optional custom storage path (for Android SD card support)
 * @returns Updated media source with local subtitle paths
 */
 export async function downloadSubtitles(
  mediaSource: MediaSourceInfo,
  item: BaseItemDto,
  apiBasePath: string,
-  storagePath?: string,
 ): Promise<MediaSourceInfo> {
  const externalSubtitles = mediaSource.MediaStreams?.filter(
    (stream) =>
@@ -104,17 +91,10 @@ export async function downloadSubtitles(

    const url = apiBasePath + subtitle.DeliveryUrl;
    const extension = subtitle.Codec || "srt";
-
-    // Use custom storage path if provided (Android SD card), otherwise use Paths.document
-    const destination = storagePath
-      ? new File(
-          filePathToUri(storagePath),
-          `${filename}_subtitle_${subtitle.Index}.${extension}`,
-        )
-      : new File(
-          Paths.document,
-          `${filename}_subtitle_${subtitle.Index}.${extension}`,
-        );
+    const destination = new File(
+      Paths.document,
+      `${filename}_subtitle_${subtitle.Index}.${extension}`,
+    );

    // Skip if already exists
    if (destination.exists) {
@@ -228,21 +208,13 @@ export async function downloadAdditionalAssets(params: {
  api: Api;
  saveImageFn: (itemId: string, url?: string) => Promise<void>;
  saveSeriesImageFn: (item: BaseItemDto) => Promise<void>;
-  storagePath?: string;
 }): Promise<{
  trickPlayData?: TrickPlayData;
  updatedMediaSource: MediaSourceInfo;
  introSegments?: MediaTimeSegment[];
  creditSegments?: MediaTimeSegment[];
 }> {
-  const {
-    item,
-    mediaSource,
-    api,
-    saveImageFn,
-    saveSeriesImageFn,
-    storagePath,
-  } = params;
+  const { item, mediaSource, api, saveImageFn, saveSeriesImageFn } = params;

  // Run all downloads in parallel for speed
  const [
@@ -251,11 +223,11 @@ export async function downloadAdditionalAssets(params: {
    segments,
    // Cover images (fire and forget, errors are logged)
  ] = await Promise.all([
-    downloadTrickplayImages(item, storagePath),
+    downloadTrickplayImages(item),
    // Only download subtitles for non-transcoded streams
    mediaSource.TranscodingUrl
      ? Promise.resolve(mediaSource)
-      : downloadSubtitles(mediaSource, item, api.basePath || "", storagePath),
+      : downloadSubtitles(mediaSource, item, api.basePath || ""),
    item.Id
      ? fetchSegments(item.Id, api)
      : Promise.resolve({
--- a/providers/Downloads/fileOperations.ts
+++ b/providers/Downloads/fileOperations.ts
@@ -1,4 +1,4 @@
-import { Directory, File } from "expo-file-system";
+import { Directory, File, Paths } from "expo-file-system";
 import { getAllDownloadedItems, getDownloadedItemById } from "./database";
 import type { DownloadedItem } from "./types";
 import { filePathToUri } from "./utils";
@@ -39,11 +39,13 @@ export function deleteAllAssociatedFiles(item: DownloadedItem): void {
          stream.DeliveryUrl
        ) {
          try {
-            // Use the full path from DeliveryUrl (it's already a full file:// URI)
-            const subtitleFile = new File(stream.DeliveryUrl);
-            if (subtitleFile.exists) {
-              subtitleFile.delete();
-              console.log(`[DELETE] Subtitle deleted: ${stream.DeliveryUrl}`);
+            const subtitleFilename = stream.DeliveryUrl.split("/").pop();
+            if (subtitleFilename) {
+              const subtitleFile = new File(Paths.document, subtitleFilename);
+              if (subtitleFile.exists) {
+                subtitleFile.delete();
+                console.log(`[DELETE] Subtitle deleted: ${subtitleFilename}`);
+              }
            }
          } catch (error) {
            console.error("[DELETE] Failed to delete subtitle:", error);
@@ -55,13 +57,15 @@ export function deleteAllAssociatedFiles(item: DownloadedItem): void {
    // Delete trickplay directory
    if (item.trickPlayData?.path) {
      try {
-        // Use the full path from trickPlayData (it's already a full file:// URI)
-        const trickplayDir = new Directory(item.trickPlayData.path);
-        if (trickplayDir.exists) {
-          trickplayDir.delete();
-          console.log(
-            `[DELETE] Trickplay directory deleted: ${item.trickPlayData.path}`,
-          );
+        const trickplayDirName = item.trickPlayData.path.split("/").pop();
+        if (trickplayDirName) {
+          const trickplayDir = new Directory(Paths.document, trickplayDirName);
+          if (trickplayDir.exists) {
+            trickplayDir.delete();
+            console.log(
+              `[DELETE] Trickplay directory deleted: ${trickplayDirName}`,
+            );
+          }
        }
      } catch (error) {
        console.error("[DELETE] Failed to delete trickplay directory:", error);
--- a/providers/Downloads/hooks/useDownloadOperations.ts
+++ b/providers/Downloads/hooks/useDownloadOperations.ts
@@ -6,16 +6,13 @@ import { File, Paths } from "expo-file-system";
 import type { MutableRefObject } from "react";
 import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
-import { Platform } from "react-native";
 import DeviceInfo from "react-native-device-info";
 import { toast } from "sonner-native";
 import type { Bitrate } from "@/components/BitrateSelector";
 import useImageStorage from "@/hooks/useImageStorage";
 import { BackgroundDownloader } from "@/modules";
-import { useSettings } from "@/utils/atoms/settings";
 import { getOrSetDeviceId } from "@/utils/device";
 import useDownloadHelper from "@/utils/download";
-import { getStoragePath } from "@/utils/storage";
 import { downloadAdditionalAssets } from "../additionalDownloads";
 import {
  clearAllDownloadedItems,
@@ -52,7 +49,6 @@ export function useDownloadOperations({
  onDataChange,
 }: UseDownloadOperationsProps) {
  const { t } = useTranslation();
-  const { settings } = useSettings();
  const { saveSeriesPrimaryImage } = useDownloadHelper();
  const { saveImage } = useImageStorage();

@@ -85,12 +81,6 @@ export function useDownloadOperations({
          return;
        }

-        // Get storage path if custom location is set
-        let storagePath: string | undefined;
-        if (Platform.OS === "android" && settings.downloadStorageLocation) {
-          storagePath = await getStoragePath(settings.downloadStorageLocation);
-        }
-
        // Download all additional assets BEFORE starting native video download
        const additionalAssets = await downloadAdditionalAssets({
          item,
@@ -98,7 +88,6 @@ export function useDownloadOperations({
          api,
          saveImageFn: saveImage,
          saveSeriesImageFn: saveSeriesPrimaryImage,
-          storagePath,
        });

        // Ensure URL is absolute (not relative) before storing
@@ -134,19 +123,10 @@ export function useDownloadOperations({
        // Add to processes
        setProcesses((prev) => [...prev, jobStatus]);

-        // Generate destination path using custom storage location if set
+        // Generate destination path
        const filename = generateFilename(item);
-        let destinationPath: string;
-
-        if (storagePath) {
-          // Use custom storage location
-          destinationPath = `${storagePath}/${filename}.mp4`;
-          console.log(`[DOWNLOAD] Using custom storage: ${destinationPath}`);
-        } else {
-          // Use default Paths.document
-          const videoFile = new File(Paths.document, `${filename}.mp4`);
-          destinationPath = uriToFilePath(videoFile.uri);
-        }
+        const videoFile = new File(Paths.document, `${filename}.mp4`);
+        const destinationPath = uriToFilePath(videoFile.uri);

        console.log(`[DOWNLOAD] Starting video: ${item.Name}`);
        console.log(`[DOWNLOAD] Download URL: ${downloadUrl}`);
--- a/utils/atoms/settings.ts
+++ b/utils/atoms/settings.ts
@@ -224,7 +224,6 @@ export type Settings = {
  streamyStatsSeriesRecommendations?: boolean;
  streamyStatsPromotedWatchlists?: boolean;
  downloadQuality?: DownloadOption;
-  downloadStorageLocation?: string;
  defaultBitrate?: Bitrate;
  libraryOptions: LibraryOptions;
  defaultAudioLanguage: CultureDto | null;
@@ -322,7 +321,6 @@ export const defaultValues: Settings = {
  streamyStatsSeriesRecommendations: false,
  streamyStatsPromotedWatchlists: false,
  downloadQuality: DownloadOptions[0],
-  downloadStorageLocation: undefined,
  defaultBitrate: BITRATES[0],
  libraryOptions: {
    display: "list",
--- a/utils/storage.ts
+++ b/utils/storage.ts
@@ -1,143 +0,0 @@
-import { Directory, Paths } from "expo-file-system";
-import { Platform } from "react-native";
-import { BackgroundDownloader, type StorageLocation } from "@/modules";
-
-let cachedStorageLocations: StorageLocation[] | null = null;
-
-// Debug mode: Set to true to simulate an SD card for testing in emulator
-// This creates a real writable directory that mimics SD card behavior
-const DEBUG_SIMULATE_SD_CARD = false;
-
-/**
- * Get all available storage locations (Android only)
- * Returns cached result on subsequent calls
- */
-export async function getAvailableStorageLocations(): Promise<
-  StorageLocation[]
-> {
-  if (Platform.OS !== "android") {
-    return [];
-  }
-
-  if (cachedStorageLocations !== null) {
-    return cachedStorageLocations;
-  }
-
-  try {
-    const locations = await BackgroundDownloader.getAvailableStorageLocations();
-
-    // Debug mode: Add a functional simulated SD card for testing
-    if (DEBUG_SIMULATE_SD_CARD && locations.length === 1) {
-      // Use a real writable path within the app's document directory
-      const sdcardSimDir = new Directory(Paths.document, "sdcard_sim");
-
-      // Create the directory if it doesn't exist
-      if (!sdcardSimDir.exists) {
-        sdcardSimDir.create({ intermediates: true });
-      }
-
-      const mockSdCard: StorageLocation = {
-        id: "sdcard_sim",
-        path: sdcardSimDir.uri.replace("file://", ""),
-        type: "external",
-        label: "SD Card (Simulated)",
-        totalSpace: 64 * 1024 * 1024 * 1024, // 64 GB
-        freeSpace: 32 * 1024 * 1024 * 1024, // 32 GB free
-      };
-      locations.push(mockSdCard);
-      console.log("[DEBUG] Added simulated SD card:", mockSdCard.path);
-    }
-
-    cachedStorageLocations = locations;
-    return locations;
-  } catch (error) {
-    console.error("Failed to get storage locations:", error);
-    return [];
-  }
-}
-
-/**
- * Clear the cached storage locations
- * Useful when storage configuration might have changed
- */
-export function clearStorageLocationsCache(): void {
-  cachedStorageLocations = null;
-  console.log("[Storage] Cache cleared");
-}
-
-/**
- * Get a simplified label for a storage location ID
- * @param storageId - The storage location ID (e.g., "internal", "sdcard_0")
- * @returns Human-readable label (e.g., "Internal Storage", "SD Card")
- */
-export async function getStorageLabel(storageId?: string): Promise<string> {
-  if (!storageId || Platform.OS !== "android") {
-    return "Internal Storage";
-  }
-
-  const locations = await getAvailableStorageLocations();
-  const location = locations.find((loc) => loc.id === storageId);
-
-  return location?.label || "Internal Storage";
-}
-
-/**
- * Get the filesystem path for a storage location ID
- * @param storageId - The storage location ID (e.g., "internal", "sdcard_0")
- * @returns The filesystem path, or default path if not found
- */
-export async function getStoragePath(storageId?: string): Promise<string> {
-  if (!storageId || Platform.OS !== "android") {
-    return getDefaultStoragePath();
-  }
-
-  const locations = await getAvailableStorageLocations();
-  const location = locations.find((loc) => loc.id === storageId);
-
-  if (!location) {
-    console.warn(`Storage location not found: ${storageId}, using default`);
-    return getDefaultStoragePath();
-  }
-
-  return location.path;
-}
-
-/**
- * Get the default storage path (current behavior using Paths.document)
- * @returns The default storage path
- */
-export function getDefaultStoragePath(): string {
-  // Paths.document returns a Directory with a URI like "file:///data/user/0/..."
-  // We need to extract the actual path
-  const uri = Paths.document.uri;
-  return uri.replace("file://", "");
-}
-
-/**
- * Get a storage location by ID
- * @param storageId - The storage location ID
- * @returns The storage location or undefined if not found
- */
-export async function getStorageLocationById(
-  storageId?: string,
-): Promise<StorageLocation | undefined> {
-  if (!storageId || Platform.OS !== "android") {
-    return undefined;
-  }
-
-  const locations = await getAvailableStorageLocations();
-  return locations.find((loc) => loc.id === storageId);
-}
-
-/**
- * Convert plain file path to file:// URI
- * Required for expo-file-system File constructor
- * @param path - The file path
- * @returns The file:// URI
- */
-export function filePathToUri(path: string): string {
-  if (path.startsWith("file://")) {
-    return path;
-  }
-  return `file://${path}`;
-}
Author	SHA1	Message	Date
lance chant	980245f19d	Merge branch 'develop' into fix/skip-button-rework	2026-07-17 14:47:48 +02:00
Gauvain	6dd98ccae8	fix(home): black episode thumbnails in Next Up & Continue Watching (#1815 )	2026-07-17 12:00:23 +02:00
lance chant	228e847a4e	Update components/video-player/controls/SkipSegmentOverlay.tsx Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>	2026-07-17 11:51:37 +02:00
Lance Chant	15c66bc714	Addressing PR comments Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>	2026-07-17 11:45:42 +02:00
kevbot	b4eb853048	fix(livetv): release live streams so the tuner doesn't wedge (#1799 ) Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: Gauvino <contact@uruk.dev>	2026-07-17 11:27:32 +02:00
Lance Chant	c4209cbf8e	fix: fixing the skip button Allowing it to show independently of the controls Fixing the position of the button to fit over things better Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>	2026-07-17 11:02:23 +02:00