diff --git a/web/src/lib/components/library-combobox.svelte b/web/src/lib/components/library-combobox.svelte
new file mode 100644
index 0000000..90260e5
--- /dev/null
+++ b/web/src/lib/components/library-combobox.svelte
@@ -0,0 +1,127 @@
+<script lang="ts">
+	import { Button } from '$lib/components/ui/button/index.js';
+	import * as Command from '$lib/components/ui/command/index.js';
+	import * as Popover from '$lib/components/ui/popover/index.js';
+	import { cn } from '$lib/utils.js';
+	import { tick } from 'svelte';
+	import { CheckIcon, ChevronsUpDownIcon } from 'lucide-svelte';
+	import type { LibraryItem, PublicMovie, PublicShow } from '$lib/types.js';
+	import { onMount } from 'svelte';
+	import { env } from '$env/dynamic/public';
+	import { toast } from 'svelte-sonner';
+
+	const apiUrl = env.PUBLIC_API_URL;
+
+	let {
+		media,
+		mediaType
+	}: {
+		media: PublicShow | PublicMovie;
+		mediaType: 'tv' | 'movie';
+	} = $props();
+
+	let open = $state(false);
+	let value = $derived(media.library === '' ? 'Default' : media.library);
+	let libraries = $state<LibraryItem[]>([]);
+	let triggerRef = $state<HTMLButtonElement>(null!);
+	const selectedLabel = $derived<string>(
+		libraries.find((item) => item.name === value)?.name ?? 'Default'
+	);
+	onMount(async () => {
+		const endpoint = mediaType === 'tv' ? '/tv/shows/libraries' : '/movies/libraries';
+		try {
+			const response = await fetch(apiUrl + endpoint, {
+				credentials: 'include'
+			});
+			if (response.ok) {
+				libraries = await response.json();
+				if (!value && libraries.length > 0) {
+					value = 'Default';
+				}
+				libraries.push({
+					name: 'Default',
+					path: 'Default'
+				});
+			} else {
+				toast.error('Failed to load libraries.');
+			}
+		} catch (error) {
+			toast.error('Error fetching libraries.');
+			console.error(error);
+		}
+	});
+
+	async function handleSelect() {
+		open = false;
+		await tick();
+		triggerRef.focus();
+
+		const endpoint =
+			mediaType === 'tv' ? `/tv/shows/${media.id}/library` : `/movies/${media.id}/library`;
+		let url = new URL(apiUrl + endpoint);
+		url.searchParams.append('library', selectedLabel);
+		try {
+			const response = await fetch(url, {
+				method: 'POST',
+				credentials: 'include'
+			});
+			if (response.ok) {
+				toast.success(`Library updated to ${selectedLabel}`);
+				media.library = selectedLabel;
+			} else {
+				const errorText = await response.text();
+				toast.error(`Failed to update library: ${errorText}`);
+			}
+		} catch (error) {
+			toast.error('Error updating library.');
+			console.error(error);
+		}
+	}
+
+	function closeAndFocusTrigger() {
+		open = false;
+		tick().then(() => {
+			triggerRef.focus();
+		});
+	}
+</script>
+
+<Popover.Root bind:open>
+	<Popover.Trigger bind:ref={triggerRef}>
+		{#snippet child({ props })}
+			<Button
+				{...props}
+				variant="outline"
+				class="w-[200px] justify-between"
+				role="combobox"
+				aria-expanded={open}
+			>
+				{selectedLabel || 'Select Library'}
+				<ChevronsUpDownIcon class="opacity-50" />
+			</Button>
+		{/snippet}
+	</Popover.Trigger>
+	<Popover.Content class="w-[200px] p-0">
+		<Command.Root>
+			<Command.Input placeholder="Search library..." />
+			<Command.List>
+				<Command.Empty>No library found.</Command.Empty>
+				<Command.Group value="libraries">
+					{#each libraries as item (item.name)}
+						<Command.Item
+							value={item.name}
+							onSelect={() => {
+								value = item.name;
+								handleSelect();
+								closeAndFocusTrigger();
+							}}
+						>
+							<CheckIcon class={cn(value !== item.name && 'text-transparent')} />
+							{item.name}
+						</Command.Item>
+					{/each}
+				</Command.Group>
+			</Command.List>
+		</Command.Root>
+	</Popover.Content>
+</Popover.Root>
diff --git a/web/src/lib/components/ui/command/command-dialog.svelte b/web/src/lib/components/ui/command/command-dialog.svelte
new file mode 100644
index 0000000..e128dbc
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-dialog.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import {
+		Command as CommandPrimitive,
+		Dialog as DialogPrimitive,
+		type WithoutChildrenOrChild
+	} from 'bits-ui';
+	import type { Snippet } from 'svelte';
+	import Command from './command.svelte';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+
+	let {
+		open = $bindable(false),
+		ref = $bindable(null),
+		value = $bindable(''),
+		portalProps,
+		children,
+		...restProps
+	}: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
+		WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
+			portalProps?: DialogPrimitive.PortalProps;
+			children: Snippet;
+		} = $props();
+</script>
+
+<Dialog.Root bind:open {...restProps}>
+	<Dialog.Content class="overflow-hidden p-0" {portalProps}>
+		<Command
+			class="[&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 [&_[data-cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-cmdk-input]]:h-12 [&_[data-cmdk-item]]:px-2 [&_[data-cmdk-item]]:py-3 [&_[data-cmdk-item]_svg]:h-5 [&_[data-cmdk-item]_svg]:w-5"
+			{...restProps}
+			bind:value
+			bind:ref
+			{children}
+		/>
+	</Dialog.Content>
+</Dialog.Root>
diff --git a/web/src/lib/components/ui/command/command-empty.svelte b/web/src/lib/components/ui/command/command-empty.svelte
new file mode 100644
index 0000000..8236a66
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-empty.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.EmptyProps = $props();
+</script>
+
+<CommandPrimitive.Empty bind:ref class={cn('py-6 text-center text-sm', className)} {...restProps} />
diff --git a/web/src/lib/components/ui/command/command-group.svelte b/web/src/lib/components/ui/command/command-group.svelte
new file mode 100644
index 0000000..e26a444
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-group.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Command as CommandPrimitive, useId } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		heading,
+		value,
+		...restProps
+	}: CommandPrimitive.GroupProps & {
+		heading?: string;
+	} = $props();
+</script>
+
+<CommandPrimitive.Group
+	class={cn('overflow-hidden p-1 text-foreground', className)}
+	bind:ref
+	value={value ?? heading ?? `----${useId()}`}
+	{...restProps}
+>
+	{#if heading}
+		<CommandPrimitive.GroupHeading class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
+			{heading}
+		</CommandPrimitive.GroupHeading>
+	{/if}
+	<CommandPrimitive.GroupItems {children} />
+</CommandPrimitive.Group>
diff --git a/web/src/lib/components/ui/command/command-input.svelte b/web/src/lib/components/ui/command/command-input.svelte
new file mode 100644
index 0000000..b0fbfd4
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-input.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import Search from '@lucide/svelte/icons/search';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value = $bindable(''),
+		...restProps
+	}: CommandPrimitive.InputProps = $props();
+</script>
+
+<div class="flex items-center border-b px-3" data-command-input-wrapper="">
+	<Search class="mr-2 size-4 shrink-0 opacity-50" />
+	<CommandPrimitive.Input
+		class={cn(
+			'flex h-10 w-full rounded-md bg-transparent py-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+			className
+		)}
+		bind:ref
+		bind:value
+		{...restProps}
+	/>
+</div>
diff --git a/web/src/lib/components/ui/command/command-item.svelte b/web/src/lib/components/ui/command/command-item.svelte
new file mode 100644
index 0000000..edd265d
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-item.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.ItemProps = $props();
+</script>
+
+<CommandPrimitive.Item
+	class={cn(
+		'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+		className
+	)}
+	bind:ref
+	{...restProps}
+/>
diff --git a/web/src/lib/components/ui/command/command-link-item.svelte b/web/src/lib/components/ui/command/command-link-item.svelte
new file mode 100644
index 0000000..06194f7
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-link-item.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.LinkItemProps = $props();
+</script>
+
+<CommandPrimitive.LinkItem
+	class={cn(
+		'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+		className
+	)}
+	bind:ref
+	{...restProps}
+/>
diff --git a/web/src/lib/components/ui/command/command-list.svelte b/web/src/lib/components/ui/command/command-list.svelte
new file mode 100644
index 0000000..2fdc5ea
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-list.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.ListProps = $props();
+</script>
+
+<CommandPrimitive.List
+	class={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
+	bind:ref
+	{...restProps}
+/>
diff --git a/web/src/lib/components/ui/command/command-separator.svelte b/web/src/lib/components/ui/command/command-separator.svelte
new file mode 100644
index 0000000..d1f1a24
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-separator.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.SeparatorProps = $props();
+</script>
+
+<CommandPrimitive.Separator bind:ref class={cn('-mx-1 h-px bg-border', className)} {...restProps} />
diff --git a/web/src/lib/components/ui/command/command-shortcut.svelte b/web/src/lib/components/ui/command/command-shortcut.svelte
new file mode 100644
index 0000000..4135b29
--- /dev/null
+++ b/web/src/lib/components/ui/command/command-shortcut.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
+	{...restProps}
+	bind:this={ref}
+>
+	{@render children?.()}
+</span>
diff --git a/web/src/lib/components/ui/command/command.svelte b/web/src/lib/components/ui/command/command.svelte
new file mode 100644
index 0000000..bebb9b7
--- /dev/null
+++ b/web/src/lib/components/ui/command/command.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+
+	let {
+		value = $bindable(''),
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.RootProps = $props();
+</script>
+
+<CommandPrimitive.Root
+	class={cn(
+		'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
+		className
+	)}
+	bind:ref
+	bind:value
+	{...restProps}
+/>
diff --git a/web/src/lib/components/ui/command/index.ts b/web/src/lib/components/ui/command/index.ts
new file mode 100644
index 0000000..a8f4e74
--- /dev/null
+++ b/web/src/lib/components/ui/command/index.ts
@@ -0,0 +1,40 @@
+import { Command as CommandPrimitive } from 'bits-ui';
+
+import Root from './command.svelte';
+import Dialog from './command-dialog.svelte';
+import Empty from './command-empty.svelte';
+import Group from './command-group.svelte';
+import Item from './command-item.svelte';
+import Input from './command-input.svelte';
+import List from './command-list.svelte';
+import Separator from './command-separator.svelte';
+import Shortcut from './command-shortcut.svelte';
+import LinkItem from './command-link-item.svelte';
+
+const Loading: typeof CommandPrimitive.Loading = CommandPrimitive.Loading;
+
+export {
+	Root,
+	Dialog,
+	Empty,
+	Group,
+	Item,
+	LinkItem,
+	Input,
+	List,
+	Separator,
+	Shortcut,
+	Loading,
+	//
+	Root as Command,
+	Dialog as CommandDialog,
+	Empty as CommandEmpty,
+	Group as CommandGroup,
+	Item as CommandItem,
+	LinkItem as CommandLinkItem,
+	Input as CommandInput,
+	List as CommandList,
+	Separator as CommandSeparator,
+	Shortcut as CommandShortcut,
+	Loading as CommandLoading
+};
diff --git a/web/src/lib/components/ui/popover/index.ts b/web/src/lib/components/ui/popover/index.ts
new file mode 100644
index 0000000..5db432e
--- /dev/null
+++ b/web/src/lib/components/ui/popover/index.ts
@@ -0,0 +1,17 @@
+import { Popover as PopoverPrimitive } from 'bits-ui';
+import Content from './popover-content.svelte';
+const Root = PopoverPrimitive.Root;
+const Trigger = PopoverPrimitive.Trigger;
+const Close = PopoverPrimitive.Close;
+
+export {
+	Root,
+	Content,
+	Trigger,
+	Close,
+	//
+	Root as Popover,
+	Content as PopoverContent,
+	Trigger as PopoverTrigger,
+	Close as PopoverClose
+};
diff --git a/web/src/lib/components/ui/popover/popover-content.svelte b/web/src/lib/components/ui/popover/popover-content.svelte
new file mode 100644
index 0000000..583ed09
--- /dev/null
+++ b/web/src/lib/components/ui/popover/popover-content.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { cn } from '$lib/utils.js';
+	import { Popover as PopoverPrimitive } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		align = 'center',
+		sideOffset = 4,
+		portalProps,
+		...restProps
+	}: PopoverPrimitive.ContentProps & {
+		portalProps?: PopoverPrimitive.PortalProps;
+	} = $props();
+</script>
+
+<PopoverPrimitive.Portal {...portalProps}>
+	<PopoverPrimitive.Content
+		bind:ref
+		{align}
+		{sideOffset}
+		class={cn(
+			'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+			className
+		)}
+		{...restProps}
+	/>
+</PopoverPrimitive.Portal>
diff --git a/web/src/lib/types.ts b/web/src/lib/types.ts
index a2b5346..47541a0 100644
--- a/web/src/lib/types.ts
+++ b/web/src/lib/types.ts
@@ -115,7 +115,6 @@ export interface Show {
 	continuous_download: boolean;
 	ended: boolean;
 	library: string;
-
 }
 
 export interface PublicShow {
@@ -129,7 +128,6 @@ export interface PublicShow {
 	continuous_download: boolean;
 	ended: boolean;
 	library: string;
-
 }
 
 export interface Movie {
@@ -151,7 +149,6 @@ export interface PublicMovie {
 	id: string; // type: string, format: uuid
 	downloaded: boolean;
 	library: string;
-
 }
 
 export interface Torrent {
@@ -240,7 +237,7 @@ export interface SeasonRequest extends SeasonRequestBase {
 	show: Show;
 }
 
-export interface LibraryItem{
+export interface LibraryItem {
 	name: string;
-	path: string
-}
\ No newline at end of file
+	path: string;
+}
diff --git a/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
index 250026f..5d4c05b 100644
--- a/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
+++ b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
@@ -11,6 +11,8 @@
 	import MediaPicture from '$lib/components/media-picture.svelte';
 	import DownloadMovieDialog from '$lib/components/download-movie-dialog.svelte';
 	import RequestMovieDialog from '$lib/components/request-movie-dialog.svelte';
+	import LibraryCombobox from '$lib/components/library-combobox.svelte';
+	import { Label } from '$lib/components/ui/label';
 
 	let movie: PublicMovie = page.data.movie;
 	let user: () => User = getContext('user');
@@ -75,6 +77,11 @@
 		</div>
 		<div class="w-full flex-auto rounded-xl bg-muted/50 p-4 md:w-1/3">
 			{#if user().is_superuser}
+				<div class="mx-1 my-2 block">
+					<LibraryCombobox media={movie} mediaType="movie" />
+					<Label for="library-combobox">Select Library for this movie</Label>
+					<hr />
+				</div>
 				<DownloadMovieDialog {movie} />
 				<div class="my-4"></div>
 			{/if}
diff --git a/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte b/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte
index 2393fc2..a3b58f6 100644
--- a/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte
+++ b/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte
@@ -7,7 +7,7 @@
 	import { ImageOff } from 'lucide-svelte';
 	import * as Table from '$lib/components/ui/table/index.js';
 	import { getContext } from 'svelte';
-	import type { PublicShow, RichShowTorrent, Show, User } from '$lib/types.js';
+	import type { PublicShow, RichShowTorrent, User } from '$lib/types.js';
 	import { getFullyQualifiedMediaName } from '$lib/utils';
 	import DownloadSeasonDialog from '$lib/components/download-season-dialog.svelte';
 	import CheckmarkX from '$lib/components/checkmark-x.svelte';
@@ -18,9 +18,9 @@
 	import { Checkbox } from '$lib/components/ui/checkbox/index.js';
 	import { toast } from 'svelte-sonner';
 	import { Label } from '$lib/components/ui/label';
-
+	import LibraryCombobox from '$lib/components/library-combobox.svelte';
 	const apiUrl = env.PUBLIC_API_URL;
-	let show: () => Show = getContext('show');
+	let show: () => PublicShow = getContext('show');
 	let user: () => User = getContext('user');
 	let torrents: RichShowTorrent = page.data.torrentsData;
 
@@ -120,9 +120,15 @@
 						<hr />
 					</div>
 				{/if}
+				<div class="mx-1 my-2 block">
+					<LibraryCombobox media={show()} mediaType="tv" />
+					<Label for="library-combobox">Select Library for this show</Label>
+					<hr />
+				</div>
 				<DownloadSeasonDialog show={show()} />
+				<div class="my-2"></div>
 			{/if}
-			<RequestSeasonDialog show={show() as PublicShow} />
+			<RequestSeasonDialog show={show()} />
 		</div>
 	</div>
 	<div class="flex-1 rounded-xl bg-muted/50 p-4">
@@ -146,7 +152,7 @@
 							>
 								<Table.Cell class="min-w-[10px] font-medium">{season.number}</Table.Cell>
 								<Table.Cell class="min-w-[10px] font-medium">
-									<CheckmarkX state={false} />
+									<CheckmarkX state={season.downloaded} />
 								</Table.Cell>
 								<Table.Cell class="min-w-[50px]">{season.name}</Table.Cell>
 								<Table.Cell class="max-w-[300px] truncate">{season.overview}</Table.Cell>