diff --git a/src/Container.svelte b/src/Container.svelte
index b3f0044..d90d2b6 100644
--- a/src/Container.svelte
+++ b/src/Container.svelte
@@ -7,6 +7,7 @@
 	export let direction: 'vertical' | 'horizontal' | 'grid' = 'vertical';
 	export let gridCols: number = 0;
 	export let focusOnMount = false;
+	export let canFocusEmpty = true;
 	export let trapFocus = false;
 	export let debugOutline = false;
 	export let revealStrategy: RevealStrategy | undefined = undefined;
@@ -23,6 +24,7 @@
 		.setRevealStrategy(revealStrategy)
 		.setChildrenRevealStrategy(childrenRevealStrategy)
 		.setTrapFocus(trapFocus)
+		.setCanFocusEmpty(canFocusEmpty)
 		.getStores();
 	export const container = rest.container;
 	export const hasFocus = rest.hasFocus;
diff --git a/src/lib/apis/radarr/radarr-api.ts b/src/lib/apis/radarr/radarr-api.ts
index 8bd6eea..e91cf11 100644
--- a/src/lib/apis/radarr/radarr-api.ts
+++ b/src/lib/apis/radarr/radarr-api.ts
@@ -11,8 +11,9 @@ import type { Api } from '../api.interface';
 export type RadarrMovie = components['schemas']['MovieResource'];
 export type MovieFileResource = components['schemas']['MovieFileResource'];
 export type RadarrRelease = components['schemas']['ReleaseResource'];
-export type RadarrDownload = components['schemas']['QueueResource'] & { movie: RadarrMovie };
+export type MovieDownload = components['schemas']['QueueResource'] & { movie: RadarrMovie };
 export type DiskSpaceInfo = components['schemas']['DiskSpaceResource'];
+export type MovieHistoryResource = components['schemas']['HistoryResource'];
 
 export interface RadarrMovieOptions {
 	title: string;
@@ -116,11 +117,22 @@ export class RadarrApi implements Api<paths> {
 		return !!deleteResponse?.response.ok;
 	};
 
-	fetchRadarrReleases = (movieId: number): Promise<RadarrRelease[]> =>
+	getReleases = (movieId: number): Promise<RadarrRelease[]> =>
 		this.getClient()
 			?.GET('/api/v3/release', { params: { query: { movieId: movieId } } })
 			.then((r) => r.data || []) || Promise.resolve([]);
 
+	getReleaseHistory = (movieId: number): Promise<MovieHistoryResource[]> =>
+		this.getClient()
+			?.GET('/api/v3/history/movie', {
+				params: {
+					query: {
+						movieId
+					}
+				}
+			})
+			.then((r) => r.data || []) || Promise.resolve([]);
+
 	downloadRadarrMovie = (guid: string, indexerId: number) =>
 		this.getClient()
 			?.POST('/api/v3/release', {
@@ -153,7 +165,7 @@ export class RadarrApi implements Api<paths> {
 			})
 			.then((res) => res.response.ok) || Promise.resolve(false);
 
-	getRadarrDownloads = (): Promise<RadarrDownload[]> =>
+	getRadarrDownloads = (): Promise<MovieDownload[]> =>
 		this.getClient()
 			?.GET('/api/v3/queue', {
 				params: {
@@ -162,7 +174,7 @@ export class RadarrApi implements Api<paths> {
 					}
 				}
 			})
-			.then((r) => (r.data?.records?.filter((record) => record.movie) as RadarrDownload[]) || []) ||
+			.then((r) => (r.data?.records?.filter((record) => record.movie) as MovieDownload[]) || []) ||
 		Promise.resolve([]);
 
 	getRadarrDownloadsById = (radarrId: number) =>
diff --git a/src/lib/components-old/VideoPlayer/VideoPlayer.ts b/src/lib/components-old/VideoPlayer/VideoPlayer.ts
index 2b4b9a9..5d7a300 100644
--- a/src/lib/components-old/VideoPlayer/VideoPlayer.ts
+++ b/src/lib/components-old/VideoPlayer/VideoPlayer.ts
@@ -17,7 +17,7 @@ function createPlayerState() {
 		},
 		close: () => {
 			store.set({ visible: false, jellyfinId: '' });
-			jellyfinItemsStore.refresh();
+			jellyfinItemsStore.send();
 		}
 	};
 }
