fix(jellyfin): fix overlay toggle sync, redirect reload, and AppImage bi

- Sync visible-overlay state back to plugin via script messages to avoid toggle/hide drift
- Collapse duplicate toggle events within 250ms to prevent hide-then-show on single keypress
- Preserve manual hide across Jellyfin path-changing redirects even when media-title drops
- Rearm managed subtitle defaults on path-changing redirects
- Route toggleVisibleOverlay session binding through plugin toggle instead of app-side IPC
- Show Linux/Hyprland overlay passively (showInactive) to avoid stealing mpv keyboard focus
- Fix AppImage binary resolution to prefer $APPIMAGE env over mounted inner binary
- Add stats window layer management so delete/update dialogs appear above stats window
- Fix Jellyfin remote progress sync during Linux websocket reconnect windows

stats/src/App.tsx

@@ -1,4 +1,5 @@
 import { Suspense, lazy, useCallback, useState } from 'react';
+import { DeleteConfirmDialog } from './components/layout/DeleteConfirmDialog';
 import { TabBar } from './components/layout/TabBar';
 import { OverviewTab } from './components/overview/OverviewTab';
 import { useExcludedWords } from './hooks/useExcludedWords';
@@ -272,6 +273,7 @@ export function App() {
           />
         </Suspense>
       ) : null}
+      <DeleteConfirmDialog />
     </div>
   );
 }

stats/src/components/anime/EpisodeDetail.tsx

