refactor: Enhance type safety by replacing any with explicit types and renaming unused variables.

Author: mxggle

src/components/player/MediaPlayer.tsx

@@ -161,7 +161,7 @@ export const MediaPlayer = ({ hiddenMode = false }: MediaPlayerProps) => {
           const {
             autoAdvanceBookmarks, selectedBookmarkId, getCurrentMediaBookmarks, loadBookmark,
             maxLoops, loopCount, setLoopCount, setIsLooping, loopDelay
-          } = state as any;
+          } = state;
 
           // Increment loop counter
           const nextCount = (loopCount || 0) + 1;
@@ -173,8 +173,8 @@ export const MediaPlayer = ({ hiddenMode = false }: MediaPlayerProps) => {
           if (isDone) {
             // If auto-advance enabled, move to next bookmark
             if (autoAdvanceBookmarks && selectedBookmarkId) {
-              const list = (getCurrentMediaBookmarks?.() || []).slice().sort((a: any, b: any) => a.start - b.start);
-              const idx = list.findIndex((b: any) => b.id === selectedBookmarkId);
+              const list = (getCurrentMediaBookmarks?.() || []).slice().sort((a, b) => a.start - b.start);
+              const idx = list.findIndex((b) => b.id === selectedBookmarkId);
               if (list.length > 0) {
                 const next = list[(idx + 1 + list.length) % list.length];
                 if (next) {
@@ -293,7 +293,7 @@ export const MediaPlayer = ({ hiddenMode = false }: MediaPlayerProps) => {
   // Handle media ended
   const handleEnded = () => {
     console.log("Media playback ended");
-    const state = usePlayerStore.getState() as any;
+    const state = usePlayerStore.getState();
     if (state.isQueueActive) {
       state.playNextInQueue?.();
       return;

src/components/transcript/TranscriptPanel.tsx

@@ -26,7 +26,7 @@ import { ExplanationDrawer } from "./ExplanationDrawer";
 import { useNavigate } from "react-router-dom";
 import { breakIntoSentences as utilBreakIntoSentences } from "../../utils/sentenceBreaker";
 
-import { TranscriptSegment as TranscriptSegmentType } from "../../stores/playerStore";
+import { TranscriptSegment as TranscriptSegmentType, LoopBookmark } from "../../stores/playerStore";
 import { encodeWAV } from "../../utils/wavEncoder";
 import { Button } from "../ui/button";
 import { Input } from "../ui/input";
@@ -452,7 +452,7 @@ export const TranscriptPanel = () => {
     }
   };
 
-  const handleEditBookmark = (e: React.MouseEvent, bookmark: any) => {
+  const handleEditBookmark = (e: React.MouseEvent, bookmark: LoopBookmark) => {
     e.stopPropagation();
     setEditingBookmarkId(bookmark.id);
     setEditName(bookmark.name);

src/stores/shadowingStore.ts

@@ -94,7 +94,7 @@ export const useShadowingStore = create<ShadowingState & ShadowingActions>()(
             },
 
             clearSegments: (mediaId) => set((state) => {
-                const { [mediaId]: removed, ...rest } = state.sessions;
+                const { [mediaId]: _removed, ...rest } = state.sessions;
                 return { sessions: rest };
             }),
 
@@ -107,7 +107,7 @@ export const useShadowingStore = create<ShadowingState & ShadowingActions>()(
 
                 // Clear the session state first
                 set((state) => {
-                    const { [mediaId]: removed, ...rest } = state.sessions;
+                    const { [mediaId]: _removed, ...rest } = state.sessions;
                     return { sessions: rest };
                 });