diff --git a/src/lib/components/ManageMedia/DownloadsList.svelte b/src/lib/components/ManageMedia/DownloadsList.svelte
new file mode 100644
index 0000000..99db1b1
--- /dev/null
+++ b/src/lib/components/ManageMedia/DownloadsList.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	import type { MovieDownload } from '../../apis/radarr/radarr-api';
+	import ButtonGhost from '../Ghosts/ButtonGhost.svelte';
+	import Button from '../Button.svelte';
+	import { formatSize } from '../../utils';
+	import { ChevronRight } from 'radix-icons-svelte';
+
+	export let downloads: Promise<MovieDownload[]>;
+	export let cancelDownload: (downloadId: number) => Promise<any>;
+</script>
+
+<div class="-my-1">
+	{#await downloads}
+		{#each new Array(5) as _, index}
+			<div class="flex-1 my-1">
+				<ButtonGhost />
+			</div>
+		{/each}
+	{:then downloads}
+		{#each downloads as download, index}
+			<Button on:click={() => cancelDownload(download.id || -1)} let:hasFocus>
+				<div class="flex w-full">
+					<h1 class="flex-1 line-clamp-1">
+						{download.title}
+					</h1>
+					<div>
+						{#if !hasFocus}
+							{#if download.status === 'downloading'}
+								{formatSize((download.size || 0) - (download.sizeleft || 0))}/{formatSize(
+									download.size || 0
+								)}
+							{:else}
+								{download.status}
+							{/if}
+						{:else}
+							<div class="flex items-center">
+								Cancel
+								<ChevronRight size={19} class="ml-1" />
+							</div>
+						{/if}
+					</div>
+				</div>
+			</Button>
+		{:else}
+			<h1 class="text-sm text-zinc-400">No downloads found</h1>
+		{/each}
+	{/await}
+</div>
diff --git a/src/lib/components/ManageMedia/FullScreenModal.svelte b/src/lib/components/ManageMedia/FullScreenModal.svelte
deleted file mode 100644
index 4436c08..0000000
--- a/src/lib/components/ManageMedia/FullScreenModal.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import Container from '../../../Container.svelte';
-	import { modalStack } from '../Modal/modal.store';
-
-	export let modalId: symbol;
-</script>
-
-<Container
-	navigationActions={{
-		left: () => {
-			modalStack.close(modalId);
-			return true;
-		}
-	}}
-	focusOnMount
-	trapFocus
-	class="fixed inset-0 bg-stone-950/80"
->
-	<slot />
-</Container>
diff --git a/src/lib/components/ManageMedia/FullScreenModalContainer.svelte b/src/lib/components/ManageMedia/FullScreenModalContainer.svelte
deleted file mode 100644
index 0cdb34f..0000000
--- a/src/lib/components/ManageMedia/FullScreenModalContainer.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="max-h-full mx-auto flex flex-col py-32 max-w-2xl">
-	<h1 class="tracking-wide text-2xl font-semibold mb-4">
-		<slot name="header">Header is missing</slot>
-	</h1>
-	<slot>Content is missing</slot>
-</div>
diff --git a/src/lib/components/ManageMedia/LocalFiles/FileActionsList.svelte b/src/lib/components/ManageMedia/LocalFiles/FileActionsList.svelte
deleted file mode 100644
index b394899..0000000
--- a/src/lib/components/ManageMedia/LocalFiles/FileActionsList.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-	import type { MovieFileResource } from '../../../apis/radarr/radarr-api';
-	import Button from '../../Button.svelte';
-	export let file: MovieFileResource;
-	export let handleDeleteFile: (fileId: number) => Promise<boolean>;
-</script>
-
-<div class="-my-1">
-	<Button focusOnMount on:click={() => file.id && handleDeleteFile(file.id)}>Delete File</Button>
-</div>
diff --git a/src/lib/components/ManageMedia/LocalFiles/FileActionsModal.svelte b/src/lib/components/ManageMedia/LocalFiles/FileActionsModal.svelte
new file mode 100644
index 0000000..72848a8
--- /dev/null
+++ b/src/lib/components/ManageMedia/LocalFiles/FileActionsModal.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import Container from '../../../../Container.svelte';
+	import type { MovieFileResource } from '../../../apis/radarr/radarr-api';
+	import { formatSize } from '../../../utils';
+	import Button from '../../Button.svelte';
+	import FullScreenModal from '../../Modal/FullScreenModal.svelte';
+	import FullScreenModalContainer from '../ManageMediaMenuLayout.svelte';
+
+	export let modalId: symbol;
+	export let file: MovieFileResource;
+	export let handleDeleteFile: (fileId: number) => Promise<any>;
+</script>
+
+<FullScreenModal {modalId}>
+	<FullScreenModalContainer>
+		<div slot="header" class="flex">
+			<h1 class="line-clamp-1 flex-1 mr-4">
+				{file.relativePath}
+			</h1>
+			<h1 class="text-zinc-300">{formatSize(file.size || 0)}</h1>
+		</div>
+		<Container>
+			<div class="-my-1">
+				<Button focusOnMount on:click={() => file.id && handleDeleteFile(file.id)}>
+					Delete File
+				</Button>
+			</div>
+		</Container>
+	</FullScreenModalContainer>
+</FullScreenModal>
diff --git a/src/lib/components/ManageMedia/LocalFiles/FilesList.svelte b/src/lib/components/ManageMedia/LocalFiles/FilesList.svelte
index a9bec84..01ee4af 100644
--- a/src/lib/components/ManageMedia/LocalFiles/FilesList.svelte
+++ b/src/lib/components/ManageMedia/LocalFiles/FilesList.svelte
@@ -1,28 +1,42 @@
 <script lang="ts">
-	import { useRequest } from '../../../stores/data.store';
 	import type { MovieFileResource } from '../../../apis/radarr/radarr-api';
 	import ButtonGhost from '../../Ghosts/ButtonGhost.svelte';
 	import Button from '../../Button.svelte';
+	import { ChevronRight } from 'radix-icons-svelte';
+	import { formatSize } from '../../../utils.js';
 
-	export let id: number;
-	export let getFiles: (movieId: number) => Promise<MovieFileResource[]>;
+	export let files: Promise<MovieFileResource[]>;
 	export let handleSelectFile: (file: MovieFileResource) => void;
-
-	const { data: files, isLoading } = useRequest(getFiles, id);
 </script>
 
 <div class="-my-1">
-	{#if $isLoading}
+	{#await files}
 		{#each new Array(5) as _, index}
 			<div class="flex-1 my-1">
 				<ButtonGhost />
 			</div>
 		{/each}
-	{:else if $files}
-		{#each $files as file, index}
-			<Button focusOnMount={index === 0} on:click={() => handleSelectFile(file)}>
-				{file.relativePath}
+	{:then files}
+		{#each files as file, index}
+			<Button on:click={() => handleSelectFile(file)} let:hasFocus>
+				<div class="flex items-center w-full">
+					<div class="flex-1">
+						{file.relativePath}
+					</div>
+					{#if hasFocus}
+						<div class="flex items-center">
+							Details
+							<ChevronRight size={19} class="ml-1" />
+						</div>
+					{:else}
+						<div class="flex items-center text-zinc-400">
+							{formatSize(file.size || 0)}
+						</div>
+					{/if}
+				</div>
 			</Button>
+		{:else}
+			<div class="text-sm text-zinc-400">No local files found</div>
 		{/each}
-	{/if}
+	{/await}
 </div>
diff --git a/src/lib/components/ManageMedia/LocalFiles/ManageFilesModal.svelte b/src/lib/components/ManageMedia/LocalFiles/ManageFilesModal.svelte
deleted file mode 100644
index f32b6a0..0000000
--- a/src/lib/components/ManageMedia/LocalFiles/ManageFilesModal.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import FullScreenModal from '../FullScreenModal.svelte';
-	import FullScreenModalContainer from '../FullScreenModalContainer.svelte';
-	import Container from '../../../../Container.svelte';
-	import FilesList from './FilesList.svelte';
-	import { type MovieFileResource, radarrApi } from '../../../apis/radarr/radarr-api';
-	import FileActionsList from './FileActionsList.svelte';
-	import { formatSize } from '../../../utils';
-
-	export let id: number;
-	export let modalId: symbol;
-
-	let selectedFile: MovieFileResource | undefined = undefined;
-
-	function handleSelectFile(file: MovieFileResource) {
-		selectedFile = file;
-	}
-</script>
-
-<FullScreenModal {modalId}>
-	{#if !selectedFile}
-		<FullScreenModalContainer>
-			<h1 slot="header">Local Files</h1>
-			<Container>
-				<FilesList getFiles={radarrApi.getMovieFilesByMovieId} {handleSelectFile} {id} />
-			</Container>
-		</FullScreenModalContainer>
-	{:else}
-		<FullScreenModalContainer>
-			<div slot="header" class="flex">
-				<h1 class="line-clamp-1 flex-1 mr-4">
-					{selectedFile.relativePath}
-				</h1>
-				<h1 class="text-zinc-300">{formatSize(selectedFile.size || 0)}</h1>
-			</div>
-			<Container>
-				<FileActionsList file={selectedFile} handleDeleteFile={radarrApi.deleteRadarrMovieFile} />
-			</Container>
-		</FullScreenModalContainer>
-	{/if}
-</FullScreenModal>
diff --git a/src/lib/components/ManageMedia/ManageMediaMenuLayout.svelte b/src/lib/components/ManageMedia/ManageMediaMenuLayout.svelte
new file mode 100644
index 0000000..f53fc7f
--- /dev/null
+++ b/src/lib/components/ManageMedia/ManageMediaMenuLayout.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import Container from '../../../Container.svelte';
+</script>
+
+<Container class="flex flex-col my-16" canFocusEmpty={false}>
+	<h1 class="tracking-wide text-2xl font-semibold mb-4">
+		<slot name="header">Header is missing</slot>
+	</h1>
+	<slot>Content is missing</slot>
+</Container>
diff --git a/src/lib/components/ManageMedia/ManageMediaModal.svelte b/src/lib/components/ManageMedia/ManageMediaModal.svelte
new file mode 100644
index 0000000..5264846
--- /dev/null
+++ b/src/lib/components/ManageMedia/ManageMediaModal.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+	import FullScreenModal from '../Modal/FullScreenModal.svelte';
+	import ManageMediaMenuLayout from './ManageMediaMenuLayout.svelte';
+	import {
+		type MovieFileResource,
+		radarrApi,
+		type RadarrRelease
+	} from '../../apis/radarr/radarr-api';
+	import ReleaseList from './Releases/ReleaseList.svelte';
+	import FilesList from './LocalFiles/FilesList.svelte';
+	import { modalStack } from '../Modal/modal.store';
+	import FileActionsModal from './LocalFiles/FileActionsModal.svelte';
+	import DownloadsList from './DownloadsList.svelte';
+	import { useRequest } from '../../stores/data.store';
+	import { derived, type Readable } from 'svelte/store';
+	import ReleaseActionsModal from './Releases/ReleaseActionsModal.svelte';
+
+	export let modalId: symbol;
+	export let hidden: boolean;
+	export let id: number;
+
+	const { promise: files, refresh: refreshFiles } = useRequest(
+		radarrApi.getMovieFilesByMovieId,
+		id
+	);
+	const {
+		promise: downloads,
+		data: downloadsData,
+		refresh: refreshDownloads
+	} = useRequest(radarrApi.getRadarrDownloadsById, id);
+
+	const handleGrabRelease = (guid: string, indexerId: number) =>
+		radarrApi
+			.downloadRadarrMovie(guid, indexerId)
+			.then((ok) => {
+				if (!ok) {
+					// TODO: Show error
+				}
+				refreshFiles(id);
+
+				return ok;
+			})
+			.finally(() => {
+				radarrApi.getReleaseHistory(id).then(console.log);
+				setTimeout(() => refreshDownloads(id), 8000);
+			});
+	const handleCancelDownload = (id: number) =>
+		radarrApi.cancelDownloadRadarrMovie(id).then(() => refreshDownloads(id));
+
+	const grabbedReleases: Readable<Record<string, boolean>> = derived(downloadsData, ($downloads) =>
+		($downloads || []).reduce((acc: Record<string, boolean>, download) => {
+			acc[`${download.title}`] = true;
+			return acc;
+		}, {})
+	);
+
+	function handleSelectRelease(release: RadarrRelease) {
+		modalStack.create(
+			ReleaseActionsModal,
+			{
+				release,
+				grabRelease: handleGrabRelease
+			},
+			modalId
+		);
+	}
+
+	function handleSelectFile(file: MovieFileResource) {
+		modalStack.create(
+			FileActionsModal,
+			{
+				file,
+				handleDeleteFile: (id: number) =>
+					radarrApi.deleteRadarrMovieFile(id).then(() => refreshFiles(id))
+			},
+			modalId
+		);
+	}
+</script>
+
+<FullScreenModal {modalId} {hidden}>
+	<ManageMediaMenuLayout>
+		<h1 slot="header">Download</h1>
+		<ReleaseList {id} getReleases={radarrApi.getReleases} selectRelease={handleSelectRelease} />
+	</ManageMediaMenuLayout>
+	<ManageMediaMenuLayout>
+		<h1 slot="header">Local Files</h1>
+		<FilesList files={$files} {handleSelectFile} />
+	</ManageMediaMenuLayout>
+	<ManageMediaMenuLayout>
+		<h1 slot="header">Downloads</h1>
+		<DownloadsList downloads={$downloads} cancelDownload={handleCancelDownload} />
+	</ManageMediaMenuLayout>
+</FullScreenModal>
diff --git a/src/lib/components/ManageMedia/Releases/ReleaseActionsModal.svelte b/src/lib/components/ManageMedia/Releases/ReleaseActionsModal.svelte
new file mode 100644
index 0000000..8b8f928
--- /dev/null
+++ b/src/lib/components/ManageMedia/Releases/ReleaseActionsModal.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+	import Container from '../../../../Container.svelte';
+	import type { MovieFileResource, RadarrRelease } from '../../../apis/radarr/radarr-api';
+	import { formatSize } from '../../../utils';
+	import Button from '../../Button.svelte';
+	import FullScreenModal from '../../Modal/FullScreenModal.svelte';
+	import FullScreenModalContainer from '../ManageMediaMenuLayout.svelte';
+	import { useActionRequest, useRequest } from '../../../stores/data.store';
+	import { Download, Plus } from 'radix-icons-svelte';
+
+	export let modalId: symbol;
+	export let release: RadarrRelease;
+	export let status: undefined | 'downloading' | 'downloaded' = undefined;
+	export let grabRelease: (guid: string, indexerId: number) => Promise<boolean>;
+
+	const {
+		send: handleGrabRelease,
+		isFetching,
+		data
+	} = useActionRequest((guid: string, indexerId: number) => grabRelease(guid, indexerId));
+</script>
+
+<FullScreenModal {modalId}>
+	<FullScreenModalContainer>
+		<div slot="header" class="flex">
+			<h1 class="line-clamp-1 flex-1 mr-4">
+				{release.title}
+			</h1>
+			<h1 class="text-zinc-300">{formatSize(release.size || 0)}</h1>
+		</div>
+		<Container>
+			<div class="-my-1">
+				<Button
+					focusOnMount
+					on:click={() => handleGrabRelease(release.guid || '', release.indexerId || -1)}
+					inactive={!!($data || $isFetching || status)}
+				>
+					{#if $data || status === 'downloading'}
+						Downloading...
+					{:else if status === 'downloaded'}
+						Downloaded
+					{:else}
+						Download
+					{/if}
+
+					<svelte:component
+						this={$data || status ? Download : Plus}
+						size={19}
+						slot="icon"
+						class="mr-2"
+					/>
+				</Button>
+			</div>
+		</Container>
+	</FullScreenModalContainer>
+</FullScreenModal>
diff --git a/src/lib/components/ManageMedia/Releases/ReleaseList.svelte b/src/lib/components/ManageMedia/Releases/ReleaseList.svelte
new file mode 100644
index 0000000..af34b62
--- /dev/null
+++ b/src/lib/components/ManageMedia/Releases/ReleaseList.svelte
@@ -0,0 +1,178 @@
+<script lang="ts">
+	import { type RadarrRelease } from '../../../apis/radarr/radarr-api';
+	import classNames from 'classnames';
+	import { useRequest } from '../../../stores/data.store';
+	import Button from '../../Button.svelte';
+	import { ChevronRight, DotFilled } from 'radix-icons-svelte';
+	import { formatMinutesToTime, formatSize } from '../../../utils';
+	import { derived } from 'svelte/store';
+	import ButtonGhost from '../../Ghosts/ButtonGhost.svelte';
+
+	export let id: number;
+	export let getReleases: (id: number) => Promise<RadarrRelease[]>;
+	export let selectRelease: (release: RadarrRelease) => void;
+
+	let showAll = false;
+
+	const { data: releases, isLoading } = useRequest(getReleases, id);
+
+	const filteredReleases = derived(releases, ($releases) => {
+		if (!$releases) return [];
+		let filtered = $releases.slice();
+
+		filtered.sort((a, b) => (b.seeders || 0) - (a.seeders || 0));
+		filtered = (filtered as any)
+			.filter((release: any) => release?.quality?.quality?.resolution > 720)
+			.slice(0, 5);
+
+		filtered.sort((a, b) => (b.size || 0) - (a.size || 0));
+
+		return filtered;
+	});
+</script>
+
+<div class="flex flex-col -my-1">
+	{#if $isLoading}
+		{#each new Array(5) as _, index}
+			<div class="flex-1 my-1">
+				<ButtonGhost />
+			</div>
+		{/each}
+	{:else}
+		{#each (showAll ? $releases : $filteredReleases)?.filter((r) => r.guid && r.indexerId) || [] as release, index}
+			<div class="flex-1 my-1">
+				<Button on:click={() => selectRelease(release)} let:hasFocus focusOnMount={index === 0}>
+					<div class="w-full flex">
+						<div class="flex-1 flex flex-col mr-2">
+							<div class="flex-1 flex items-center">
+								<div class="tracking-wide mr-2">{release.indexer}</div>
+								<div
+									class={classNames('mr-2', {
+										'text-zinc-400': !hasFocus,
+										'text-zinc-700': hasFocus
+									})}
+								>
+									{release?.quality?.quality?.name}
+								</div>
+								<div
+									class={classNames('mr-2', {
+										'text-zinc-400': !hasFocus,
+										'text-zinc-700': hasFocus
+									})}
+								>
+									{release.seeders} seeders
+								</div>
+							</div>
+
+							{#if hasFocus}
+								<div class="flex text-xs text-zinc-700 items-center flex-wrap mt-2">
+									<div>
+										{release.title}
+									</div>
+									<DotFilled size={15} />
+									<div>{formatMinutesToTime(release.ageMinutes || 0)} old</div>
+									<DotFilled size={15} />
+									<div><b>{release.seeders} seeders</b> / {release.leechers} leechers</div>
+									<DotFilled size={15} />
+									{#if release.seeders}
+										<div>
+											{formatSize((release.size || 0) / release.seeders)} per seeder
+										</div>
+									{/if}
+								</div>
+							{/if}
+						</div>
+						{#if hasFocus}
+							<div class="flex items-center">
+								<ChevronRight size={32} />
+							</div>
+						{:else}
+							<div
+								class={classNames({
+									'text-zinc-400': !hasFocus,
+									'text-zinc-700': hasFocus
+								})}
+							>
+								{formatSize(release?.size || 0)}
+							</div>
+						{/if}
+					</div>
+				</Button>
+				<!--				<Button-->
+				<!--					on:click={() =>-->
+				<!--						!isFetching &&-->
+				<!--						!isGrabbed &&-->
+				<!--						handleGrabRelease(release.guid || '', release.indexerId || 0, release.title || '')}-->
+				<!--					inactive={isFetching || isGrabbed}-->
+				<!--					let:hasFocus-->
+				<!--					focusOnMount={index === 0}-->
+				<!--				>-->
+				<!--					<div class="w-full flex flex-col">-->
+				<!--						<div class="flex-1 flex items-center">-->
+				<!--							{#if !isGrabbed}-->
+				<!--								<Plus size={19} class="mr-2" />-->
+				<!--							{:else}-->
+				<!--								<Download size={19} class="mr-2" />-->
+				<!--							{/if}-->
+				<!--							<div class="flex-1 flex mr-2">-->
+				<!--								<div class="tracking-wide mr-2">{release.indexer}</div>-->
+				<!--								<div-->
+				<!--									class={classNames('mr-2', {-->
+				<!--										'text-zinc-400': !hasFocus,-->
+				<!--										'text-zinc-700': hasFocus-->
+				<!--									})}-->
+				<!--								>-->
+				<!--									{release?.quality?.quality?.name}-->
+				<!--								</div>-->
+				<!--								<div-->
+				<!--									class={classNames('mr-2', {-->
+				<!--										'text-zinc-400': !hasFocus,-->
+				<!--										'text-zinc-700': hasFocus-->
+				<!--									})}-->
+				<!--								>-->
+				<!--									{release.seeders} seeders-->
+				<!--								</div>-->
+				<!--							</div>-->
+				<!--							<div>-->
+				<!--								<div-->
+				<!--									class={classNames({-->
+				<!--										'text-zinc-400': !hasFocus,-->
+				<!--										'text-zinc-700': hasFocus-->
+				<!--									})}-->
+				<!--								>-->
+				<!--									{formatSize(release?.size || 0)}-->
+				<!--								</div>-->
+				<!--							</div>-->
+				<!--						</div>-->
+				<!--						{#if hasFocus}-->
+				<!--							<div class="flex text-xs text-zinc-700 items-center flex-wrap mt-2">-->
+				<!--								<div>-->
+				<!--									{release.title}-->
+				<!--								</div>-->
+				<!--								<DotFilled size={15} />-->
+				<!--								<div>{formatMinutesToTime(release.ageMinutes || 0)} old</div>-->
+				<!--								<DotFilled size={15} />-->
+				<!--								<div><b>{release.seeders} seeders</b> / {release.leechers} leechers</div>-->
+				<!--								<DotFilled size={15} />-->
+				<!--								{#if release.seeders}-->
+				<!--									<div>-->
+				<!--										{formatSize((release.size || 0) / release.seeders)} per seeder-->
+				<!--									</div>-->
+				<!--								{/if}-->
+				<!--							</div>-->
+				<!--						{/if}-->
+				<!--					</div>-->
+				<!--				</Button>-->
+			</div>
+		{/each}
+		{#if !showAll && $releases?.length}
+			<div class="my-1 w-full">
+				<Button on:click={() => (showAll = true)}>Show all {$releases?.length} releases</Button>
+			</div>
+		{:else if showAll}
+			<div class="my-1 w-full">
+				<Button on:click={() => (showAll = false)}>Show less</Button>
+			</div>
+		{/if}
+	{/if}
+</div>
diff --git a/src/lib/components/ManageMedia/RequestMedia/RadarrRequestModal.svelte b/src/lib/components/ManageMedia/RequestMedia/RadarrRequestModal.svelte
deleted file mode 100644
index b549aec..0000000
--- a/src/lib/components/ManageMedia/RequestMedia/RadarrRequestModal.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import FullScreenModal from '../FullScreenModal.svelte';
-	import { radarrApi } from '../../../apis/radarr/radarr-api';
-	import ReleaseList from './ReleaseList.svelte';
-	import Container from '../../../../Container.svelte';
-	import { scrollWithOffset } from '../../../selectable';
-	import FullScreenModalContainer from '../FullScreenModalContainer.svelte';
-
-	export let id: number;
-	export let modalId: symbol;
-</script>
-
-<FullScreenModal {modalId}>
-	<FullScreenModalContainer>
-		<h1 slot="header">Download</h1>
-		<Container
-			childrenRevealStrategy={scrollWithOffset('all', 10)}
-			class="flex-1 overflow-y-scroll"
-		>
-			<ReleaseList
-				{id}
-				grabRelease={radarrApi.downloadRadarrMovie}
-				getReleases={radarrApi.fetchRadarrReleases}
-			/>
-		</Container>
-	</FullScreenModalContainer>
-</FullScreenModal>
diff --git a/src/lib/components/ManageMedia/RequestMedia/ReleaseList.svelte b/src/lib/components/ManageMedia/RequestMedia/ReleaseList.svelte
deleted file mode 100644
index 94ec0a1..0000000
--- a/src/lib/components/ManageMedia/RequestMedia/ReleaseList.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
-	import { type RadarrRelease } from '../../../apis/radarr/radarr-api';
-	import type { SonarrRelease } from '../../../apis/sonarr/sonarrApi';
-	import classNames from 'classnames';
-	import { useRequest } from '../../../stores/data.store';
-	import Button from '../../Button.svelte';
-	import { DotFilled, Download, Plus } from 'radix-icons-svelte';
-	import { formatMinutesToTime, formatSize } from '../../../utils';
-	import { derived } from 'svelte/store';
-	import ButtonGhost from '../../Ghosts/ButtonGhost.svelte';
-
-	export let id: number;
-	export let getReleases: (id: number) => Promise<(RadarrRelease | SonarrRelease)[]>;
-	export let grabRelease: (guid: string, indexerId: number) => Promise<boolean>;
-
-	let showAll = false;
-
-	const { data: releases, isLoading } = useRequest(getReleases, id);
-
-	const filteredReleases = derived(releases, ($releases) => {
-		if (!$releases) return [];
-		let filtered = $releases.slice();
-
-		filtered.sort((a, b) => (b.seeders || 0) - (a.seeders || 0));
-		filtered = (filtered as any)
-			.filter((release: any) => release?.quality?.quality?.resolution > 720)
-			.slice(0, 5);
-
-		filtered.sort((a, b) => (b.size || 0) - (a.size || 0));
-
-		return filtered;
-	});
-
-	const isFetchingGrab: Record<string, boolean> = {};
-	const grabbedReleases: Record<string, boolean> = {};
-	function handleGrabRelease(guid: string, indexerId: number) {
-		isFetchingGrab[guid] = true;
-		grabRelease(guid, indexerId).then((ok) => {
-			isFetchingGrab[guid] = false;
-			if (ok) {
-				grabbedReleases[guid] = true;
-			}
-		});
-	}
-</script>
-
-<div class="flex flex-col -my-1">
-	{#if $isLoading}
-		{#each new Array(5) as _, index}
-			<div class="flex-1 my-1">
-				<ButtonGhost />
-			</div>
-		{/each}
-	{:else}
-		{#each (showAll ? $releases : $filteredReleases)?.filter((r) => r.guid && r.indexerId) || [] as release, index}
-			{@const isFetching = isFetchingGrab[release.guid || ''] || false}
-			{@const isGrabbed = grabbedReleases[release.guid || ''] || false}
-			<div class="flex-1 my-1">
-				<Button
-					on:click={() =>
-						!isFetching &&
-						!isGrabbed &&
-						handleGrabRelease(release.guid || '', release.indexerId || 0)}
-					inactive={isFetching || isGrabbed}
-					let:hasFocus
-					focusOnMount={index === 0}
-				>
-					<div class="w-full flex flex-col">
-						<div class="flex-1 flex items-center">
-							{#if !isGrabbed}
-								<Plus size={19} class="mr-2" />
-							{:else}
-								<Download size={19} class="mr-2" />
-							{/if}
-							<div class="flex-1 flex mr-2">
-								<div class="tracking-wide mr-2">{release.indexer}</div>
-								<div
-									class={classNames('mr-2', {
-										'text-zinc-400': !hasFocus,
-										'text-zinc-700': hasFocus
-									})}
-								>
-									{release?.quality?.quality?.name}
-								</div>
-								<div
-									class={classNames('mr-2', {
-										'text-zinc-400': !hasFocus,
-										'text-zinc-700': hasFocus
-									})}
-								>
-									{release.seeders} seeders
-								</div>
-							</div>
-							<div>
-								<div
-									class={classNames({
-										'text-zinc-400': !hasFocus,
-										'text-zinc-700': hasFocus
-									})}
-								>
-									{formatSize(release?.size || 0)}
-								</div>
-							</div>
-						</div>
-						{#if hasFocus}
-							<div class="flex text-xs text-zinc-700 items-center flex-wrap mt-2">
-								<div>
-									{release.title}
-								</div>
-								<DotFilled size={15} />
-								<div>{formatMinutesToTime(release.ageMinutes || 0)} old</div>
-								<DotFilled size={15} />
-								<div><b>{release.seeders} seeders</b> / {release.leechers} leechers</div>
-								<DotFilled size={15} />
-								{#if release.seeders}
-									<div>
-										{formatSize((release.size || 0) / release.seeders)} per seeder
-									</div>
-								{/if}
-							</div>
-						{/if}
-					</div>
-				</Button>
-			</div>
-		{/each}
-		{#if !showAll && $releases?.length}
-			<div class="my-1 w-full">
-				<Button on:click={() => (showAll = true)}>Show all {$releases?.length} releases</Button>
-			</div>
-		{:else if showAll}
-			<div class="my-1 w-full">
-				<Button on:click={() => (showAll = false)}>Show less</Button>
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/src/lib/components/Modal/FullScreenModal.svelte b/src/lib/components/Modal/FullScreenModal.svelte
new file mode 100644
index 0000000..d9219f7
--- /dev/null
+++ b/src/lib/components/Modal/FullScreenModal.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import classNames from 'classnames';
+	import Container from '../../../Container.svelte';
+	import { modalStack } from './modal.store';
+
+	export let modalId: symbol;
+	export let hidden: boolean = false;
+</script>
+
+<Container
+	navigationActions={{
+		left: () => {
+			modalStack.close(modalId);
+			return true;
+		}
+	}}
+	focusOnMount
+	trapFocus
+	class={classNames('fixed inset-0 bg-stone-950/80 overflow-auto', {
+		'opacity-0': hidden
+	})}
+>
+	<div class="max-h-full mx-auto max-w-2xl -my-16 py-32">
+		<slot />
+	</div>
+</Container>
diff --git a/src/lib/components/Modal/modal.store.ts b/src/lib/components/Modal/modal.store.ts
index 37881eb..f20a45e 100644
--- a/src/lib/components/Modal/modal.store.ts
+++ b/src/lib/components/Modal/modal.store.ts
@@ -1,3 +1,4 @@
+import type { ComponentType, SvelteComponentTyped } from 'svelte';
 import { derived, writable } from 'svelte/store';
 
 type ModalItem = {
@@ -18,9 +19,9 @@ function createModalStack() {
 		items.update((prev) => prev.filter((i) => i.group !== group));
 	}
 
-	function create(
-		component: ConstructorOfATypedSvelteComponent,
-		props: Record<string, any>,
+	function create<P extends Record<string, any>>(
+		component: ComponentType<SvelteComponentTyped<P>>,
+		props: Omit<P, 'modalId' | 'hidden'>,
 		group: symbol | undefined = undefined
 	) {
 		const id = Symbol();
diff --git a/src/lib/components/VideoPlayer/VideoPlayer.ts b/src/lib/components/VideoPlayer/VideoPlayer.ts
index 07baeb5..7f44ba7 100644
--- a/src/lib/components/VideoPlayer/VideoPlayer.ts
+++ b/src/lib/components/VideoPlayer/VideoPlayer.ts
@@ -17,7 +17,7 @@ function createPlayerState() {
 		},
 		close: () => {
 			store.set({ visible: false, jellyfinId: '' });
-			jellyfinItemsStore.refresh();
+			jellyfinItemsStore.send();
 		}
 	};
 }
diff --git a/src/lib/components/VideoPlayer/VideoPlayerModal.svelte b/src/lib/components/VideoPlayer/VideoPlayerModal.svelte
index 5af041e..d885655 100644
--- a/src/lib/components/VideoPlayer/VideoPlayerModal.svelte
+++ b/src/lib/components/VideoPlayer/VideoPlayerModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import FullScreenModal from '../ManageMedia/FullScreenModal.svelte';
+	import FullScreenModal from '../Modal/FullScreenModal.svelte';
 	import VideoPlayer from './VideoPlayer.svelte';
 	export let modalId: symbol;
 	export let id: string;
diff --git a/src/lib/pages/MoviePage.svelte b/src/lib/pages/MoviePage.svelte
index cd25781..5b6ba96 100644
--- a/src/lib/pages/MoviePage.svelte
+++ b/src/lib/pages/MoviePage.svelte
@@ -12,9 +12,8 @@
 	import { useActionRequests, useRequest } from '../stores/data.store';
 	import DetachedPage from '../components/DetachedPage/DetachedPage.svelte';
 	import { modalStack } from '../components/Modal/modal.store';
-	import RequestModal from '../components/ManageMedia/RequestMedia/RadarrRequestModal.svelte';
 	import { playerState } from '../components/VideoPlayer/VideoPlayer';
-	import ManageFilesModal from '../components/ManageMedia/LocalFiles/ManageFilesModal.svelte';
+	import ManageMediaModal from '../components/ManageMedia/ManageMediaModal.svelte';
 
 	export let id: string;
 
@@ -23,7 +22,7 @@
 		(id: string) => jellyfinApi.getLibraryItemFromTmdbId(id),
 		id
 	);
-	const { promise: radarrItemP, refresh: refreshRadarrItem } = useRequest(
+	const { promise: radarrItemP, send: refreshRadarrItem } = useRequest(
 		radarrApi.getMovieByTmdbId,
 		Number(id)
 	);
@@ -85,7 +84,7 @@
 					{/if}
 				{/await}
 				{#await Promise.all([$jellyfinItemP, $radarrItemP]) then [jellyfinItem, radarrItem]}
-					<Container direction="horizontal" class="flex mt-8">
+					<Container direction="horizontal" class="flex mt-8" focusOnMount>
 						{#if jellyfinItem}
 							<Button
 								class="mr-2"
@@ -96,21 +95,16 @@
 							</Button>
 						{/if}
 						{#if radarrItem}
-							{#if jellyfinItem}
-								<Button
-									class="mr-2"
-									on:click={() => modalStack.create(ManageFilesModal, { id: radarrItem.id })}
-								>
-									Manage Files
-									<File size={19} slot="icon" />
-								</Button>
-							{/if}
 							<Button
 								class="mr-2"
-								on:click={() => modalStack.create(RequestModal, { id: radarrItem.id })}
+								on:click={() => modalStack.create(ManageMediaModal, { id: radarrItem.id || -1 })}
 							>
-								Request
-								<Download size={19} slot="icon" />
+								{#if jellyfinItem}
+									Manage Files
+								{:else}
+									Request
+								{/if}
+								<svelte:component this={jellyfinItem ? File : Download} size={19} slot="icon" />
 							</Button>
 						{:else}
 							<Button
diff --git a/src/lib/selectable.ts b/src/lib/selectable.ts
index 41ef36a..6c0bfcf 100644
--- a/src/lib/selectable.ts
+++ b/src/lib/selectable.ts
@@ -109,6 +109,7 @@ export class Selectable {
 		right: undefined
 	};
 	private focusByDefault: boolean = false;
+	private canFocusEmpty: boolean = true;
 	private trapFocus: boolean = false;
 	private isInitialized: boolean = false;
 	private navigationActions: NavigationActions = {};
@@ -213,7 +214,7 @@ export class Selectable {
 	isFocusable(): boolean {
 		if (!this.isActive) return false;
 
-		if (this.htmlElement) {
+		if (this.htmlElement && this.canFocusEmpty) {
 			return this.htmlElement.tabIndex >= 0;
 		} else {
 			for (const child of this.children) {
@@ -445,6 +446,11 @@ export class Selectable {
 		this.trapFocus = trapFocus;
 		return this;
 	}
+
+	setCanFocusEmpty(canFocusEmpty: boolean) {
+		this.canFocusEmpty = canFocusEmpty;
+		return this;
+	}
 }
 
 export function handleKeyboardNavigation(event: KeyboardEvent) {
diff --git a/src/lib/stores/data.store.ts b/src/lib/stores/data.store.ts
index bf702c6..dd5f548 100644
--- a/src/lib/stores/data.store.ts
+++ b/src/lib/stores/data.store.ts
@@ -7,7 +7,7 @@ import {
 	type SonarrDownload,
 	type SonarrSeries
 } from '../apis/sonarr/sonarrApi';
-import { radarrApi, type RadarrDownload } from '../apis/radarr/radarr-api';
+import { radarrApi, type MovieDownload } from '../apis/radarr/radarr-api';
 
 async function waitForSettings() {
 	return new Promise((resolve) => {
@@ -53,7 +53,7 @@ export function _createDataFetchStore<T>(fn: () => Promise<T>) {
 
 	return {
 		subscribe: store.subscribe,
-		refresh,
+		send: refresh,
 		refreshIn,
 		promise: refresh()
 	};
@@ -78,7 +78,7 @@ export function createJellyfinItemStore(tmdbId: number | Promise<number>) {
 
 	return {
 		subscribe: store.subscribe,
-		refresh: jellyfinItemsStore.refresh,
+		send: jellyfinItemsStore.send,
 		refreshIn: jellyfinItemsStore.refreshIn,
 		promise: new Promise<JellyfinItem | undefined>((resolve) => {
 			store.subscribe((s) => {
@@ -101,7 +101,7 @@ export function createRadarrMovieStore(tmdbId: number) {
 
 	return {
 		subscribe: store.subscribe,
-		refresh: radarrMoviesStore.refresh,
+		send: radarrMoviesStore.send,
 		refreshIn: radarrMoviesStore.refreshIn
 	};
 }
@@ -131,7 +131,7 @@ export function createSonarrSeriesStore(name: Promise<string> | string) {
 
 	return {
 		subscribe: store.subscribe,
-		refresh: sonarrSeriesStore.refresh,
+		send: sonarrSeriesStore.send,
 		refreshIn: sonarrSeriesStore.refreshIn
 	};
 }
@@ -155,7 +155,7 @@ export const servarrDownloadsStore = (() => {
 export function createRadarrDownloadStore(
 	radarrMovieStore: ReturnType<typeof createRadarrMovieStore>
 ) {
-	const store = writable<{ loading: boolean; downloads?: RadarrDownload[] }>({
+	const store = writable<{ loading: boolean; downloads?: MovieDownload[] }>({
 		loading: true,
 		downloads: undefined
 	});
@@ -179,7 +179,7 @@ export function createRadarrDownloadStore(
 
 	return {
 		subscribe: store.subscribe,
-		refresh: async () => radarrDownloadsStore.refresh()
+		send: async () => radarrDownloadsStore.send()
 	};
 }
 
@@ -210,7 +210,7 @@ export function createSonarrDownloadStore(
 
 	return {
 		subscribe: store.subscribe,
-		refresh: async () => sonarrDownloadsStore.refresh()
+		send: async () => sonarrDownloadsStore.send()
 	};
 }
 
@@ -254,16 +254,33 @@ export const useActionRequests = <P extends Record<string, (...args: any[]) => P
 		}
 	};
 };
+
 export const useRequest = <P extends (...args: A) => Promise<any>, A extends any[]>(
 	fn: P,
-	...initialArgs: A
+	...args: Parameters<P>
+) => {
+	const isLoading = writable(true);
+	const r = useActionRequest<P, A>(fn);
+
+	r.send(...args).finally(() => isLoading.set(false));
+
+	return {
+		...r,
+		refresh: r.send,
+		isLoading: {
+			subscribe: isLoading.subscribe
+		}
+	};
+};
+
+export const useActionRequest = <P extends (...args: A) => Promise<any>, A extends any[]>(
+	fn: P
 ) => {
 	const request = writable<ReturnType<P>>(undefined);
 	const data = writable<Awaited<ReturnType<P>> | undefined>(undefined);
-	const isLoading = writable(true);
-	const isFetching = writable(true);
+	const isFetching = writable(false);
 
-	function refresh(...args: A): ReturnType<P> {
+	function send(...args: Parameters<P>): ReturnType<P> {
 		isFetching.set(true);
 		// @ts-ignore
 		const p: ReturnType<P> = fn(...args)
@@ -279,8 +296,6 @@ export const useRequest = <P extends (...args: A) => Promise<any>, A extends any
 		return p;
 	}
 
-	if (initialArgs) refresh(...initialArgs).finally(() => isLoading.set(false));
-
 	return {
 		promise: {
 			subscribe: request.subscribe
@@ -288,12 +303,10 @@ export const useRequest = <P extends (...args: A) => Promise<any>, A extends any
 		data: {
 			subscribe: data.subscribe
 		},
-		isLoading: {
-			subscribe: isLoading.subscribe
-		},
+
 		isFetching: {
 			subscribe: isFetching.subscribe
 		},
-		refresh
+		send
 	};
 };