@@ -85,7 +85,7 @@ export function EpisodeDetail({ videoId, onSessionDeleted }: EpisodeDetailProps)
   }, [videoId]);
 
   const handleDeleteSession = async (sessionId: number) => {
-    if (!confirmSessionDelete()) return;
+    if (!(await confirmSessionDelete())) return;
     await apiClient.deleteSession(sessionId);
     setData((prev) => {
       if (!prev) return prev;

stats/src/components/anime/EpisodeList.tsx

@@ -44,7 +44,7 @@ export function EpisodeList({
   };
 
   const handleDeleteEpisode = async (videoId: number, title: string) => {
-    if (!confirmEpisodeDelete(title)) return;
+    if (!(await confirmEpisodeDelete(title))) return;
     await apiClient.deleteVideo(videoId);
     setEpisodes((prev) => prev.filter((ep) => ep.videoId !== videoId));
     if (expandedVideoId === videoId) setExpandedVideoId(null);

stats/src/components/layout/DeleteConfirmDialog.tsx

@@ -0,0 +1,94 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { setDeleteConfirmPresenter } from '../../lib/delete-confirm';
+
+interface PendingDeleteConfirm {
+  message: string;
+  resolve: (confirmed: boolean) => void;
+}
+
+export function DeleteConfirmDialog() {
+  const [pendingConfirm, setPendingConfirm] = useState<PendingDeleteConfirm | null>(null);
+  const pendingRef = useRef<PendingDeleteConfirm | null>(null);
+  const cancelButtonRef = useRef<HTMLButtonElement>(null);
+
+  const finish = useCallback((confirmed: boolean) => {
+    const pending = pendingRef.current;
+    pendingRef.current = null;
+    setPendingConfirm(null);
+    pending?.resolve(confirmed);
+  }, []);
+
+  useEffect(() => {
+    return setDeleteConfirmPresenter(
+      (message) =>
+        new Promise<boolean>((resolve) => {
+          pendingRef.current?.resolve(false);
+          const next = { message, resolve };
+          pendingRef.current = next;
+          setPendingConfirm(next);
+        }),
+    );
+  }, []);
+
+  useEffect(() => {
+    if (!pendingConfirm) return;
+    cancelButtonRef.current?.focus();
+  }, [pendingConfirm]);
+
+  useEffect(() => {
+    if (!pendingConfirm) return;
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.key !== 'Escape') return;
+      event.preventDefault();
+      finish(false);
+    };
+    window.addEventListener('keydown', onKeyDown, true);
+    return () => window.removeEventListener('keydown', onKeyDown, true);
+  }, [finish, pendingConfirm]);
+
+  useEffect(() => {
+    return () => {
+      pendingRef.current?.resolve(false);
+      pendingRef.current = null;
+    };
+  }, []);
+
+  if (!pendingConfirm) return null;
+
+  return (
+    <div className="fixed inset-0 z-[2147483647] flex items-center justify-center bg-ctp-crust/55 p-4 backdrop-blur-sm">
+      <div
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="delete-confirm-title"
+        className="w-full max-w-md rounded-lg border border-ctp-surface1 bg-ctp-mantle shadow-2xl"
+      >
+        <div className="border-b border-ctp-surface1 px-4 py-3">
+          <h2 id="delete-confirm-title" className="text-sm font-semibold text-ctp-text">
+            Delete?
+          </h2>
+        </div>
+        <div className="px-4 py-4 text-sm leading-6 text-ctp-subtext0">
+          {pendingConfirm.message}
+        </div>
+        <div className="grid grid-cols-2 border-t border-ctp-surface1">
+          <button
+            ref={cancelButtonRef}
+            type="button"
+            onClick={() => finish(false)}
+            className="border-r border-ctp-surface1 px-4 py-3 text-sm text-ctp-subtext0 transition-colors hover:bg-ctp-surface0 hover:text-ctp-text focus:outline-none focus:bg-ctp-surface0 focus:text-ctp-text"
+          >
+            Cancel
+          </button>
+          <button
+            type="button"
+            onClick={() => finish(true)}
+            className="px-4 py-3 text-sm font-semibold text-ctp-red transition-colors hover:bg-ctp-surface0 focus:outline-none focus:bg-ctp-surface0"
+          >
+            Delete
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

stats/src/components/library/MediaDetailView.tsx

@@ -11,7 +11,7 @@ interface DeleteEpisodeHandlerOptions {
   videoId: number;
   title: string;
   apiClient: { deleteVideo: (id: number) => Promise<void> };
-  confirmFn: (title: string) => boolean;
+  confirmFn: (title: string) => boolean | Promise<boolean>;
   onBack: () => void;
   setDeleteError: (msg: string | null) => void;
   /**
@@ -27,7 +27,7 @@ interface DeleteEpisodeHandlerOptions {
 export function buildDeleteEpisodeHandler(opts: DeleteEpisodeHandlerOptions): () => Promise<void> {
   return async () => {
     if (opts.isDeletingRef?.current) return;
-    if (!opts.confirmFn(opts.title)) return;
+    if (!(await opts.confirmFn(opts.title))) return;
     if (opts.isDeletingRef) opts.isDeletingRef.current = true;
     opts.setIsDeleting?.(true);
     opts.setDeleteError(null);
@@ -101,7 +101,7 @@ export function MediaDetailView({
   const relatedCollectionLabel = getRelatedCollectionLabel(detail);
 
   const handleDeleteSession = async (session: SessionSummary) => {
-    if (!confirmSessionDelete()) return;
+    if (!(await confirmSessionDelete())) return;
 
     setDeleteError(null);
     setDeletingSessionId(session.sessionId);

stats/src/components/overview/OverviewTab.tsx

@@ -47,7 +47,7 @@ export function OverviewTab({ onNavigateToMediaDetail, onNavigateToSession }: Ov
   }, []);
 
   const handleDeleteSession = async (session: SessionSummary) => {
-    if (!confirmSessionDelete()) return;
+    if (!(await confirmSessionDelete())) return;
     setDeleteError(null);
     setDeletingIds((prev) => new Set(prev).add(session.sessionId));
     try {
@@ -65,7 +65,7 @@ export function OverviewTab({ onNavigateToMediaDetail, onNavigateToSession }: Ov
   };
 
   const handleDeleteDayGroup = async (dayLabel: string, daySessions: SessionSummary[]) => {
-    if (!confirmDayGroupDelete(dayLabel, daySessions.length)) return;
+    if (!(await confirmDayGroupDelete(dayLabel, daySessions.length))) return;
     setDeleteError(null);
     const ids = daySessions.map((s) => s.sessionId);
     setDeletingIds((prev) => {
@@ -91,7 +91,7 @@ export function OverviewTab({ onNavigateToMediaDetail, onNavigateToSession }: Ov
   const handleDeleteAnimeGroup = async (groupSessions: SessionSummary[]) => {
     const title =
       groupSessions[0]?.animeTitle ?? groupSessions[0]?.canonicalTitle ?? 'Unknown Media';
-    if (!confirmAnimeGroupDelete(title, groupSessions.length)) return;
+    if (!(await confirmAnimeGroupDelete(title, groupSessions.length))) return;
     setDeleteError(null);
     const ids = groupSessions.map((s) => s.sessionId);
     setDeletingIds((prev) => {

stats/src/components/sessions/SessionsTab.tsx

@@ -27,7 +27,7 @@ function groupSessionsByDay(sessions: SessionSummary[]): Map<string, SessionSumm
 export interface BucketDeleteDeps {
   bucket: SessionBucket;
   apiClient: { deleteSessions: (ids: number[]) => Promise<void> };
-  confirm: (title: string, count: number) => boolean;
+  confirm: (title: string, count: number) => boolean | Promise<boolean>;
   onSuccess: (deletedIds: number[]) => void;
   onError: (message: string) => void;
 }
@@ -43,7 +43,7 @@ export function buildBucketDeleteHandler(deps: BucketDeleteDeps): () => Promise<
   return async () => {
     const title = bucket.representativeSession.canonicalTitle ?? 'this episode';
     const ids = bucket.sessions.map((s) => s.sessionId);
-    if (!confirm(title, ids.length)) return;
+    if (!(await confirm(title, ids.length))) return;
     try {
       await client.deleteSessions(ids);
       onSuccess(ids);
@@ -120,7 +120,7 @@ export function SessionsTab({
   };
 
   const handleDeleteSession = async (session: SessionSummary) => {
-    if (!confirmSessionDelete()) return;
+    if (!(await confirmSessionDelete())) return;
 
     setDeleteError(null);
     setDeletingSessionId(session.sessionId);

stats/src/lib/delete-confirm.test.ts

@@ -5,9 +5,10 @@ import {
   confirmDayGroupDelete,
   confirmEpisodeDelete,
   confirmSessionDelete,
+  setDeleteConfirmPresenter,
 } from './delete-confirm';
 
-test('confirmSessionDelete uses the shared session delete warning copy', () => {
+test('confirmSessionDelete uses the shared session delete warning copy', async () => {
   const calls: string[] = [];
   const originalConfirm = globalThis.confirm;
   globalThis.confirm = ((message?: string) => {
@@ -16,14 +17,183 @@ test('confirmSessionDelete uses the shared session delete warning copy', () => {
   }) as typeof globalThis.confirm;
 
   try {
-    assert.equal(confirmSessionDelete(), true);
+    assert.equal(await confirmSessionDelete(), true);
     assert.deepEqual(calls, ['Delete this session and all associated data?']);
   } finally {
     globalThis.confirm = originalConfirm;
   }
 });
 
-test('confirmDayGroupDelete includes the day label and count in the warning copy', () => {
+test('confirmSessionDelete suspends stats overlay layering around native confirm', async () => {
+  const calls: string[] = [];
+  const originalConfirm = globalThis.confirm;
+  const originalElectronAPI = (
+    globalThis as typeof globalThis & {
+      electronAPI?: {
+        stats?: {
+          beginNativeDialog?: () => void;
+          endNativeDialog?: () => void;
+        };
+      };
+    }
+  ).electronAPI;
+  (
+    globalThis as typeof globalThis & {
+      electronAPI?: {
+        stats?: {
+          beginNativeDialog?: () => void;
+          endNativeDialog?: () => void;
+        };
+      };
+    }
+  ).electronAPI = {
+    stats: {
+      beginNativeDialog: () => calls.push('begin-native-dialog'),
+      endNativeDialog: () => calls.push('end-native-dialog'),
+    },
+  };
+  globalThis.confirm = ((message?: string) => {
+    calls.push(`confirm:${message ?? ''}`);
+    return true;
+  }) as typeof globalThis.confirm;
+
+  try {
+    assert.equal(await confirmSessionDelete(), true);
+    assert.deepEqual(calls, [
+      'begin-native-dialog',
+      'confirm:Delete this session and all associated data?',
+      'end-native-dialog',
+    ]);
+  } finally {
+    globalThis.confirm = originalConfirm;
+    (
+      globalThis as typeof globalThis & {
+        electronAPI?: {
+          stats?: {
+            beginNativeDialog?: () => void;
+            endNativeDialog?: () => void;
+          };
+        };
+      }
+    ).electronAPI = originalElectronAPI;
+  }
+});
+
+test('confirmSessionDelete uses parented Electron confirm when available', async () => {
+  const calls: string[] = [];
+  const originalConfirm = globalThis.confirm;
+  const originalElectronAPI = (
+    globalThis as typeof globalThis & {
+      electronAPI?: {
+        stats?: {
+          confirmNativeDialog?: (message: string) => boolean;
+          beginNativeDialog?: () => void;
+          endNativeDialog?: () => void;
+        };
+      };
+    }
+  ).electronAPI;
+  (
+    globalThis as typeof globalThis & {
+      electronAPI?: {
+        stats?: {
+          confirmNativeDialog?: (message: string) => boolean;
+          beginNativeDialog?: () => void;
+          endNativeDialog?: () => void;
+        };
+      };
+    }
+  ).electronAPI = {
+    stats: {
+      confirmNativeDialog: (message) => {
+        calls.push(`native-confirm:${message}`);
+        return false;
+      },
+      beginNativeDialog: () => calls.push('begin-native-dialog'),
+      endNativeDialog: () => calls.push('end-native-dialog'),
+    },
+  };
+  globalThis.confirm = ((message?: string) => {
+    calls.push(`browser-confirm:${message ?? ''}`);
+    return true;
+  }) as typeof globalThis.confirm;
+
+  try {
+    assert.equal(await confirmSessionDelete(), false);
+    assert.deepEqual(calls, ['native-confirm:Delete this session and all associated data?']);
+  } finally {
+    globalThis.confirm = originalConfirm;
+    (
+      globalThis as typeof globalThis & {
+        electronAPI?: {
+          stats?: {
+            confirmNativeDialog?: (message: string) => boolean;
+            beginNativeDialog?: () => void;
+            endNativeDialog?: () => void;
+          };
+        };
+      }
+    ).electronAPI = originalElectronAPI;
+  }
+});
+
+test('confirmSessionDelete uses the registered stats presenter before native or browser confirm', async () => {
+  const calls: string[] = [];
+  const originalConfirm = globalThis.confirm;
+  const originalElectronAPI = (
+    globalThis as typeof globalThis & {
+      electronAPI?: {
+        stats?: {
+          confirmNativeDialog?: (message: string) => boolean;
+        };
+      };
+    }
+  ).electronAPI;
+  (
+    globalThis as typeof globalThis & {
+      electronAPI?: {
+        stats?: {
+          confirmNativeDialog?: (message: string) => boolean;
+        };
+      };
+    }
+  ).electronAPI = {
+    stats: {
+      confirmNativeDialog: (message) => {
+        calls.push(`native-confirm:${message}`);
+        return true;
+      },
+    },
+  };
+  globalThis.confirm = ((message?: string) => {
+    calls.push(`browser-confirm:${message ?? ''}`);
+    return true;
+  }) as typeof globalThis.confirm;
+
+  const unregister = setDeleteConfirmPresenter(async (message) => {
+    calls.push(`presenter:${message}`);
+    return false;
+  });
+
+  try {
+    assert.equal(await confirmSessionDelete(), false);
+    assert.deepEqual(calls, ['presenter:Delete this session and all associated data?']);
+  } finally {
+    unregister();
+    globalThis.confirm = originalConfirm;
+    (
+      globalThis as typeof globalThis & {
+        electronAPI?: {
+          stats?: {
+            confirmNativeDialog?: (message: string) => boolean;
+          };
+        };
+      }
+    ).electronAPI = originalElectronAPI;
+  }
+});
+
+test('confirmDayGroupDelete includes the day label and count in the warning copy', async () => {
   const calls: string[] = [];
   const originalConfirm = globalThis.confirm;
   globalThis.confirm = ((message?: string) => {
@@ -32,14 +202,14 @@ test('confirmDayGroupDelete includes the day label and count in the warning copy
   }) as typeof globalThis.confirm;
 
   try {
-    assert.equal(confirmDayGroupDelete('Today', 3), true);
+    assert.equal(await confirmDayGroupDelete('Today', 3), true);
     assert.deepEqual(calls, ['Delete all 3 sessions from Today and all associated data?']);
   } finally {
     globalThis.confirm = originalConfirm;
   }
 });
 
-test('confirmDayGroupDelete uses singular for one session', () => {
+test('confirmDayGroupDelete uses singular for one session', async () => {
   const calls: string[] = [];
   const originalConfirm = globalThis.confirm;
   globalThis.confirm = ((message?: string) => {
@@ -48,14 +218,14 @@ test('confirmDayGroupDelete uses singular for one session', () => {
   }) as typeof globalThis.confirm;
 
   try {
-    assert.equal(confirmDayGroupDelete('Yesterday', 1), true);
+    assert.equal(await confirmDayGroupDelete('Yesterday', 1), true);
     assert.deepEqual(calls, ['Delete all 1 session from Yesterday and all associated data?']);
   } finally {
     globalThis.confirm = originalConfirm;
   }
 });
 
-test('confirmBucketDelete asks about merging multiple sessions of the same episode', () => {
+test('confirmBucketDelete asks about merging multiple sessions of the same episode', async () => {
   const calls: string[] = [];
   const originalConfirm = globalThis.confirm;
   globalThis.confirm = ((message?: string) => {
@@ -64,7 +234,7 @@ test('confirmBucketDelete asks about merging multiple sessions of the same episo
   }) as typeof globalThis.confirm;
 
   try {
-    assert.equal(confirmBucketDelete('My Episode', 3), true);
+    assert.equal(await confirmBucketDelete('My Episode', 3), true);
     assert.deepEqual(calls, [
       'Delete all 3 sessions of "My Episode" from this day and all associated data?',
     ]);
@@ -73,7 +243,7 @@ test('confirmBucketDelete asks about merging multiple sessions of the same episo
   }
 });
 
-test('confirmBucketDelete uses a clean singular form for one session', () => {
+test('confirmBucketDelete uses a clean singular form for one session', async () => {
   const calls: string[] = [];
   const originalConfirm = globalThis.confirm;
   globalThis.confirm = ((message?: string) => {
@@ -82,7 +252,7 @@ test('confirmBucketDelete uses a clean singular form for one session', () => {
   }) as typeof globalThis.confirm;
 
   try {
-    assert.equal(confirmBucketDelete('Solo Episode', 1), false);
+    assert.equal(await confirmBucketDelete('Solo Episode', 1), false);
     assert.deepEqual(calls, [
       'Delete this session of "Solo Episode" from this day and all associated data?',
     ]);
@@ -91,7 +261,7 @@ test('confirmBucketDelete uses a clean singular form for one session', () => {
   }
 });
 
-test('confirmEpisodeDelete includes the episode title in the shared warning copy', () => {
+test('confirmEpisodeDelete includes the episode title in the shared warning copy', async () => {
   const calls: string[] = [];
   const originalConfirm = globalThis.confirm;
   globalThis.confirm = ((message?: string) => {
@@ -100,7 +270,7 @@ test('confirmEpisodeDelete includes the episode title in the shared warning copy
   }) as typeof globalThis.confirm;
 
   try {
-    assert.equal(confirmEpisodeDelete('Episode 4'), false);
+    assert.equal(await confirmEpisodeDelete('Episode 4'), false);
     assert.deepEqual(calls, ['Delete "Episode 4" and all its sessions?']);
   } finally {
     globalThis.confirm = originalConfirm;

stats/src/lib/delete-confirm.ts

@@ -1,30 +1,71 @@
-export function confirmSessionDelete(): boolean {
-  return globalThis.confirm('Delete this session and all associated data?');
+type NativeDialogBridge = {
+  electronAPI?: {
+    stats?: {
+      confirmNativeDialog?: (message: string) => boolean;
+      beginNativeDialog?: () => void;
+      endNativeDialog?: () => void;
+    };
+  };
+};
+
+type DeleteConfirmPresenter = (message: string) => boolean | Promise<boolean>;
+
+let deleteConfirmPresenter: DeleteConfirmPresenter | null = null;
+
+export function setDeleteConfirmPresenter(presenter: DeleteConfirmPresenter): () => void {
+  deleteConfirmPresenter = presenter;
+  return () => {
+    if (deleteConfirmPresenter === presenter) {
+      deleteConfirmPresenter = null;
+    }
+  };
 }
 
-export function confirmDayGroupDelete(dayLabel: string, count: number): boolean {
-  return globalThis.confirm(
+async function confirmWithStatsNativeDialogLayer(message: string): Promise<boolean> {
+  if (deleteConfirmPresenter) {
+    return deleteConfirmPresenter(message);
+  }
+
+  const statsApi = (globalThis as typeof globalThis & NativeDialogBridge).electronAPI?.stats;
+  if (statsApi?.confirmNativeDialog) {
+    return statsApi.confirmNativeDialog(message);
+  }
+
+  statsApi?.beginNativeDialog?.();
+  try {
+    return globalThis.confirm(message);
+  } finally {
+    statsApi?.endNativeDialog?.();
+  }
+}
+
+export function confirmSessionDelete(): Promise<boolean> {
+  return confirmWithStatsNativeDialogLayer('Delete this session and all associated data?');
+}
+
+export function confirmDayGroupDelete(dayLabel: string, count: number): Promise<boolean> {
+  return confirmWithStatsNativeDialogLayer(
     `Delete all ${count} session${count === 1 ? '' : 's'} from ${dayLabel} and all associated data?`,
   );
 }
 
-export function confirmAnimeGroupDelete(title: string, count: number): boolean {
-  return globalThis.confirm(
+export function confirmAnimeGroupDelete(title: string, count: number): Promise<boolean> {
+  return confirmWithStatsNativeDialogLayer(
     `Delete all ${count} session${count === 1 ? '' : 's'} for "${title}" and all associated data?`,
   );
 }
 
-export function confirmEpisodeDelete(title: string): boolean {
-  return globalThis.confirm(`Delete "${title}" and all its sessions?`);
+export function confirmEpisodeDelete(title: string): Promise<boolean> {
+  return confirmWithStatsNativeDialogLayer(`Delete "${title}" and all its sessions?`);
 }
 
-export function confirmBucketDelete(title: string, count: number): boolean {
+export function confirmBucketDelete(title: string, count: number): Promise<boolean> {
   if (count === 1) {
-    return globalThis.confirm(
+    return confirmWithStatsNativeDialogLayer(
       `Delete this session of "${title}" from this day and all associated data?`,
     );
   }
-  return globalThis.confirm(
+  return confirmWithStatsNativeDialogLayer(
     `Delete all ${count} sessions of "${title}" from this day and all associated data?`,
   );
 }

stats/src/lib/ipc-client.ts

@@ -62,6 +62,9 @@ interface StatsElectronAPI {
     ankiBrowse: (noteId: number) => Promise<void>;
     ankiNotesInfo: (noteIds: number[]) => Promise<StatsAnkiNoteInfo[]>;
     hideOverlay: () => void;
+    confirmNativeDialog?: (message: string) => boolean;
+    beginNativeDialog?: () => void;
+    endNativeDialog?: () => void;
   };
 }