From abe4981126bae4273f3110b260a0338134079d53 Mon Sep 17 00:00:00 2001
From: Uruk <contact@uruk.dev>
Date: Fri, 22 May 2026 14:24:35 +0200
Subject: [PATCH] chore(casting): remove DEBUG_TOUCH_ZONES overlay

---
 .../casting/player/CastPlayerEpisodeControls.tsx | 16 ----------------
 .../casting/player/CastPlayerProgressBar.tsx     | 15 ---------------
 utils/casting/debug.ts                           |  8 --------
 3 files changed, 39 deletions(-)
 delete mode 100644 utils/casting/debug.ts

diff --git a/components/casting/player/CastPlayerEpisodeControls.tsx b/components/casting/player/CastPlayerEpisodeControls.tsx
index 56306c422..0f46d3fb2 100644
--- a/components/casting/player/CastPlayerEpisodeControls.tsx
+++ b/components/casting/player/CastPlayerEpisodeControls.tsx
@@ -12,7 +12,6 @@ import { useTranslation } from "react-i18next";
 import { Pressable, View } from "react-native";
 import type { RemoteMediaClient } from "react-native-google-cast";
 import { Text } from "@/components/common/Text";
-import { DEBUG_TOUCH_ZONES } from "@/utils/casting/debug";
 
 interface CastPlayerEpisodeControlsProps {
   /** Bottom safe-area inset, used to offset the fixed control row. */
@@ -171,21 +170,6 @@ export function CastPlayerEpisodeControls({
           </Text>
         )}
       </Pressable>
-
-      {__DEV__ && DEBUG_TOUCH_ZONES && (
-        <View
-          pointerEvents='none'
-          style={{
-            position: "absolute",
-            top: 0,
-            bottom: 0,
-            left: 0,
-            right: 0,
-            borderWidth: 1,
-            borderColor: "lime",
-          }}
-        />
-      )}
     </View>
   );
 }
diff --git a/components/casting/player/CastPlayerProgressBar.tsx b/components/casting/player/CastPlayerProgressBar.tsx
index 5ff5738ce..3d1c51a56 100644
--- a/components/casting/player/CastPlayerProgressBar.tsx
+++ b/components/casting/player/CastPlayerProgressBar.tsx
@@ -12,7 +12,6 @@ import type { SharedValue } from "react-native-reanimated";
 import { CastTrickplayBubble } from "@/components/casting/player/CastTrickplayBubble";
 import { ChapterTicks } from "@/components/chapters/ChapterTicks";
 import type { useTrickplay } from "@/hooks/useTrickplay";
-import { DEBUG_TOUCH_ZONES } from "@/utils/casting/debug";
 import { calculateEndingTime, formatTime } from "@/utils/casting/helpers";
 import { msToTicks, ticksToSeconds } from "@/utils/time";
 
@@ -136,20 +135,6 @@ export function CastPlayerProgressBar({
           durationMs={duration * 1000}
           height={4}
         />
-        {__DEV__ && DEBUG_TOUCH_ZONES && (
-          <View
-            pointerEvents='none'
-            style={{
-              position: "absolute",
-              top: -12,
-              bottom: -12,
-              left: -10,
-              right: -10,
-              borderWidth: 1,
-              borderColor: "red",
-            }}
-          />
-        )}
       </View>
 
       {/* Time display */}
diff --git a/utils/casting/debug.ts b/utils/casting/debug.ts
deleted file mode 100644
index 5054d061f..000000000
--- a/utils/casting/debug.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Developer flag for visualising touch zones in the casting player.
- *
- * Flip to `true` to draw outlines over the slider hit area and the control row,
- * run the app, hand-calibrate `panHitSlop`, then flip back to `false`.
- * Every use is gated with `__DEV__` so it can never render in a release build.
- */
-export const DEBUG_TOUCH_ZONES = false;