diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..5109fb3
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,8 @@
+PUBLIC_RADARR_API_KEY=yourapikeyhere
+PUBLIC_RADARR_BASE_URL=http://127.0.0.1:7878
+
+PUBLIC_SONARR_API_KEY=yourapikeyhere
+PUBLIC_SONARR_BASE_URL=http://127.0.0.1:8989
+
+PUBLIC_JELLYFIN_API_KEY=yourapikeyhere
+PUBLIC_JELLYFIN_BASE_URL=http://127.0.0.1:8096
diff --git a/.gitignore b/.gitignore
index 8f6c617..7c0c8ba 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,3 +10,4 @@ node_modules
 .output
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+/config/*.sqlite
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index 0c513e2..114a092 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -26,6 +26,10 @@ COPY package-lock.json .
 
 RUN npm ci --omit dev
 
+RUN mkdir -p ./config
+
+RUN ln -s /usr/src/app/config /config
+
 CMD [ "npm", "run", "deploy" ]
 
 FROM node:18 as development
@@ -40,4 +44,8 @@ COPY package-lock.json .
 
 RUN npm i
 
+RUN mkdir -p ./config
+
+RUN ln -s /usr/src/app/config /config
+
 CMD [ "npm", "run", "dev" ]
\ No newline at end of file
diff --git a/README.md b/README.md
index 92e2e94..b05570d 100644
--- a/README.md
+++ b/README.md
@@ -26,10 +26,23 @@ For a list of planned features & known bugs, see [Reiverr Taskboard](https://git
 
 # Installation
 
-The easiest and the recommended way to insstall Reiverr is via docker-compose. Make sure to update the api keys and base URLs to match your setup.
+The easiest and the recommended way to install Reiverr is via Docker. Make sure to update the api keys and base URLs to match your setup.
 
 Radarr & Sonarr API keys can be found under Settings > General in their respective web UIs. Jellyfin API key is located under Administration > Dashboard > Advanced > API Keys in the Jellyfin Web UI.
 
+### Docker CLI
+
+```sh
+docker run -it --init \
+  --name reiverr \
+  --restart unless-stopped \
+  -p 9494:9494 \
+  -v /path/to/appdata/config:/config \
+  ghcr.io/aleksilassila/reiverr:latest
+```
+
+### Docker compose
+
 ```yaml
 version: '3.8'
 
@@ -41,25 +54,35 @@ services:
     container_name: reiverr
     ports:
       - 9494:9494
-    environment:
-      PUBLIC_RADARR_API_KEY: yourapikeyhere
-      PUBLIC_RADARR_BASE_URL: http://127.0.0.1:7878
-      PUBLIC_SONARR_API_KEY: yourapikeyhere
-      PUBLIC_SONARR_BASE_URL: http://127.0.0.1:8989
-      PUBLIC_JELLYFIN_API_KEY: yourapikeyhere
-      PUBLIC_JELLYFIN_URL: http://127.0.0.1:8096
+    volumes:
+      - /path/to/appdata/config:/config
     restart: unless-stopped
 ```
 
+### Manual Instructions
+
+1. Requirements:
+   - Node v18.14.0 or high
+   - NPM v9.3.1 or high
+1. Clone from **master** or download the [latest source](https://github.com/aleksilassila/reiverr/releases)
+1. Build the app:
+   ```sh
+   npm ci --ignore-scripts
+   npm run build
+   npm ci --ignore-scripts --omit=dev # optional
+   ```
+1. Start the app:
+   ```sh
+   npm run deploy
+   ```
+
 ### Reiverr will be accessible via port 9494 by default.
 
-If you have any questions or run into issues, you can start a [discussion](https://github.com/aleksilassila/reiverr/discussions) or open an [issue](https://github.com/aleksilassila/reiverr/issues).
+If you have any questions or run into issues or bugs, you can start a [discussion](https://github.com/aleksilassila/reiverr/discussions) or open an [issue](https://github.com/aleksilassila/reiverr/issues).
 
-## Early Adopters: jellyfin login is currently broken and will be fixed later today
+## Other Platforms
 
-### Other Upcoming Platforms
-
-Platforms that are planned to be supported in the future:
+The roadmap includes plans to support the following platforms in the future:
 
 - Windows Desktop App
 - MacOS Desktop App
@@ -83,30 +106,22 @@ I'm not a designer, so if you have any ideas for improving the UI, I'd love to l
 
 To get started with development:
 
-1. Clone the repo
-2. Add and populate `.env` file
-3. Run `npm install`
-4. Run `npm run dev`
+1. Clone the repository
+2. Run `npm install`
+3. Run `npm run dev`
 
 Alternatively, you can run `docker-compose up`.
 
-Example .env file:
+For Webstorm users: I'd recommend using VS Code as it has way better Svelte Typescript support.
 
-```env
-# The PUBLIC_ prefix is required for SvelteKit to expose the variable to the web browser.
-# If you are exposing the server to the internet (not recommended), you should use HTTPS.
+Useful resources:
 
-# Fill in the blanks and change the base URLs to match your setup.
-
-PUBLIC_RADARR_API_KEY=yourapikeyhere
-PUBLIC_RADARR_BASE_URL=http://127.0.0.1:7878
-
-PUBLIC_SONARR_API_KEY=yourapikeyhere
-PUBLIC_SONARR_BASE_URL=http://127.0.0.1:8989
-
-PUBLIC_JELLYFIN_API_KEY=yourapikeyhere
-PUBLIC_JELLYFIN_URL=http://127.0.0.1:8096
-```
+- https://developer.themoviedb.org/reference
+- https://api.jellyfin.org/
+- https://sonarr.tv/docs/api/
+- https://radarr.video/docs/api/
+- https://github.com/jellyfin/jellyfin-web
+- Network tab in the browser in Jellyfin, Radarr & Sonarr web UIs
 
 # Additional Screenshots
 
diff --git a/config/.gitkeep b/config/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/docker-compose.prod.yml b/docker-compose.prod.yml
index a7134ef..474610c 100644
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@@ -9,4 +9,4 @@ services:
       context: .
       target: production
     ports:
-      - 9494:3000
+      - 9494:9494
diff --git a/docker-compose.yml b/docker-compose.yml
index ac40c5d..e1bb6cf 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -7,3 +7,5 @@ services:
     container_name: reiverr-dev
     image: ghcr.io/aleksilassila/reiverr:latest
     restart: unless-stopped
+    volumes:
+      - ./config:/config
diff --git a/package-lock.json b/package-lock.json
index ef7a42d..5737b84 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,23 @@
 {
 	"name": "reiverr",
-	"version": "0.3.0",
+	"version": "0.5.1",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "reiverr",
-			"version": "0.3.0",
+			"version": "0.5.1",
 			"dependencies": {
 				"@jellyfin/sdk": "^0.7.0",
 				"axios": "^1.4.0",
 				"hls.js": "^1.4.6",
 				"openapi-fetch": "^0.2.1",
 				"radix-icons-svelte": "^1.2.1",
+				"reflect-metadata": "^0.1.13",
+				"sqlite3": "^5.1.6",
 				"svelte-i18n": "^3.7.0",
-				"tailwind-scrollbar-hide": "^1.1.7"
+				"tailwind-scrollbar-hide": "^1.1.7",
+				"typeorm": "^0.3.17"
 			},
 			"devDependencies": {
 				"@fontsource/fira-mono": "^4.5.10",
@@ -474,6 +477,17 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/@babel/runtime": {
+			"version": "7.22.10",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz",
+			"integrity": "sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==",
+			"dependencies": {
+				"regenerator-runtime": "^0.14.0"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
 		"node_modules/@babel/template": {
 			"version": "7.22.5",
 			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz",
@@ -540,342 +554,6 @@
 				"node": ">=6.9.0"
 			}
 		},
-		"node_modules/@esbuild/android-arm": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
-			"integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/android-arm64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
-			"integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/android-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
-			"integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/darwin-arm64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
-			"integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/darwin-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
-			"integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
-			"integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/freebsd-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
-			"integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-arm": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
-			"integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-arm64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
-			"integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-ia32": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
-			"integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-loong64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
-			"integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
-			"cpu": [
-				"loong64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-mips64el": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
-			"integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
-			"cpu": [
-				"mips64el"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-ppc64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
-			"integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
-			"cpu": [
-				"ppc64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-riscv64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
-			"integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
-			"cpu": [
-				"riscv64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-s390x": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
-			"integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
-			"cpu": [
-				"s390x"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
-			"integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/netbsd-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
-			"integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/openbsd-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
-			"integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/sunos-x64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
-			"integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"sunos"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/win32-arm64": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
-			"integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/win32-ia32": {
-			"version": "0.17.19",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
-			"integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
 		"node_modules/@esbuild/win32-x64": {
 			"version": "0.17.19",
 			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
@@ -998,6 +676,12 @@
 				"tslib": "^2.1.0"
 			}
 		},
+		"node_modules/@gar/promisify": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
+			"integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
+			"optional": true
+		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.11.10",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
@@ -1097,6 +781,25 @@
 			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
 			"integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
 		},
+		"node_modules/@mapbox/node-pre-gyp": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+			"integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+			"dependencies": {
+				"detect-libc": "^2.0.0",
+				"https-proxy-agent": "^5.0.0",
+				"make-dir": "^3.1.0",
+				"node-fetch": "^2.6.7",
+				"nopt": "^5.0.0",
+				"npmlog": "^5.0.1",
+				"rimraf": "^3.0.2",
+				"semver": "^7.3.5",
+				"tar": "^6.1.11"
+			},
+			"bin": {
+				"node-pre-gyp": "bin/node-pre-gyp"
+			}
+		},
 		"node_modules/@neoconfetti/svelte": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/@neoconfetti/svelte/-/svelte-1.0.0.tgz",
@@ -1138,6 +841,42 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/@npmcli/fs": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz",
+			"integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==",
+			"optional": true,
+			"dependencies": {
+				"@gar/promisify": "^1.0.1",
+				"semver": "^7.3.5"
+			}
+		},
+		"node_modules/@npmcli/move-file": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz",
+			"integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==",
+			"deprecated": "This functionality has been moved to @npmcli/fs",
+			"optional": true,
+			"dependencies": {
+				"mkdirp": "^1.0.4",
+				"rimraf": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@npmcli/move-file/node_modules/mkdirp": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+			"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+			"optional": true,
+			"bin": {
+				"mkdirp": "bin/cmd.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/@playwright/test": {
 			"version": "1.35.0",
 			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.35.0.tgz",
@@ -1328,6 +1067,11 @@
 			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
 			"dev": true
 		},
+		"node_modules/@sqltools/formatter": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/@sqltools/formatter/-/formatter-1.2.5.tgz",
+			"integrity": "sha512-Uy0+khmZqUrUGm5dmMqVlnvufZRSK0FbYzVgp0UMstm+F5+W2/jnEEQyc9vo1ZR/E5ZI/B1WjjoTqBqwJL6Krw=="
+		},
 		"node_modules/@sveltejs/adapter-auto": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz",
@@ -1426,6 +1170,15 @@
 				"vite": "^4.0.0"
 			}
 		},
+		"node_modules/@tootallnate/once": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+			"integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+			"optional": true,
+			"engines": {
+				"node": ">= 6"
+			}
+		},
 		"node_modules/@types/axios": {
 			"version": "0.14.0",
 			"resolved": "https://registry.npmjs.org/@types/axios/-/axios-0.14.0.tgz",
@@ -1680,6 +1433,11 @@
 				"url": "https://opencollective.com/typescript-eslint"
 			}
 		},
+		"node_modules/abbrev": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+			"integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+		},
 		"node_modules/acorn": {
 			"version": "8.10.0",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
@@ -1709,6 +1467,42 @@
 				"node": ">=0.4.0"
 			}
 		},
+		"node_modules/agent-base": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+			"integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+			"dependencies": {
+				"debug": "4"
+			},
+			"engines": {
+				"node": ">= 6.0.0"
+			}
+		},
+		"node_modules/agentkeepalive": {
+			"version": "4.5.0",
+			"resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz",
+			"integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==",
+			"optional": true,
+			"dependencies": {
+				"humanize-ms": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 8.0.0"
+			}
+		},
+		"node_modules/aggregate-error": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+			"integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+			"optional": true,
+			"dependencies": {
+				"clean-stack": "^2.0.0",
+				"indent-string": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/ajv": {
 			"version": "6.12.6",
 			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -1738,7 +1532,6 @@
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
 			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-			"dev": true,
 			"engines": {
 				"node": ">=8"
 			}
@@ -1747,7 +1540,6 @@
 			"version": "4.3.0",
 			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
 			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dev": true,
 			"dependencies": {
 				"color-convert": "^2.0.1"
 			},
@@ -1761,8 +1553,7 @@
 		"node_modules/any-promise": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-			"integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-			"dev": true
+			"integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
 		},
 		"node_modules/anymatch": {
 			"version": "3.1.3",
@@ -1777,6 +1568,31 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/app-root-path": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.1.0.tgz",
+			"integrity": "sha512-biN3PwB2gUtjaYy/isrU3aNWI5w+fAfvHkSvCKeQGxhmYpwKFUxudR3Yya+KqVRHBmEDYh+/lTozYCFbmzX4nA==",
+			"engines": {
+				"node": ">= 6.0.0"
+			}
+		},
+		"node_modules/aproba": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
+			"integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ=="
+		},
+		"node_modules/are-we-there-yet": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+			"integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+			"dependencies": {
+				"delegates": "^1.0.0",
+				"readable-stream": "^3.6.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/arg": {
 			"version": "5.0.2",
 			"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -1874,8 +1690,26 @@
 		"node_modules/balanced-match": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-			"dev": true
+			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+		},
+		"node_modules/base64-js": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			]
 		},
 		"node_modules/binary-extensions": {
 			"version": "2.2.0",
@@ -1890,7 +1724,6 @@
 			"version": "1.1.11",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
 			"dependencies": {
 				"balanced-match": "^1.0.0",
 				"concat-map": "0.0.1"
@@ -1940,6 +1773,29 @@
 				"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
 			}
 		},
+		"node_modules/buffer": {
+			"version": "6.0.3",
+			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+			"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"dependencies": {
+				"base64-js": "^1.3.1",
+				"ieee754": "^1.2.1"
+			}
+		},
 		"node_modules/buffer-crc32": {
 			"version": "0.2.13",
 			"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
@@ -1973,6 +1829,47 @@
 				"node": ">=10.16.0"
 			}
 		},
+		"node_modules/cacache": {
+			"version": "15.3.0",
+			"resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz",
+			"integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==",
+			"optional": true,
+			"dependencies": {
+				"@npmcli/fs": "^1.0.0",
+				"@npmcli/move-file": "^1.0.1",
+				"chownr": "^2.0.0",
+				"fs-minipass": "^2.0.0",
+				"glob": "^7.1.4",
+				"infer-owner": "^1.0.4",
+				"lru-cache": "^6.0.0",
+				"minipass": "^3.1.1",
+				"minipass-collect": "^1.0.2",
+				"minipass-flush": "^1.0.5",
+				"minipass-pipeline": "^1.2.2",
+				"mkdirp": "^1.0.3",
+				"p-map": "^4.0.0",
+				"promise-inflight": "^1.0.1",
+				"rimraf": "^3.0.2",
+				"ssri": "^8.0.1",
+				"tar": "^6.0.2",
+				"unique-filename": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/cacache/node_modules/mkdirp": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+			"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+			"optional": true,
+			"bin": {
+				"mkdirp": "bin/cmd.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/callsites": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -2033,7 +1930,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
 			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-			"dev": true,
 			"dependencies": {
 				"ansi-styles": "^4.1.0",
 				"supports-color": "^7.1.0"
@@ -2093,12 +1989,29 @@
 				"node": ">= 6"
 			}
 		},
+		"node_modules/chownr": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+			"integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/classnames": {
 			"version": "2.3.2",
 			"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
 			"integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==",
 			"dev": true
 		},
+		"node_modules/clean-stack": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+			"integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+			"optional": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/cli-color": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/cli-color/-/cli-color-2.0.3.tgz",
@@ -2114,6 +2027,74 @@
 				"node": ">=0.10"
 			}
 		},
+		"node_modules/cli-highlight": {
+			"version": "2.1.11",
+			"resolved": "https://registry.npmjs.org/cli-highlight/-/cli-highlight-2.1.11.tgz",
+			"integrity": "sha512-9KDcoEVwyUXrjcJNvHD0NFc/hiwe/WPVYIleQh2O1N2Zro5gWJZ/K+3DGn8w8P/F6FxOgzyC5bxDyHIgCSPhGg==",
+			"dependencies": {
+				"chalk": "^4.0.0",
+				"highlight.js": "^10.7.1",
+				"mz": "^2.4.0",
+				"parse5": "^5.1.1",
+				"parse5-htmlparser2-tree-adapter": "^6.0.0",
+				"yargs": "^16.0.0"
+			},
+			"bin": {
+				"highlight": "bin/highlight"
+			},
+			"engines": {
+				"node": ">=8.0.0",
+				"npm": ">=5.0.0"
+			}
+		},
+		"node_modules/cli-highlight/node_modules/cliui": {
+			"version": "7.0.4",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+			"integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.0",
+				"wrap-ansi": "^7.0.0"
+			}
+		},
+		"node_modules/cli-highlight/node_modules/yargs": {
+			"version": "16.2.0",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+			"integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+			"dependencies": {
+				"cliui": "^7.0.2",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"require-directory": "^2.1.1",
+				"string-width": "^4.2.0",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^20.2.2"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/cli-highlight/node_modules/yargs-parser": {
+			"version": "20.2.9",
+			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+			"integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/cliui": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+			"integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.1",
+				"wrap-ansi": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/code-red": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.3.tgz",
@@ -2130,7 +2111,6 @@
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
 			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dev": true,
 			"dependencies": {
 				"color-name": "~1.1.4"
 			},
@@ -2141,8 +2121,15 @@
 		"node_modules/color-name": {
 			"version": "1.1.4",
 			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+		},
+		"node_modules/color-support": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+			"integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+			"bin": {
+				"color-support": "bin.js"
+			}
 		},
 		"node_modules/combined-stream": {
 			"version": "1.0.8",
@@ -2178,8 +2165,12 @@
 		"node_modules/concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-			"dev": true
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+		},
+		"node_modules/console-control-strings": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+			"integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ=="
 		},
 		"node_modules/convert-source-map": {
 			"version": "1.9.0",
@@ -2245,11 +2236,25 @@
 				"type": "^1.0.1"
 			}
 		},
+		"node_modules/date-fns": {
+			"version": "2.30.0",
+			"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+			"integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+			"dependencies": {
+				"@babel/runtime": "^7.21.0"
+			},
+			"engines": {
+				"node": ">=0.11"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/date-fns"
+			}
+		},
 		"node_modules/debug": {
 			"version": "4.3.4",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
 			"integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-			"dev": true,
 			"dependencies": {
 				"ms": "2.1.2"
 			},
@@ -2296,6 +2301,11 @@
 				"node": ">=0.4.0"
 			}
 		},
+		"node_modules/delegates": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+			"integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ=="
+		},
 		"node_modules/dequal": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -2313,6 +2323,14 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/detect-libc": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
+			"integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/devalue": {
 			"version": "4.3.2",
 			"resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
@@ -2355,12 +2373,52 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/dotenv": {
+			"version": "16.3.1",
+			"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
+			"integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/motdotla/dotenv?sponsor=1"
+			}
+		},
 		"node_modules/electron-to-chromium": {
 			"version": "1.4.427",
 			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.427.tgz",
 			"integrity": "sha512-HK3r9l+Jm8dYAm1ctXEWIC+hV60zfcjS9UA5BDlYvnI5S7PU/yytjpvSrTNrSSRRkuu3tDyZhdkwIczh+0DWaw==",
 			"dev": true
 		},
+		"node_modules/emoji-regex": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+		},
+		"node_modules/encoding": {
+			"version": "0.1.13",
+			"resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+			"integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+			"optional": true,
+			"dependencies": {
+				"iconv-lite": "^0.6.2"
+			}
+		},
+		"node_modules/env-paths": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+			"integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+			"optional": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/err-code": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
+			"integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
+			"optional": true
+		},
 		"node_modules/es5-ext": {
 			"version": "0.10.62",
 			"resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
@@ -2452,7 +2510,6 @@
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
 			"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-			"dev": true,
 			"engines": {
 				"node": ">=6"
 			}
@@ -2891,25 +2948,21 @@
 				"url": "https://www.patreon.com/infusion"
 			}
 		},
+		"node_modules/fs-minipass": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+			"integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+			"dependencies": {
+				"minipass": "^3.0.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
 		"node_modules/fs.realpath": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-			"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-			"dev": true
-		},
-		"node_modules/fsevents": {
-			"version": "2.3.2",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"dev": true,
-			"hasInstallScript": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-			}
+			"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
 		},
 		"node_modules/function-bind": {
 			"version": "1.1.1",
@@ -2917,6 +2970,25 @@
 			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 			"dev": true
 		},
+		"node_modules/gauge": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+			"integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+			"dependencies": {
+				"aproba": "^1.0.3 || ^2.0.0",
+				"color-support": "^1.1.2",
+				"console-control-strings": "^1.0.0",
+				"has-unicode": "^2.0.1",
+				"object-assign": "^4.1.1",
+				"signal-exit": "^3.0.0",
+				"string-width": "^4.2.3",
+				"strip-ansi": "^6.0.1",
+				"wide-align": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/gensync": {
 			"version": "1.0.0-beta.2",
 			"resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -2928,6 +3000,14 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/get-caller-file": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+			"engines": {
+				"node": "6.* || 8.* || >= 10.*"
+			}
+		},
 		"node_modules/get-func-name": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
@@ -2941,7 +3021,6 @@
 			"version": "7.2.3",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
 			"integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-			"dev": true,
 			"dependencies": {
 				"fs.realpath": "^1.0.0",
 				"inflight": "^1.0.4",
@@ -3018,7 +3097,7 @@
 			"version": "4.2.11",
 			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
 			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/grapheme-splitter": {
 			"version": "1.0.4",
@@ -3048,16 +3127,100 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
 			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-			"dev": true,
 			"engines": {
 				"node": ">=8"
 			}
 		},
+		"node_modules/has-unicode": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+			"integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ=="
+		},
+		"node_modules/highlight.js": {
+			"version": "10.7.3",
+			"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
+			"integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==",
+			"engines": {
+				"node": "*"
+			}
+		},
 		"node_modules/hls.js": {
 			"version": "1.4.6",
 			"resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.6.tgz",
 			"integrity": "sha512-lGv9QfjfjfuGQfLa/28vDFlYWb9Myq5QuvM9qWp5DyElp8jTGMNodTdeAjOLzaA/fN4XHeG+HhTkRGzntwuDZw=="
 		},
+		"node_modules/http-cache-semantics": {
+			"version": "4.1.1",
+			"resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+			"integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
+			"optional": true
+		},
+		"node_modules/http-proxy-agent": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+			"integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+			"optional": true,
+			"dependencies": {
+				"@tootallnate/once": "1",
+				"agent-base": "6",
+				"debug": "4"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/https-proxy-agent": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+			"integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+			"dependencies": {
+				"agent-base": "6",
+				"debug": "4"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/humanize-ms": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+			"integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+			"optional": true,
+			"dependencies": {
+				"ms": "^2.0.0"
+			}
+		},
+		"node_modules/iconv-lite": {
+			"version": "0.6.3",
+			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+			"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+			"optional": true,
+			"dependencies": {
+				"safer-buffer": ">= 2.1.2 < 3.0.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/ieee754": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			]
+		},
 		"node_modules/ignore": {
 			"version": "5.2.4",
 			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -3097,16 +3260,30 @@
 			"version": "0.1.4",
 			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
 			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-			"dev": true,
+			"devOptional": true,
 			"engines": {
 				"node": ">=0.8.19"
 			}
 		},
+		"node_modules/indent-string": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+			"integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+			"optional": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/infer-owner": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+			"integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+			"optional": true
+		},
 		"node_modules/inflight": {
 			"version": "1.0.6",
 			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
 			"integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-			"dev": true,
 			"dependencies": {
 				"once": "^1.3.0",
 				"wrappy": "1"
@@ -3115,8 +3292,7 @@
 		"node_modules/inherits": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 		},
 		"node_modules/intl-messageformat": {
 			"version": "9.13.0",
@@ -3129,6 +3305,12 @@
 				"tslib": "^2.1.0"
 			}
 		},
+		"node_modules/ip": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
+			"integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==",
+			"optional": true
+		},
 		"node_modules/is-binary-path": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -3177,6 +3359,14 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/is-fullwidth-code-point": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/is-glob": {
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -3189,6 +3379,12 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/is-lambda": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
+			"integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
+			"optional": true
+		},
 		"node_modules/is-module": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
@@ -3230,7 +3426,7 @@
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
 			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/jiti": {
 			"version": "1.18.2",
@@ -3395,7 +3591,6 @@
 			"version": "6.0.0",
 			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
 			"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-			"dev": true,
 			"dependencies": {
 				"yallist": "^4.0.0"
 			},
@@ -3422,6 +3617,55 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/make-dir": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+			"integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+			"dependencies": {
+				"semver": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/make-dir/node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/make-fetch-happen": {
+			"version": "9.1.0",
+			"resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
+			"integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==",
+			"optional": true,
+			"dependencies": {
+				"agentkeepalive": "^4.1.3",
+				"cacache": "^15.2.0",
+				"http-cache-semantics": "^4.1.0",
+				"http-proxy-agent": "^4.0.1",
+				"https-proxy-agent": "^5.0.0",
+				"is-lambda": "^1.0.1",
+				"lru-cache": "^6.0.0",
+				"minipass": "^3.1.3",
+				"minipass-collect": "^1.0.2",
+				"minipass-fetch": "^1.3.2",
+				"minipass-flush": "^1.0.5",
+				"minipass-pipeline": "^1.2.4",
+				"negotiator": "^0.6.2",
+				"promise-retry": "^2.0.1",
+				"socks-proxy-agent": "^6.0.0",
+				"ssri": "^8.0.0"
+			},
+			"engines": {
+				"node": ">= 10"
+			}
+		},
 		"node_modules/mdn-data": {
 			"version": "2.0.30",
 			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
@@ -3508,7 +3752,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
 			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-			"dev": true,
 			"dependencies": {
 				"brace-expansion": "^1.1.7"
 			},
@@ -3525,6 +3768,94 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/minipass": {
+			"version": "3.3.6",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+			"integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+			"dependencies": {
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/minipass-collect": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
+			"integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
+			"optional": true,
+			"dependencies": {
+				"minipass": "^3.0.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/minipass-fetch": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz",
+			"integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==",
+			"optional": true,
+			"dependencies": {
+				"minipass": "^3.1.0",
+				"minipass-sized": "^1.0.3",
+				"minizlib": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"optionalDependencies": {
+				"encoding": "^0.1.12"
+			}
+		},
+		"node_modules/minipass-flush": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+			"integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+			"optional": true,
+			"dependencies": {
+				"minipass": "^3.0.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/minipass-pipeline": {
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
+			"integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
+			"optional": true,
+			"dependencies": {
+				"minipass": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/minipass-sized": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
+			"integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
+			"optional": true,
+			"dependencies": {
+				"minipass": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/minizlib": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+			"integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+			"dependencies": {
+				"minipass": "^3.0.0",
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
 		"node_modules/mkdirp": {
 			"version": "0.5.6",
 			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
@@ -3557,14 +3888,12 @@
 		"node_modules/ms": {
 			"version": "2.1.2",
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-			"dev": true
+			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
 		},
 		"node_modules/mz": {
 			"version": "2.7.0",
 			"resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
 			"integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-			"dev": true,
 			"dependencies": {
 				"any-promise": "^1.0.0",
 				"object-assign": "^4.0.1",
@@ -3601,17 +3930,135 @@
 			"integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
 			"dev": true
 		},
+		"node_modules/negotiator": {
+			"version": "0.6.3",
+			"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+			"integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+			"optional": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/next-tick": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
 			"integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
 		},
+		"node_modules/node-addon-api": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-4.3.0.tgz",
+			"integrity": "sha512-73sE9+3UaLYYFmDsFZnqCInzPyh3MqIwZO9cw58yIqAZhONrrabrYyYe3TuIqtIiOuTXVhsGau8hcrhhwSsDIQ=="
+		},
+		"node_modules/node-fetch": {
+			"version": "2.6.13",
+			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.13.tgz",
+			"integrity": "sha512-StxNAxh15zr77QvvkmveSQ8uCQ4+v5FkvNTj0OESmiHu+VRi/gXArXtkWMElOsOUNLtUEvI4yS+rdtOHZTwlQA==",
+			"dependencies": {
+				"whatwg-url": "^5.0.0"
+			},
+			"engines": {
+				"node": "4.x || >=6.0.0"
+			},
+			"peerDependencies": {
+				"encoding": "^0.1.0"
+			},
+			"peerDependenciesMeta": {
+				"encoding": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/node-gyp": {
+			"version": "8.4.1",
+			"resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz",
+			"integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==",
+			"optional": true,
+			"dependencies": {
+				"env-paths": "^2.2.0",
+				"glob": "^7.1.4",
+				"graceful-fs": "^4.2.6",
+				"make-fetch-happen": "^9.1.0",
+				"nopt": "^5.0.0",
+				"npmlog": "^6.0.0",
+				"rimraf": "^3.0.2",
+				"semver": "^7.3.5",
+				"tar": "^6.1.2",
+				"which": "^2.0.2"
+			},
+			"bin": {
+				"node-gyp": "bin/node-gyp.js"
+			},
+			"engines": {
+				"node": ">= 10.12.0"
+			}
+		},
+		"node_modules/node-gyp/node_modules/are-we-there-yet": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz",
+			"integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==",
+			"optional": true,
+			"dependencies": {
+				"delegates": "^1.0.0",
+				"readable-stream": "^3.6.0"
+			},
+			"engines": {
+				"node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+			}
+		},
+		"node_modules/node-gyp/node_modules/gauge": {
+			"version": "4.0.4",
+			"resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz",
+			"integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==",
+			"optional": true,
+			"dependencies": {
+				"aproba": "^1.0.3 || ^2.0.0",
+				"color-support": "^1.1.3",
+				"console-control-strings": "^1.1.0",
+				"has-unicode": "^2.0.1",
+				"signal-exit": "^3.0.7",
+				"string-width": "^4.2.3",
+				"strip-ansi": "^6.0.1",
+				"wide-align": "^1.1.5"
+			},
+			"engines": {
+				"node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+			}
+		},
+		"node_modules/node-gyp/node_modules/npmlog": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
+			"integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==",
+			"optional": true,
+			"dependencies": {
+				"are-we-there-yet": "^3.0.0",
+				"console-control-strings": "^1.1.0",
+				"gauge": "^4.0.3",
+				"set-blocking": "^2.0.0"
+			},
+			"engines": {
+				"node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+			}
+		},
 		"node_modules/node-releases": {
 			"version": "2.0.12",
 			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
 			"integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
 			"dev": true
 		},
+		"node_modules/nopt": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+			"integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+			"dependencies": {
+				"abbrev": "1"
+			},
+			"bin": {
+				"nopt": "bin/nopt.js"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/normalize-path": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -3630,11 +4077,21 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/npmlog": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+			"integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+			"dependencies": {
+				"are-we-there-yet": "^2.0.0",
+				"console-control-strings": "^1.1.0",
+				"gauge": "^3.0.0",
+				"set-blocking": "^2.0.0"
+			}
+		},
 		"node_modules/object-assign": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
 			"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -3652,7 +4109,6 @@
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
 			"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-			"dev": true,
 			"dependencies": {
 				"wrappy": "1"
 			}
@@ -3738,6 +4194,21 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/p-map": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+			"integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+			"optional": true,
+			"dependencies": {
+				"aggregate-error": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/parent-module": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -3750,6 +4221,24 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/parse5": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
+			"integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug=="
+		},
+		"node_modules/parse5-htmlparser2-tree-adapter": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz",
+			"integrity": "sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==",
+			"dependencies": {
+				"parse5": "^6.0.1"
+			}
+		},
+		"node_modules/parse5-htmlparser2-tree-adapter/node_modules/parse5": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+			"integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw=="
+		},
 		"node_modules/path-exists": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -3763,7 +4252,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
 			"integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -4040,6 +4528,25 @@
 				"svelte": "^3.2.0 || ^4.0.0-next.0"
 			}
 		},
+		"node_modules/promise-inflight": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+			"integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+			"optional": true
+		},
+		"node_modules/promise-retry": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
+			"integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
+			"optional": true,
+			"dependencies": {
+				"err-code": "^2.0.2",
+				"retry": "^0.12.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/proxy-from-env": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -4088,6 +4595,19 @@
 				"pify": "^2.3.0"
 			}
 		},
+		"node_modules/readable-stream": {
+			"version": "3.6.2",
+			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+			"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+			"dependencies": {
+				"inherits": "^2.0.3",
+				"string_decoder": "^1.1.1",
+				"util-deprecate": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
 		"node_modules/readdirp": {
 			"version": "3.6.0",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -4100,6 +4620,24 @@
 				"node": ">=8.10.0"
 			}
 		},
+		"node_modules/reflect-metadata": {
+			"version": "0.1.13",
+			"resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.1.13.tgz",
+			"integrity": "sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg=="
+		},
+		"node_modules/regenerator-runtime": {
+			"version": "0.14.0",
+			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+			"integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+		},
+		"node_modules/require-directory": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/resolve": {
 			"version": "1.22.2",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
@@ -4126,6 +4664,15 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/retry": {
+			"version": "0.12.0",
+			"resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+			"integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+			"optional": true,
+			"engines": {
+				"node": ">= 4"
+			}
+		},
 		"node_modules/reusify": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -4140,7 +4687,6 @@
 			"version": "3.0.2",
 			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
 			"integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-			"dev": true,
 			"dependencies": {
 				"glob": "^7.1.3"
 			},
@@ -4201,6 +4747,31 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/safe-buffer": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			]
+		},
+		"node_modules/safer-buffer": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+			"optional": true
+		},
 		"node_modules/sander": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
@@ -4229,7 +4800,6 @@
 			"version": "7.5.4",
 			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
 			"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-			"dev": true,
 			"dependencies": {
 				"lru-cache": "^6.0.0"
 			},
@@ -4240,12 +4810,29 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/set-blocking": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+			"integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+		},
 		"node_modules/set-cookie-parser": {
 			"version": "2.6.0",
 			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
 			"integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==",
 			"dev": true
 		},
+		"node_modules/sha.js": {
+			"version": "2.4.11",
+			"resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+			"integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+			"dependencies": {
+				"inherits": "^2.0.1",
+				"safe-buffer": "^5.0.1"
+			},
+			"bin": {
+				"sha.js": "bin.js"
+			}
+		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -4267,6 +4854,11 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/signal-exit": {
+			"version": "3.0.7",
+			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+			"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+		},
 		"node_modules/sirv": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
@@ -4290,6 +4882,44 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/smart-buffer": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+			"integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+			"optional": true,
+			"engines": {
+				"node": ">= 6.0.0",
+				"npm": ">= 3.0.0"
+			}
+		},
+		"node_modules/socks": {
+			"version": "2.7.1",
+			"resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",
+			"integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==",
+			"optional": true,
+			"dependencies": {
+				"ip": "^2.0.0",
+				"smart-buffer": "^4.2.0"
+			},
+			"engines": {
+				"node": ">= 10.13.0",
+				"npm": ">= 3.0.0"
+			}
+		},
+		"node_modules/socks-proxy-agent": {
+			"version": "6.2.1",
+			"resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz",
+			"integrity": "sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==",
+			"optional": true,
+			"dependencies": {
+				"agent-base": "^6.0.2",
+				"debug": "^4.3.3",
+				"socks": "^2.6.2"
+			},
+			"engines": {
+				"node": ">= 10"
+			}
+		},
 		"node_modules/sorcery": {
 			"version": "0.11.0",
 			"resolved": "https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz",
@@ -4322,6 +4952,40 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/sqlite3": {
+			"version": "5.1.6",
+			"resolved": "https://registry.npmjs.org/sqlite3/-/sqlite3-5.1.6.tgz",
+			"integrity": "sha512-olYkWoKFVNSSSQNvxVUfjiVbz3YtBwTJj+mfV5zpHmqW3sELx2Cf4QCdirMelhM5Zh+KDVaKgQHqCxrqiWHybw==",
+			"hasInstallScript": true,
+			"dependencies": {
+				"@mapbox/node-pre-gyp": "^1.0.0",
+				"node-addon-api": "^4.2.0",
+				"tar": "^6.1.11"
+			},
+			"optionalDependencies": {
+				"node-gyp": "8.x"
+			},
+			"peerDependencies": {
+				"node-gyp": "8.x"
+			},
+			"peerDependenciesMeta": {
+				"node-gyp": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/ssri": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
+			"integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==",
+			"optional": true,
+			"dependencies": {
+				"minipass": "^3.1.1"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
 		"node_modules/streamsearch": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -4331,11 +4995,31 @@
 				"node": ">=10.0.0"
 			}
 		},
+		"node_modules/string_decoder": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+			"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+			"dependencies": {
+				"safe-buffer": "~5.2.0"
+			}
+		},
+		"node_modules/string-width": {
+			"version": "4.2.3",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+			"dependencies": {
+				"emoji-regex": "^8.0.0",
+				"is-fullwidth-code-point": "^3.0.0",
+				"strip-ansi": "^6.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/strip-ansi": {
 			"version": "6.0.1",
 			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
 			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-			"dev": true,
 			"dependencies": {
 				"ansi-regex": "^5.0.1"
 			},
@@ -4425,7 +5109,6 @@
 			"version": "7.2.0",
 			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
 			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-			"dev": true,
 			"dependencies": {
 				"has-flag": "^4.0.0"
 			},
@@ -4734,6 +5417,41 @@
 				"node": ">= 14"
 			}
 		},
+		"node_modules/tar": {
+			"version": "6.1.15",
+			"resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz",
+			"integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==",
+			"dependencies": {
+				"chownr": "^2.0.0",
+				"fs-minipass": "^2.0.0",
+				"minipass": "^5.0.0",
+				"minizlib": "^2.1.1",
+				"mkdirp": "^1.0.3",
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/tar/node_modules/minipass": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+			"integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/tar/node_modules/mkdirp": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+			"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+			"bin": {
+				"mkdirp": "bin/cmd.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/text-table": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -4744,7 +5462,6 @@
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
 			"integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-			"dev": true,
 			"dependencies": {
 				"any-promise": "^1.0.0"
 			}
@@ -4753,7 +5470,6 @@
 			"version": "1.6.0",
 			"resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
 			"integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-			"dev": true,
 			"dependencies": {
 				"thenify": ">= 3.1.0 < 4"
 			},
@@ -4835,6 +5551,11 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/tr46": {
+			"version": "0.0.3",
+			"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+			"integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+		},
 		"node_modules/ts-interface-checker": {
 			"version": "0.1.13",
 			"resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
@@ -4905,6 +5626,162 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/typeorm": {
+			"version": "0.3.17",
+			"resolved": "https://registry.npmjs.org/typeorm/-/typeorm-0.3.17.tgz",
+			"integrity": "sha512-UDjUEwIQalO9tWw9O2A4GU+sT3oyoUXheHJy4ft+RFdnRdQctdQ34L9SqE2p7LdwzafHx1maxT+bqXON+Qnmig==",
+			"dependencies": {
+				"@sqltools/formatter": "^1.2.5",
+				"app-root-path": "^3.1.0",
+				"buffer": "^6.0.3",
+				"chalk": "^4.1.2",
+				"cli-highlight": "^2.1.11",
+				"date-fns": "^2.29.3",
+				"debug": "^4.3.4",
+				"dotenv": "^16.0.3",
+				"glob": "^8.1.0",
+				"mkdirp": "^2.1.3",
+				"reflect-metadata": "^0.1.13",
+				"sha.js": "^2.4.11",
+				"tslib": "^2.5.0",
+				"uuid": "^9.0.0",
+				"yargs": "^17.6.2"
+			},
+			"bin": {
+				"typeorm": "cli.js",
+				"typeorm-ts-node-commonjs": "cli-ts-node-commonjs.js",
+				"typeorm-ts-node-esm": "cli-ts-node-esm.js"
+			},
+			"engines": {
+				"node": ">= 12.9.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/typeorm"
+			},
+			"peerDependencies": {
+				"@google-cloud/spanner": "^5.18.0",
+				"@sap/hana-client": "^2.12.25",
+				"better-sqlite3": "^7.1.2 || ^8.0.0",
+				"hdb-pool": "^0.1.6",
+				"ioredis": "^5.0.4",
+				"mongodb": "^5.2.0",
+				"mssql": "^9.1.1",
+				"mysql2": "^2.2.5 || ^3.0.1",
+				"oracledb": "^5.1.0",
+				"pg": "^8.5.1",
+				"pg-native": "^3.0.0",
+				"pg-query-stream": "^4.0.0",
+				"redis": "^3.1.1 || ^4.0.0",
+				"sql.js": "^1.4.0",
+				"sqlite3": "^5.0.3",
+				"ts-node": "^10.7.0",
+				"typeorm-aurora-data-api-driver": "^2.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@google-cloud/spanner": {
+					"optional": true
+				},
+				"@sap/hana-client": {
+					"optional": true
+				},
+				"better-sqlite3": {
+					"optional": true
+				},
+				"hdb-pool": {
+					"optional": true
+				},
+				"ioredis": {
+					"optional": true
+				},
+				"mongodb": {
+					"optional": true
+				},
+				"mssql": {
+					"optional": true
+				},
+				"mysql2": {
+					"optional": true
+				},
+				"oracledb": {
+					"optional": true
+				},
+				"pg": {
+					"optional": true
+				},
+				"pg-native": {
+					"optional": true
+				},
+				"pg-query-stream": {
+					"optional": true
+				},
+				"redis": {
+					"optional": true
+				},
+				"sql.js": {
+					"optional": true
+				},
+				"sqlite3": {
+					"optional": true
+				},
+				"ts-node": {
+					"optional": true
+				},
+				"typeorm-aurora-data-api-driver": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/typeorm/node_modules/brace-expansion": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/typeorm/node_modules/glob": {
+			"version": "8.1.0",
+			"resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+			"integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+			"dependencies": {
+				"fs.realpath": "^1.0.0",
+				"inflight": "^1.0.4",
+				"inherits": "2",
+				"minimatch": "^5.0.1",
+				"once": "^1.3.0"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/typeorm/node_modules/minimatch": {
+			"version": "5.1.6",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+			"integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/typeorm/node_modules/mkdirp": {
+			"version": "2.1.6",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz",
+			"integrity": "sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==",
+			"bin": {
+				"mkdirp": "dist/cjs/src/bin.js"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
 		"node_modules/typescript": {
 			"version": "5.1.3",
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.3.tgz",
@@ -4930,6 +5807,24 @@
 				"node": ">=14.0"
 			}
 		},
+		"node_modules/unique-filename": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+			"integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+			"optional": true,
+			"dependencies": {
+				"unique-slug": "^2.0.0"
+			}
+		},
+		"node_modules/unique-slug": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+			"integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+			"optional": true,
+			"dependencies": {
+				"imurmurhash": "^0.1.4"
+			}
+		},
 		"node_modules/update-browserslist-db": {
 			"version": "1.0.11",
 			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
@@ -4972,8 +5867,15 @@
 		"node_modules/util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+		},
+		"node_modules/uuid": {
+			"version": "9.0.0",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+			"integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+			"bin": {
+				"uuid": "dist/bin/uuid"
+			}
 		},
 		"node_modules/vite": {
 			"version": "4.3.9",
@@ -5092,11 +5994,25 @@
 				}
 			}
 		},
+		"node_modules/webidl-conversions": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+			"integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+		},
+		"node_modules/whatwg-url": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+			"integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+			"dependencies": {
+				"tr46": "~0.0.3",
+				"webidl-conversions": "^3.0.0"
+			}
+		},
 		"node_modules/which": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
 			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-			"dev": true,
+			"devOptional": true,
 			"dependencies": {
 				"isexe": "^2.0.0"
 			},
@@ -5107,6 +6023,14 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/wide-align": {
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+			"integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+			"dependencies": {
+				"string-width": "^1.0.2 || 2 || 3 || 4"
+			}
+		},
 		"node_modules/word-wrap": {
 			"version": "1.2.5",
 			"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -5116,17 +6040,39 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/wrap-ansi": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
 		"node_modules/wrappy": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-			"dev": true
+			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+		},
+		"node_modules/y18n": {
+			"version": "5.0.8",
+			"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+			"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+			"engines": {
+				"node": ">=10"
+			}
 		},
 		"node_modules/yallist": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-			"dev": true
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
 		},
 		"node_modules/yaml": {
 			"version": "1.10.2",
@@ -5137,11 +6083,27 @@
 				"node": ">= 6"
 			}
 		},
+		"node_modules/yargs": {
+			"version": "17.7.2",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+			"integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+			"dependencies": {
+				"cliui": "^8.0.1",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"require-directory": "^2.1.1",
+				"string-width": "^4.2.3",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^21.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/yargs-parser": {
 			"version": "21.1.1",
 			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
 			"integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-			"dev": true,
 			"engines": {
 				"node": ">=12"
 			}
diff --git a/package.json b/package.json
index b7f8aa3..f72314e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "reiverr",
-	"version": "0.3.0",
+	"version": "0.5.1",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/aleksilassila/reiverr"
@@ -9,7 +9,7 @@
 		"dev": "vite dev --host",
 		"build": "vite build",
 		"preview": "vite preview",
-		"deploy": "PORT=9494 node build/",
+		"deploy": "PORT=9494 NODE_ENV=production node build/",
 		"test": "playwright test",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -55,6 +55,9 @@
 		"openapi-fetch": "^0.2.1",
 		"radix-icons-svelte": "^1.2.1",
 		"svelte-i18n": "^3.7.0",
-		"tailwind-scrollbar-hide": "^1.1.7"
+		"reflect-metadata": "^0.1.13",
+		"sqlite3": "^5.1.6",
+		"tailwind-scrollbar-hide": "^1.1.7",
+		"typeorm": "^0.3.17"
 	}
 }
diff --git a/src/app.css b/src/app.css
index 08ccc49..36b9ef7 100644
--- a/src/app.css
+++ b/src/app.css
@@ -18,6 +18,10 @@ a {
 	@apply focus-visible:outline outline-2 outline-[#f0cd6dc2] outline-offset-2;
 }
 
+.peer-selectable {
+	@apply peer-focus-visible:outline outline-2 outline-[#f0cd6dc2] outline-offset-2;
+}
+
 .selectable-explicit {
 	@apply focus-within:outline outline-2 outline-[#f0cd6dc2] outline-offset-2;
 }
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
new file mode 100644
index 0000000..29e1548
--- /dev/null
+++ b/src/hooks.server.ts
@@ -0,0 +1,4 @@
+import TypeOrm from '$lib/db';
+import 'reflect-metadata';
+
+await TypeOrm.getDb();
diff --git a/src/lib/apis/jellyfin/jellyfinApi.ts b/src/lib/apis/jellyfin/jellyfinApi.ts
index c3e7bbf..0c7d6d3 100644
--- a/src/lib/apis/jellyfin/jellyfinApi.ts
+++ b/src/lib/apis/jellyfin/jellyfinApi.ts
@@ -1,80 +1,78 @@
-import createClient from 'openapi-fetch';
 import type { components, paths } from '$lib/apis/jellyfin/jellyfin.generated';
-import { env } from '$env/dynamic/public';
-import { request } from '$lib/utils';
 import type { DeviceProfile } from '$lib/apis/jellyfin/playback-profiles';
 import { settings } from '$lib/stores/settings.store';
+import axios from 'axios';
+import createClient from 'openapi-fetch';
 import { get } from 'svelte/store';
 
 export type JellyfinItem = components['schemas']['BaseItemDto'];
 
 export const JELLYFIN_DEVICE_ID = 'Reiverr Client';
 
-export const JellyfinApi = createClient<paths>({
-	baseUrl: env.PUBLIC_JELLYFIN_URL,
-	headers: {
-		Authorization: `MediaBrowser DeviceId="${JELLYFIN_DEVICE_ID}", Token="${env.PUBLIC_JELLYFIN_API_KEY}"`
-	}
-});
+function getJellyfinApi() {
+	const baseUrl = get(settings)?.jellyfin.baseUrl;
+	const apiKey = get(settings)?.jellyfin.apiKey;
+	const userId = get(settings)?.jellyfin.userId;
 
-let userId: string | undefined = undefined;
-const getUserId = async () => {
-	if (userId) return userId;
+	if (!baseUrl || !apiKey || !userId) return undefined;
 
-	const user = JellyfinApi.get('/Users', {
-		params: {},
+	return createClient<paths>({
+		baseUrl,
 		headers: {
-			'cache-control': 'max-age=3600'
+			Authorization: `MediaBrowser DeviceId="${JELLYFIN_DEVICE_ID}", Token="${apiKey}"`
 		}
-	}).then((r) => r.data?.[0]?.Id || '');
+	});
+}
 
-	userId = await user;
-	return user;
-};
-
-export const getJellyfinContinueWatching = async (): Promise<JellyfinItem[]> =>
-	JellyfinApi.get('/Users/{userId}/Items/Resume', {
-		params: {
-			path: {
-				userId: await getUserId()
-			},
-			query: {
-				mediaTypes: ['Video'],
-				fields: ['ProviderIds']
+export const getJellyfinContinueWatching = async (): Promise<JellyfinItem[] | undefined> =>
+	getJellyfinApi()
+		?.get('/Users/{userId}/Items/Resume', {
+			params: {
+				path: {
+					userId: get(settings)?.jellyfin.userId || ''
+				},
+				query: {
+					mediaTypes: ['Video'],
+					fields: ['ProviderIds']
+				}
 			}
-		}
-	}).then((r) => r.data?.Items || []);
+		})
+		.then((r) => r.data?.Items || []);
 
 export const getJellyfinNextUp = async () =>
-	JellyfinApi.get('/Shows/NextUp', {
-		params: {
-			query: {
-				userId: await getUserId(),
-				fields: ['ProviderIds']
+	getJellyfinApi()
+		?.get('/Shows/NextUp', {
+			params: {
+				query: {
+					userId: get(settings)?.jellyfin.userId || '',
+					fields: ['ProviderIds']
+				}
 			}
-		}
-	}).then((r) => r.data?.Items || []);
+		})
+		.then((r) => r.data?.Items || []);
 
 export const getJellyfinItems = async () =>
-	JellyfinApi.get('/Users/{userId}/Items', {
-		params: {
-			path: {
-				userId: await getUserId()
-			},
-			query: {
-				hasTmdbId: true,
-				recursive: true,
-				includeItemTypes: ['Movie', 'Series'],
-				fields: ['ProviderIds']
+	getJellyfinApi()
+		?.get('/Users/{userId}/Items', {
+			params: {
+				path: {
+					userId: get(settings)?.jellyfin.userId || ''
+				},
+				query: {
+					hasTmdbId: true,
+					recursive: true,
+					includeItemTypes: ['Movie', 'Series'],
+					fields: ['ProviderIds']
+				}
 			}
-		}
-	}).then((r) => r.data?.Items || []);
+		})
+		.then((r) => r.data?.Items || []);
 
 // export const getJellyfinSeries = () =>
 // 	JellyfinApi.get('/Users/{userId}/Items', {
 // 		params: {
 // 			path: {
-// 				userId: env.PUBLIC_JELLYFIN_USER_ID || ""
+// 				userId: PUBLIC_JELLYFIN_USER_ID || ""
 // 			},
 // 			query: {
 // 				hasTmdbId: true,
@@ -85,70 +83,81 @@ export const getJellyfinItems = async () =>
 // 	}).then((r) => r.data?.Items || []);
 
 export const getJellyfinEpisodes = async () =>
-	JellyfinApi.get('/Users/{userId}/Items', {
-		params: {
-			path: {
-				userId: await getUserId()
+	getJellyfinApi()
+		?.get('/Users/{userId}/Items', {
+			params: {
+				path: {
+					userId: get(settings)?.jellyfin.userId || ''
+				},
+				query: {
+					recursive: true,
+					includeItemTypes: ['Episode']
+				}
 			},
-			query: {
-				recursive: true,
-				includeItemTypes: ['Episode']
+			headers: {
+				'cache-control': 'max-age=10'
 			}
-		},
-		headers: {
-			'cache-control': 'max-age=10'
-		}
-	}).then((r) => r.data?.Items || []);
+		})
+		.then((r) => r.data?.Items || []);
 
-export const getJellyfinEpisodesBySeries = (seriesId: string) =>
-	getJellyfinEpisodes().then((items) => items.filter((i) => i.SeriesId === seriesId) || []);
+// export const getJellyfinEpisodesBySeries = (seriesId: string) =>
+// 	getJellyfinEpisodes().then((items) => items?.filter((i) => i.SeriesId === seriesId) || []);
 
-export const getJellyfinItemByTmdbId = (tmdbId: string) =>
-	getJellyfinItems().then((items) => items.find((i) => i.ProviderIds?.Tmdb == tmdbId));
+// export const getJellyfinItemByTmdbId = (tmdbId: string) =>
+// 	getJellyfinItems().then((items) => items?.find((i) => i.ProviderIds?.Tmdb == tmdbId));
 
 export const getJellyfinItem = async (itemId: string) =>
-	JellyfinApi.get('/Users/{userId}/Items/{itemId}', {
-		params: {
-			path: {
-				itemId,
-				userId: await getUserId()
+	getJellyfinApi()
+		?.get('/Users/{userId}/Items/{itemId}', {
+			params: {
+				path: {
+					itemId,
+					userId: get(settings)?.jellyfin.userId || ''
+				}
 			}
-		}
-	}).then((r) => r.data);
+		})
+		.then((r) => r.data);
 
-export const requestJellyfinItemByTmdbId = () =>
-	request((tmdbId: string) => getJellyfinItemByTmdbId(tmdbId));
+// export const requestJellyfinItemByTmdbId = () =>
+// 	request((tmdbId: string) => getJellyfinItemByTmdbId(tmdbId));
 
 export const getJellyfinPlaybackInfo = async (
 	itemId: string,
 	playbackProfile: DeviceProfile,
-	startTimeTicks = 0
+	startTimeTicks = 0,
+	maxStreamingBitrate = 140000000
 ) =>
-	JellyfinApi.post('/Items/{itemId}/PlaybackInfo', {
-		params: {
-			path: {
-				itemId: itemId
+	getJellyfinApi()
+		?.post('/Items/{itemId}/PlaybackInfo', {
+			params: {
+				path: {
+					itemId: itemId
+				},
+				query: {
+					userId: get(settings)?.jellyfin.userId || '',
+					startTimeTicks,
+					autoOpenLiveStream: true,
+					maxStreamingBitrate
+				}
 			},
-			query: {
-				userId: await getUserId(),
-				startTimeTicks,
-				autoOpenLiveStream: true,
-				maxStreamingBitrate: 140000000
+			body: {
+				DeviceProfile: playbackProfile
 			}
-		},
-		body: {
-			DeviceProfile: playbackProfile
-		}
-	}).then((r) => ({
-		playbackUri:
-			r.data?.MediaSources?.[0]?.TranscodingUrl ||
-			`/Videos/${r.data?.MediaSources?.[0].Id}/stream.mp4?Static=true&mediaSourceId=${r.data?.MediaSources?.[0].Id}&deviceId=${JELLYFIN_DEVICE_ID}&api_key=${PUBLIC_JELLYFIN_API_KEY}&Tag=${r.data?.MediaSources?.[0].ETag}`,
-		mediaSourceId: r.data?.MediaSources?.[0]?.Id,
-		playSessionId: r.data?.PlaySessionId,
-		directPlay:
-			!!r.data?.MediaSources?.[0]?.SupportsDirectPlay ||
-			!!r.data?.MediaSources?.[0]?.SupportsDirectStream
-	}));
+		})
+		.then((r) => ({
+			playbackUri:
+				r.data?.MediaSources?.[0]?.TranscodingUrl ||
+				`/Videos/${r.data?.MediaSources?.[0].Id}/stream.mp4?Static=true&mediaSourceId=${
+					r.data?.MediaSources?.[0].Id
+				}&deviceId=${JELLYFIN_DEVICE_ID}&api_key=${get(settings)?.jellyfin.apiKey}&Tag=${
+					r.data?.MediaSources?.[0].ETag
+				}`,
+			mediaSourceId: r.data?.MediaSources?.[0]?.Id,
+			playSessionId: r.data?.PlaySessionId,
+			directPlay:
+				!!r.data?.MediaSources?.[0]?.SupportsDirectPlay ||
+				!!r.data?.MediaSources?.[0]?.SupportsDirectStream
+		}));
 
 export const reportJellyfinPlaybackStarted = (
 	itemId: string,
@@ -157,7 +166,7 @@ export const reportJellyfinPlaybackStarted = (
 	audioStreamIndex?: number,
 	subtitleStreamIndex?: number
 ) =>
-	JellyfinApi.post('/Sessions/Playing', {
+	getJellyfinApi()?.post('/Sessions/Playing', {
 		body: {
 			CanSeek: true,
 			ItemId: itemId,
@@ -174,7 +183,7 @@ export const reportJellyfinPlaybackProgress = (
 	isPaused: boolean,
 	positionTicks: number
 ) =>
-	JellyfinApi.post('/Sessions/Playing/Progress', {
+	getJellyfinApi()?.post('/Sessions/Playing/Progress', {
 		body: {
 			ItemId: itemId,
 			PlaySessionId: sessionId,
@@ -190,7 +199,7 @@ export const reportJellyfinPlaybackStopped = (
 	sessionId: string,
 	positionTicks: number
 ) =>
-	JellyfinApi.post('/Sessions/Playing/Stopped', {
+	getJellyfinApi()?.post('/Sessions/Playing/Stopped', {
 		body: {
 			ItemId: itemId,
 			PlaySessionId: sessionId,
@@ -199,11 +208,21 @@ export const reportJellyfinPlaybackStopped = (
 		}
 	});
 
+export const delteActiveEncoding = (playSessionId: string) =>
+	getJellyfinApi()?.del('/Videos/ActiveEncodings', {
+		params: {
+			query: {
+				deviceId: JELLYFIN_DEVICE_ID,
+				playSessionId: playSessionId
+			}
+		}
+	});
+
 export const setJellyfinItemWatched = async (jellyfinId: string) =>
-	JellyfinApi.post('/Users/{userId}/PlayedItems/{itemId}', {
+	getJellyfinApi()?.post('/Users/{userId}/PlayedItems/{itemId}', {
 		params: {
 			path: {
-				userId: await getUserId(),
+				userId: get(settings)?.jellyfin.userId || '',
 				itemId: jellyfinId
 			},
 			query: {
@@ -213,11 +232,37 @@ export const setJellyfinItemWatched = async (jellyfinId: string) =>
 	});
 
 export const setJellyfinItemUnwatched = async (jellyfinId: string) =>
-	JellyfinApi.del('/Users/{userId}/PlayedItems/{itemId}', {
+	getJellyfinApi()?.del('/Users/{userId}/PlayedItems/{itemId}', {
 		params: {
 			path: {
-				userId: await getUserId(),
+				userId: get(settings)?.jellyfin.userId || '',
 				itemId: jellyfinId
 			}
 		}
 	});
+
+export const getJellyfinHealth = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get((baseUrl || get(settings)?.jellyfin.baseUrl) + '/System/Info', {
+			headers: {
+				'X-Emby-Token': apiKey || get(settings)?.jellyfin.apiKey
+			}
+		})
+		.then((res) => res.status === 200)
+		.catch(() => false);
+
+export const getJellyfinUsers = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+): Promise<components['schemas']['UserDto'][]> =>
+	axios
+		.get((baseUrl || get(settings)?.jellyfin.baseUrl) + '/Users', {
+			headers: {
+				'X-Emby-Token': apiKey || get(settings)?.jellyfin.apiKey
+			}
+		})
+		.then((res) => res.data || [])
+		.catch(() => []);
diff --git a/src/lib/apis/jellyfin/qualities.ts b/src/lib/apis/jellyfin/qualities.ts
new file mode 100644
index 0000000..2384426
--- /dev/null
+++ b/src/lib/apis/jellyfin/qualities.ts
@@ -0,0 +1,64 @@
+/**
+ * Returns an array containing all the available
+ * qualities the user can select when playing a video
+ *
+ * @param resolution The resolution of the video
+ * @returns An array containing all the available qualities
+ */
+export function getQualities(resolution: number) {
+	// We add one to the minimum resolution since some movies
+	// have a resolution of 1080p, but the format isn't 16:9,
+	// so the height is less than 1080, so we detect as 1080p
+	// anything higher than 720p, and so on for the other.
+	const data = [
+		{
+			name: '4K - 120 Mbps',
+			maxBitrate: 120000000,
+			minResolution: 1080 + 1
+		},
+		{
+			name: '4K - 80 Mbps',
+			maxBitrate: 80000000,
+			minResolution: 1080 + 1
+		},
+		{
+			name: '1080p - 40 Mbps',
+			maxBitrate: 40000000,
+			minResolution: 720 + 1
+		},
+		{
+			name: '1080p - 10 Mbps',
+			maxBitrate: 10000000,
+			minResolution: 720 + 1
+		},
+		{
+			name: '720p - 8 Mbps',
+			maxBitrate: 8000000,
+			minResolution: 480 + 1
+		},
+		{
+			name: '720p - 4 Mbps',
+			maxBitrate: 4000000,
+			minResolution: 480 + 1
+		},
+		{
+			name: '480p - 3 Mbps',
+			maxBitrate: 3000000,
+			minResolution: 360 + 1
+		},
+		{
+			name: '480p - 720 Kbps',
+			maxBitrate: 720000,
+			minResolution: 360 + 1
+		},
+		{
+			name: '360p - 420 Kbps',
+			maxBitrate: 420000,
+			minResolution: 0
+		}
+	];
+
+	return data.filter((quality) => {
+		return quality.minResolution <= resolution;
+	});
+}
diff --git a/src/lib/apis/radarr/radarrApi.ts b/src/lib/apis/radarr/radarrApi.ts
index fe313ad..b5f2668 100644
--- a/src/lib/apis/radarr/radarrApi.ts
+++ b/src/lib/apis/radarr/radarrApi.ts
@@ -1,10 +1,9 @@
-import createClient from 'openapi-fetch';
-import { log, request } from '$lib/utils';
-import type { paths } from '$lib/apis/radarr/radarr.generated';
-import type { components } from '$lib/apis/radarr/radarr.generated';
+import type { components, paths } from '$lib/apis/radarr/radarr.generated';
 import { getTmdbMovie } from '$lib/apis/tmdb/tmdbApi';
-import { env } from '$env/dynamic/public';
 import { settings } from '$lib/stores/settings.store';
+import { log } from '$lib/utils';
+import axios from 'axios';
+import createClient from 'openapi-fetch';
 import { get } from 'svelte/store';
 
 export type RadarrMovie = components['schemas']['MovieResource'];
@@ -26,28 +25,41 @@ export interface RadarrMovieOptions {
 	searchNow?: boolean;
 }
 
-export const RadarrApi = createClient<paths>({
-	baseUrl: env.PUBLIC_RADARR_BASE_URL,
-	headers: {
-		'X-Api-Key': env.PUBLIC_RADARR_API_KEY
-	}
-});
+function getRadarrApi() {
+	const baseUrl = get(settings)?.radarr.baseUrl;
+	const apiKey = get(settings)?.radarr.apiKey;
+	const rootFolder = get(settings)?.radarr.rootFolderPath;
+	const qualityProfileId = get(settings)?.radarr.qualityProfileId;
+
+	if (!baseUrl || !apiKey || !rootFolder || !qualityProfileId) return undefined;
+
+	console.log(baseUrl, apiKey);
+
+	return createClient<paths>({
+		baseUrl,
+		headers: {
+			'X-Api-Key': apiKey
+		}
+	});
+}
 
 export const getRadarrMovies = (): Promise<RadarrMovie[]> =>
-	RadarrApi.get('/api/v3/movie', {
-		params: {}
-	}).then((r) => r.data || []);
-
-export const requestRadarrMovie = () => request(getRadarrMovieByTmdbId);
+	getRadarrApi()
+		?.get('/api/v3/movie', {
+			params: {}
+		})
+		.then((r) => r.data || []) || Promise.resolve([]);
 
 export const getRadarrMovieByTmdbId = (tmdbId: string): Promise<RadarrMovie | undefined> =>
-	RadarrApi.get('/api/v3/movie', {
-		params: {
-			query: {
-				tmdbId: Number(tmdbId)
+	getRadarrApi()
+		?.get('/api/v3/movie', {
+			params: {
+				query: {
+					tmdbId: Number(tmdbId)
+				}
 			}
-		}
-	}).then((r) => r.data?.find((m) => (m.tmdbId as any) == tmdbId));
+		})
+		.then((r) => r.data?.find((m) => (m.tmdbId as any) == tmdbId)) || Promise.resolve(undefined);
 
 export const addMovieToRadarr = async (tmdbId: number) => {
 	const tmdbMovie = await getTmdbMovie(tmdbId);
@@ -58,9 +70,9 @@ export const addMovieToRadarr = async (tmdbId: number) => {
 	if (!tmdbMovie) throw new Error('Movie not found');
 
 	const options: RadarrMovieOptions = {
-		qualityProfileId: get(settings).radarr.qualityProfileId,
-		profileId: get(settings).radarr.profileId,
-		rootFolderPath: get(settings).radarr.rootFolderPath,
+		qualityProfileId: get(settings)?.radarr.qualityProfileId || 0,
+		profileId: get(settings)?.radarr.profileId || 0,
+		rootFolderPath: get(settings)?.radarr.rootFolderPath || '',
 		minimumAvailability: 'announced',
 		title: tmdbMovie.title || tmdbMovie.original_title || '',
 		tmdbId: tmdbMovie.id || 0,
@@ -70,59 +82,72 @@ export const addMovieToRadarr = async (tmdbId: number) => {
 		searchNow: false
 	};
 
-	return RadarrApi.post('/api/v3/movie', {
-		params: {},
-		body: options
-	}).then((r) => r.data);
+	return (
+		getRadarrApi()
+			?.post('/api/v3/movie', {
+				params: {},
+				body: options
+			})
+			.then((r) => r.data) || Promise.resolve(undefined)
+	);
 };
 
 export const cancelDownloadRadarrMovie = async (downloadId: number) => {
-	const deleteResponse = await RadarrApi.del('/api/v3/queue/{id}', {
-		params: {
-			path: {
-				id: downloadId
-			},
-			query: {
-				blocklist: false,
-				removeFromClient: true
+	const deleteResponse = await getRadarrApi()
+		?.del('/api/v3/queue/{id}', {
+			params: {
+				path: {
+					id: downloadId
+				},
+				query: {
+					blocklist: false,
+					removeFromClient: true
+				}
 			}
-		}
-	}).then((r) => log(r));
+		})
+		.then((r) => log(r));
 
-	return deleteResponse.response.ok;
+	return !!deleteResponse?.response.ok;
 };
 
 export const fetchRadarrReleases = (movieId: number) =>
-	RadarrApi.get('/api/v3/release', { params: { query: { movieId: movieId } } }).then(
-		(r) => r.data || []
-	);
+	getRadarrApi()
+		?.get('/api/v3/release', { params: { query: { movieId: movieId } } })
+		.then((r) => r.data || []) || Promise.resolve([]);
 
-export const downloadRadarrMovie = (guid: string) =>
-	RadarrApi.post('/api/v3/release', {
-		params: {},
-		body: {
-			indexerId: 2,
-			guid
-		}
-	});
+export const downloadRadarrMovie = (guid: string, indexerId: number) =>
+	getRadarrApi()
+		?.post('/api/v3/release', {
+			params: {},
+			body: {
+				indexerId,
+				guid
+			}
+		})
+		.then((res) => res.response.ok) || Promise.resolve(false);
 
 export const deleteRadarrMovie = (id: number) =>
-	RadarrApi.del('/api/v3/moviefile/{id}', {
-		params: {
-			path: {
-				id
+	getRadarrApi()
+		?.del('/api/v3/moviefile/{id}', {
+			params: {
+				path: {
+					id
+				}
 			}
-		}
-	}).then((res) => res.response.ok);
+		})
+		.then((res) => res.response.ok) || Promise.resolve(false);
 
 export const getRadarrDownloads = (): Promise<RadarrDownload[]> =>
-	RadarrApi.get('/api/v3/queue', {
-		params: {
-			query: {
-				includeMovie: true
+	getRadarrApi()
+		?.get('/api/v3/queue', {
+			params: {
+				query: {
+					includeMovie: true
+				}
 			}
-		}
-	}).then((r) => (r.data?.records?.filter((record) => record.movie) as RadarrDownload[]) || []);
+		})
+		.then((r) => (r.data?.records?.filter((record) => record.movie) as RadarrDownload[]) || []) ||
+	Promise.resolve([]);
 
 export const getRadarrDownloadsById = (radarrId: number) =>
 	getRadarrDownloads().then((downloads) => downloads.filter((d) => d.movie.id === radarrId));
@@ -131,22 +156,71 @@ export const getRadarrDownloadsByTmdbId = (tmdbId: number) =>
 	getRadarrDownloads().then((downloads) => downloads.filter((d) => d.movie.tmdbId === tmdbId));
 
 const lookupRadarrMovieByTmdbId = (tmdbId: number) =>
-	RadarrApi.get('/api/v3/movie/lookup/tmdb', {
-		params: {
-			query: {
-				tmdbId
+	getRadarrApi()
+		?.get('/api/v3/movie/lookup/tmdb', {
+			params: {
+				query: {
+					tmdbId
+				}
 			}
-		}
-	}).then((r) => r.data as any as RadarrMovie);
+		})
+		.then((r) => r.data as any as RadarrMovie) || Promise.resolve(undefined);
 
 export const getDiskSpace = (): Promise<DiskSpaceInfo[]> =>
-	RadarrApi.get('/api/v3/diskspace', {}).then((d) => d.data || []);
+	getRadarrApi()
+		?.get('/api/v3/diskspace', {})
+		.then((d) => d.data || []) || Promise.resolve([]);
 
 export const removeFromRadarr = (id: number) =>
-	RadarrApi.del('/api/v3/movie/{id}', {
-		params: {
-			path: {
-				id
+	getRadarrApi()
+		?.del('/api/v3/movie/{id}', {
+			params: {
+				path: {
+					id
+				}
 			}
-		}
-	}).then((res) => res.response.ok);
+		})
+		.then((res) => res.response.ok) || Promise.resolve(false);
+
+export const getRadarrHealth = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get((baseUrl || get(settings)?.radarr.baseUrl) + '/api/v3/health', {
+			headers: {
+				'X-Api-Key': apiKey || get(settings)?.radarr.apiKey
+			}
+		})
+		.then((res) => res.status === 200)
+		.catch(() => false);
+
+export const getRadarrRootFolders = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get<components['schemas']['RootFolderResource'][]>(
+			(baseUrl || get(settings)?.sonarr.baseUrl) + '/api/v3/rootFolder',
+			{
+				headers: {
+					'X-Api-Key': apiKey || get(settings)?.sonarr.apiKey
+				}
+			}
+		)
+		.then((res) => res.data || []);
+
+export const getRadarrQualityProfiles = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get<components['schemas']['QualityProfileResource'][]>(
+			(baseUrl || get(settings)?.sonarr.baseUrl) + '/api/v3/qualityprofile',
+			{
+				headers: {
+					'X-Api-Key': apiKey || get(settings)?.sonarr.apiKey
+				}
+			}
+		)
+		.then((res) => res.data || []);
diff --git a/src/lib/apis/sonarr/sonarrApi.ts b/src/lib/apis/sonarr/sonarrApi.ts
index f17ba2d..a33873f 100644
--- a/src/lib/apis/sonarr/sonarrApi.ts
+++ b/src/lib/apis/sonarr/sonarrApi.ts
@@ -1,13 +1,12 @@
-import { env } from '$env/dynamic/public';
 import type { components, paths } from '$lib/apis/sonarr/sonarr.generated';
-import { log } from '$lib/utils';
-import createClient from 'openapi-fetch';
-import { getTmdbSeries } from '../tmdb/tmdbApi';
-import { get } from 'svelte/store';
 import { settings } from '$lib/stores/settings.store';
+import { log } from '$lib/utils';
+import axios from 'axios';
+import createClient from 'openapi-fetch';
+import { get } from 'svelte/store';
+import { getTmdbSeries } from '../tmdb/tmdbApi';
 
 export type SonarrSeries = components['schemas']['SeriesResource'];
-// export type MovieFileResource = components['schemas']['MovieFileResource'];
 export type SonarrReleaseResource = components['schemas']['ReleaseResource'];
 export type SonarrDownload = components['schemas']['QueueResource'] & { series: SonarrSeries };
 export type DiskSpaceInfo = components['schemas']['DiskSpaceResource'];
@@ -39,32 +38,46 @@ export interface SonarrSeriesOptions {
 	};
 }
 
-export const SonarrApi = createClient<paths>({
-	baseUrl: env.PUBLIC_SONARR_BASE_URL,
-	headers: {
-		'X-Api-Key': env.PUBLIC_SONARR_API_KEY
-	}
-});
+function getSonarrApi() {
+	const baseUrl = get(settings)?.sonarr.baseUrl;
+	const apiKey = get(settings)?.sonarr.apiKey;
+	const rootFolder = get(settings)?.sonarr.rootFolderPath;
+	const qualityProfileId = get(settings)?.sonarr.qualityProfileId;
+	const languageProfileId = get(settings)?.sonarr.languageProfileId;
+
+	if (!baseUrl || !apiKey || !rootFolder || !qualityProfileId || !languageProfileId)
+		return undefined;
+
+	return createClient<paths>({
+		baseUrl,
+		headers: {
+			'X-Api-Key': apiKey
+		}
+	});
+}
 
 export const getSonarrSeries = (): Promise<SonarrSeries[]> =>
-	SonarrApi.get('/api/v3/series', {
-		params: {}
-	}).then((r) => r.data || []);
+	getSonarrApi()
+		?.get('/api/v3/series', {
+			params: {}
+		})
+		.then((r) => r.data || []) || Promise.resolve([]);
 
 export const getSonarrSeriesByTvdbId = (tvdbId: number): Promise<SonarrSeries | undefined> =>
-	SonarrApi.get('/api/v3/series', {
-		params: {
-			query: {
-				tvdbId: tvdbId
+	getSonarrApi()
+		?.get('/api/v3/series', {
+			params: {
+				query: {
+					tvdbId: tvdbId
+				}
 			}
-		}
-	}).then((r) => r.data?.find((m) => m.tvdbId === tvdbId));
-
-export const getRadarrDownloadById = (sonarrId: number) =>
-	getSonarrDownloads().then((downloads) => downloads.find((d) => d.series.id === sonarrId));
+		})
+		.then((r) => r.data?.find((m) => m.tvdbId === tvdbId)) || Promise.resolve(undefined);
 
 export const getDiskSpace = (): Promise<DiskSpaceInfo[]> =>
-	SonarrApi.get('/api/v3/diskspace', {}).then((d) => d.data || []);
+	getSonarrApi()
+		?.get('/api/v3/diskspace', {})
+		.then((d) => d.data || []) || Promise.resolve([]);
 
 export const addSeriesToSonarr = async (tmdbId: number) => {
 	const tmdbSeries = await getTmdbSeries(tmdbId);
@@ -75,102 +88,123 @@ export const addSeriesToSonarr = async (tmdbId: number) => {
 	const options: SonarrSeriesOptions = {
 		title: tmdbSeries.name,
 		tvdbId: tmdbSeries.external_ids.tvdb_id,
-		qualityProfileId: get(settings).sonarr.qualityProfileId,
+		qualityProfileId: get(settings)?.sonarr.qualityProfileId || 0,
 		monitored: false,
 		addOptions: {
 			monitor: 'none',
 			searchForMissingEpisodes: false,
 			searchForCutoffUnmetEpisodes: false
 		},
-		rootFolderPath: get(settings).sonarr.rootFolderPath,
-		languageProfileId: get(settings).sonarr.languageProfileId,
+		rootFolderPath: get(settings)?.sonarr.rootFolderPath || '',
+		languageProfileId: get(settings)?.sonarr.languageProfileId || 0,
 		seasonFolder: true
 	};
 
-	return SonarrApi.post('/api/v3/series', {
-		params: {},
-		body: options
-	}).then((r) => r.data);
+	return getSonarrApi()
+		?.post('/api/v3/series', {
+			params: {},
+			body: options
+		})
+		.then((r) => r.data);
 };
 
 export const cancelDownloadSonarrEpisode = async (downloadId: number) => {
-	const deleteResponse = await SonarrApi.del('/api/v3/queue/{id}', {
-		params: {
-			path: {
-				id: downloadId
-			},
-			query: {
-				blocklist: false,
-				removeFromClient: true
+	const deleteResponse = await getSonarrApi()
+		?.del('/api/v3/queue/{id}', {
+			params: {
+				path: {
+					id: downloadId
+				},
+				query: {
+					blocklist: false,
+					removeFromClient: true
+				}
 			}
-		}
-	}).then((r) => log(r));
+		})
+		.then((r) => log(r));
 
-	return deleteResponse.response.ok;
+	return !!deleteResponse?.response.ok;
 };
 
-export const downloadSonarrEpisode = (guid: string) =>
-	SonarrApi.post('/api/v3/release', {
-		params: {},
-		body: {
-			indexerId: 2,
-			guid
-		}
-	});
+export const downloadSonarrEpisode = (guid: string, indexerId: number) =>
+	getSonarrApi()
+		?.post('/api/v3/release', {
+			params: {},
+			body: {
+				indexerId,
+				guid
+			}
+		})
+		.then((res) => res.response.ok) || Promise.resolve(false);
 
 export const deleteSonarrEpisode = (id: number) =>
-	SonarrApi.del('/api/v3/episodefile/{id}', {
-		params: {
-			path: {
-				id
+	getSonarrApi()
+		?.del('/api/v3/episodefile/{id}', {
+			params: {
+				path: {
+					id
+				}
 			}
-		}
-	}).then((res) => res.response.ok);
+		})
+		.then((res) => res.response.ok) || Promise.resolve(false);
 
 export const getSonarrDownloads = (): Promise<SonarrDownload[]> =>
-	SonarrApi.get('/api/v3/queue', {
-		params: {
-			query: {
-				includeEpisode: true,
-				includeSeries: true
+	getSonarrApi()
+		?.get('/api/v3/queue', {
+			params: {
+				query: {
+					includeEpisode: true,
+					includeSeries: true
+				}
 			}
-		}
-	}).then(
-		(r) =>
-			(r.data?.records?.filter((record) => record.episode && record.series) as SonarrDownload[]) ||
-			[]
-	);
+		})
+		.then(
+			(r) =>
+				(r.data?.records?.filter(
+					(record) => record.episode && record.series
+				) as SonarrDownload[]) || []
+		) || Promise.resolve([]);
 
 export const getSonarrDownloadsById = (sonarrId: number) =>
-	getSonarrDownloads().then((downloads) => downloads.filter((d) => d.seriesId === sonarrId));
+	getSonarrDownloads().then((downloads) => downloads.filter((d) => d.seriesId === sonarrId)) ||
+	Promise.resolve([]);
 
-export const removeFromSonarr = (id: number) =>
-	SonarrApi.del('/api/v3/series/{id}', {
-		params: {
-			path: {
-				id
+export const removeFromSonarr = (id: number): Promise<boolean> =>
+	getSonarrApi()
+		?.del('/api/v3/series/{id}', {
+			params: {
+				path: {
+					id
+				}
 			}
-		}
-	}).then((res) => res.response.ok);
+		})
+		.then((res) => res.response.ok) || Promise.resolve(false);
 
 export const getSonarrEpisodes = async (seriesId: number) => {
-	const episodesPromise = SonarrApi.get('/api/v3/episode', {
-		params: {
-			query: {
-				seriesId
-			}
-		}
-	}).then((r) => r.data || []);
+	const episodesPromise =
+		getSonarrApi()
+			?.get('/api/v3/episode', {
+				params: {
+					query: {
+						seriesId
+					}
+				}
+			})
+			.then((r) => r.data || []) || Promise.resolve([]);
 
-	const episodeFilesPromise = SonarrApi.get('/api/v3/episodefile', {
-		params: {
-			query: {
-				seriesId
-			}
-		}
-	}).then((r) => r.data || []);
+	const episodeFilesPromise =
+		getSonarrApi()
+			?.get('/api/v3/episodefile', {
+				params: {
+					query: {
+						seriesId
+					}
+				}
+			})
+			.then((r) => r.data || []) || Promise.resolve([]);
 
-	const [episodes, episodeFiles] = await Promise.all([episodesPromise, episodeFilesPromise]);
+	const episodes = await episodesPromise;
+	const episodeFiles = await episodeFilesPromise;
 
 	return episodes.map((episode) => ({
 		episode,
@@ -179,30 +213,96 @@ export const getSonarrEpisodes = async (seriesId: number) => {
 };
 
 export const fetchSonarrReleases = async (episodeId: number) =>
-	SonarrApi.get('/api/v3/release', {
-		params: {
-			query: {
-				episodeId
+	getSonarrApi()
+		?.get('/api/v3/release', {
+			params: {
+				query: {
+					episodeId
+				}
 			}
-		}
-	}).then((r) => r.data || []);
+		})
+		.then((r) => r.data || []) || Promise.resolve([]);
 
 export const fetchSonarrSeasonReleases = async (seriesId: number, seasonNumber: number) =>
-	SonarrApi.get('/api/v3/release', {
-		params: {
-			query: {
-				seriesId,
-				seasonNumber
+	getSonarrApi()
+		?.get('/api/v3/release', {
+			params: {
+				query: {
+					seriesId,
+					seasonNumber
+				}
 			}
-		}
-	}).then((r) => r.data || []);
+		})
+		.then((r) => r.data || []) || Promise.resolve([]);
 
 export const fetchSonarrEpisodes = async (seriesId: number): Promise<SonarrEpisode[]> => {
-	return SonarrApi.get('/api/v3/episode', {
-		params: {
-			query: {
-				seriesId
-			}
-		}
-	}).then((r) => r.data || []);
+	return (
+		getSonarrApi()
+			?.get('/api/v3/episode', {
+				params: {
+					query: {
+						seriesId
+					}
+				}
+			})
+			.then((r) => r.data || []) || Promise.resolve([])
+	);
 };
+
+export const getSonarrHealth = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get((baseUrl || get(settings)?.sonarr.baseUrl) + '/api/v3/health', {
+			headers: {
+				'X-Api-Key': apiKey || get(settings)?.sonarr.apiKey
+			}
+		})
+		.then((res) => res.status === 200)
+		.catch(() => false);
+
+export const getSonarrRootFolders = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get<components['schemas']['RootFolderResource'][]>(
+			(baseUrl || get(settings)?.sonarr.baseUrl) + '/api/v3/rootFolder',
+			{
+				headers: {
+					'X-Api-Key': apiKey || get(settings)?.sonarr.apiKey
+				}
+			}
+		)
+		.then((res) => res.data || []);
+
+export const getSonarrQualityProfiles = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get<components['schemas']['QualityProfileResource'][]>(
+			(baseUrl || get(settings)?.sonarr.baseUrl) + '/api/v3/qualityprofile',
+			{
+				headers: {
+					'X-Api-Key': apiKey || get(settings)?.sonarr.apiKey
+				}
+			}
+		)
+		.then((res) => res.data || []);
+
+export const getSonarrLanguageProfiles = async (
+	baseUrl: string | undefined = undefined,
+	apiKey: string | undefined = undefined
+) =>
+	axios
+		.get<components['schemas']['LanguageProfileResource'][]>(
+			(baseUrl || get(settings)?.sonarr.baseUrl) + '/api/v3/languageprofile',
+			{
+				headers: {
+					'X-Api-Key': apiKey || get(settings)?.sonarr.apiKey
+				}
+			}
+		)
+		.then((res) => res.data || []);
diff --git a/src/lib/apis/tmdb/tmdbApi.ts b/src/lib/apis/tmdb/tmdbApi.ts
index 9d2d666..b4421df 100644
--- a/src/lib/apis/tmdb/tmdbApi.ts
+++ b/src/lib/apis/tmdb/tmdbApi.ts
@@ -1,6 +1,6 @@
 import { browser } from '$app/environment';
 import { TMDB_API_KEY } from '$lib/constants';
-import { getIncludedLanguagesQuery, settings } from '$lib/stores/settings.store';
+import { settings } from '$lib/stores/settings.store';
 import { formatDateToYearMonthDay } from '$lib/utils';
 import createClient from 'openapi-fetch';
 import { get } from 'svelte/store';
@@ -70,7 +70,7 @@ export const getTmdbMovie = async (tmdbId: number) =>
 			},
 			query: {
 				append_to_response: 'videos,credits,external_ids,images',
-				...({ include_image_language: get(settings).language + ',en,null' } as any)
+				...({ include_image_language: get(settings)?.language + ',en,null' } as any)
 			}
 		}
 	}).then((res) => res.data as TmdbMovieFull2 | undefined);
@@ -101,7 +101,7 @@ export const getTmdbSeries = async (tmdbId: number): Promise<TmdbSeriesFull2 | u
 			},
 			query: {
 				append_to_response: 'videos,aggregate_credits,external_ids,images',
-				...({ include_image_language: get(settings).language + ',en,null' } as any)
+				...({ include_image_language: get(settings)?.language + ',en,null' } as any)
 			}
 		},
 		headers: {
@@ -158,7 +158,7 @@ export const getTmdbSeriesBackdrop = async (tmdbId: number) =>
 			.then(
 				(r) =>
 					(
-						r?.backdrops?.find((b) => b.iso_639_1 === get(settings).language) ||
+						r?.backdrops?.find((b) => b.iso_639_1 === get(settings)?.language) ||
 						r?.backdrops?.find((b) => b.iso_639_1 === 'en') ||
 						r?.backdrops?.find((b) => b.iso_639_1) ||
 						r?.backdrops?.[0]
@@ -173,7 +173,7 @@ export const getTmdbMovieBackdrop = async (tmdbId: number) =>
 			.then(
 				(r) =>
 					(
-						r?.backdrops?.find((b) => b.iso_639_1 === get(settings).language) ||
+						r?.backdrops?.find((b) => b.iso_639_1 === get(settings)?.language) ||
 						r?.backdrops?.find((b) => b.iso_639_1 === 'en') ||
 						r?.backdrops?.find((b) => b.iso_639_1) ||
 						r?.backdrops?.[0]
@@ -193,8 +193,8 @@ export const getTmdbPopularMovies = () =>
 	TmdbApiOpen.get('/3/movie/popular', {
 		params: {
 			query: {
-				language: get(settings).language,
-				region: get(settings).region
+				language: get(settings)?.language,
+				region: get(settings)?.discover.region
 			}
 		}
 	}).then((res) => res.data?.results || []);
@@ -203,19 +203,7 @@ export const getTmdbPopularSeries = () =>
 	TmdbApiOpen.get('/3/tv/popular', {
 		params: {
 			query: {
-				language: get(settings).language
-			}
-		}
-	}).then((res) => res.data?.results || []);
-
-export const getTmdbTrendingAll = () =>
-	TmdbApiOpen.get('/3/trending/all/{time_window}', {
-		params: {
-			path: {
-				time_window: 'day'
-			},
-			query: {
-				language: get(settings).language
+				language: get(settings)?.language
 			}
 		}
 	}).then((res) => res.data?.results || []);
@@ -229,44 +217,11 @@ export const getTmdbNetworkSeries = (networkId: number) =>
 		}
 	}).then((res) => res.data?.results || []);
 
-export const getTmdbDigitalReleases = () =>
-	TmdbApiOpen.get('/3/discover/movie', {
-		params: {
-			query: {
-				with_release_type: 4,
-				sort_by: 'popularity.desc',
-				'release_date.lte': formatDateToYearMonthDay(new Date()),
-				...getIncludedLanguagesQuery()
-			}
-		}
-	}).then((res) => res.data?.results || []);
-
-export const getTmdbUpcomingMovies = () =>
-	TmdbApiOpen.get('/3/discover/movie', {
-		params: {
-			query: {
-				'primary_release_date.gte': formatDateToYearMonthDay(new Date()),
-				sort_by: 'popularity.desc'
-				// ...getIncludedLanguagesQuery()
-			}
-		}
-	}).then((res) => res.data?.results || []);
-
-export const getTrendingActors = () =>
-	TmdbApiOpen.get('/3/trending/person/{time_window}', {
-		params: {
-			path: {
-				time_window: 'week'
-			}
-		}
-	}).then((res) => res.data?.results || []);
-
 export const getTmdbGenreMovies = (genreId: number) =>
 	TmdbApiOpen.get('/3/discover/movie', {
 		params: {
 			query: {
-				with_genres: String(genreId),
-				...getIncludedLanguagesQuery()
+				with_genres: String(genreId)
 			}
 		}
 	}).then((res) => res.data?.results || []);
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 6d12a26..6d924ed 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -4,8 +4,9 @@
 
 	const dispatch = createEventDispatcher();
 
-	export let size: 'md' | 'sm' | 'lg' = 'md';
+	export let size: 'md' | 'sm' | 'lg' | 'xs' = 'md';
 	export let type: 'primary' | 'secondary' | 'tertiary' = 'secondary';
+	export let slim = false;
 	export let disabled = false;
 
 	export let href: string | undefined = undefined;
@@ -13,18 +14,26 @@
 
 	let buttonStyle: string;
 	$: buttonStyle = classNames(
-		'flex items-center gap-1 rounded-xl font-medium select-none cursor-pointer selectable transition-all flex-shrink-0',
+		'flex items-center gap-1 font-medium select-none cursor-pointer selectable transition-all flex-shrink-0',
 		{
-			'bg-white text-zinc-900 font-extrabold backdrop-blur-lg': type === 'primary',
+			'bg-white text-zinc-900 font-extrabold backdrop-blur-lg rounded-xl': type === 'primary',
 			'hover:bg-amber-400 focus-within:bg-amber-400 hover:border-amber-400 focus-within:border-amber-400':
 				type === 'primary' && !disabled,
-			'text-zinc-200 bg-zinc-400 bg-opacity-20 backdrop-blur-lg': type === 'secondary',
+			'text-zinc-200 bg-zinc-600 bg-opacity-20 backdrop-blur-lg rounded-xl': type === 'secondary',
 			'focus-visible:bg-zinc-200 focus-visible:text-zinc-800 hover:bg-zinc-200 hover:text-zinc-800':
 				(type === 'secondary' || type === 'tertiary') && !disabled,
 			'rounded-full': type === 'tertiary',
-			'py-2 px-6 sm:py-3 sm:px-6': size === 'lg',
-			'py-2 px-6': size === 'md',
-			'py-1 px-3': size === 'sm',
+
+			'py-2 px-6 sm:py-3 sm:px-6': size === 'lg' && !slim,
+			'py-2 px-6': size === 'md' && !slim,
+			'py-1 px-4': size === 'sm' && !slim,
+			'py-1 px-4 text-sm': size === 'xs' && !slim,
+
+			'p-2 sm:p-3': size === 'lg' && slim,
+			'p-2': size === 'md' && slim,
+			'p-1': size === 'sm' && slim,
+			'p-1 text-sm': size === 'xs' && slim,
+
 			'opacity-50': disabled,
 			'cursor-pointer': !disabled
 		}
diff --git a/src/lib/components/Card/Card.svelte b/src/lib/components/Card/Card.svelte
index 6b6099a..d3e20e4 100644
--- a/src/lib/components/Card/Card.svelte
+++ b/src/lib/components/Card/Card.svelte
@@ -1,25 +1,23 @@
 <script lang="ts">
-	import { setJellyfinItemUnwatched, setJellyfinItemWatched } from '$lib/apis/jellyfin/jellyfinApi';
 	import { TMDB_BACKDROP_SMALL } from '$lib/constants';
-	import { library } from '$lib/stores/library.store';
+	import { createLibraryItemStore } from '$lib/stores/library.store';
+	import type { TitleType } from '$lib/types';
 	import { formatMinutesToTime } from '$lib/utils';
 	import classNames from 'classnames';
 	import { Clock, Star } from 'radix-icons-svelte';
 	import ContextMenu from '../ContextMenu/ContextMenu.svelte';
-	import ContextMenuItem from '../ContextMenu/ContextMenuItem.svelte';
-	import type { TitleType } from '$lib/types';
+	import LibraryItemContextItems from '../ContextMenu/LibraryItemContextItems.svelte';
 	import { openTitleModal } from '../Modal/Modal';
 	import ProgressBar from '../ProgressBar.svelte';
 
 	export let tmdbId: number;
-	export let jellyfinId: string | undefined = undefined;
 	export let type: TitleType = 'movie';
 	export let title: string;
 	export let genres: string[] = [];
 	export let runtimeMinutes = 0;
 	export let seasons = 0;
 	export let completionTime = '';
-	export let backdropUri: string;
+	export let backdropUrl: string;
 	export let rating: number;
 
 	export let available = true;
@@ -27,30 +25,12 @@
 	export let size: 'dynamic' | 'md' | 'lg' = 'md';
 	export let openInModal = true;
 
-	let watched = false;
-	$: watched = !available && !!jellyfinId;
-
-	function handleSetWatched() {
-		if (jellyfinId) {
-			setJellyfinItemWatched(jellyfinId).finally(() => library.refreshIn(3000));
-		}
-	}
-
-	function handleSetUnwatched() {
-		if (jellyfinId) {
-			setJellyfinItemUnwatched(jellyfinId).finally(() => library.refreshIn(3000));
-		}
-	}
+	let itemStore = createLibraryItemStore(tmdbId);
 </script>
 
-<ContextMenu heading={title} disabled={!jellyfinId}>
+<ContextMenu heading={title}>
 	<svelte:fragment slot="menu">
-		<ContextMenuItem on:click={handleSetWatched} disabled={!jellyfinId || watched}>
-			Mark as watched
-		</ContextMenuItem>
-		<ContextMenuItem on:click={handleSetUnwatched} disabled={!jellyfinId || !watched}>
-			Mark as unwatched
-		</ContextMenuItem>
+		<LibraryItemContextItems {itemStore} {type} {tmdbId} />
 	</svelte:fragment>
 	<button
 		class={classNames(
@@ -71,7 +51,7 @@
 		}}
 	>
 		<div
-			style={"background-image: url('" + TMDB_BACKDROP_SMALL + backdropUri + "')"}
+			style={"background-image: url('" + backdropUrl + "')"}
 			class="absolute inset-0 bg-center bg-cover group-hover:scale-105 group-focus-visible:scale-105 transition-transform"
 		/>
 		<div
diff --git a/src/lib/components/Card/card.ts b/src/lib/components/Card/card.ts
index cb96b60..6614673 100644
--- a/src/lib/components/Card/card.ts
+++ b/src/lib/components/Card/card.ts
@@ -7,9 +7,10 @@ import {
 } from '$lib/apis/tmdb/tmdbApi';
 import type { ComponentProps } from 'svelte';
 import type Card from './Card.svelte';
+import { TMDB_BACKDROP_SMALL } from '$lib/constants';
 
 export const fetchCardTmdbMovieProps = async (movie: TmdbMovie2): Promise<ComponentProps<Card>> => {
-	const backdropUri = getTmdbMovieBackdrop(movie.id || 0);
+	const backdropUri = await getTmdbMovieBackdrop(movie.id || 0);
 
 	const movieAny = movie as any;
 	const genres =
@@ -24,7 +25,7 @@ export const fetchCardTmdbMovieProps = async (movie: TmdbMovie2): Promise<Compon
 		title: movie.title || '',
 		genres,
 		runtimeMinutes: movie.runtime,
-		backdropUri: (await backdropUri) || '',
+		backdropUrl: backdropUri ? TMDB_BACKDROP_SMALL + backdropUri : '',
 		rating: movie.vote_average || 0
 	};
 };
@@ -32,7 +33,7 @@ export const fetchCardTmdbMovieProps = async (movie: TmdbMovie2): Promise<Compon
 export const fetchCardTmdbSeriesProps = async (
 	series: TmdbSeries2
 ): Promise<ComponentProps<Card>> => {
-	const backdropUri = getTmdbSeriesBackdrop(series.id || 0);
+	const backdropUri = await getTmdbSeriesBackdrop(series.id || 0);
 
 	const seriesAny = series as any;
 	const genres =
@@ -47,7 +48,7 @@ export const fetchCardTmdbSeriesProps = async (
 		title: series.name || '',
 		genres,
 		runtimeMinutes: series.episode_run_time?.[0],
-		backdropUri: (await backdropUri) || '',
+		backdropUrl: backdropUri ? TMDB_BACKDROP_SMALL + backdropUri : '',
 		rating: series.vote_average || 0,
 		type: 'series'
 	};
diff --git a/src/lib/components/ContextMenu/ContextMenu.svelte b/src/lib/components/ContextMenu/ContextMenu.svelte
index df8e908..2227304 100644
--- a/src/lib/components/ContextMenu/ContextMenu.svelte
+++ b/src/lib/components/ContextMenu/ContextMenu.svelte
@@ -4,22 +4,29 @@
 
 	export let heading = '';
 	export let disabled = false;
+	export let position: 'absolute' | 'fixed' = 'fixed';
+	let anchored = position === 'absolute';
+	export let bottom = false;
 
-	const id = Symbol();
+	export let id = Symbol();
 
 	let menu: HTMLDivElement;
+	let windowWidth: number;
+	let windowHeight: number;
 
-	let position = { x: 0, y: 0 };
+	let fixedPosition = { x: 0, y: 0 };
 
 	function close() {
 		contextMenu.hide();
 	}
 
-	function handleOpen(event: MouseEvent) {
-		if (disabled) return;
+	export function handleOpen(event: MouseEvent) {
+		if (disabled || (anchored && $contextMenu === id)) return; // Clicking button will close menu
 
-		position = { x: event.clientX, y: event.clientY };
+		fixedPosition = { x: event.clientX, y: event.clientY };
 		contextMenu.show(id);
+		event.preventDefault();
+		event.stopPropagation();
 	}
 
 	function handleClickOutside(event: MouseEvent) {
@@ -37,7 +44,12 @@
 	}
 </script>
 
-<svelte:window on:keydown={handleShortcuts} on:click={handleClickOutside} />
+<svelte:window
+	on:keydown={handleShortcuts}
+	on:click={handleClickOutside}
+	bind:innerWidth={windowWidth}
+	bind:innerHeight={windowHeight}
+/>
 <svelte:head>
 	{#if $contextMenu === id}
 		<style>
@@ -49,24 +61,34 @@
 </svelte:head>
 <!-- <svelte:body bind:this={body} /> -->
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:contextmenu|preventDefault={handleOpen}>
+<div on:contextmenu|preventDefault={handleOpen} on:click={(e) => anchored && e.stopPropagation()}>
 	<slot />
 </div>
 
 {#if $contextMenu === id}
-	{#key position}
+	{#key fixedPosition}
 		<div
-			class="fixed z-50 px-1 py-1 bg-zinc-800 bg-opacity-50 rounded-lg backdrop-blur-xl flex flex-col"
-			style="left: {position.x}px; top: {position.y}px;"
+			class={`${position} z-50 my-2 px-1 py-1 bg-zinc-800 bg-opacity-50 rounded-lg backdrop-blur-xl flex flex-col w-max`}
+			style={position === 'fixed'
+				? `left: ${
+						fixedPosition.x - (fixedPosition.x > windowWidth / 2 ? menu?.clientWidth : 0)
+				  }px; top: ${
+						fixedPosition.y -
+						(bottom ? (fixedPosition.y > windowHeight / 2 ? menu?.clientHeight : 0) : 0)
+				  }px;`
+				: menu?.getBoundingClientRect()?.left > windowWidth / 2
+				? `right: 0;${bottom ? 'bottom: 40px;' : ''}`
+				: `left: 0;${bottom ? 'bottom: 40px;' : ''}`}
 			bind:this={menu}
-			in:fly|global={{ y: 5, duration: 100, delay: 100 }}
+			in:fly|global={{ y: 5, duration: 100, delay: anchored ? 0 : 100 }}
 			out:fly|global={{ y: 5, duration: 100 }}
 		>
 			<slot name="title">
 				{#if heading}
 					<h2
-						class="text-xs text-zinc-200 opacity-60 tracking-wide font-semibold px-3 py-1 line-clamp-1"
+						class="text-xs text-zinc-200 opacity-60 tracking-wide font-semibold px-3 py-1 line-clamp-1 text-left"
 					>
 						{heading}
 					</h2>
diff --git a/src/lib/components/ContextMenu/ContextMenu.ts b/src/lib/components/ContextMenu/ContextMenu.ts
index e960dcf..b02f190 100644
--- a/src/lib/components/ContextMenu/ContextMenu.ts
+++ b/src/lib/components/ContextMenu/ContextMenu.ts
@@ -1,11 +1,11 @@
 import { writable } from 'svelte/store';
 
 function createContextMenu() {
-	const visibleItem = writable<Symbol | null>(null);
+	const visibleItem = writable<symbol | null>(null);
 
 	return {
 		subscribe: visibleItem.subscribe,
-		show: (item: Symbol) => {
+		show: (item: symbol) => {
 			visibleItem.set(item);
 		},
 		hide: () => {
diff --git a/src/lib/components/ContextMenu/ContextMenuButton.svelte b/src/lib/components/ContextMenu/ContextMenuButton.svelte
new file mode 100644
index 0000000..c78d83c
--- /dev/null
+++ b/src/lib/components/ContextMenu/ContextMenuButton.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import ContextMenu from './ContextMenu.svelte';
+	import { contextMenu } from '../ContextMenu/ContextMenu';
+	import Button from '../Button.svelte';
+	import { DotsVertical } from 'radix-icons-svelte';
+
+	export let heading = '';
+
+	export let contextMenuId = Symbol();
+
+	function handleToggleVisibility() {
+		if ($contextMenu === contextMenuId) contextMenu.hide();
+		else contextMenu.show(contextMenuId);
+	}
+</script>
+
+<div class="relative">
+	<ContextMenu position="absolute" {heading} id={contextMenuId}>
+		<slot name="menu" slot="menu" />
+
+		<Button slim on:click={handleToggleVisibility}>
+			<DotsVertical size={24} />
+		</Button>
+	</ContextMenu>
+</div>
diff --git a/src/lib/components/ContextMenu/ContextMenuDivider.svelte b/src/lib/components/ContextMenu/ContextMenuDivider.svelte
new file mode 100644
index 0000000..1018027
--- /dev/null
+++ b/src/lib/components/ContextMenu/ContextMenuDivider.svelte
@@ -0,0 +1 @@
+<div class="bg-zinc-200 bg-opacity-20 h-[1.5px] mx-3 my-1 rounded-full" />
diff --git a/src/lib/components/ContextMenu/ContextMenuItem.svelte b/src/lib/components/ContextMenu/ContextMenuItem.svelte
index 99d77bc..7a6dc47 100644
--- a/src/lib/components/ContextMenu/ContextMenuItem.svelte
+++ b/src/lib/components/ContextMenu/ContextMenuItem.svelte
@@ -7,9 +7,9 @@
 <button
 	on:click
 	class={classNames(
-		'text-sm font-medium px-3 py-1 hover:bg-zinc-200 hover:bg-opacity-10 rounded-md text-left cursor-default',
+		'text-sm font-medium tracking-wide px-3 py-1 hover:bg-zinc-200 hover:bg-opacity-10 rounded-md text-left cursor-default',
 		{
-			'opacity-80 pointer-events-none': disabled
+			'opacity-75 pointer-events-none': disabled
 		}
 	)}
 >
diff --git a/src/lib/components/ContextMenu/LibraryItemContextItems.svelte b/src/lib/components/ContextMenu/LibraryItemContextItems.svelte
new file mode 100644
index 0000000..c4e8cad
--- /dev/null
+++ b/src/lib/components/ContextMenu/LibraryItemContextItems.svelte
@@ -0,0 +1,82 @@
+<script lang="ts">
+	import { setJellyfinItemUnwatched, setJellyfinItemWatched } from '$lib/apis/jellyfin/jellyfinApi';
+	import { library, type LibraryItemStore } from '$lib/stores/library.store';
+	import { settings } from '$lib/stores/settings.store';
+	import type { TitleType } from '$lib/types';
+	import ContextMenuDivider from './ContextMenuDivider.svelte';
+	import ContextMenuItem from './ContextMenuItem.svelte';
+
+	export let itemStore: LibraryItemStore;
+	export let type: TitleType;
+	export let tmdbId: number;
+
+	let watched = false;
+	itemStore.subscribe((i) => {
+		if (i.item?.jellyfinItem) {
+			watched =
+				i.item.jellyfinItem.UserData?.Played !== undefined
+					? i.item.jellyfinItem.UserData?.Played
+					: watched;
+		}
+	});
+
+	function handleSetWatched() {
+		if ($itemStore.item?.jellyfinId) {
+			watched = true;
+			setJellyfinItemWatched($itemStore.item?.jellyfinId).finally(() => library.refreshIn(3000));
+		}
+	}
+
+	function handleSetUnwatched() {
+		if ($itemStore.item?.jellyfinId) {
+			watched = false;
+			setJellyfinItemUnwatched($itemStore.item?.jellyfinId).finally(() => library.refreshIn(3000));
+		}
+	}
+
+	function handleOpenInJellyfin() {
+		window.open(
+			$settings.jellyfin.baseUrl +
+				'/web/index.html#!/details?id=' +
+				$itemStore.item?.jellyfinItem?.Id
+		);
+	}
+</script>
+
+{#if $itemStore.item}
+	<ContextMenuItem on:click={handleSetWatched} disabled={!$itemStore.item?.jellyfinId || watched}>
+		Mark as watched
+	</ContextMenuItem>
+	<ContextMenuItem
+		on:click={handleSetUnwatched}
+		disabled={!$itemStore.item?.jellyfinId || !watched}
+	>
+		Mark as unwatched
+	</ContextMenuItem>
+	<ContextMenuDivider />
+	<ContextMenuItem disabled={!$itemStore.item.jellyfinItem} on:click={handleOpenInJellyfin}>
+		Open in Jellyfin
+	</ContextMenuItem>
+	{#if $itemStore.item.type === 'movie'}
+		<ContextMenuItem
+			disabled={!$itemStore.item.radarrMovie}
+			on:click={() =>
+				window.open($settings.radarr.baseUrl + '/movie/' + $itemStore.item?.radarrMovie?.tmdbId)}
+		>
+			Open in Radarr
+		</ContextMenuItem>
+	{:else}
+		<ContextMenuItem
+			disabled={!$itemStore.item.sonarrSeries}
+			on:click={() =>
+				window.open(
+					$settings.sonarr.baseUrl + '/series/' + $itemStore.item?.sonarrSeries?.titleSlug
+				)}
+		>
+			Open in Sonarr
+		</ContextMenuItem>
+	{/if}
+{/if}
+<ContextMenuItem on:click={() => window.open(`https://www.themoviedb.org/${type}/${tmdbId}`)}>
+	Open in TMDB
+</ContextMenuItem>
diff --git a/src/lib/components/ContextMenu/SelectableContextMenuItem.svelte b/src/lib/components/ContextMenu/SelectableContextMenuItem.svelte
new file mode 100644
index 0000000..ccbba36
--- /dev/null
+++ b/src/lib/components/ContextMenu/SelectableContextMenuItem.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import classNames from 'classnames';
+	import { Check } from 'radix-icons-svelte';
+	import ContextMenuItem from './ContextMenuItem.svelte';
+
+	export let selected = false;
+</script>
+
+<ContextMenuItem on:click>
+	<div class="flex items-center gap-2 justify-between cursor-pointer">
+		<Check
+			size={20}
+			class={classNames({
+				'opacity-0': !selected,
+				'opacity-100': selected
+			})}
+		/>
+		<div class="flex items-center text-left w-32">
+			<slot />
+		</div>
+	</div>
+</ContextMenuItem>
diff --git a/src/lib/components/IconButton.svelte b/src/lib/components/IconButton.svelte
index c7472d9..9c0be2a 100644
--- a/src/lib/components/IconButton.svelte
+++ b/src/lib/components/IconButton.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import classNames from 'classnames';
 
 	export let disabled = false;
diff --git a/src/lib/components/Modal/Modal.ts b/src/lib/components/Modal/Modal.ts
index aa12966..49efd8e 100644
--- a/src/lib/components/Modal/Modal.ts
+++ b/src/lib/components/Modal/Modal.ts
@@ -3,8 +3,8 @@ import { writable } from 'svelte/store';
 import TitlePageModal from '../TitlePageLayout/TitlePageModal.svelte';
 
 type ModalItem = {
-	id: Symbol;
-	group: Symbol;
+	id: symbol;
+	group: symbol;
 	component: ConstructorOfATypedSvelteComponent;
 	props: Record<string, any>;
 };
@@ -14,7 +14,7 @@ function createDynamicModalStack() {
 		top: undefined
 	});
 
-	function close(symbol: Symbol) {
+	function close(symbol: symbol) {
 		store.update((s) => {
 			s.stack = s.stack.filter((i) => i.id !== symbol);
 			s.top = s.stack[s.stack.length - 1];
@@ -22,7 +22,7 @@ function createDynamicModalStack() {
 		});
 	}
 
-	function closeGroup(group: Symbol) {
+	function closeGroup(group: symbol) {
 		store.update((s) => {
 			s.stack = s.stack.filter((i) => i.group !== group);
 			s.top = s.stack[s.stack.length - 1];
@@ -33,7 +33,7 @@ function createDynamicModalStack() {
 	function create(
 		component: ConstructorOfATypedSvelteComponent,
 		props: Record<string, any>,
-		group: Symbol | undefined = undefined
+		group: symbol | undefined = undefined
 	) {
 		const id = Symbol();
 		const item = { id, component, props, group: group || id };
@@ -60,7 +60,7 @@ function createDynamicModalStack() {
 
 export const modalStack = createDynamicModalStack();
 
-let lastTitleModal: Symbol | undefined = undefined;
+let lastTitleModal: symbol | undefined = undefined;
 export function openTitleModal(tmdbId: number, type: TitleType) {
 	if (lastTitleModal) {
 		modalStack.close(lastTitleModal);
diff --git a/src/lib/components/Navbar/TitleSearchModal.svelte b/src/lib/components/Navbar/TitleSearchModal.svelte
index 3cecc8c..a53f663 100644
--- a/src/lib/components/Navbar/TitleSearchModal.svelte
+++ b/src/lib/components/Navbar/TitleSearchModal.svelte
@@ -10,7 +10,7 @@
 	import type { TitleType } from '$lib/types';
 	import { _ } from 'svelte-i18n';
 
-	export let modalId: Symbol;
+	export let modalId: symbol;
 
 	let inputValue = '';
 	let inputElement: HTMLInputElement;
diff --git a/src/lib/components/Poster/Poster.svelte b/src/lib/components/Poster/Poster.svelte
index c33f978..1e12947 100644
--- a/src/lib/components/Poster/Poster.svelte
+++ b/src/lib/components/Poster/Poster.svelte
@@ -9,7 +9,7 @@
 	export let tmdbId: number;
 	export let jellyfinId: string = '';
 	export let type: TitleType = 'movie';
-	export let backdropUri: string;
+	export let backdropUrl: string;
 
 	export let title = '';
 	export let subtitle = '';
@@ -19,7 +19,7 @@
 
 <a
 	href={`/${type}/${tmdbId}`}
-	style={"background-image: url('" + TMDB_POSTER_SMALL + backdropUri + "');"}
+	style={"background-image: url('" + backdropUrl + "');"}
 	class="relative flex shadow-lg rounded-lg aspect-[2/3] bg-center bg-cover w-44 selectable group hover:text-inherit flex-shrink-0"
 >
 	<div
diff --git a/src/lib/components/RequestModal/EpisodeSelectModal.svelte b/src/lib/components/RequestModal/EpisodeSelectModal.svelte
index 4b0dee1..3870843 100644
--- a/src/lib/components/RequestModal/EpisodeSelectModal.svelte
+++ b/src/lib/components/RequestModal/EpisodeSelectModal.svelte
@@ -6,8 +6,8 @@
 	import ModalHeader from '../Modal/ModalHeader.svelte';
 	import RequestModal from './RequestModal.svelte';
 
-	export let modalId: Symbol;
-	export let groupId: Symbol;
+	export let modalId: symbol;
+	export let groupId: symbol;
 
 	export let sonarrId: number;
 	export let seasonNumber: number;
@@ -22,8 +22,8 @@
 		modalStack.create(
 			RequestModal,
 			{
-				episode,
-				sonarrId,
+				sonarrEpisodeId: episode.id,
+				// sonarrId,
 				groupId
 			},
 			groupId
diff --git a/src/lib/components/RequestModal/RequestModal.svelte b/src/lib/components/RequestModal/RequestModal.svelte
index ce1313a..92b271e 100644
--- a/src/lib/components/RequestModal/RequestModal.svelte
+++ b/src/lib/components/RequestModal/RequestModal.svelte
@@ -16,10 +16,11 @@
 
 	const dispatch = createEventDispatcher();
 
-	export let modalId: Symbol;
-	export let groupId: Symbol | undefined = undefined;
+	export let modalId: symbol;
+	export let groupId: symbol | undefined = undefined;
 
 	export let title = 'Releases';
+
 	export let radarrId: number | undefined = undefined;
 	export let sonarrEpisodeId: number | undefined = undefined;
 	export let seasonPack: { sonarrId: number; seasonNumber: number } | undefined = undefined;
@@ -66,21 +67,21 @@
 		};
 	}
 
-	function handleDownload(guid: string) {
+	function handleDownload(guid: string, indexerId: number) {
 		downloadFetchingGuid = guid;
 		if (radarrId) {
-			downloadRadarrMovie(guid).then((res) => {
+			downloadRadarrMovie(guid, indexerId).then((ok) => {
 				dispatch('download');
 				downloadFetchingGuid = undefined;
-				if (res.response?.ok) {
+				if (ok) {
 					downloadingGuid = guid;
 				}
 			});
 		} else {
-			downloadSonarrEpisode(guid).then((res) => {
+			downloadSonarrEpisode(guid, indexerId).then((ok) => {
 				dispatch('download');
 				downloadFetchingGuid = undefined;
-				if (res.response?.ok) {
+				if (ok) {
 					downloadingGuid = guid;
 				}
 			});
@@ -130,7 +131,10 @@
 								<div class="text-zinc-400">{formatSize(release?.size || 0)}</div>
 								{#if release.guid !== downloadingGuid}
 									<IconButton
-										on:click={() => release.guid && handleDownload(release.guid)}
+										on:click={() =>
+											release.guid &&
+											release.indexerId &&
+											handleDownload(release.guid, release.indexerId)}
 										disabled={downloadFetchingGuid === release.guid}
 									>
 										<Plus size={20} />
diff --git a/src/lib/components/RequestModal/SeriesRequestModal.svelte b/src/lib/components/RequestModal/SeriesRequestModal.svelte
index e768bda..c80c6e6 100644
--- a/src/lib/components/RequestModal/SeriesRequestModal.svelte
+++ b/src/lib/components/RequestModal/SeriesRequestModal.svelte
@@ -8,7 +8,7 @@
 	import EpisodeSelectModal from './EpisodeSelectModal.svelte';
 	import RequestModal from './RequestModal.svelte';
 
-	export let modalId: Symbol;
+	export let modalId: symbol;
 	export let sonarrId: number;
 	export let seasons: number;
 	export let heading = 'Seasons';
diff --git a/src/lib/components/SourceStats/RadarrStats.svelte b/src/lib/components/SourceStats/RadarrStats.svelte
index a253dbc..f9e1eb1 100644
--- a/src/lib/components/SourceStats/RadarrStats.svelte
+++ b/src/lib/components/SourceStats/RadarrStats.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { env } from '$env/dynamic/public';
 	import { getDiskSpace } from '$lib/apis/radarr/radarrApi';
 	import { library } from '$lib/stores/library.store';
+	import { settings } from '$lib/stores/settings.store';
 	import { formatSize } from '$lib/utils.js';
 	import RadarrIcon from '../svgs/RadarrIcon.svelte';
 	import StatsContainer from './StatsContainer.svelte';
@@ -21,7 +21,9 @@
 		);
 
 		const diskSpaceInfo =
-			(await discSpacePromise).find((disk) => disk.path === '/') || (await discSpacePromise)[0];
+			(await discSpacePromise).find((disk) => disk.path === '/') ||
+			(await discSpacePromise)[0] ||
+			undefined;
 
 		const spaceOccupied = availableMovies.reduce(
 			(acc, movie) => acc + (movie.radarrMovie?.sizeOnDisk || 0),
@@ -30,9 +32,9 @@
 
 		return {
 			moviesCount: availableMovies.length,
-			spaceLeft: diskSpaceInfo.freeSpace || 0,
+			spaceLeft: diskSpaceInfo?.freeSpace || 0,
 			spaceOccupied,
-			spaceTotal: diskSpaceInfo.totalSpace || 0
+			spaceTotal: diskSpaceInfo?.totalSpace || 0
 		};
 	}
 </script>
@@ -44,7 +46,7 @@
 		{large}
 		title="Radarr"
 		subtitle="Movies Provider"
-		href={env.PUBLIC_RADARR_BASE_URL}
+		href={$settings.radarr.baseUrl || '#'}
 		stats={[
 			{ title: 'Movies', value: String(moviesCount) },
 			{ title: 'Space Taken', value: formatSize(spaceOccupied) },
diff --git a/src/lib/components/SourceStats/SonarrStats.svelte b/src/lib/components/SourceStats/SonarrStats.svelte
index c072e4a..64e2316 100644
--- a/src/lib/components/SourceStats/SonarrStats.svelte
+++ b/src/lib/components/SourceStats/SonarrStats.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
-	import { formatSize } from '$lib/utils.js';
-	import { onMount } from 'svelte';
-	import StatsPlaceholder from './StatsPlaceholder.svelte';
-	import StatsContainer from './StatsContainer.svelte';
-	import SonarrIcon from '../svgs/SonarrIcon.svelte';
-	import { env } from '$env/dynamic/public';
 	import { getDiskSpace } from '$lib/apis/sonarr/sonarrApi';
 	import { library } from '$lib/stores/library.store';
+	import { settings } from '$lib/stores/settings.store';
+	import { formatSize } from '$lib/utils.js';
+	import SonarrIcon from '../svgs/SonarrIcon.svelte';
+	import StatsContainer from './StatsContainer.svelte';
+	import StatsPlaceholder from './StatsPlaceholder.svelte';
 
 	export let large = false;
 
@@ -18,7 +17,9 @@
 		);
 
 		const diskSpaceInfo =
-			(await discSpacePromise).find((disk) => disk.path === '/') || (await discSpacePromise)[0];
+			(await discSpacePromise).find((disk) => disk.path === '/') ||
+			(await discSpacePromise)[0] ||
+			undefined;
 
 		const spaceOccupied = availableSeries.reduce(
 			(acc, series) => acc + (series.sonarrSeries?.statistics?.sizeOnDisk || 0),
@@ -32,9 +33,9 @@
 
 		return {
 			episodesCount,
-			spaceLeft: diskSpaceInfo.freeSpace || 0,
+			spaceLeft: diskSpaceInfo?.freeSpace || 0,
 			spaceOccupied,
-			spaceTotal: diskSpaceInfo.totalSpace || 0
+			spaceTotal: diskSpaceInfo?.totalSpace || 0
 		};
 	}
 </script>
@@ -46,7 +47,7 @@
 		{large}
 		title="Sonarr"
 		subtitle="Shows Provider"
-		href={env.PUBLIC_SONARR_BASE_URL}
+		href={$settings.sonarr.baseUrl || '#'}
 		stats={[
 			{ title: 'Episodes', value: String(episodesCount) },
 			{ title: 'Space Taken', value: formatSize(spaceOccupied) },
diff --git a/src/lib/components/TitlePageLayout/OpenInButton.svelte b/src/lib/components/TitlePageLayout/OpenInButton.svelte
new file mode 100644
index 0000000..b7d2925
--- /dev/null
+++ b/src/lib/components/TitlePageLayout/OpenInButton.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import type { LibraryItemStore } from '$lib/stores/library.store';
+	import type { TitleType } from '$lib/types';
+	import ContextMenuButton from '../ContextMenu/ContextMenuButton.svelte';
+	import LibraryItemContextItems from '../ContextMenu/LibraryItemContextItems.svelte';
+
+	export let title = '';
+	export let itemStore: LibraryItemStore;
+	export let type: TitleType;
+	export let tmdbId: number;
+</script>
+
+<ContextMenuButton heading={$itemStore.loading ? 'Loading...' : title}>
+	<svelte:fragment slot="menu">
+		<LibraryItemContextItems {itemStore} {type} {tmdbId} />
+	</svelte:fragment>
+</ContextMenuButton>
diff --git a/src/lib/components/TitlePageLayout/TitlePageLayout.svelte b/src/lib/components/TitlePageLayout/TitlePageLayout.svelte
index c04686a..2ace8a2 100644
--- a/src/lib/components/TitlePageLayout/TitlePageLayout.svelte
+++ b/src/lib/components/TitlePageLayout/TitlePageLayout.svelte
@@ -67,7 +67,7 @@
 	})}
 >
 	<div
-		class={classNames('flex-1 relative flex pt-24 px-4 sm:px-8 pb-6', {
+		class={classNames('flex-1 relative flex pt-24 px-2 sm:px-4 lg:px-8 pb-6', {
 			'min-h-[60vh]': isModal
 		})}
 		bind:clientHeight={topHeight}
@@ -79,7 +79,7 @@
 				</IconButton>
 			</a>
 			<div class="absolute top-8 left-4 sm:left-8 z-10">
-				<button class="flex items-center sm:hidden" on:click={handleCloseModal}>
+				<button class="flex items-center sm:hidden font-medium" on:click={handleCloseModal}>
 					<ChevronLeft size={20} />
 					Back
 				</button>
@@ -127,7 +127,7 @@
 </div>
 
 <div
-	class={classNames('flex flex-col gap-6 bg-stone-950 px-2 sm:px-4 lg:px-8 pb-6 relative z-[1]', {
+	class={classNames('flex flex-col gap-6 bg-stone-950 px-2 sm:px-4 lg:px-8 pb-6 relative', {
 		'2xl:px-0': !isModal
 	})}
 >
diff --git a/src/lib/components/TitlePageLayout/TitlePageModal.svelte b/src/lib/components/TitlePageLayout/TitlePageModal.svelte
index b294fc5..5fed479 100644
--- a/src/lib/components/TitlePageLayout/TitlePageModal.svelte
+++ b/src/lib/components/TitlePageLayout/TitlePageModal.svelte
@@ -7,7 +7,7 @@
 
 	export let tmdbId: number;
 	export let type: TitleType;
-	export let modalId: Symbol;
+	export let modalId: symbol;
 
 	function handleCloseModal() {
 		modalStack.close(modalId);
diff --git a/src/lib/components/TitleShowcase/TitleShowcase.svelte b/src/lib/components/TitleShowcase/TitleShowcase.svelte
index ae81874..14a5aed 100644
--- a/src/lib/components/TitleShowcase/TitleShowcase.svelte
+++ b/src/lib/components/TitleShowcase/TitleShowcase.svelte
@@ -14,7 +14,7 @@
 
 	const TRAILER_TIMEOUT = 3000;
 	const TRAILER_LOAD_TIME = 1000;
-	const ANIMATION_DURATION = 150;
+	const ANIMATION_DURATION = $settings.animationDuration;
 
 	export let tmdbId: number;
 	export let type: TitleType;
@@ -52,13 +52,15 @@
 		trailerVisible = false;
 		UIVisible = true;
 
-		timeout = setTimeout(() => {
-			trailerMounted = true;
-
+		if ($settings.autoplayTrailers) {
 			timeout = setTimeout(() => {
-				trailerVisible = true;
-			}, TRAILER_LOAD_TIME);
-		}, TRAILER_TIMEOUT - TRAILER_LOAD_TIME);
+				trailerMounted = true; // Mount the trailer
+
+				timeout = setTimeout(() => {
+					trailerVisible = true;
+				}, TRAILER_LOAD_TIME);
+			}, TRAILER_TIMEOUT - TRAILER_LOAD_TIME);
+		}
 	}
 
 	onMount(() => {
diff --git a/src/lib/components/UpdateChecker.svelte b/src/lib/components/UpdateChecker.svelte
index 8bd96d7..eb4e0b8 100644
--- a/src/lib/components/UpdateChecker.svelte
+++ b/src/lib/components/UpdateChecker.svelte
@@ -1,28 +1,36 @@
 <script lang="ts">
-	import { skippedVersion } from '$lib/localstorage';
-	import axios from 'axios';
-	import IconButton from './IconButton.svelte';
-	import { Cross2 } from 'radix-icons-svelte';
-	import { log } from '$lib/utils';
 	import { version } from '$app/environment';
+	import { createLocalStorageStore } from '$lib/stores/localstorage.store';
+	import { Cross2 } from 'radix-icons-svelte';
+	import IconButton from './IconButton.svelte';
+	import axios from 'axios';
+	import Button from './Button.svelte';
 
 	let visible = true;
 
-	function fetchLatestVersion() {
+	const skippedVersion = createLocalStorageStore<string>('skipped-version');
+
+	async function fetchLatestVersion() {
 		return axios
 			.get('https://api.github.com/repos/aleksilassila/reiverr/tags')
-			.then((res) => res.data?.[0]?.name)
-			.then(log);
+			.then((res) => res.data?.[0]?.name);
 	}
 </script>
 
 {#await fetchLatestVersion() then latestVersion}
 	{#if latestVersion !== `v${version}` && latestVersion !== $skippedVersion && visible}
-		<div class="fixed inset-x-0 bottom-0 p-2 flex items-center justify-center z-20 bg-stone-800">
-			<a href="https://github.com/aleksilassila/reiverr">New version is available!</a>
-			<IconButton on:click={() => (visible = false)} class="absolute right-8 inset-y-0">
-				<Cross2 size={20} />
-			</IconButton>
+		<div
+			class="fixed inset-x-0 bottom-0 p-3 flex items-center justify-center z-20 bg-stone-800 text-sm"
+		>
+			<a href="https://github.com/aleksilassila/reiverr">{latestVersion} is now available!</a>
+			<div class="absolute right-4 inset-y-0 flex items-center gap-2">
+				<Button type="tertiary" size="xs" on:click={() => skippedVersion.set(latestVersion)}>
+					Skip this version
+				</Button>
+				<IconButton on:click={() => (visible = false)}>
+					<Cross2 size={20} />
+				</IconButton>
+			</div>
 		</div>
 	{/if}
 {/await}
diff --git a/src/lib/components/VideoPlayer/Slider.svelte b/src/lib/components/VideoPlayer/Slider.svelte
new file mode 100644
index 0000000..9191763
--- /dev/null
+++ b/src/lib/components/VideoPlayer/Slider.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+	export let min = 0;
+	export let max = 100;
+	export let step = 0.01;
+	export let primaryValue = 0;
+	export let secondaryValue = 0;
+
+	let progressBarOffset = 0;
+</script>
+
+<div class="h-1 relative group">
+	<div class="h-full relative px-[0.5rem]">
+		<div class="h-full bg-zinc-200 bg-opacity-20 rounded-full overflow-hidden relative">
+			<!-- Secondary progress -->
+			<div
+				class="h-full bg-zinc-200 bg-opacity-20 absolute top-0"
+				style="width: {(secondaryValue / max) * 100}%;"
+			/>
+
+			<!-- Primary progress -->
+			<div
+				class="h-full bg-amber-300 absolute top-0"
+				style="width: {(primaryValue / max) * 100}%;"
+				bind:offsetWidth={progressBarOffset}
+			/>
+		</div>
+
+		<div
+			class="absolute w-3 h-3 bg-amber-200 rounded-full transform mx-2 -translate-x-1/2 -translate-y-1/2 top-1/2 cursor-pointer
+                    drop-shadow-md opacity-0 group-hover:opacity-100 transition-opacity duration-100"
+			style="left: {progressBarOffset}px;"
+		/>
+	</div>
+
+	<input
+		type="range"
+		class="w-full absolute -top-0.5 cursor-pointer h-2 opacity-0"
+		{min}
+		{max}
+		{step}
+		bind:value={primaryValue}
+		on:mouseup
+		on:mousedown
+		on:touchstart
+		on:touchend
+	/>
+</div>
diff --git a/src/lib/components/VideoPlayer/VideoPlayer.svelte b/src/lib/components/VideoPlayer/VideoPlayer.svelte
index f627ff2..b77abfe 100644
--- a/src/lib/components/VideoPlayer/VideoPlayer.svelte
+++ b/src/lib/components/VideoPlayer/VideoPlayer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { env } from '$env/dynamic/public';
 	import {
+		delteActiveEncoding as deleteActiveEncoding,
 		getJellyfinItem,
 		getJellyfinPlaybackInfo,
 		reportJellyfinPlaybackProgress,
@@ -8,73 +8,233 @@
 		reportJellyfinPlaybackStopped
 	} from '$lib/apis/jellyfin/jellyfinApi';
 	import getDeviceProfile from '$lib/apis/jellyfin/playback-profiles';
+	import { getQualities } from '$lib/apis/jellyfin/qualities';
+	import { settings } from '$lib/stores/settings.store';
 	import classNames from 'classnames';
 	import Hls from 'hls.js';
-	import { Cross2 } from 'radix-icons-svelte';
-	import { onDestroy } from 'svelte';
+	import {
+		Cross2,
+		EnterFullScreen,
+		ExitFullScreen,
+		Gear,
+		Pause,
+		Play,
+		SpeakerLoud,
+		SpeakerModerate,
+		SpeakerOff,
+		SpeakerQuiet
+	} from 'radix-icons-svelte';
+	import { onDestroy, onMount } from 'svelte';
+	import { fade } from 'svelte/transition';
+	import { contextMenu } from '../ContextMenu/ContextMenu';
+	import ContextMenu from '../ContextMenu/ContextMenu.svelte';
+	import SelectableContextMenuItem from '../ContextMenu/SelectableContextMenuItem.svelte';
 	import IconButton from '../IconButton.svelte';
-	import { playerState } from './VideoPlayer';
 	import { modalStack } from '../Modal/Modal';
+	import Slider from './Slider.svelte';
+	import { playerState } from './VideoPlayer';
 
-	export let modalId: Symbol;
+	export let modalId: symbol;
 
-	let uiVisible = true;
+	let qualityContextMenuId = Symbol();
 
 	let video: HTMLVideoElement;
+	let videoWrapper: HTMLDivElement;
 	let mouseMovementTimeout: NodeJS.Timeout;
 	let stopCallback: () => void;
+	let deleteEncoding: () => void;
+	let reportProgress: () => void;
 	let progressInterval: NodeJS.Timeout;
 
-	const fetchPlaybackInfo = (itemId: string) =>
+	// These functions are different in every browser
+	let reqFullscreenFunc: ((elem: HTMLElement) => void) | undefined = undefined;
+	let exitFullscreen: (() => void) | undefined = undefined;
+	let fullscreenChangeEvent: string | undefined = undefined;
+	let getFullscreenElement: (() => HTMLElement) | undefined = undefined;
+
+	// Find the correct functions
+	let elem = document.createElement('div');
+	// @ts-ignore
+	if (elem.requestFullscreen) {
+		reqFullscreenFunc = (elem) => {
+			elem.requestFullscreen();
+		};
+		fullscreenChangeEvent = 'fullscreenchange';
+		getFullscreenElement = () => <HTMLElement>document.fullscreenElement;
+		if (document.exitFullscreen) exitFullscreen = () => document.exitFullscreen();
+		// @ts-ignore
+	} else if (elem.webkitRequestFullscreen) {
+		reqFullscreenFunc = (elem) => {
+			// @ts-ignore
+			elem.webkitRequestFullscreen();
+		};
+		fullscreenChangeEvent = 'webkitfullscreenchange';
+		// @ts-ignore
+		getFullscreenElement = () => <HTMLElement>document.webkitFullscreenElement;
+		// @ts-ignore
+		if (document.webkitExitFullscreen) exitFullscreen = () => document.webkitExitFullscreen();
+		// @ts-ignore
+	} else if (elem.msRequestFullscreen) {
+		reqFullscreenFunc = (elem) => {
+			// @ts-ignore
+			elem.msRequestFullscreen();
+		};
+		fullscreenChangeEvent = 'MSFullscreenChange';
+		// @ts-ignore
+		getFullscreenElement = () => <HTMLElement>document.msFullscreenElement;
+		// @ts-ignore
+		if (document.msExitFullscreen) exitFullscreen = () => document.msExitFullscreen();
+		// @ts-ignore
+	} else if (elem.mozRequestFullScreen) {
+		reqFullscreenFunc = (elem) => {
+			// @ts-ignore
+			elem.mozRequestFullScreen();
+		};
+		fullscreenChangeEvent = 'mozfullscreenchange';
+		// @ts-ignore
+		getFullscreenElement = () => <HTMLElement>document.mozFullScreenElement;
+		// @ts-ignore
+		if (document.mozCancelFullScreen) exitFullscreen = () => document.mozCancelFullScreen();
+	}
+
+	let paused: boolean;
+	let duration: number = 0;
+	let displayedTime: number = 0;
+	let bufferedTime: number = 0;
+
+	let videoLoaded: boolean = false;
+	let seeking: boolean = false;
+	let playerStateBeforeSeek: boolean;
+
+	let fullscreen: boolean = false;
+	let volume: number = 1;
+	let mute: boolean = false;
+
+	let resolution: number = 1080;
+	let currentBitrate: number = 0;
+
+	let shouldCloseUi = false;
+	let uiVisible = true;
+	$: uiVisible = !shouldCloseUi || seeking || paused || $contextMenu === qualityContextMenuId;
+
+	const fetchPlaybackInfo = (
+		itemId: string,
+		maxBitrate: number | undefined = undefined,
+		starting: boolean = true
+	) =>
 		getJellyfinItem(itemId).then((item) =>
 			getJellyfinPlaybackInfo(
 				itemId,
 				getDeviceProfile(),
-				item?.UserData?.PlaybackPositionTicks || 0
-			).then(async ({ playbackUri, playSessionId: sessionId, mediaSourceId, directPlay }) => {
+				item?.UserData?.PlaybackPositionTicks || Math.floor(displayedTime * 10_000_000),
+				maxBitrate || getQualities(item?.Height || 1080)[0].maxBitrate
+			).then(async (playbackInfo) => {
+				if (!playbackInfo) return;
+				const { playbackUri, playSessionId: sessionId, mediaSourceId, directPlay } = playbackInfo;
+
 				if (!playbackUri || !sessionId) {
 					console.log('No playback URL or session ID', playbackUri, sessionId);
 					return;
 				}
 
 				video.poster = item?.BackdropImageTags?.length
-					? `http://jellyfin.home/Items/${item?.Id}/Images/Backdrop?quality=100&tag=${item?.BackdropImageTags?.[0]}`
+					? `${$settings.jellyfin.baseUrl}/Items/${item?.Id}/Images/Backdrop?quality=100&tag=${item?.BackdropImageTags?.[0]}`
 					: '';
 
+				videoLoaded = false;
 				if (!directPlay) {
-					if (!Hls.isSupported()) {
+					if (Hls.isSupported()) {
+						const hls = new Hls();
+
+						hls.loadSource($settings.jellyfin.baseUrl + playbackUri);
+						hls.attachMedia(video);
+					} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+						/*
+						 * HLS.js does NOT work on iOS on iPhone because Safari on iPhone does not support MSE.
+						 * This is not a problem, since HLS is natively supported on iOS. But any other browser
+						 * that does not support MSE will not be able to play the video.
+						 */
+						video.src = $settings.jellyfin.baseUrl + playbackUri;
+					} else {
 						throw new Error('HLS is not supported');
 					}
-
-					const hls = new Hls();
-
-					hls.loadSource(env.PUBLIC_JELLYFIN_URL + playbackUri);
-					hls.attachMedia(video);
 				} else {
-					video.src = env.PUBLIC_JELLYFIN_URL + playbackUri;
+					video.src = $settings.jellyfin.baseUrl + playbackUri;
 				}
 
+				resolution = item?.Height || 1080;
+				currentBitrate = maxBitrate || getQualities(resolution)[0].maxBitrate;
+
 				if (item?.UserData?.PlaybackPositionTicks) {
-					video.currentTime = item?.UserData?.PlaybackPositionTicks / 10_000_000;
+					displayedTime = item?.UserData?.PlaybackPositionTicks / 10_000_000;
 				}
 
-				video.play().then(() => video.requestFullscreen());
-				if (mediaSourceId) await reportJellyfinPlaybackStarted(itemId, sessionId, mediaSourceId);
-				progressInterval = setInterval(() => {
-					video && video.readyState === 4 && video?.currentTime > 0 && sessionId && itemId;
-					reportJellyfinPlaybackProgress(
+				// We should not requestFullscreen automatically, as it's not what
+				// the user expects. Moreover, most browsers will deny the request
+				// if the video takes a while to load.
+				// video.play().then(() => videoWrapper.requestFullscreen());
+
+				// A start report should only be sent when the video starts playing,
+				// not every time a playback info request is made
+				if (mediaSourceId && starting)
+					await reportJellyfinPlaybackStarted(itemId, sessionId, mediaSourceId);
+
+				reportProgress = async () => {
+					await reportJellyfinPlaybackProgress(
 						itemId,
 						sessionId,
 						video?.paused == true,
 						video?.currentTime * 10_000_000
 					);
+				};
+
+				if (progressInterval) clearInterval(progressInterval);
+				progressInterval = setInterval(() => {
+					video && video.readyState === 4 && video?.currentTime > 0 && sessionId && itemId;
+					reportProgress();
 				}, 5000);
+
+				deleteEncoding = () => {
+					deleteActiveEncoding(sessionId);
+				};
+
 				stopCallback = () => {
 					reportJellyfinPlaybackStopped(itemId, sessionId, video?.currentTime * 10_000_000);
+					deleteEncoding();
 				};
 			})
 		);
 
+	function onSeekStart() {
+		if (seeking) return;
+
+		playerStateBeforeSeek = paused;
+		seeking = true;
+		paused = true;
+	}
+
+	function onSeekEnd() {
+		if (!seeking) return;
+
+		paused = playerStateBeforeSeek;
+		seeking = false;
+
+		video.currentTime = displayedTime;
+	}
+
+	function handleBuffer() {
+		let timeRanges = video.buffered;
+		// Find the first one whose end time is after the current time
+		// (the time ranges given by the browser are normalized, which means
+		// that they are sorted and non-overlapping)
+		for (let i = 0; i < timeRanges.length; i++) {
+			if (timeRanges.end(i) > video.currentTime) {
+				bufferedTime = timeRanges.end(i);
+				break;
+			}
+		}
+	}
+
 	function handleClose() {
 		playerState.close();
 		video?.pause();
@@ -83,38 +243,235 @@
 		modalStack.close(modalId);
 	}
 
-	function handleMouseMove() {
-		// uiVisible = true;
-		// clearTimeout(mouseMovementTimeout);
-		// mouseMovementTimeout = setTimeout(() => {
-		// 	uiVisible = false;
-		// }, 2000);
+	function handleUserInteraction(touch: boolean = false) {
+		if (touch) shouldCloseUi = !shouldCloseUi;
+		else shouldCloseUi = false;
+
+		if (!shouldCloseUi) {
+			if (mouseMovementTimeout) clearTimeout(mouseMovementTimeout);
+			mouseMovementTimeout = setTimeout(() => {
+				shouldCloseUi = true;
+			}, 3000);
+		} else {
+			if (mouseMovementTimeout) clearTimeout(mouseMovementTimeout);
+		}
 	}
 
-	onDestroy(() => clearInterval(progressInterval));
+	function handleQualityToggleVisibility() {
+		if ($contextMenu === qualityContextMenuId) contextMenu.hide();
+		else contextMenu.show(qualityContextMenuId);
+	}
+
+	async function handleSelectQuality(bitrate: number) {
+		if (!$playerState.jellyfinId || !video || seeking) return;
+		if (bitrate === currentBitrate) return;
+
+		currentBitrate = bitrate;
+		video.pause();
+		let timeBeforeLoad = video.currentTime;
+		let stateBeforeLoad = paused;
+		await reportProgress?.();
+		await deleteEncoding?.();
+		await fetchPlaybackInfo?.($playerState.jellyfinId, bitrate, false);
+		displayedTime = timeBeforeLoad;
+		paused = stateBeforeLoad;
+	}
+
+	function secondsToTime(seconds: number, forceHours = false) {
+		if (isNaN(seconds)) return '00:00';
+
+		const hours = Math.floor(seconds / 3600);
+		const minutes = Math.floor((seconds - hours * 3600) / 60);
+		const secondsLeft = Math.floor(seconds - hours * 3600 - minutes * 60);
+
+		let str = '';
+		if (hours > 0 || forceHours) str += `${hours}:`;
+
+		if (minutes >= 10) str += `${minutes}:`;
+		else str += `0${minutes}:`;
+
+		if (secondsLeft >= 10) str += `${secondsLeft}`;
+		else str += `0${secondsLeft}`;
+
+		return str;
+	}
+
+	onMount(() => {
+		// Workaround because the paused state does not sync
+		// with the video element until a change is made
+		paused = false;
 
-	$: {
 		if (video && $playerState.jellyfinId) {
 			if (video.src === '') fetchPlaybackInfo($playerState.jellyfinId);
 		}
+	});
+
+	onDestroy(() => {
+		clearInterval(progressInterval);
+		if (fullscreen) exitFullscreen?.();
+	});
+
+	$: {
+		if (fullscreen && !getFullscreenElement?.()) {
+			if (reqFullscreenFunc) reqFullscreenFunc(videoWrapper);
+		} else if (getFullscreenElement?.()) {
+			if (exitFullscreen) exitFullscreen();
+		}
+	}
+
+	// We add a listener to the fullscreen change event to update the fullscreen variable
+	// since it can be changed by the user by other means than the button
+	if (fullscreenChangeEvent) {
+		document.addEventListener(fullscreenChangeEvent, () => {
+			fullscreen = !!getFullscreenElement?.();
+		});
 	}
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
-	class="bg-black w-screen h-screen relative flex items-center justify-center"
-	on:mousemove={handleMouseMove}
+	class={classNames(
+		'bg-black w-screen h-[100dvh] sm:h-screen relative flex items-center justify-center',
+		{
+			'cursor-none': !uiVisible
+		}
+	)}
 >
-	<!-- svelte-ignore a11y-media-has-caption -->
-	<video controls bind:this={video} class="sm:w-full sm:h-full" />
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
 	<div
-		class={classNames('absolute top-4 right-8 transition-opacity z-50', {
-			'opacity-0': !uiVisible,
-			'opacity-100': uiVisible
-		})}
+		class="bg-black w-screen h-screen flex items-center justify-center"
+		bind:this={videoWrapper}
+		on:mousemove={() => handleUserInteraction(false)}
+		on:touchend|preventDefault={() => handleUserInteraction(true)}
+		on:dblclick|preventDefault={() => (fullscreen = !fullscreen)}
+		on:click={() => (paused = !paused)}
 	>
-		<IconButton on:click={handleClose}>
-			<Cross2 size={25} />
-		</IconButton>
+		<!-- svelte-ignore a11y-media-has-caption -->
+		<video
+			bind:this={video}
+			bind:paused
+			bind:duration
+			on:timeupdate={() =>
+				(displayedTime = !seeking && videoLoaded ? video.currentTime : displayedTime)}
+			on:progress={() => handleBuffer()}
+			on:play={() => {
+				if (seeking) video?.pause();
+			}}
+			on:loadeddata={() => {
+				video.currentTime = displayedTime;
+				videoLoaded = true;
+			}}
+			bind:volume
+			bind:muted={mute}
+			class="sm:w-full sm:h-full"
+			playsinline={true}
+		/>
+
+		{#if uiVisible}
+			<!-- Video controls -->
+			<div
+				class="absolute bottom-0 w-screen bg-gradient-to-t from-black/[.8] via-60% via-black-opacity-80 to-transparent"
+				on:touchend|stopPropagation
+				transition:fade={{ duration: 100 }}
+			>
+				<div class="flex flex-col items-center p-4 gap-2 w-full">
+					<div class="flex items-center text-sm w-full">
+						<span class="whitespace-nowrap tabular-nums"
+							>{secondsToTime(displayedTime, duration > 3600)}</span
+						>
+						<div class="flex-grow">
+							<Slider
+								bind:primaryValue={displayedTime}
+								secondaryValue={bufferedTime}
+								max={duration}
+								on:mousedown={onSeekStart}
+								on:mouseup={onSeekEnd}
+								on:touchstart={onSeekStart}
+								on:touchend={onSeekEnd}
+							/>
+						</div>
+						<span class="whitespace-nowrap tabular-nums">{secondsToTime(duration)}</span>
+					</div>
+
+					<div class="flex items-center justify-between mb-2 w-full">
+						<IconButton on:click={() => (paused = !paused)}>
+							{#if (!seeking && paused) || (seeking && playerStateBeforeSeek)}
+								<Play size={20} />
+							{:else}
+								<Pause size={20} />
+							{/if}
+						</IconButton>
+
+						<div class="flex items-center space-x-3">
+							<div class="relative">
+								<ContextMenu
+									heading="Quality"
+									position="absolute"
+									bottom={true}
+									id={qualityContextMenuId}
+								>
+									<svelte:fragment slot="menu">
+										{#each getQualities(resolution) as quality}
+											<SelectableContextMenuItem
+												selected={quality.maxBitrate === currentBitrate}
+												on:click={() => handleSelectQuality(quality.maxBitrate)}
+											>
+												{quality.name}
+											</SelectableContextMenuItem>
+										{/each}
+									</svelte:fragment>
+									<IconButton on:click={handleQualityToggleVisibility}>
+										<Gear size={20} />
+									</IconButton>
+								</ContextMenu>
+							</div>
+
+							<IconButton
+								on:click={() => {
+									mute = !mute;
+								}}
+							>
+								{#if volume == 0 || mute}
+									<SpeakerOff size={20} />
+								{:else if volume < 0.25}
+									<SpeakerQuiet size={20} />
+								{:else if volume < 0.9}
+									<SpeakerModerate size={20} />
+								{:else}
+									<SpeakerLoud size={20} />
+								{/if}
+							</IconButton>
+
+							<div class="w-32">
+								<Slider bind:primaryValue={volume} secondaryValue={0} max={1} />
+							</div>
+
+							{#if reqFullscreenFunc}
+								<IconButton on:click={() => (fullscreen = !fullscreen)}>
+									{#if fullscreen}
+										<ExitFullScreen size={20} />
+									{:else if !fullscreen && exitFullscreen}
+										<EnterFullScreen size={20} />
+									{/if}
+								</IconButton>
+								<!-- Edge case to allow fullscreen on iPhone -->
+							{:else if video?.webkitEnterFullScreen}
+								<IconButton on:click={() => video.webkitEnterFullScreen()}>
+									<EnterFullScreen size={20} />
+								</IconButton>
+							{/if}
+						</div>
+					</div>
+				</div>
+			</div>
+		{/if}
 	</div>
+
+	{#if uiVisible}
+		<div class="absolute top-4 right-8 z-50" transition:fade={{ duration: 100 }}>
+			<IconButton on:click={handleClose}>
+				<Cross2 size={25} />
+			</IconButton>
+		</div>
+	{/if}
 </div>
diff --git a/src/lib/components/YoutubePlayer.svelte b/src/lib/components/YoutubePlayer.svelte
index ff451c0..5a5e9fa 100644
--- a/src/lib/components/YoutubePlayer.svelte
+++ b/src/lib/components/YoutubePlayer.svelte
@@ -7,7 +7,7 @@
 <div class="overflow-hidden w-full h-full">
 	<div class="youtube-container scale-[150%] h-full w-full">
 		<iframe
-			src={'https://www.youtube.com/embed/' +
+			src={'https://www.youtube-nocookie.com/embed/' +
 				videoId +
 				'?autoplay=1&mute=1&loop=1&controls=0&modestbranding=1&playsinline=1&rel=0&enablejsapi=1'}
 			title="YouTube video player"
diff --git a/src/lib/components/forms/FormButton.svelte b/src/lib/components/forms/FormButton.svelte
new file mode 100644
index 0000000..a92a562
--- /dev/null
+++ b/src/lib/components/forms/FormButton.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import classNames from 'classnames';
+	import { Update } from 'radix-icons-svelte';
+	export let type: 'base' | 'success' | 'error' = 'base';
+	export let loading = false;
+	export let disabled = false;
+</script>
+
+<button
+	on:click
+	class={classNames(
+		'p-1.5 px-4 text-sm text-zinc-200 rounded-lg border',
+		'hover:bg-opacity-30 transition-colors',
+		'flex items-center gap-2',
+		{
+			'bg-green-500 bg-opacity-20 text-green-200 border-green-900': type === 'success',
+			'bg-red-500 bg-opacity-20 text-red-200 border-red-900': type === 'error',
+			'bg-zinc-600 border-zinc-800 bg-opacity-20': type === 'base',
+			'cursor-not-allowed opacity-75 pointer-events-none': disabled || loading
+		},
+		$$restProps.class
+	)}
+>
+	{#if loading}
+		<Update class="animate-spin" size={14} />
+	{/if}
+	<slot />
+</button>
diff --git a/src/lib/components/forms/Input.svelte b/src/lib/components/forms/Input.svelte
new file mode 100644
index 0000000..696084c
--- /dev/null
+++ b/src/lib/components/forms/Input.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import classNames from 'classnames';
+
+	export let type: 'text' | 'number' = 'text';
+	export let value: any = type === 'text' ? '' : 0;
+	export let placeholder = '';
+
+	const baseStyles =
+		'appearance-none p-1 px-3 selectable border border-zinc-800 rounded-lg bg-zinc-600 bg-opacity-20 text-zinc-200 placeholder:text-zinc-700';
+</script>
+
+<div class="relative">
+	{#if type === 'text'}
+		<input type="text" {placeholder} bind:value class={classNames(baseStyles, $$restProps.class)} />
+	{:else if type === 'number'}
+		<input
+			type="number"
+			{placeholder}
+			bind:value
+			class={classNames(baseStyles, 'w-28', $$restProps.class)}
+		/>
+	{/if}
+</div>
diff --git a/src/lib/components/forms/Select.svelte b/src/lib/components/forms/Select.svelte
new file mode 100644
index 0000000..4fcb020
--- /dev/null
+++ b/src/lib/components/forms/Select.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import classNames from 'classnames';
+	import { CaretDown } from 'radix-icons-svelte';
+
+	export let value: any = '';
+	export let disabled = false;
+	export let loading = false;
+</script>
+
+<div
+	class={classNames(
+		'relative w-max min-w-[8rem] h-min bg-zinc-600 bg-opacity-20 rounded-lg overflow-hidden',
+		{
+			'opacity-50': disabled,
+			'animate-pulse pointer-events-none': loading
+		}
+	)}
+>
+	<select
+		on:change
+		bind:value
+		class={classNames(
+			'relative appearance-none p-1 pl-3 pr-8 selectable border border-zinc-800 bg-transparent rounded-lg w-full z-[1]',
+			{
+				'cursor-not-allowed pointer-events-none': disabled
+			}
+		)}
+	>
+		<slot />
+	</select>
+	<div class="absolute inset-y-0 right-2 flex items-center justify-center">
+		<CaretDown size={20} />
+	</div>
+</div>
diff --git a/src/lib/components/forms/Toggle.svelte b/src/lib/components/forms/Toggle.svelte
new file mode 100644
index 0000000..6001af1
--- /dev/null
+++ b/src/lib/components/forms/Toggle.svelte
@@ -0,0 +1,11 @@
+<script>
+	export let checked = false;
+</script>
+
+<label class="relative inline-flex items-center cursor-pointer w-min h-min">
+	<input type="checkbox" bind:checked class="sr-only peer" />
+	<div
+		class="w-11 h-6 rounded-full peer bg-zinc-600 bg-opacity-20 peer-checked:bg-amber-200 peer-checked:bg-opacity-30 peer-selectable
+        after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px]"
+	/>
+</label>
diff --git a/src/lib/db.ts b/src/lib/db.ts
new file mode 100644
index 0000000..21722fb
--- /dev/null
+++ b/src/lib/db.ts
@@ -0,0 +1,35 @@
+import 'reflect-metadata';
+import { DataSource } from 'typeorm';
+import { Settings } from './entities/Settings';
+
+class TypeOrm {
+	private static instance: Promise<DataSource | null> | null = null;
+
+	private constructor() {
+		// Private constructor to prevent external instantiation
+	}
+
+	public static getDb(): Promise<DataSource | null> {
+		if (!TypeOrm.instance) {
+			TypeOrm.instance = new DataSource({
+				type: 'sqlite',
+				database: 'config/reiverr.sqlite',
+				synchronize: true,
+				entities: [Settings],
+				logging: true
+			})
+				.initialize()
+				.then((fulfilled) => {
+					console.info('Data Source has been initialized!');
+					return fulfilled;
+				})
+				.catch((err) => {
+					console.error('Error during Data Source initialization', err);
+					return null;
+				});
+		}
+		return TypeOrm.instance;
+	}
+}
+
+export default TypeOrm;
diff --git a/src/lib/entities/Settings.ts b/src/lib/entities/Settings.ts
new file mode 100644
index 0000000..6d8ef44
--- /dev/null
+++ b/src/lib/entities/Settings.ts
@@ -0,0 +1,159 @@
+import { defaultSettings, type SettingsValues } from '$lib/stores/settings.store';
+import { BaseEntity, Column, Entity, PrimaryColumn } from 'typeorm';
+
+@Entity({ name: 'settings' })
+export class Settings extends BaseEntity {
+	@PrimaryColumn('text')
+	name: string;
+
+	@Column('boolean', { default: false })
+	isSetupDone: boolean;
+
+	// General
+
+	@Column('boolean', { default: defaultSettings.autoplayTrailers })
+	autoplayTrailers: boolean;
+
+	@Column('text', { default: defaultSettings.language })
+	language: string;
+
+	@Column('integer', { default: defaultSettings.animationDuration })
+	animationDuration: number;
+
+	// Discover
+	@Column('text', { default: defaultSettings.discover.region })
+	discoverRegion: string;
+
+	@Column('boolean', { default: defaultSettings.discover.excludeLibraryItems })
+	discoverExcludeLibraryItems: boolean;
+
+	@Column('text', { default: defaultSettings.discover.includedLanguages })
+	discoverIncludedLanguages: string;
+
+	// Sonarr
+
+	@Column('text', { nullable: true, default: defaultSettings.sonarr.baseUrl })
+	sonarrBaseUrl: string | null;
+
+	@Column('text', { nullable: true, default: defaultSettings.sonarr.apiKey })
+	sonarrApiKey: string | null;
+
+	@Column('text', { default: defaultSettings.sonarr.rootFolderPath })
+	sonarrRootFolderPath: string;
+
+	@Column('integer', { default: defaultSettings.sonarr.qualityProfileId })
+	sonarrQualityProfileId: number;
+
+	@Column('integer', { default: defaultSettings.sonarr.languageProfileId })
+	sonarrLanguageProfileId: number;
+
+	// Radarr
+
+	@Column('text', { nullable: true, default: defaultSettings.radarr.baseUrl })
+	radarrBaseUrl: string | null;
+
+	@Column('text', { nullable: true, default: defaultSettings.radarr.apiKey })
+	radarrApiKey: string | null;
+
+	@Column('text', { default: defaultSettings.radarr.rootFolderPath })
+	radarrRootFolderPath: string;
+
+	@Column('integer', { default: defaultSettings.radarr.qualityProfileId })
+	radarrQualityProfileId: number;
+
+	// Jellyfin
+
+	@Column('text', { nullable: true, default: defaultSettings.jellyfin.baseUrl })
+	jellyfinBaseUrl: string | null;
+
+	@Column('text', { nullable: true, default: defaultSettings.jellyfin.apiKey })
+	jellyfinApiKey: string | null;
+
+	@Column('text', { nullable: true, default: defaultSettings.jellyfin.userId })
+	jellyfinUserId: string | null;
+
+	public static async get(name = 'default'): Promise<SettingsValues> {
+		const settings = await this.findOne({ where: { name } });
+
+		if (!settings) {
+			const defaultSettings = new Settings();
+			defaultSettings.name = 'default';
+			await defaultSettings.save();
+			return this.getSettingsValues(defaultSettings);
+		}
+
+		return this.getSettingsValues(settings);
+	}
+
+	static getSettingsValues(settings: Settings): SettingsValues {
+		return {
+			...defaultSettings,
+			language: settings.language,
+			autoplayTrailers: settings.autoplayTrailers,
+			animationDuration: settings.animationDuration,
+
+			discover: {
+				...defaultSettings.discover,
+				region: settings.discoverRegion,
+				excludeLibraryItems: settings.discoverExcludeLibraryItems,
+				includedLanguages: settings.discoverIncludedLanguages
+			},
+
+			sonarr: {
+				...defaultSettings.sonarr,
+				apiKey: settings.sonarrApiKey,
+				baseUrl: settings.sonarrBaseUrl,
+				languageProfileId: settings.sonarrLanguageProfileId,
+				qualityProfileId: settings.sonarrQualityProfileId,
+				rootFolderPath: settings.sonarrRootFolderPath
+			},
+			radarr: {
+				...defaultSettings.radarr,
+				apiKey: settings.radarrApiKey,
+				baseUrl: settings.radarrBaseUrl,
+				qualityProfileId: settings.radarrQualityProfileId,
+				rootFolderPath: settings.radarrRootFolderPath
+			},
+			jellyfin: {
+				...defaultSettings.jellyfin,
+				apiKey: settings.jellyfinApiKey,
+				baseUrl: settings.jellyfinBaseUrl,
+				userId: settings.jellyfinUserId
+			},
+			initialised: true
+		};
+	}
+
+	public static async set(name: string, values: SettingsValues): Promise<Settings | null> {
+		const settings = await this.findOne({ where: { name } });
+
+		if (!settings) return null;
+
+		settings.language = values.language;
+		settings.autoplayTrailers = values.autoplayTrailers;
+		settings.animationDuration = values.animationDuration;
+
+		settings.discoverRegion = values.discover.region;
+		settings.discoverExcludeLibraryItems = values.discover.excludeLibraryItems;
+		settings.discoverIncludedLanguages = values.discover.includedLanguages;
+
+		settings.sonarrApiKey = values.sonarr.apiKey;
+		settings.sonarrBaseUrl = values.sonarr.baseUrl;
+		settings.sonarrLanguageProfileId = values.sonarr.languageProfileId;
+		settings.sonarrQualityProfileId = values.sonarr.qualityProfileId;
+		settings.sonarrRootFolderPath = values.sonarr.rootFolderPath;
+
+		settings.radarrApiKey = values.radarr.apiKey;
+		settings.radarrBaseUrl = values.radarr.baseUrl;
+		settings.radarrQualityProfileId = values.radarr.qualityProfileId;
+		settings.radarrRootFolderPath = values.radarr.rootFolderPath;
+
+		settings.jellyfinApiKey = values.jellyfin.apiKey;
+		settings.jellyfinBaseUrl = values.jellyfin.baseUrl;
+		settings.jellyfinUserId = values.jellyfin.userId;
+
+		await settings.save();
+
+		return settings;
+	}
+}
diff --git a/src/lib/stores/library.store.ts b/src/lib/stores/library.store.ts
index ddfb0ed..c75085b 100644
--- a/src/lib/stores/library.store.ts
+++ b/src/lib/stores/library.store.ts
@@ -23,13 +23,15 @@ import {
 	getTmdbSeriesBackdrop,
 	getTmdbSeriesFromTvdbId
 } from '$lib/apis/tmdb/tmdbApi';
+import { TMDB_BACKDROP_SMALL, TMDB_POSTER_SMALL } from '$lib/constants';
 import type { TitleType } from '$lib/types';
 import { get, writable } from 'svelte/store';
+import { settings } from './settings.store';
 
 export interface PlayableItem {
 	tmdbRating: number;
-	cardBackdropUrl: string;
-	posterUri: string;
+	backdropUrl: string;
+	posterUrl: string;
 	download?: {
 		progress: number;
 		completionTime: string | undefined;
@@ -76,11 +78,12 @@ async function getLibrary(): Promise<Library> {
 	const sonarrSeries = await sonarrSeriesPromise;
 	const sonarrDownloads = await sonarrDownloadsPromise;
 
-	const jellyfinContinueWatching = await jellyfinContinueWatchingPromise;
-	const jellyfinLibraryItems = await jellyfinLibraryItemsPromise;
-	const jellyfinEpisodes = await jellyfinEpisodesPromise.then((episodes) =>
-		episodes?.sort((a, b) => (a.IndexNumber || 99) - (b.IndexNumber || 99))
-	);
+	const jellyfinContinueWatching = (await jellyfinContinueWatchingPromise) || [];
+	const jellyfinLibraryItems = (await jellyfinLibraryItemsPromise) || [];
+	const jellyfinEpisodes =
+		(await jellyfinEpisodesPromise.then((episodes) =>
+			episodes?.sort((a, b) => (a.IndexNumber || 99) - (b.IndexNumber || 99))
+		)) || [];
 	const jellyfinNextUp = await jellyfinNextUpPromise;
 
 	const items: Record<string, PlayableItem> = {};
@@ -112,15 +115,15 @@ async function getLibrary(): Promise<Library> {
 				? { length, progress: watchingProgress }
 				: undefined;
 
-		const backdropUrl = await getTmdbMovieBackdrop(radarrMovie.tmdbId || 0);
+		const backdropUri = await getTmdbMovieBackdrop(radarrMovie.tmdbId || 0);
 		const posterUri = await getTmdbMoviePoster(radarrMovie.tmdbId || 0);
 
-		return {
+		const playableItem: PlayableItem = {
 			type: 'movie' as const,
 			tmdbId: radarrMovie.tmdbId || 0,
 			tmdbRating: radarrMovie.ratings?.tmdb?.value || 0,
-			cardBackdropUrl: backdropUrl || '',
-			posterUri: posterUri || '',
+			backdropUrl: backdropUri ? TMDB_BACKDROP_SMALL + backdropUri : '',
+			posterUrl: posterUri ? TMDB_POSTER_SMALL + posterUri : '',
 			download,
 			continueWatching,
 			isPlayed: jellyfinItem?.UserData?.Played || false,
@@ -129,6 +132,8 @@ async function getLibrary(): Promise<Library> {
 			radarrMovie,
 			radarrDownloads: itemRadarrDownloads
 		};
+
+		return playableItem;
 	});
 
 	const seriesPromise: Promise<PlayableItem>[] = sonarrSeries.map(async (sonarrSeries) => {
@@ -149,7 +154,7 @@ async function getLibrary(): Promise<Library> {
 
 		const nextJellyfinEpisode = jellyfinItem
 			? jellyfinContinueWatching.find((i) => i.SeriesId === jellyfinItem?.Id) ||
-			  jellyfinNextUp.find((i) => i.SeriesId === jellyfinItem?.Id)
+			  jellyfinNextUp?.find((i) => i.SeriesId === jellyfinItem?.Id)
 			: undefined;
 
 		const length = nextJellyfinEpisode?.RunTimeTicks
@@ -169,12 +174,12 @@ async function getLibrary(): Promise<Library> {
 		const backdropUrl = await getTmdbSeriesBackdrop(tmdbId || 0);
 		const posterUri = tmdbItem?.poster_path || '';
 
-		return {
+		const playableItem: PlayableItem = {
 			type: 'series' as const,
 			tmdbId: tmdbId || 0,
 			tmdbRating: tmdbItem?.vote_average || 0,
-			cardBackdropUrl: backdropUrl || '',
-			posterUri,
+			backdropUrl: backdropUrl ? TMDB_BACKDROP_SMALL + backdropUrl : '',
+			posterUrl: posterUri ? TMDB_POSTER_SMALL + posterUri : '',
 			download,
 			continueWatching,
 			isPlayed: jellyfinItem?.UserData?.Played || false,
@@ -185,9 +190,59 @@ async function getLibrary(): Promise<Library> {
 			jellyfinEpisodes: jellyfinEpisodes.filter((i) => i.SeriesId === jellyfinItem?.Id),
 			nextJellyfinEpisode
 		};
+
+		return playableItem;
 	});
 
-	await Promise.all([...moviesPromise, ...seriesPromise]).then((r) =>
+	const jellyfinSourceItems = jellyfinLibraryItems
+		.filter(
+			(i) =>
+				!radarrMovies.find((m) => m.tmdbId === Number(i.ProviderIds?.Tmdb)) &&
+				!sonarrSeries.find((s) => s.tvdbId === Number(i.ProviderIds?.Tvdb))
+		)
+		.map((jellyfinItem) => {
+			const itemJellyfinEpisodes = jellyfinEpisodes.filter((e) => e.SeriesId === jellyfinItem.Id);
+			const jellyfinNextUpEpisode =
+				jellyfinNextUp?.find((e) => e.SeriesId === jellyfinItem.Id) ||
+				jellyfinContinueWatching.find((e) => e.SeriesId === jellyfinItem.Id);
+
+			const length = jellyfinNextUpEpisode?.RunTimeTicks
+				? jellyfinNextUpEpisode.RunTimeTicks / 10_000_000 / 60
+				: undefined;
+			const watchingProgress = jellyfinNextUpEpisode?.UserData?.PlayedPercentage;
+			const continueWatching =
+				length && watchingProgress && !!jellyfinNextUpEpisode
+					? { length, progress: watchingProgress }
+					: undefined;
+
+			const tmdbId = Number(jellyfinItem.ProviderIds?.Tmdb);
+			const backdropUrl = jellyfinItem.BackdropImageTags?.length
+				? `http://jellyfin.home/Items/${jellyfinItem?.Id}/Images/Backdrop?quality=100&tag=${jellyfinItem?.BackdropImageTags?.[0]}`
+				: '';
+			const posterUri = jellyfinItem.ImageTags?.Primary
+				? `http://jellyfin.home/Items/${jellyfinItem?.Id}/Images/Backdrop?quality=100&tag=${jellyfinItem?.ImageTags?.Primary}`
+				: '';
+
+			const type: TitleType = jellyfinItem.Type === 'Movie' ? 'movie' : 'series';
+
+			const playableItem: PlayableItem = {
+				type,
+				tmdbId,
+				tmdbRating: jellyfinItem.CommunityRating || 0,
+				backdropUrl: backdropUrl,
+				posterUrl: posterUri,
+				continueWatching,
+				isPlayed: jellyfinItem.UserData?.Played || false,
+				jellyfinId: jellyfinItem.Id,
+				jellyfinItem,
+				jellyfinEpisodes: itemJellyfinEpisodes,
+				nextJellyfinEpisode: jellyfinNextUpEpisode
+			};
+
+			return playableItem;
+		});
+
+	await Promise.all([...moviesPromise, ...seriesPromise, ...jellyfinSourceItems]).then((r) =>
 		r.forEach((item) => {
 			items[item.tmdbId] = item;
 		})
@@ -202,9 +257,23 @@ async function getLibrary(): Promise<Library> {
 	};
 }
 
+async function waitForSettings() {
+	return new Promise((resolve) => {
+		let resolved = false;
+		settings.subscribe((settings) => {
+			if (settings?.initialised && !resolved) {
+				resolved = true;
+				resolve(settings);
+			}
+		});
+	});
+}
+
 let delayedRefreshTimeout: NodeJS.Timeout;
 function createLibraryStore() {
-	const { update, set, ...library } = writable<Promise<Library>>(getLibrary()); //TODO promise to undefined
+	const { update, set, ...library } = writable<Promise<Library>>(
+		waitForSettings().then(() => getLibrary())
+	); //TODO promise to undefined
 
 	async function filterNotInLibrary<T>(toFilter: T[], getTmdbId: (item: T) => number) {
 		const libraryData = await get(library);
@@ -245,6 +314,7 @@ function _createLibraryItemStore(tmdbId: number) {
 
 const itemStores: Record<string, ReturnType<typeof _createLibraryItemStore>> = {};
 
+export type LibraryItemStore = ReturnType<typeof _createLibraryItemStore>;
 export function createLibraryItemStore(tmdbId: number) {
 	if (!itemStores[tmdbId]) {
 		itemStores[tmdbId] = _createLibraryItemStore(tmdbId);
diff --git a/src/lib/localstorage.ts b/src/lib/stores/localstorage.store.ts
similarity index 57%
rename from src/lib/localstorage.ts
rename to src/lib/stores/localstorage.store.ts
index 60ea610..fc6f25b 100644
--- a/src/lib/localstorage.ts
+++ b/src/lib/stores/localstorage.store.ts
@@ -1,11 +1,11 @@
 import { writable } from 'svelte/store';
 
-function createLocalStorageStore(key: string) {
-	const store = writable(JSON.parse(localStorage.getItem(key) || 'null') || null);
+export function createLocalStorageStore<T>(key: string) {
+	const store = writable<T | null>(JSON.parse(localStorage.getItem(key) || 'null') || null);
 
 	return {
 		subscribe: store.subscribe,
-		set: (value: any) => {
+		set: (value: T | null) => {
 			localStorage.setItem(key, JSON.stringify(value));
 			store.set(value);
 		}
diff --git a/src/lib/stores/settings.store.ts b/src/lib/stores/settings.store.ts
index 414da4e..54914ce 100644
--- a/src/lib/stores/settings.store.ts
+++ b/src/lib/stores/settings.store.ts
@@ -1,59 +1,64 @@
-import { get, writable } from 'svelte/store';
+import { writable } from 'svelte/store';
 
-interface Settings {
+export interface SettingsValues {
+	initialised: boolean;
 	autoplayTrailers: boolean;
-	excludeLibraryItemsFromDiscovery: boolean;
 	language: string;
-	region: string;
-	discover: {
-		includedLanguages: string[];
-		filterBasedOnLanguage: boolean;
-	};
 	animationDuration: number;
+	discover: {
+		region: string;
+		excludeLibraryItems: boolean;
+		includedLanguages: string;
+	};
 	sonarr: {
-		qualityProfileId: number;
+		baseUrl: string | null;
+		apiKey: string | null;
 		rootFolderPath: string;
+		qualityProfileId: number;
 		languageProfileId: number;
 	};
 	radarr: {
-		qualityProfileId: number;
-		profileId: number;
+		baseUrl: string | null;
+		apiKey: string | null;
 		rootFolderPath: string;
+		qualityProfileId: number;
 	};
 	jellyfin: {
-		userId: string;
+		baseUrl: string | null;
+		apiKey: string | null;
+		userId: string | null;
 	};
 }
 
-const defaultSettings: Settings = {
+export const defaultSettings: SettingsValues = {
+	initialised: false,
+
 	autoplayTrailers: true,
-	excludeLibraryItemsFromDiscovery: true,
 	language: 'en',
-	region: 'US',
-	discover: {
-		filterBasedOnLanguage: true,
-		includedLanguages: ['en']
-	},
 	animationDuration: 150,
+	discover: {
+		region: '',
+		excludeLibraryItems: true,
+		includedLanguages: 'en'
+	},
 	sonarr: {
-		qualityProfileId: 4,
-		rootFolderPath: '/tv',
-		languageProfileId: 1
+		apiKey: null,
+		baseUrl: null,
+		qualityProfileId: 0,
+		rootFolderPath: '',
+		languageProfileId: 0
 	},
 	radarr: {
-		qualityProfileId: 4,
-		profileId: 4,
-		rootFolderPath: '/movies'
+		apiKey: null,
+		baseUrl: null,
+		qualityProfileId: 0,
+		rootFolderPath: ''
+	},
+	jellyfin: {
+		apiKey: null,
+		baseUrl: null,
+		userId: null
 	}
 };
 
-export const settings = writable<Settings>(defaultSettings);
-
-export const getIncludedLanguagesQuery = () => {
-	const settingsValue = get(settings);
-	if (settingsValue.discover.filterBasedOnLanguage) {
-		return { with_original_language: settingsValue.language };
-	}
-
-	return {};
-};
+export const settings = writable<SettingsValues>(defaultSettings);
diff --git a/src/lib/utils/iso-languages.ts b/src/lib/utils/iso-languages.ts
new file mode 100644
index 0000000..d6b4b49
--- /dev/null
+++ b/src/lib/utils/iso-languages.ts
@@ -0,0 +1,735 @@
+// https://github.com/meikidd/iso-639-1/blob/master/src/data.js
+export const ISO_LANGUAGES = {
+	en: {
+		name: 'English',
+		nativeName: 'English'
+	},
+	aa: {
+		name: 'Afar',
+		nativeName: 'Afaraf'
+	},
+	ab: {
+		name: 'Abkhaz',
+		nativeName: 'аҧсуа бызшәа'
+	},
+	ae: {
+		name: 'Avestan',
+		nativeName: 'avesta'
+	},
+	af: {
+		name: 'Afrikaans',
+		nativeName: 'Afrikaans'
+	},
+	ak: {
+		name: 'Akan',
+		nativeName: 'Akan'
+	},
+	am: {
+		name: 'Amharic',
+		nativeName: 'አማርኛ'
+	},
+	an: {
+		name: 'Aragonese',
+		nativeName: 'aragonés'
+	},
+	ar: {
+		name: 'Arabic',
+		nativeName: 'اَلْعَرَبِيَّةُ'
+	},
+	as: {
+		name: 'Assamese',
+		nativeName: 'অসমীয়া'
+	},
+	av: {
+		name: 'Avaric',
+		nativeName: 'авар мацӀ'
+	},
+	ay: {
+		name: 'Aymara',
+		nativeName: 'aymar aru'
+	},
+	az: {
+		name: 'Azerbaijani',
+		nativeName: 'azərbaycan dili'
+	},
+	ba: {
+		name: 'Bashkir',
+		nativeName: 'башҡорт теле'
+	},
+	be: {
+		name: 'Belarusian',
+		nativeName: 'беларуская мова'
+	},
+	bg: {
+		name: 'Bulgarian',
+		nativeName: 'български език'
+	},
+	bi: {
+		name: 'Bislama',
+		nativeName: 'Bislama'
+	},
+	bm: {
+		name: 'Bambara',
+		nativeName: 'bamanankan'
+	},
+	bn: {
+		name: 'Bengali',
+		nativeName: 'বাংলা'
+	},
+	bo: {
+		name: 'Tibetan',
+		nativeName: 'བོད་ཡིག'
+	},
+	br: {
+		name: 'Breton',
+		nativeName: 'brezhoneg'
+	},
+	bs: {
+		name: 'Bosnian',
+		nativeName: 'bosanski jezik'
+	},
+	ca: {
+		name: 'Catalan',
+		nativeName: 'Català'
+	},
+	ce: {
+		name: 'Chechen',
+		nativeName: 'нохчийн мотт'
+	},
+	ch: {
+		name: 'Chamorro',
+		nativeName: 'Chamoru'
+	},
+	co: {
+		name: 'Corsican',
+		nativeName: 'corsu'
+	},
+	cr: {
+		name: 'Cree',
+		nativeName: 'ᓀᐦᐃᔭᐍᐏᐣ'
+	},
+	cs: {
+		name: 'Czech',
+		nativeName: 'čeština'
+	},
+	cu: {
+		name: 'Old Church Slavonic',
+		nativeName: 'ѩзыкъ словѣньскъ'
+	},
+	cv: {
+		name: 'Chuvash',
+		nativeName: 'чӑваш чӗлхи'
+	},
+	cy: {
+		name: 'Welsh',
+		nativeName: 'Cymraeg'
+	},
+	da: {
+		name: 'Danish',
+		nativeName: 'dansk'
+	},
+	de: {
+		name: 'German',
+		nativeName: 'Deutsch'
+	},
+	dv: {
+		name: 'Divehi',
+		nativeName: 'ދިވެހި'
+	},
+	dz: {
+		name: 'Dzongkha',
+		nativeName: 'རྫོང་ཁ'
+	},
+	ee: {
+		name: 'Ewe',
+		nativeName: 'Eʋegbe'
+	},
+	el: {
+		name: 'Greek',
+		nativeName: 'Ελληνικά'
+	},
+	eo: {
+		name: 'Esperanto',
+		nativeName: 'Esperanto'
+	},
+	es: {
+		name: 'Spanish',
+		nativeName: 'Español'
+	},
+	et: {
+		name: 'Estonian',
+		nativeName: 'eesti'
+	},
+	eu: {
+		name: 'Basque',
+		nativeName: 'euskara'
+	},
+	fa: {
+		name: 'Persian',
+		nativeName: 'فارسی'
+	},
+	ff: {
+		name: 'Fula',
+		nativeName: 'Fulfulde'
+	},
+	fi: {
+		name: 'Finnish',
+		nativeName: 'suomi'
+	},
+	fj: {
+		name: 'Fijian',
+		nativeName: 'vosa Vakaviti'
+	},
+	fo: {
+		name: 'Faroese',
+		nativeName: 'føroyskt'
+	},
+	fr: {
+		name: 'French',
+		nativeName: 'Français'
+	},
+	fy: {
+		name: 'Western Frisian',
+		nativeName: 'Frysk'
+	},
+	ga: {
+		name: 'Irish',
+		nativeName: 'Gaeilge'
+	},
+	gd: {
+		name: 'Scottish Gaelic',
+		nativeName: 'Gàidhlig'
+	},
+	gl: {
+		name: 'Galician',
+		nativeName: 'galego'
+	},
+	gn: {
+		name: 'Guaraní',
+		nativeName: "Avañe'ẽ"
+	},
+	gu: {
+		name: 'Gujarati',
+		nativeName: 'ગુજરાતી'
+	},
+	gv: {
+		name: 'Manx',
+		nativeName: 'Gaelg'
+	},
+	ha: {
+		name: 'Hausa',
+		nativeName: 'هَوُسَ'
+	},
+	he: {
+		name: 'Hebrew',
+		nativeName: 'עברית'
+	},
+	hi: {
+		name: 'Hindi',
+		nativeName: 'हिन्दी'
+	},
+	ho: {
+		name: 'Hiri Motu',
+		nativeName: 'Hiri Motu'
+	},
+	hr: {
+		name: 'Croatian',
+		nativeName: 'Hrvatski'
+	},
+	ht: {
+		name: 'Haitian',
+		nativeName: 'Kreyòl ayisyen'
+	},
+	hu: {
+		name: 'Hungarian',
+		nativeName: 'magyar'
+	},
+	hy: {
+		name: 'Armenian',
+		nativeName: 'Հայերեն'
+	},
+	hz: {
+		name: 'Herero',
+		nativeName: 'Otjiherero'
+	},
+	ia: {
+		name: 'Interlingua',
+		nativeName: 'Interlingua'
+	},
+	id: {
+		name: 'Indonesian',
+		nativeName: 'Bahasa Indonesia'
+	},
+	ie: {
+		name: 'Interlingue',
+		nativeName: 'Interlingue'
+	},
+	ig: {
+		name: 'Igbo',
+		nativeName: 'Asụsụ Igbo'
+	},
+	ii: {
+		name: 'Nuosu',
+		nativeName: 'ꆈꌠ꒿ Nuosuhxop'
+	},
+	ik: {
+		name: 'Inupiaq',
+		nativeName: 'Iñupiaq'
+	},
+	io: {
+		name: 'Ido',
+		nativeName: 'Ido'
+	},
+	is: {
+		name: 'Icelandic',
+		nativeName: 'Íslenska'
+	},
+	it: {
+		name: 'Italian',
+		nativeName: 'Italiano'
+	},
+	iu: {
+		name: 'Inuktitut',
+		nativeName: 'ᐃᓄᒃᑎᑐᑦ'
+	},
+	ja: {
+		name: 'Japanese',
+		nativeName: '日本語'
+	},
+	jv: {
+		name: 'Javanese',
+		nativeName: 'basa Jawa'
+	},
+	ka: {
+		name: 'Georgian',
+		nativeName: 'ქართული'
+	},
+	kg: {
+		name: 'Kongo',
+		nativeName: 'Kikongo'
+	},
+	ki: {
+		name: 'Kikuyu',
+		nativeName: 'Gĩkũyũ'
+	},
+	kj: {
+		name: 'Kwanyama',
+		nativeName: 'Kuanyama'
+	},
+	kk: {
+		name: 'Kazakh',
+		nativeName: 'қазақ тілі'
+	},
+	kl: {
+		name: 'Kalaallisut',
+		nativeName: 'kalaallisut'
+	},
+	km: {
+		name: 'Khmer',
+		nativeName: 'ខេមរភាសា'
+	},
+	kn: {
+		name: 'Kannada',
+		nativeName: 'ಕನ್ನಡ'
+	},
+	ko: {
+		name: 'Korean',
+		nativeName: '한국어'
+	},
+	kr: {
+		name: 'Kanuri',
+		nativeName: 'Kanuri'
+	},
+	ks: {
+		name: 'Kashmiri',
+		nativeName: 'कश्मीरी'
+	},
+	ku: {
+		name: 'Kurdish',
+		nativeName: 'Kurdî'
+	},
+	kv: {
+		name: 'Komi',
+		nativeName: 'коми кыв'
+	},
+	kw: {
+		name: 'Cornish',
+		nativeName: 'Kernewek'
+	},
+	ky: {
+		name: 'Kyrgyz',
+		nativeName: 'Кыргызча'
+	},
+	la: {
+		name: 'Latin',
+		nativeName: 'latine'
+	},
+	lb: {
+		name: 'Luxembourgish',
+		nativeName: 'Lëtzebuergesch'
+	},
+	lg: {
+		name: 'Ganda',
+		nativeName: 'Luganda'
+	},
+	li: {
+		name: 'Limburgish',
+		nativeName: 'Limburgs'
+	},
+	ln: {
+		name: 'Lingala',
+		nativeName: 'Lingála'
+	},
+	lo: {
+		name: 'Lao',
+		nativeName: 'ພາສາລາວ'
+	},
+	lt: {
+		name: 'Lithuanian',
+		nativeName: 'lietuvių kalba'
+	},
+	lu: {
+		name: 'Luba-Katanga',
+		nativeName: 'Kiluba'
+	},
+	lv: {
+		name: 'Latvian',
+		nativeName: 'latviešu valoda'
+	},
+	mg: {
+		name: 'Malagasy',
+		nativeName: 'fiteny malagasy'
+	},
+	mh: {
+		name: 'Marshallese',
+		nativeName: 'Kajin M̧ajeļ'
+	},
+	mi: {
+		name: 'Māori',
+		nativeName: 'te reo Māori'
+	},
+	mk: {
+		name: 'Macedonian',
+		nativeName: 'македонски јазик'
+	},
+	ml: {
+		name: 'Malayalam',
+		nativeName: 'മലയാളം'
+	},
+	mn: {
+		name: 'Mongolian',
+		nativeName: 'Монгол хэл'
+	},
+	mr: {
+		name: 'Marathi',
+		nativeName: 'मराठी'
+	},
+	ms: {
+		name: 'Malay',
+		nativeName: 'Bahasa Melayu'
+	},
+	mt: {
+		name: 'Maltese',
+		nativeName: 'Malti'
+	},
+	my: {
+		name: 'Burmese',
+		nativeName: 'ဗမာစာ'
+	},
+	na: {
+		name: 'Nauru',
+		nativeName: 'Dorerin Naoero'
+	},
+	nb: {
+		name: 'Norwegian Bokmål',
+		nativeName: 'Norsk bokmål'
+	},
+	nd: {
+		name: 'Northern Ndebele',
+		nativeName: 'isiNdebele'
+	},
+	ne: {
+		name: 'Nepali',
+		nativeName: 'नेपाली'
+	},
+	ng: {
+		name: 'Ndonga',
+		nativeName: 'Owambo'
+	},
+	nl: {
+		name: 'Dutch',
+		nativeName: 'Nederlands'
+	},
+	nn: {
+		name: 'Norwegian Nynorsk',
+		nativeName: 'Norsk nynorsk'
+	},
+	no: {
+		name: 'Norwegian',
+		nativeName: 'Norsk'
+	},
+	nr: {
+		name: 'Southern Ndebele',
+		nativeName: 'isiNdebele'
+	},
+	nv: {
+		name: 'Navajo',
+		nativeName: 'Diné bizaad'
+	},
+	ny: {
+		name: 'Chichewa',
+		nativeName: 'chiCheŵa'
+	},
+	oc: {
+		name: 'Occitan',
+		nativeName: 'occitan'
+	},
+	oj: {
+		name: 'Ojibwe',
+		nativeName: 'ᐊᓂᔑᓈᐯᒧᐎᓐ'
+	},
+	om: {
+		name: 'Oromo',
+		nativeName: 'Afaan Oromoo'
+	},
+	or: {
+		name: 'Oriya',
+		nativeName: 'ଓଡ଼ିଆ'
+	},
+	os: {
+		name: 'Ossetian',
+		nativeName: 'ирон æвзаг'
+	},
+	pa: {
+		name: 'Panjabi',
+		nativeName: 'ਪੰਜਾਬੀ'
+	},
+	pi: {
+		name: 'Pāli',
+		nativeName: 'पाऴि'
+	},
+	pl: {
+		name: 'Polish',
+		nativeName: 'Polski'
+	},
+	ps: {
+		name: 'Pashto',
+		nativeName: 'پښتو'
+	},
+	pt: {
+		name: 'Portuguese',
+		nativeName: 'Português'
+	},
+	qu: {
+		name: 'Quechua',
+		nativeName: 'Runa Simi'
+	},
+	rm: {
+		name: 'Romansh',
+		nativeName: 'rumantsch grischun'
+	},
+	rn: {
+		name: 'Kirundi',
+		nativeName: 'Ikirundi'
+	},
+	ro: {
+		name: 'Romanian',
+		nativeName: 'Română'
+	},
+	ru: {
+		name: 'Russian',
+		nativeName: 'Русский'
+	},
+	rw: {
+		name: 'Kinyarwanda',
+		nativeName: 'Ikinyarwanda'
+	},
+	sa: {
+		name: 'Sanskrit',
+		nativeName: 'संस्कृतम्'
+	},
+	sc: {
+		name: 'Sardinian',
+		nativeName: 'sardu'
+	},
+	sd: {
+		name: 'Sindhi',
+		nativeName: 'सिन्धी'
+	},
+	se: {
+		name: 'Northern Sami',
+		nativeName: 'Davvisámegiella'
+	},
+	sg: {
+		name: 'Sango',
+		nativeName: 'yângâ tî sängö'
+	},
+	si: {
+		name: 'Sinhala',
+		nativeName: 'සිංහල'
+	},
+	sk: {
+		name: 'Slovak',
+		nativeName: 'slovenčina'
+	},
+	sl: {
+		name: 'Slovenian',
+		nativeName: 'slovenščina'
+	},
+	sm: {
+		name: 'Samoan',
+		nativeName: "gagana fa'a Samoa"
+	},
+	sn: {
+		name: 'Shona',
+		nativeName: 'chiShona'
+	},
+	so: {
+		name: 'Somali',
+		nativeName: 'Soomaaliga'
+	},
+	sq: {
+		name: 'Albanian',
+		nativeName: 'Shqip'
+	},
+	sr: {
+		name: 'Serbian',
+		nativeName: 'српски језик'
+	},
+	ss: {
+		name: 'Swati',
+		nativeName: 'SiSwati'
+	},
+	st: {
+		name: 'Southern Sotho',
+		nativeName: 'Sesotho'
+	},
+	su: {
+		name: 'Sundanese',
+		nativeName: 'Basa Sunda'
+	},
+	sv: {
+		name: 'Swedish',
+		nativeName: 'Svenska'
+	},
+	sw: {
+		name: 'Swahili',
+		nativeName: 'Kiswahili'
+	},
+	ta: {
+		name: 'Tamil',
+		nativeName: 'தமிழ்'
+	},
+	te: {
+		name: 'Telugu',
+		nativeName: 'తెలుగు'
+	},
+	tg: {
+		name: 'Tajik',
+		nativeName: 'тоҷикӣ'
+	},
+	th: {
+		name: 'Thai',
+		nativeName: 'ไทย'
+	},
+	ti: {
+		name: 'Tigrinya',
+		nativeName: 'ትግርኛ'
+	},
+	tk: {
+		name: 'Turkmen',
+		nativeName: 'Türkmençe'
+	},
+	tl: {
+		name: 'Tagalog',
+		nativeName: 'Wikang Tagalog'
+	},
+	tn: {
+		name: 'Tswana',
+		nativeName: 'Setswana'
+	},
+	to: {
+		name: 'Tonga',
+		nativeName: 'faka Tonga'
+	},
+	tr: {
+		name: 'Turkish',
+		nativeName: 'Türkçe'
+	},
+	ts: {
+		name: 'Tsonga',
+		nativeName: 'Xitsonga'
+	},
+	tt: {
+		name: 'Tatar',
+		nativeName: 'татар теле'
+	},
+	tw: {
+		name: 'Twi',
+		nativeName: 'Twi'
+	},
+	ty: {
+		name: 'Tahitian',
+		nativeName: 'Reo Tahiti'
+	},
+	ug: {
+		name: 'Uyghur',
+		nativeName: 'ئۇيغۇرچە‎'
+	},
+	uk: {
+		name: 'Ukrainian',
+		nativeName: 'Українська'
+	},
+	ur: {
+		name: 'Urdu',
+		nativeName: 'اردو'
+	},
+	uz: {
+		name: 'Uzbek',
+		nativeName: 'Ўзбек'
+	},
+	ve: {
+		name: 'Venda',
+		nativeName: 'Tshivenḓa'
+	},
+	vi: {
+		name: 'Vietnamese',
+		nativeName: 'Tiếng Việt'
+	},
+	vo: {
+		name: 'Volapük',
+		nativeName: 'Volapük'
+	},
+	wa: {
+		name: 'Walloon',
+		nativeName: 'walon'
+	},
+	wo: {
+		name: 'Wolof',
+		nativeName: 'Wollof'
+	},
+	xh: {
+		name: 'Xhosa',
+		nativeName: 'isiXhosa'
+	},
+	yi: {
+		name: 'Yiddish',
+		nativeName: 'ייִדיש'
+	},
+	yo: {
+		name: 'Yoruba',
+		nativeName: 'Yorùbá'
+	},
+	za: {
+		name: 'Zhuang',
+		nativeName: 'Saɯ cueŋƅ'
+	},
+	zh: {
+		name: 'Chinese',
+		nativeName: '中文'
+	},
+	zu: {
+		name: 'Zulu',
+		nativeName: 'isiZulu'
+	}
+} as const;
diff --git a/src/lib/utils/iso-regions.ts b/src/lib/utils/iso-regions.ts
new file mode 100644
index 0000000..e064c93
--- /dev/null
+++ b/src/lib/utils/iso-regions.ts
@@ -0,0 +1,247 @@
+export const ISO_REGIONS = {
+	AF: 'Afghanistan',
+	AX: 'Aland Islands',
+	AL: 'Albania',
+	DZ: 'Algeria',
+	AS: 'American Samoa',
+	AD: 'Andorra',
+	AO: 'Angola',
+	AI: 'Anguilla',
+	AQ: 'Antarctica',
+	AG: 'Antigua And Barbuda',
+	AR: 'Argentina',
+	AM: 'Armenia',
+	AW: 'Aruba',
+	AU: 'Australia',
+	AT: 'Austria',
+	AZ: 'Azerbaijan',
+	BS: 'Bahamas',
+	BH: 'Bahrain',
+	BD: 'Bangladesh',
+	BB: 'Barbados',
+	BY: 'Belarus',
+	BE: 'Belgium',
+	BZ: 'Belize',
+	BJ: 'Benin',
+	BM: 'Bermuda',
+	BT: 'Bhutan',
+	BO: 'Bolivia',
+	BA: 'Bosnia And Herzegovina',
+	BW: 'Botswana',
+	BV: 'Bouvet Island',
+	BR: 'Brazil',
+	IO: 'British Indian Ocean Territory',
+	BN: 'Brunei Darussalam',
+	BG: 'Bulgaria',
+	BF: 'Burkina Faso',
+	BI: 'Burundi',
+	KH: 'Cambodia',
+	CM: 'Cameroon',
+	CA: 'Canada',
+	CV: 'Cape Verde',
+	KY: 'Cayman Islands',
+	CF: 'Central African Republic',
+	TD: 'Chad',
+	CL: 'Chile',
+	CN: 'China',
+	CX: 'Christmas Island',
+	CC: 'Cocos (Keeling) Islands',
+	CO: 'Colombia',
+	KM: 'Comoros',
+	CG: 'Congo',
+	CD: 'Congo, Democratic Republic',
+	CK: 'Cook Islands',
+	CR: 'Costa Rica',
+	CI: "Cote D'Ivoire",
+	HR: 'Croatia',
+	CU: 'Cuba',
+	CY: 'Cyprus',
+	CZ: 'Czech Republic',
+	DK: 'Denmark',
+	DJ: 'Djibouti',
+	DM: 'Dominica',
+	DO: 'Dominican Republic',
+	EC: 'Ecuador',
+	EG: 'Egypt',
+	SV: 'El Salvador',
+	GQ: 'Equatorial Guinea',
+	ER: 'Eritrea',
+	EE: 'Estonia',
+	ET: 'Ethiopia',
+	FK: 'Falkland Islands (Malvinas)',
+	FO: 'Faroe Islands',
+	FJ: 'Fiji',
+	FI: 'Finland',
+	FR: 'France',
+	GF: 'French Guiana',
+	PF: 'French Polynesia',
+	TF: 'French Southern Territories',
+	GA: 'Gabon',
+	GM: 'Gambia',
+	GE: 'Georgia',
+	DE: 'Germany',
+	GH: 'Ghana',
+	GI: 'Gibraltar',
+	GR: 'Greece',
+	GL: 'Greenland',
+	GD: 'Grenada',
+	GP: 'Guadeloupe',
+	GU: 'Guam',
+	GT: 'Guatemala',
+	GG: 'Guernsey',
+	GN: 'Guinea',
+	GW: 'Guinea-Bissau',
+	GY: 'Guyana',
+	HT: 'Haiti',
+	HM: 'Heard Island & Mcdonald Islands',
+	VA: 'Holy See (Vatican City State)',
+	HN: 'Honduras',
+	HK: 'Hong Kong',
+	HU: 'Hungary',
+	IS: 'Iceland',
+	IN: 'India',
+	ID: 'Indonesia',
+	IR: 'Iran, Islamic Republic Of',
+	IQ: 'Iraq',
+	IE: 'Ireland',
+	IM: 'Isle Of Man',
+	IL: 'Israel',
+	IT: 'Italy',
+	JM: 'Jamaica',
+	JP: 'Japan',
+	JE: 'Jersey',
+	JO: 'Jordan',
+	KZ: 'Kazakhstan',
+	KE: 'Kenya',
+	KI: 'Kiribati',
+	KR: 'Korea',
+	KW: 'Kuwait',
+	KG: 'Kyrgyzstan',
+	LA: "Lao People's Democratic Republic",
+	LV: 'Latvia',
+	LB: 'Lebanon',
+	LS: 'Lesotho',
+	LR: 'Liberia',
+	LY: 'Libyan Arab Jamahiriya',
+	LI: 'Liechtenstein',
+	LT: 'Lithuania',
+	LU: 'Luxembourg',
+	MO: 'Macao',
+	MK: 'Macedonia',
+	MG: 'Madagascar',
+	MW: 'Malawi',
+	MY: 'Malaysia',
+	MV: 'Maldives',
+	ML: 'Mali',
+	MT: 'Malta',
+	MH: 'Marshall Islands',
+	MQ: 'Martinique',
+	MR: 'Mauritania',
+	MU: 'Mauritius',
+	YT: 'Mayotte',
+	MX: 'Mexico',
+	FM: 'Micronesia, Federated States Of',
+	MD: 'Moldova',
+	MC: 'Monaco',
+	MN: 'Mongolia',
+	ME: 'Montenegro',
+	MS: 'Montserrat',
+	MA: 'Morocco',
+	MZ: 'Mozambique',
+	MM: 'Myanmar',
+	NA: 'Namibia',
+	NR: 'Nauru',
+	NP: 'Nepal',
+	NL: 'Netherlands',
+	AN: 'Netherlands Antilles',
+	NC: 'New Caledonia',
+	NZ: 'New Zealand',
+	NI: 'Nicaragua',
+	NE: 'Niger',
+	NG: 'Nigeria',
+	NU: 'Niue',
+	NF: 'Norfolk Island',
+	MP: 'Northern Mariana Islands',
+	NO: 'Norway',
+	OM: 'Oman',
+	PK: 'Pakistan',
+	PW: 'Palau',
+	PS: 'Palestinian Territory, Occupied',
+	PA: 'Panama',
+	PG: 'Papua New Guinea',
+	PY: 'Paraguay',
+	PE: 'Peru',
+	PH: 'Philippines',
+	PN: 'Pitcairn',
+	PL: 'Poland',
+	PT: 'Portugal',
+	PR: 'Puerto Rico',
+	QA: 'Qatar',
+	RE: 'Reunion',
+	RO: 'Romania',
+	RU: 'Russian Federation',
+	RW: 'Rwanda',
+	BL: 'Saint Barthelemy',
+	SH: 'Saint Helena',
+	KN: 'Saint Kitts And Nevis',
+	LC: 'Saint Lucia',
+	MF: 'Saint Martin',
+	PM: 'Saint Pierre And Miquelon',
+	VC: 'Saint Vincent And Grenadines',
+	WS: 'Samoa',
+	SM: 'San Marino',
+	ST: 'Sao Tome And Principe',
+	SA: 'Saudi Arabia',
+	SN: 'Senegal',
+	RS: 'Serbia',
+	SC: 'Seychelles',
+	SL: 'Sierra Leone',
+	SG: 'Singapore',
+	SK: 'Slovakia',
+	SI: 'Slovenia',
+	SB: 'Solomon Islands',
+	SO: 'Somalia',
+	ZA: 'South Africa',
+	GS: 'South Georgia And Sandwich Isl.',
+	ES: 'Spain',
+	LK: 'Sri Lanka',
+	SD: 'Sudan',
+	SR: 'Suriname',
+	SJ: 'Svalbard And Jan Mayen',
+	SZ: 'Swaziland',
+	SE: 'Sweden',
+	CH: 'Switzerland',
+	SY: 'Syrian Arab Republic',
+	TW: 'Taiwan',
+	TJ: 'Tajikistan',
+	TZ: 'Tanzania',
+	TH: 'Thailand',
+	TL: 'Timor-Leste',
+	TG: 'Togo',
+	TK: 'Tokelau',
+	TO: 'Tonga',
+	TT: 'Trinidad And Tobago',
+	TN: 'Tunisia',
+	TR: 'Turkey',
+	TM: 'Turkmenistan',
+	TC: 'Turks And Caicos Islands',
+	TV: 'Tuvalu',
+	UG: 'Uganda',
+	UA: 'Ukraine',
+	AE: 'United Arab Emirates',
+	GB: 'United Kingdom',
+	US: 'United States',
+	UM: 'United States Outlying Islands',
+	UY: 'Uruguay',
+	UZ: 'Uzbekistan',
+	VU: 'Vanuatu',
+	VE: 'Venezuela',
+	VN: 'Viet Nam',
+	VG: 'Virgin Islands, British',
+	VI: 'Virgin Islands, U.S.',
+	WF: 'Wallis And Futuna',
+	EH: 'Western Sahara',
+	YE: 'Yemen',
+	ZM: 'Zambia',
+	ZW: 'Zimbabwe'
+} as const;
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
new file mode 100644
index 0000000..f684413
--- /dev/null
+++ b/src/routes/+layout.server.ts
@@ -0,0 +1,10 @@
+import { Settings } from '$lib/entities/Settings';
+import type { LayoutServerLoad } from './$types';
+
+export const load: LayoutServerLoad = async () => {
+	const settings = await Settings.get();
+
+	return {
+		settings
+	};
+};
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f0312cd..defab69 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,26 +3,28 @@
 	import I18n from '$lib/components/Lang/I18n.svelte';
 	import DynamicModal from '$lib/components/Modal/DynamicModal.svelte';
 	import Navbar from '$lib/components/Navbar/Navbar.svelte';
-	import SetupRequired from '$lib/components/SetupRequired/SetupRequired.svelte';
 	import UpdateChecker from '$lib/components/UpdateChecker.svelte';
+	import { type SettingsValues, defaultSettings, settings } from '$lib/stores/settings.store';
+	import { writable } from 'svelte/store';
 	import '../app.css';
-	import type { LayoutData } from './$types';
+	import type { LayoutServerData } from './$types';
 
-	export let data: LayoutData;
+	export let data: LayoutServerData;
+	settings.set(data.settings);
 </script>
 
-{#if data.isApplicationSetUp}
-	<I18n />
-	<div class="app">
-		<Navbar />
-		<main>
-			<slot />
-		</main>
-		{#key $page.url.pathname}
-			<DynamicModal />
-		{/key}
-		<UpdateChecker />
-	</div>
-{:else}
-	<SetupRequired missingEnvironmentVariables={data.missingEnvironmentVariables} />
-{/if}
+<!-- {#if data.isApplicationSetUp} -->
+<I18n />
+<div class="app">
+	<Navbar />
+	<main>
+		<slot />
+	</main>
+	{#key $page.url.pathname}
+		<DynamicModal />
+	{/key}
+	<UpdateChecker />
+</div>
+<!-- {:else} -->
+<!-- <SetupRequired missingEnvironmentVariables={data.missingEnvironmentVariables} /> -->
+<!-- {/if} -->
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 50d750c..9e41b90 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,5 +1,3 @@
-import type { LayoutLoad } from './$types';
-import { env } from '$env/dynamic/public';
 // import { dev } from '$app/environment';
 
 // Disable SSR when running the dev server
@@ -7,34 +5,3 @@ import { env } from '$env/dynamic/public';
 // https://github.com/vitejs/vite/issues/11468
 // export const ssr = !dev;
 export const ssr = false;
-
-export type MissingEnvironmentVariables = {
-	PUBLIC_RADARR_API_KEY: boolean;
-	PUBLIC_RADARR_BASE_URL: boolean;
-	PUBLIC_SONARR_API_KEY: boolean;
-	PUBLIC_SONARR_BASE_URL: boolean;
-	PUBLIC_JELLYFIN_API_KEY: boolean;
-	PUBLIC_JELLYFIN_URL: boolean;
-};
-
-export const load = (async () => {
-	const isApplicationSetUp =
-		!!env.PUBLIC_RADARR_API_KEY &&
-		!!env.PUBLIC_RADARR_BASE_URL &&
-		!!env.PUBLIC_SONARR_API_KEY &&
-		!!env.PUBLIC_SONARR_BASE_URL &&
-		!!env.PUBLIC_JELLYFIN_API_KEY &&
-		!!env.PUBLIC_JELLYFIN_URL;
-
-	return {
-		isApplicationSetUp,
-		missingEnvironmentVariables: {
-			PUBLIC_RADARR_API_KEY: !env.PUBLIC_RADARR_API_KEY,
-			PUBLIC_RADARR_BASE_URL: !env.PUBLIC_RADARR_BASE_URL,
-			PUBLIC_SONARR_API_KEY: !env.PUBLIC_SONARR_API_KEY,
-			PUBLIC_SONARR_BASE_URL: !env.PUBLIC_SONARR_BASE_URL,
-			PUBLIC_JELLYFIN_API_KEY: !env.PUBLIC_JELLYFIN_API_KEY,
-			PUBLIC_JELLYFIN_URL: !env.PUBLIC_JELLYFIN_URL
-		}
-	};
-}) satisfies LayoutLoad;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c681c38..79b1351 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -8,6 +8,8 @@
 	import type { ComponentProps } from 'svelte';
 	import { _ } from 'svelte-i18n';
 
+	let continueWatchingVisible = true;
+
 	const tmdbPopularMoviesPromise = getTmdbPopularMovies()
 		.then((movies) => Promise.all(movies.map((movie) => getTmdbMovie(movie.id || 0))))
 		.then((movies) => movies.filter((m) => !!m).slice(0, 10));
@@ -16,21 +18,22 @@
 		.then((libraryData) => libraryData.continueWatching)
 		.then((items) =>
 			items.map((item) =>
-				item.radarrMovie
+				item.type === 'movie'
 					? {
+							type: 'movie',
 							tmdbId: item.tmdbId || 0,
 							jellyfinId: item.jellyfinId,
-							backdropUri: item.posterUri || '',
-							title: item.radarrMovie.title || '',
-							subtitle: item.radarrMovie.genres?.join(', ') || '',
+							backdropUrl: item.posterUrl || '',
+							title: item.radarrMovie?.title || item.jellyfinItem?.Name || '',
+							subtitle: item.radarrMovie?.genres?.join(', ') || '',
 							progress: item.continueWatching?.progress,
-							runtime: item.radarrMovie.runtime || 0
+							runtime: item.radarrMovie?.runtime || 0
 					  }
 					: {
 							tmdbId: item.tmdbId || 0,
 							jellyfinId: item.nextJellyfinEpisode?.Id,
 							type: 'series',
-							backdropUri: item.posterUri || '',
+							backdropUrl: item.posterUrl || '',
 							title: item.nextJellyfinEpisode?.Name || item.sonarrSeries?.title || '',
 							subtitle:
 								(item.nextJellyfinEpisode?.IndexNumber &&
@@ -45,6 +48,12 @@
 			)
 		);
 
+	continueWatchingProps.then((props) => {
+		if (props.length === 0) {
+			continueWatchingVisible = false;
+		}
+	});
+
 	let showcaseIndex = 0;
 
 	async function onNext() {
@@ -84,7 +93,7 @@
 	{/await}
 </div>
 
-<div class="py-8">
+<div class="py-8" hidden={!continueWatchingVisible}>
 	<Carousel gradientFromColor="from-stone-950" class="px-4 lg:px-16 2xl:px-32">
 		<div slot="title" class="text-xl font-medium text-zinc-200">Continue Watching</div>
 		{#await continueWatchingProps}
diff --git a/src/routes/api/settings/+server.ts b/src/routes/api/settings/+server.ts
new file mode 100644
index 0000000..ab048b7
--- /dev/null
+++ b/src/routes/api/settings/+server.ts
@@ -0,0 +1,11 @@
+import { Settings } from '$lib/entities/Settings';
+import { json, type RequestHandler } from '@sveltejs/kit';
+
+export const GET: RequestHandler = async ({ url }) => {
+	return json(await Settings.get());
+};
+
+export const POST: RequestHandler = async ({ request }) => {
+	const values = await request.json();
+	return json(await Settings.set('default', values));
+};
diff --git a/src/routes/discover/+page.svelte b/src/routes/discover/+page.svelte
index 6f9527b..1393572 100644
--- a/src/routes/discover/+page.svelte
+++ b/src/routes/discover/+page.svelte
@@ -1,13 +1,5 @@
 <script lang="ts">
-	import {
-		TmdbApiOpen,
-		getTmdbDigitalReleases,
-		getTmdbTrendingAll,
-		getTmdbUpcomingMovies,
-		getTrendingActors,
-		type TmdbMovie2,
-		type TmdbSeries2
-	} from '$lib/apis/tmdb/tmdbApi';
+	import { TmdbApiOpen, type TmdbMovie2, type TmdbSeries2 } from '$lib/apis/tmdb/tmdbApi';
 	import Card from '$lib/components/Card/Card.svelte';
 	import { fetchCardTmdbProps } from '$lib/components/Card/card';
 	import Carousel from '$lib/components/Carousel/Carousel.svelte';
@@ -17,43 +9,33 @@
 	import PeopleCard from '$lib/components/PeopleCard/PeopleCard.svelte';
 	import { genres, networks } from '$lib/discover';
 	import { library } from '$lib/stores/library.store';
-	import { getIncludedLanguagesQuery, settings } from '$lib/stores/settings.store';
+	import { settings } from '$lib/stores/settings.store';
 	import { formatDateToYearMonthDay } from '$lib/utils';
+	import { get } from 'svelte/store';
 	import { fade } from 'svelte/transition';
 	import { _ } from 'svelte-i18n';
 
+	function parseIncludedLanguages(includedLanguages: string) {
+		return includedLanguages.replace(' ', '').split(',').join('|');
+	}
+
 	const fetchCardProps = async (items: TmdbMovie2[] | TmdbSeries2[]) =>
 		Promise.all(
 			(
-				await ($settings.excludeLibraryItemsFromDiscovery
+				await ($settings.discover.excludeLibraryItems
 					? library.filterNotInLibrary(items, (t) => t.id || 0)
 					: items)
 			).map(fetchCardTmdbProps)
-		).then((props) => props.filter((p) => p.backdropUri));
+		).then((props) => props.filter((p) => p.backdropUrl));
 
-	const fetchTrendingProps = () => getTmdbTrendingAll().then(fetchCardProps);
-	const fetchDigitalReleases = () => getTmdbDigitalReleases().then(fetchCardProps);
-	const fetchNowStreaming = () =>
-		TmdbApiOpen.get('/3/discover/tv', {
+	const fetchTrendingProps = () =>
+		TmdbApiOpen.get('/3/trending/all/{time_window}', {
 			params: {
+				path: {
+					time_window: 'day'
+				},
 				query: {
-					'air_date.gte': formatDateToYearMonthDay(new Date()),
-					'first_air_date.lte': formatDateToYearMonthDay(new Date()),
-					sort_by: 'popularity.desc',
-					...getIncludedLanguagesQuery()
-				}
-			}
-		})
-			.then((res) => res.data?.results || [])
-			.then(fetchCardProps);
-	const fetchUpcomingMovies = () => getTmdbUpcomingMovies().then(fetchCardProps);
-	const fetchUpcomingSeries = () =>
-		TmdbApiOpen.get('/3/discover/tv', {
-			params: {
-				query: {
-					'first_air_date.gte': formatDateToYearMonthDay(new Date()),
-					sort_by: 'popularity.desc',
-					...getIncludedLanguagesQuery()
+					language: $settings.language
 				}
 			}
 		})
@@ -61,19 +43,94 @@
 			.then(fetchCardProps);
 
 	const fetchTrendingActorProps = () =>
-		getTrendingActors().then((actors) =>
-			actors
-				.filter((a) => a.profile_path)
-				.map((actor) => ({
-					tmdbId: actor.id || 0,
-					backdropUri: actor.profile_path || '',
-					name: actor.name || '',
-					subtitle: actor.known_for_department || ''
-				}))
-		);
+		TmdbApiOpen.get('/3/trending/person/{time_window}', {
+			params: {
+				path: {
+					time_window: 'week'
+				}
+			}
+		})
+			.then((res) => res.data?.results || [])
+			.then((actors) =>
+				actors
+					.filter((a) => a.profile_path)
+					.map((actor) => ({
+						tmdbId: actor.id || 0,
+						backdropUri: actor.profile_path || '',
+						name: actor.name || '',
+						subtitle: actor.known_for_department || ''
+					}))
+			);
+
+	const fetchUpcomingMovies = () =>
+		TmdbApiOpen.get('/3/discover/movie', {
+			params: {
+				query: {
+					'primary_release_date.gte': formatDateToYearMonthDay(new Date()),
+					sort_by: 'popularity.desc',
+					language: $settings.language,
+					region: $settings.discover.region,
+					with_original_language: parseIncludedLanguages($settings.discover.includedLanguages)
+				}
+			}
+		})
+			.then((res) => res.data?.results || [])
+			.then(fetchCardProps);
+
+	const fetchUpcomingSeries = () =>
+		TmdbApiOpen.get('/3/discover/tv', {
+			params: {
+				query: {
+					'first_air_date.gte': formatDateToYearMonthDay(new Date()),
+					sort_by: 'popularity.desc',
+					language: $settings.language,
+					with_original_language: parseIncludedLanguages($settings.discover.includedLanguages)
+				}
+			}
+		})
+			.then((res) => res.data?.results || [])
+			.then(fetchCardProps);
+
+	const fetchDigitalReleases = () =>
+		TmdbApiOpen.get('/3/discover/movie', {
+			params: {
+				query: {
+					with_release_type: 4,
+					sort_by: 'popularity.desc',
+					'release_date.lte': formatDateToYearMonthDay(new Date()),
+					language: $settings.language,
+					with_original_language: parseIncludedLanguages($settings.discover.includedLanguages)
+					// region: $settings.discover.region
+				}
+			}
+		})
+			.then((res) => res.data?.results || [])
+			.then(fetchCardProps);
+
+	const fetchNowStreaming = () =>
+		TmdbApiOpen.get('/3/discover/tv', {
+			params: {
+				query: {
+					'air_date.gte': formatDateToYearMonthDay(new Date()),
+					'first_air_date.lte': formatDateToYearMonthDay(new Date()),
+					sort_by: 'popularity.desc',
+					language: $settings.language,
+					with_original_language: parseIncludedLanguages($settings.discover.includedLanguages)
+				}
+			}
+		})
+			.then((res) => res.data?.results || [])
+			.then(fetchCardProps);
 </script>
 
-<div class="pt-24 bg-stone-950 pb-8">
+<div
+	class="pt-24 bg-stone-950 pb-8"
+	in:fade|global={{
+		duration: $settings.animationDuration,
+		delay: $settings.animationDuration
+	}}
+	out:fade|global={{ duration: $settings.animationDuration }}
+>
 	<div class="max-w-screen-2xl mx-auto">
 		<Carousel
 			gradientFromColor="from-stone-950"
diff --git a/src/routes/library/+page.svelte b/src/routes/library/+page.svelte
index 6cbe76a..1f6034a 100644
--- a/src/routes/library/+page.svelte
+++ b/src/routes/library/+page.svelte
@@ -17,6 +17,7 @@
 	let sortBy: 'added' | 'rating' | 'release' | 'size' | 'name' = 'name';
 
 	let loading = true;
+	let noItems = false;
 	let searchInput: HTMLInputElement | undefined;
 	let searchInputValue = '';
 
@@ -32,14 +33,14 @@
 
 	let nextUpProps: ComponentProps<Card>[] = [];
 
-	$: {
-		if (items.length) updateComponentProps(searchInputValue);
-	}
+	$: if (items.length) updateComponentProps(searchInputValue);
+	$: if (!downloadingProps.length && nextUpProps.length) openNextUpTab = 'nextUp';
 
 	library.subscribe(async (libraryPromise) => {
 		const libraryData = await libraryPromise;
 		items = libraryData.itemsArray;
 		loading = false;
+		noItems = !items.length;
 	});
 
 	function getComponentProps(item: PlayableItem) {
@@ -48,30 +49,28 @@
 		const series = item.sonarrSeries;
 		const movie = item.radarrMovie;
 
-		if (series) {
+		if (item.type === 'series') {
 			props = {
 				size: 'dynamic',
 				type: 'series',
 				tmdbId: item.tmdbId,
-				title: series.title || '',
-				genres: series.genres || [],
-				backdropUri: item.cardBackdropUrl,
-				rating: series.ratings?.value || series.ratings?.value || item.tmdbRating || 0,
-				seasons: series.seasons?.length || 0,
-				jellyfinId: item.sonarrSeries?.statistics?.sizeOnDisk ? item.jellyfinId : undefined,
+				title: series?.title || item.jellyfinItem?.Name || '',
+				genres: series?.genres || [],
+				backdropUrl: item.backdropUrl,
+				rating: series?.ratings?.value || series?.ratings?.value || item.tmdbRating || 0,
+				seasons: series?.seasons?.length || 0,
 				progress: item.nextJellyfinEpisode?.UserData?.PlayedPercentage || undefined
 			};
-		} else if (movie) {
+		} else if (item.type === 'movie') {
 			props = {
 				size: 'dynamic',
 				type: 'movie',
 				tmdbId: item.tmdbId,
-				title: movie.title || '',
-				genres: movie.genres || [],
-				backdropUri: item.cardBackdropUrl,
-				rating: movie.ratings?.tmdb?.value || movie.ratings?.imdb?.value || 0,
-				runtimeMinutes: movie.runtime || 0,
-				jellyfinId: item.radarrMovie?.movieFile ? item.jellyfinId : undefined,
+				title: movie?.title || item.jellyfinItem?.Name || '',
+				genres: movie?.genres || [],
+				backdropUrl: item.backdropUrl,
+				rating: movie?.ratings?.tmdb?.value || movie?.ratings?.imdb?.value || 0,
+				runtimeMinutes: movie?.runtime || 0,
 				progress: item.jellyfinItem?.UserData?.PlayedPercentage || undefined
 			};
 		} else props = undefined;
@@ -143,9 +142,6 @@
 
 			if (!props) continue;
 
-			const series = item.sonarrSeries;
-			const movie = item.radarrMovie;
-
 			if (item.download) {
 				downloadingProps.push({
 					...props,
@@ -155,8 +151,8 @@
 			} else if (item.isPlayed) {
 				watchedProps.push({ ...props, available: false });
 			} else if (
-				(movie?.isAvailable && movie?.movieFile) ||
-				series?.seasons?.find((season) => !!season?.statistics?.episodeFileCount)
+				(item.type === 'movie' && item.jellyfinItem?.RunTimeTicks) ||
+				item.jellyfinEpisodes?.length
 			) {
 				availableProps.push(props);
 			} else {
@@ -189,143 +185,155 @@
 
 <svelte:window on:keydown={handleShortcuts} />
 
-<div
-	style={"background-image: url('" +
-		TMDB_IMAGES_ORIGINAL +
-		(downloadingProps[0]?.backdropUri || nextUpProps[0]?.backdropUri) +
-		"');"}
-	class="absolute inset-0 h-[50vh] bg-center bg-cover"
-	in:fade|global={{
-		duration: $settings.animationDuration,
-		delay: $settings.animationDuration
-	}}
-	out:fade|global={{ duration: $settings.animationDuration }}
->
-	<div class="absolute inset-0 bg-gradient-to-t from-stone-950 to-80% to-darken" />
-</div>
+{#if noItems}
+	<div
+		class="h-screen flex items-center justify-center text-zinc-500 p-8"
+		in:fade|global={{
+			duration: $settings.animationDuration,
+			delay: $settings.animationDuration
+		}}
+		out:fade|global={{ duration: $settings.animationDuration }}
+	>
+		<h1>Configure Radarr, Sonarr and Jellyfin to view and manage your library.</h1>
+	</div>
+{:else}
+	<div
+		in:fade|global={{
+			duration: $settings.animationDuration,
+			delay: $settings.animationDuration
+		}}
+		out:fade|global={{ duration: $settings.animationDuration }}
+	>
+		<div
+			style={"background-image: url('" +
+				TMDB_IMAGES_ORIGINAL +
+				(downloadingProps[0]?.backdropUrl || nextUpProps[0]?.backdropUrl) +
+				"');"}
+			class="absolute inset-0 h-[50vh] bg-center bg-cover"
+		>
+			<div class="absolute inset-0 bg-gradient-to-t from-stone-950 to-80% to-darken" />
+		</div>
+	</div>
 
-<div
-	class="pt-24 pb-4 px-2 md:px-8 relative bg-center bg-cover"
-	in:fade|global={{
-		duration: $settings.animationDuration,
-		delay: $settings.animationDuration
-	}}
-	out:fade|global={{ duration: $settings.animationDuration }}
->
-	<div class="relative grid grid-cols-3 grid-rows-3 z-[1] max-w-screen-2xl mx-auto">
-		<div class="col-start-1 row-start-2 row-span-2 col-span-3 flex justify-end flex-col">
-			{#if downloadingProps.length || nextUpProps.length}
-				<Carousel>
-					<div slot="title" class="flex items-center gap-6 font-medium text-xl text-zinc-400">
+	<div
+		class="pt-24 pb-4 px-2 md:px-8 relative bg-center bg-cover"
+		in:fade|global={{
+			duration: $settings.animationDuration,
+			delay: $settings.animationDuration
+		}}
+		out:fade|global={{ duration: $settings.animationDuration }}
+	>
+		<div class="relative grid grid-cols-3 grid-rows-3 z-[1] max-w-screen-2xl mx-auto">
+			<div class="col-start-1 row-start-2 row-span-2 col-span-3 flex justify-end flex-col">
+				{#if downloadingProps.length || nextUpProps.length}
+					<Carousel>
+						<div slot="title" class="flex items-center gap-6 font-medium text-xl text-zinc-400">
+							{#if downloadingProps.length}
+								<button
+									class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
+										'text-zinc-200': openNextUpTab === 'downloading'
+									})}
+									on:click={() => (openNextUpTab = 'downloading')}
+								>
+									Download Queue
+								</button>
+							{/if}
+							{#if nextUpProps.length}
+								<button
+									class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
+										'text-zinc-200': openNextUpTab === 'nextUp'
+									})}
+									on:click={() => (openNextUpTab = 'nextUp')}
+								>
+									Next Up
+								</button>
+							{/if}
+						</div>
+						{#if downloadingProps.length && openNextUpTab === 'downloading'}
+							{#each downloadingProps as props (props.tmdbId)}
+								<Card {...props} size="md" />
+							{/each}
+						{:else if openNextUpTab === 'nextUp'}
+							{#each nextUpProps as props (props.tmdbId)}
+								<Card {...props} size="md" />
+							{/each}
+						{/if}
+					</Carousel>
+				{/if}
+			</div>
+		</div>
+	</div>
+
+	<div
+		class="py-4 px-2 md:px-8"
+		in:fade|global={{
+			duration: $settings.animationDuration,
+			delay: $settings.animationDuration
+		}}
+		out:fade|global={{ duration: $settings.animationDuration }}
+	>
+		<div class="max-w-screen-2xl m-auto flex flex-col gap-4">
+			<div class="flex items-center justify-between gap-2">
+				<UiCarousel>
+					<div class="flex gap-6 text-lg font-medium text-zinc-400">
 						<button
 							class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-								'text-zinc-200': openNextUpTab === 'downloading'
+								'text-zinc-200': openTab === 'available'
 							})}
-							on:click={() => (openNextUpTab = 'downloading')}
+							on:click={() => (openTab = 'available')}
 						>
-							Download Queue
+							{$_('libraryAvailable')}
 						</button>
 						<button
 							class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-								'text-zinc-200': openNextUpTab === 'nextUp'
+								'text-zinc-200': openTab === 'watched'
 							})}
-							on:click={() => (openNextUpTab = 'nextUp')}
+							on:click={() => (openTab = 'watched')}
 						>
-							Next Up
+							{$_('libraryWatched')}
+						</button>
+						<button
+							class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
+								'text-zinc-200': openTab === 'unavailable'
+							})}
+							on:click={() => (openTab = 'unavailable')}
+						>
+							{$_('libraryUnavailable')}
 						</button>
 					</div>
-					{#if downloadingProps.length && openNextUpTab === 'downloading'}
-						{#each downloadingProps as props (props.tmdbId)}
-							<Card {...props} size="md" />
-						{/each}
-					{:else if openNextUpTab === 'nextUp'}
-						{#each nextUpProps as props (props.tmdbId)}
-							<Card {...props} size="md" />
-						{/each}
-					{/if}
-				</Carousel>
+				</UiCarousel>
+				<div class="flex items-center gap-3 justify-end flex-shrink-0 flex-initial relative">
+					<IconButton>
+						<div class="flex gap-0.5 items-center text-sm">
+							<span>By Title</span>
+							<CaretDown size={20} />
+						</div>
+					</IconButton>
+					<IconButton>
+						<Gear size={20} />
+					</IconButton>
+				</div>
+			</div>
+
+			{#if loading}
+				<div
+					class="grid gap-x-2 sm:gap-x-4 gap-y-4 sm:gap-y-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
+				>
+					{#each [...Array(20).keys()] as index (index)}
+						<CardPlaceholder size="dynamic" {index} />
+					{/each}
+				</div>
+			{:else}
+				<div
+					class="grid gap-x-2 sm:gap-x-4 gap-y-4 sm:gap-y-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
+				>
+					{#each { available: availableProps, watched: watchedProps, unavailable: unavailableProps }[openTab] as props (props.tmdbId)}
+						<Card {...props} />
+					{:else}
+						<div class="flex-1 flex items-center text-zinc-500">No items.</div>
+					{/each}
+				</div>
 			{/if}
 		</div>
 	</div>
-</div>
-
-<div
-	class="py-4 px-2 md:px-8"
-	in:fade|global={{
-		duration: $settings.animationDuration,
-		delay: $settings.animationDuration
-	}}
-	out:fade|global={{ duration: $settings.animationDuration }}
->
-	<div class="max-w-screen-2xl m-auto flex flex-col gap-4">
-		<div class="flex items-center justify-between gap-2">
-			<UiCarousel>
-				<div class="flex gap-6 text-lg font-medium text-zinc-400">
-					<button
-						class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-							'text-zinc-200': openTab === 'available'
-						})}
-						on:click={() => (openTab = 'available')}
-					>
-						{$_('libraryAvailable')}
-					</button>
-					<button
-						class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-							'text-zinc-200': openTab === 'watched'
-						})}
-						on:click={() => (openTab = 'watched')}
-					>
-						{$_('libraryWatched')}
-					</button>
-					<button
-						class={classNames('hover:text-zinc-300 selectable rounded px-1 -mx-1', {
-							'text-zinc-200': openTab === 'unavailable'
-						})}
-						on:click={() => (openTab = 'unavailable')}
-					>
-						{$_('libraryUnavailable')}
-					</button>
-				</div>
-			</UiCarousel>
-			<div class="flex items-center gap-3 justify-end flex-shrink-0 flex-initial relative">
-				<IconButton>
-					<div class="flex gap-0.5 items-center text-sm">
-						<span>By Title</span>
-						<CaretDown size={20} />
-					</div>
-				</IconButton>
-				<IconButton>
-					<Gear size={20} />
-				</IconButton>
-			</div>
-		</div>
-
-		{#if loading}
-			<div
-				class="grid gap-x-2 sm:gap-x-4 gap-y-4 sm:gap-y-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-			>
-				{#each [...Array(20).keys()] as index (index)}
-					<CardPlaceholder size="dynamic" {index} />
-				{/each}
-			</div>
-		{:else}
-			<div
-				class="grid gap-x-2 sm:gap-x-4 gap-y-4 sm:gap-y-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-			>
-				{#if openTab === 'available'}
-					{#each availableProps as props (props.tmdbId)}
-						<Card {...props} />
-					{/each}
-				{:else if openTab === 'watched'}
-					{#each watchedProps as props (props.tmdbId)}
-						<Card {...props} />
-					{/each}
-				{:else if openTab === 'unavailable'}
-					{#each unavailableProps as props (props.tmdbId)}
-						<Card {...props} />
-					{/each}
-				{/if}
-			</div>
-		{/if}
-	</div>
-</div>
+{/if}
diff --git a/src/routes/movie/[id]/MoviePage.svelte b/src/routes/movie/[id]/MoviePage.svelte
index 2c8cf44..61929b6 100644
--- a/src/routes/movie/[id]/MoviePage.svelte
+++ b/src/routes/movie/[id]/MoviePage.svelte
@@ -13,9 +13,11 @@
 	import PeopleCard from '$lib/components/PeopleCard/PeopleCard.svelte';
 	import ProgressBar from '$lib/components/ProgressBar.svelte';
 	import RequestModal from '$lib/components/RequestModal/RequestModal.svelte';
+	import OpenInButton from '$lib/components/TitlePageLayout/OpenInButton.svelte';
 	import TitlePageLayout from '$lib/components/TitlePageLayout/TitlePageLayout.svelte';
 	import { playerState } from '$lib/components/VideoPlayer/VideoPlayer';
 	import { createLibraryItemStore, library } from '$lib/stores/library.store';
+	import { settings } from '$lib/stores/settings.store';
 	import { formatMinutesToTime, formatSize } from '$lib/utils';
 	import classNames from 'classnames';
 	import { Archive, ChevronRight, Plus } from 'radix-icons-svelte';
@@ -31,10 +33,10 @@
 	const tmdbMoviePromise = getTmdbMovie(tmdbId);
 	const tmdbRecommendationProps = getTmdbMovieRecommendations(tmdbId)
 		.then((r) => Promise.all(r.map(fetchCardTmdbProps)))
-		.then((r) => r.filter((p) => p.backdropUri));
+		.then((r) => r.filter((p) => p.backdropUrl));
 	const tmdbSimilarProps = getTmdbMovieSimilar(tmdbId)
 		.then((r) => Promise.all(r.map(fetchCardTmdbProps)))
-		.then((r) => r.filter((p) => p.backdropUri));
+		.then((r) => r.filter((p) => p.backdropUrl));
 	const castProps: Promise<ComponentProps<PeopleCard>[]> = tmdbMoviePromise.then((m) =>
 		Promise.all(
 			m?.credits?.cast?.slice(0, 20).map((m) => ({
@@ -46,7 +48,7 @@
 		)
 	);
 
-	function stream() {
+	function play() {
 		if ($itemStore.item?.jellyfinItem?.Id)
 			playerState.streamJellyfinId($itemStore.item?.jellyfinItem?.Id);
 	}
@@ -112,21 +114,28 @@
 		</svelte:fragment>
 
 		<svelte:fragment slot="title-right">
-			{#if $itemStore.loading}
-				<div class="placeholder h-10 w-48 rounded-xl" />
-			{:else if $itemStore.item?.jellyfinItem}
-				<Button type="primary" on:click={stream}>
-					<span>Stream</span><ChevronRight size={20} />
-				</Button>
-			{:else if !$itemStore.item?.radarrMovie}
-				<Button type="primary" disabled={addToRadarrLoading} on:click={addToRadarr}>
-					<span>Add to Radarr</span><Plus size={20} />
-				</Button>
-			{:else}
-				<Button type="primary" on:click={openRequestModal}>
-					<span class="mr-2">Request Movie</span><Plus size={20} />
-				</Button>
-			{/if}
+			<div
+				class="flex gap-2 items-center flex-row-reverse justify-end lg:flex-row lg:justify-start"
+			>
+				{#if $itemStore.loading}
+					<div class="placeholder h-10 w-48 rounded-xl" />
+				{:else}
+					<OpenInButton title={movie?.title} {itemStore} type="movie" {tmdbId} />
+					{#if $itemStore.item?.jellyfinItem}
+						<Button type="primary" on:click={play}>
+							<span>Watch</span><ChevronRight size={20} />
+						</Button>
+					{:else if !$itemStore.item?.radarrMovie && $settings.radarr.baseUrl && $settings.radarr.apiKey}
+						<Button type="primary" disabled={addToRadarrLoading} on:click={addToRadarr}>
+							<span>Add to Radarr</span><Plus size={20} />
+						</Button>
+					{:else if $itemStore.item?.radarrMovie}
+						<Button type="primary" on:click={openRequestModal}>
+							<span class="mr-2">Request Movie</span><Plus size={20} />
+						</Button>
+					{/if}
+				{/if}
+			</div>
 		</svelte:fragment>
 
 		<svelte:fragment slot="info-components">
diff --git a/src/routes/series/[id]/SeriesPage.svelte b/src/routes/series/[id]/SeriesPage.svelte
index 8f51a40..f5e45e5 100644
--- a/src/routes/series/[id]/SeriesPage.svelte
+++ b/src/routes/series/[id]/SeriesPage.svelte
@@ -17,9 +17,11 @@
 	import { modalStack } from '$lib/components/Modal/Modal';
 	import PeopleCard from '$lib/components/PeopleCard/PeopleCard.svelte';
 	import SeriesRequestModal from '$lib/components/RequestModal/SeriesRequestModal.svelte';
+	import OpenInButton from '$lib/components/TitlePageLayout/OpenInButton.svelte';
 	import TitlePageLayout from '$lib/components/TitlePageLayout/TitlePageLayout.svelte';
 	import { playerState } from '$lib/components/VideoPlayer/VideoPlayer';
 	import { createLibraryItemStore, library } from '$lib/stores/library.store';
+	import { settings } from '$lib/stores/settings.store';
 	import { capitalize, formatMinutesToTime, formatSize } from '$lib/utils';
 	import classNames from 'classnames';
 	import { Archive, ChevronLeft, ChevronRight, Plus } from 'radix-icons-svelte';
@@ -64,7 +66,7 @@
 	);
 	const tmdbSimilarProps = getTmdbSeriesSimilar(tmdbId)
 		.then((r) => Promise.all(r.map(fetchCardTmdbProps)))
-		.then((r) => r.filter((p) => p.backdropUri));
+		.then((r) => r.filter((p) => p.backdropUrl));
 	const castProps: Promise<ComponentProps<PeopleCard>[]> = tmdbSeriesPromise.then((s) =>
 		Promise.all(
 			s?.aggregate_credits?.cast?.slice(0, 20)?.map((m) => ({
@@ -105,6 +107,7 @@
 			episodeProps[season?.season_number || 0] = episodes;
 		});
 
+		if (!nextJellyfinEpisode) nextJellyfinEpisode = libraryItem.item?.jellyfinEpisodes?.[0];
 		visibleSeasonNumber = nextJellyfinEpisode?.ParentIndexNumber || visibleSeasonNumber || 1;
 	});
 
@@ -171,21 +174,31 @@
 		</svelte:fragment>
 
 		<svelte:fragment slot="title-right">
-			{#if $itemStore.loading}
-				<div class="placeholder h-10 w-48 rounded-xl" />
-			{:else if $itemStore.item?.sonarrSeries?.statistics?.sizeOnDisk}
-				<Button type="primary" on:click={playNextEpisode}>
-					<span>Next Episode</span><ChevronRight size={20} />
-				</Button>
-			{:else if !$itemStore.item?.sonarrSeries}
-				<Button type="primary" disabled={addToSonarrLoading} on:click={addToSonarr}>
-					<span>Add to Sonarr</span><Plus size={20} />
-				</Button>
-			{:else}
-				<Button type="primary" on:click={openRequestModal}>
-					<span class="mr-2">Request Series</span><Plus size={20} />
-				</Button>
-			{/if}
+			<div
+				class="flex gap-2 items-center flex-row-reverse justify-end lg:flex-row lg:justify-start"
+			>
+				{#if $itemStore.loading}
+					<div class="placeholder h-10 w-48 rounded-xl" />
+				{:else}
+					<OpenInButton title={series?.name} {itemStore} type="series" {tmdbId} />
+					{#if $itemStore.item?.jellyfinEpisodes?.length && !!nextJellyfinEpisode}
+						<Button type="primary" on:click={playNextEpisode}>
+							<span>
+								Watch {`S${nextJellyfinEpisode?.ParentIndexNumber}E${nextJellyfinEpisode?.IndexNumber}`}
+							</span>
+							<ChevronRight size={20} />
+						</Button>
+					{:else if !$itemStore.item?.sonarrSeries && $settings.sonarr.apiKey && $settings.sonarr.baseUrl}
+						<Button type="primary" disabled={addToSonarrLoading} on:click={addToSonarr}>
+							<span>Add to Sonarr</span><Plus size={20} />
+						</Button>
+					{:else if $itemStore.item?.sonarrSeries}
+						<Button type="primary" on:click={openRequestModal}>
+							<span class="mr-2">Request Series</span><Plus size={20} />
+						</Button>
+					{/if}
+				{/if}
+			</div>
 		</svelte:fragment>
 
 		<div slot="episodes-carousel">
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 0b6fcc8..9c15e92 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -1,15 +1,234 @@
-<script>
+<script lang="ts">
 	import { version } from '$app/environment';
-	import { _ } from 'svelte-i18n';
+	import { beforeNavigate } from '$app/navigation';
+	import { getJellyfinHealth, getJellyfinUsers } from '$lib/apis/jellyfin/jellyfinApi';
+	import { getRadarrHealth } from '$lib/apis/radarr/radarrApi';
+	import { getSonarrHealth } from '$lib/apis/sonarr/sonarrApi';
+	import FormButton from '$lib/components/forms/FormButton.svelte';
+	import Select from '$lib/components/forms/Select.svelte';
+	import { settings, type SettingsValues } from '$lib/stores/settings.store';
+	import axios from 'axios';
+	import classNames from 'classnames';
+	import { ChevronLeft } from 'radix-icons-svelte';
+	import GeneralSettingsPage from './GeneralSettingsPage.svelte';
+	import IntegrationSettingsPage from './IntegrationSettingsPage.svelte';
+	import { fade } from 'svelte/transition';
+
+	type Section = 'general' | 'integrations';
+
+	let openTab: Section = 'general';
+
+	let sonarrConnected = false;
+	let radarrConnected = false;
+	let jellyfinConnected = false;
+
+	let values: SettingsValues;
+	let initialValues: SettingsValues;
+	settings.subscribe((v) => {
+		values = structuredClone(v);
+		initialValues = structuredClone(v);
+		if (values.sonarr.baseUrl && values.sonarr.apiKey) checkSonarrHealth();
+		if (values.radarr.baseUrl && values.radarr.apiKey) checkRadarrHealth();
+		if (values.jellyfin.baseUrl && values.jellyfin.apiKey) checkJellyfinHealth();
+	});
+
+	let valuesChanged = false;
+	$: valuesChanged = JSON.stringify(initialValues) !== JSON.stringify(values);
+
+	let submitLoading = false;
+	function handleSubmit() {
+		if (submitLoading || !valuesChanged) return;
+		submitLoading = true;
+		submit().finally(() => (submitLoading = false));
+	}
+
+	async function submit() {
+		if (
+			values.sonarr.apiKey &&
+			values.sonarr.baseUrl &&
+			!(await getSonarrHealth(values.sonarr.baseUrl, values.sonarr.apiKey))
+		) {
+			throw new Error('Could not connect to Sonarr');
+		}
+
+		if (
+			values.radarr.apiKey &&
+			values.radarr.baseUrl &&
+			!(await getRadarrHealth(values.radarr.baseUrl, values.radarr.apiKey))
+		) {
+			throw new Error('Could not connect to Radarr');
+		}
+
+		if (values.jellyfin.apiKey && values.jellyfin.baseUrl) {
+			if (!(await getJellyfinHealth(values.jellyfin.baseUrl, values.jellyfin.apiKey)))
+				throw new Error('Could not connect to Jellyfin');
+			const users = await getJellyfinUsers(values.jellyfin.baseUrl, values.jellyfin.apiKey);
+			if (!users.find((u) => u.Id === values.jellyfin.userId)) values.jellyfin.userId = null;
+		}
+
+		checkSonarrHealth();
+		checkRadarrHealth();
+		checkJellyfinHealth();
+
+		axios.post('/api/settings', values).then(() => {
+			settings.set(values);
+		});
+	}
+
+	async function checkSonarrHealth(): Promise<boolean> {
+		if (!values.sonarr.baseUrl || !values.sonarr.apiKey) {
+			sonarrConnected = false;
+			return false;
+		}
+		return getSonarrHealth(
+			values.sonarr.baseUrl || undefined,
+			values.sonarr.apiKey || undefined
+		).then((ok) => {
+			sonarrConnected = ok;
+			return ok;
+		});
+	}
+
+	async function checkRadarrHealth(): Promise<boolean> {
+		if (!values.radarr.baseUrl || !values.radarr.apiKey) {
+			radarrConnected = false;
+			return false;
+		}
+		return getRadarrHealth(
+			values.radarr.baseUrl || undefined,
+			values.radarr.apiKey || undefined
+		).then((ok) => {
+			radarrConnected = ok;
+			return ok;
+		});
+	}
+
+	async function checkJellyfinHealth(): Promise<boolean> {
+		if (!values.jellyfin.baseUrl || !values.jellyfin.apiKey) {
+			jellyfinConnected = false;
+			return false;
+		}
+		return getJellyfinHealth(
+			values.jellyfin.baseUrl || undefined,
+			values.jellyfin.apiKey || undefined
+		).then((ok) => {
+			jellyfinConnected = ok;
+			return ok;
+		});
+	}
+
+	const getNavButtonStyle = (section: Section) =>
+		classNames('rounded-xl p-2 px-6 font-medium text-left', {
+			'text-zinc-200 bg-lighten': openTab === section,
+			'text-zinc-300 hover:text-zinc-200': openTab !== section
+		});
+
+	beforeNavigate(({ cancel }) => {
+		if (valuesChanged) {
+			if (!confirm('You have unsaved changes. Are you sure you want to leave?')) cancel();
+		}
+	});
+
+	function handleKeybinds(event: KeyboardEvent) {
+		if (event.key === 's' && (event.ctrlKey || event.metaKey)) {
+			event.preventDefault();
+			handleSubmit();
+		}
+	}
 </script>
 
-<div class="h-screen flex flex-col items-center justify-center text-zinc-500">
-	<div class="flex-1 flex items-center justify-center max-w-xl text-center m-8">
-		{$_('settingsEmpty')}
+<svelte:window on:keydown={handleKeybinds} />
+
+<div
+	class="min-h-screen sm:h-screen flex-1 flex flex-col sm:flex-row w-full sm:pt-24"
+	in:fade|global={{
+		duration: $settings.animationDuration,
+		delay: $settings.animationDuration
+	}}
+	out:fade|global={{ duration: $settings.animationDuration }}
+>
+	<div
+		class="hidden sm:flex flex-col gap-2 border-r border-zinc-800 justify-between w-64 p-8 border-t"
+	>
+		<div class="flex flex-col gap-2">
+			<button
+				class="mb-6 text-lg font-medium flex items-center text-zinc-300 hover:text-zinc-200"
+				on:click={() => history.back()}
+			>
+				<ChevronLeft size={22} /> Settings
+			</button>
+			<button
+				on:click={() => (openTab = 'general')}
+				class={openTab && getNavButtonStyle('general')}
+			>
+				General
+			</button>
+			<button
+				on:click={() => (openTab = 'integrations')}
+				class={openTab && getNavButtonStyle('integrations')}
+			>
+				Integrations
+			</button>
+		</div>
+		<div class="flex flex-col gap-2">
+			<FormButton
+				disabled={!valuesChanged}
+				loading={submitLoading}
+				on:click={handleSubmit}
+				type={valuesChanged ? 'success' : 'base'}
+			>
+				Save Changes
+			</FormButton>
+			<FormButton
+				disabled={!valuesChanged}
+				type="error"
+				on:click={() => {
+					settings.set(initialValues);
+				}}
+			>
+				Reset to Defaults
+			</FormButton>
+		</div>
 	</div>
-	<div class="flex items-center p-8 gap-8">
-		<a href="https://github.com/aleksilassila/reiverr">GitHub</a>
-		<div>v{version}</div>
+
+	<div class="sm:hidden px-8 pt-20 pb-4 flex items-center justify-between">
+		<button
+			class="text-lg font-medium flex items-center text-zinc-300 hover:text-zinc-200"
+			on:click={() => history.back()}
+		>
+			<ChevronLeft size={22} /> Settings
+		</button>
+		<Select bind:value={openTab}>
+			<option value="general">General</option>
+			<option value="integrations">Integrations</option>
+		</Select>
+	</div>
+
+	<div class="flex-1 flex flex-col border-t border-zinc-800 justify-between">
+		<div class="overflow-y-scroll overflow-x-hidden px-8">
+			<div class="max-w-screen-md mx-auto mb-auto w-full">
+				{#if openTab === 'general'}
+					<GeneralSettingsPage bind:values />
+				{/if}
+
+				{#if openTab === 'integrations'}
+					<IntegrationSettingsPage
+						bind:values
+						{sonarrConnected}
+						{radarrConnected}
+						{jellyfinConnected}
+						{checkSonarrHealth}
+						{checkRadarrHealth}
+						{checkJellyfinHealth}
+					/>
+				{/if}
+			</div>
+		</div>
+		<div class="flex items-center p-4 gap-8 justify-center text-zinc-500 bg-stone-950">
+			<div>v{version}</div>
+			<a target="_blank" href="https://github.com/aleksilassila/reiverr/releases">Changelog</a>
+			<a target="_blank" href="https://github.com/aleksilassila/reiverr">GitHub</a>
+		</div>
 	</div>
 </div>
 
diff --git a/src/routes/settings/GeneralSettingsPage.svelte b/src/routes/settings/GeneralSettingsPage.svelte
new file mode 100644
index 0000000..8f39414
--- /dev/null
+++ b/src/routes/settings/GeneralSettingsPage.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	import Input from '$lib/components/forms/Input.svelte';
+	import Select from '$lib/components/forms/Select.svelte';
+	import Toggle from '$lib/components/forms/Toggle.svelte';
+	import type { SettingsValues } from '$lib/stores/settings.store';
+	import { ISO_LANGUAGES } from '$lib/utils/iso-languages';
+	import { ISO_REGIONS } from '$lib/utils/iso-regions';
+
+	export let values: SettingsValues;
+</script>
+
+<div
+	class="grid grid-cols-[1fr_min-content] justify-items-start place-items-center gap-4 text-zinc-400"
+>
+	<h1
+		class="font-medium text-xl text-zinc-200 tracking-wide col-span-2 border-b border-zinc-800 justify-self-stretch pb-2 mt-8"
+	>
+		User Interface
+	</h1>
+	<h2>Language</h2>
+	<Select bind:value={values.language}>
+		{#each Object.entries(ISO_LANGUAGES) as [code, lang]}
+			<option value={code}>{lang.name}</option>
+		{/each}
+	</Select>
+	<h2>Autoplay Trailers</h2>
+	<Toggle bind:checked={values.autoplayTrailers} />
+
+	<h2>Animation Duration</h2>
+	<Input type="number" bind:value={values.animationDuration} />
+
+	<h1
+		class="font-medium text-xl text-zinc-200 tracking-wide col-span-2 border-b border-zinc-800 justify-self-stretch pb-2 mt-8"
+	>
+		Discovery
+	</h1>
+	<h2>Region</h2>
+	<Select bind:value={values.discover.region}>
+		<option value="">None</option>
+		{#each Object.entries(ISO_REGIONS) as [code, region]}
+			<option value={code}>{region}</option>
+		{/each}
+	</Select>
+	<h2>Exclude library items from Discovery</h2>
+	<Toggle bind:checked={values.discover.excludeLibraryItems} />
+
+	<div>
+		<h2>Included languages</h2>
+		<p class="text-sm text-zinc-500 mt-1">
+			Filter results based on spoken language. Takes ISO 639-1 language codes separated with commas.
+			Leave empty to disable.
+		</p>
+	</div>
+	<Input bind:value={values.discover.includedLanguages} placeholder={'en,fr,de'} />
+</div>
diff --git a/src/routes/settings/IntegrationCard.svelte b/src/routes/settings/IntegrationCard.svelte
new file mode 100644
index 0000000..dafe3f3
--- /dev/null
+++ b/src/routes/settings/IntegrationCard.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import classNames from 'classnames';
+
+	export let title: string;
+	export let href = '#';
+	export let status: 'connected' | 'disconnected' | 'error' = 'disconnected';
+</script>
+
+<div
+	class={classNames('border border-zinc-800 rounded-xl p-4 flex flex-col gap-4', {
+		// 'border-zinc-800': status === 'connected'
+		// 'border-zinc-800': status === 'disconnected'
+	})}
+>
+	<div class="flex items-baseline justify-between">
+		<a class="text-zinc-200 text-xl font-medium" target="_blank" {href}>{title}</a>
+		<div
+			class={classNames('w-3 h-3 rounded-full', {
+				'bg-green-600': status === 'connected',
+				'bg-zinc-600': status === 'disconnected',
+				'bg-amber-500': status === 'error'
+			})}
+		/>
+	</div>
+	<slot />
+</div>
diff --git a/src/routes/settings/IntegrationSettingsPage.svelte b/src/routes/settings/IntegrationSettingsPage.svelte
new file mode 100644
index 0000000..91141c5
--- /dev/null
+++ b/src/routes/settings/IntegrationSettingsPage.svelte
@@ -0,0 +1,295 @@
+<script lang="ts">
+	import { getJellyfinUsers } from '$lib/apis/jellyfin/jellyfinApi';
+	import {
+		getSonarrLanguageProfiles,
+		getSonarrQualityProfiles,
+		getSonarrRootFolders
+	} from '$lib/apis/sonarr/sonarrApi';
+	import FormButton from '$lib/components/forms/FormButton.svelte';
+	import Input from '$lib/components/forms/Input.svelte';
+	import Select from '$lib/components/forms/Select.svelte';
+	import { settings, type SettingsValues } from '$lib/stores/settings.store';
+	import classNames from 'classnames';
+	import { Trash } from 'radix-icons-svelte';
+	import IntegrationCard from './IntegrationCard.svelte';
+	import TestConnectionButton from './TestConnectionButton.svelte';
+	import { getRadarrQualityProfiles, getRadarrRootFolders } from '$lib/apis/radarr/radarrApi';
+
+	export let values: SettingsValues;
+
+	export let sonarrConnected: boolean;
+	export let radarrConnected: boolean;
+	export let jellyfinConnected: boolean;
+
+	export let checkSonarrHealth: () => Promise<boolean>;
+	export let checkRadarrHealth: () => Promise<boolean>;
+	export let checkJellyfinHealth: () => Promise<boolean>;
+
+	let sonarrRootFolders: undefined | { id: number; path: string }[] = undefined;
+	let sonarrQualityProfiles: undefined | { id: number; name: string }[] = undefined;
+	let sonarrLanguageProfiles: undefined | { id: number; name: string }[] = undefined;
+
+	let radarrRootFolders: undefined | { id: number; path: string }[] = undefined;
+	let radarrQualityProfiles: undefined | { id: number; name: string }[] = undefined;
+
+	let jellyfinUsers: undefined | { id: string; name: string }[] = undefined;
+
+	function handleRemoveIntegration(service: 'sonarr' | 'radarr' | 'jellyfin') {
+		if (service === 'sonarr') {
+			values.sonarr.baseUrl = '';
+			values.sonarr.apiKey = '';
+
+			checkSonarrHealth();
+		} else if (service === 'radarr') {
+			values.radarr.baseUrl = '';
+			values.radarr.apiKey = '';
+			checkRadarrHealth();
+		} else if (service === 'jellyfin') {
+			values.jellyfin.baseUrl = '';
+			values.jellyfin.apiKey = '';
+			values.jellyfin.userId = '';
+			checkJellyfinHealth();
+		}
+	}
+
+	$: {
+		if (sonarrConnected) {
+			getSonarrRootFolders(
+				values.sonarr.baseUrl || undefined,
+				values.sonarr.apiKey || undefined
+			).then((folders) => {
+				sonarrRootFolders = folders.map((f) => ({ id: f.id || 0, path: f.path || '' }));
+			});
+
+			getSonarrQualityProfiles(
+				values.sonarr.baseUrl || undefined,
+				values.sonarr.apiKey || undefined
+			).then((profiles) => {
+				sonarrQualityProfiles = profiles.map((p) => ({ id: p.id || 0, name: p.name || '' }));
+			});
+
+			getSonarrLanguageProfiles(
+				values.sonarr.baseUrl || undefined,
+				values.sonarr.apiKey || undefined
+			).then((profiles) => {
+				sonarrLanguageProfiles = profiles.map((p) => ({ id: p.id || 0, name: p.name || '' }));
+			});
+		}
+	}
+
+	$: {
+		if (radarrConnected) {
+			getRadarrRootFolders(
+				values.radarr.baseUrl || undefined,
+				values.radarr.apiKey || undefined
+			).then((folders) => {
+				radarrRootFolders = folders.map((f) => ({ id: f.id || 0, path: f.path || '' }));
+			});
+
+			getRadarrQualityProfiles(
+				values.radarr.baseUrl || undefined,
+				values.radarr.apiKey || undefined
+			).then((profiles) => {
+				radarrQualityProfiles = profiles.map((p) => ({ id: p.id || 0, name: p.name || '' }));
+			});
+		}
+	}
+
+	$: {
+		if (jellyfinConnected) {
+			getJellyfinUsers(
+				values.jellyfin.baseUrl || undefined,
+				values.jellyfin.apiKey || undefined
+			).then((users) => {
+				jellyfinUsers = users.map((u) => ({ id: u.Id || '', name: u.Name || '' }));
+			});
+		}
+	}
+</script>
+
+<div class="grid grid-cols-2 gap-4">
+	<div
+		class="border-b border-zinc-800 pb-4 mt-8 col-span-2 justify-self-stretch flex flex-col gap-2"
+	>
+		<h1 class="font-medium text-2xl text-zinc-200 tracking-wide">Integrations</h1>
+		<p class="text-sm text-zinc-400">
+			Note: Base urls must be accessible from the browser, meaning that internal docker addresses
+			won't work, for example. API Keys <span class="font-medium underline">will be exposed</span> to
+			the browser.
+		</p>
+	</div>
+
+	<div class="justify-self-stretch col-span-2">
+		<IntegrationCard
+			title="Sonarr"
+			href={$settings.sonarr.baseUrl || '#'}
+			status={sonarrConnected ? 'connected' : 'disconnected'}
+		>
+			<div class="flex flex-col gap-1">
+				<h2 class="text-sm text-zinc-500">Base URL</h2>
+				<Input
+					placeholder={'http://127.0.0.1:8989'}
+					class="w-full"
+					bind:value={values.sonarr.baseUrl}
+				/>
+			</div>
+			<div class="flex flex-col gap-1">
+				<h2 class="text-sm text-zinc-500">API Key</h2>
+				<Input class="w-full" bind:value={values.sonarr.apiKey} />
+			</div>
+			<div class="grid grid-cols-[1fr_min-content] gap-2">
+				<TestConnectionButton handleHealthCheck={checkSonarrHealth} />
+				<FormButton on:click={() => handleRemoveIntegration('sonarr')} type="error">
+					<Trash size={20} />
+				</FormButton>
+			</div>
+			<h1 class="border-b border-zinc-800 py-2">Options</h1>
+			<div
+				class={classNames(
+					'grid grid-cols-[1fr_min-content] justify-items-start gap-4 text-zinc-400',
+					{
+						'opacity-50 pointer-events-none': !sonarrConnected
+					}
+				)}
+			>
+				<h2>Root Folder</h2>
+				{#if !sonarrRootFolders}
+					<Select loading />
+				{:else}
+					<Select bind:value={values.sonarr.rootFolderPath}>
+						{#each sonarrRootFolders as folder}
+							<option value={folder.path}>{folder.path}</option>
+						{/each}
+					</Select>
+				{/if}
+
+				<h2>Quality Profile</h2>
+				{#if !sonarrQualityProfiles}
+					<Select loading />
+				{:else}
+					<Select bind:value={values.sonarr.qualityProfileId}>
+						{#each sonarrQualityProfiles as profile}
+							<option value={profile.id}>{profile.name}</option>
+						{/each}
+					</Select>
+				{/if}
+
+				<h2>Language Profile</h2>
+				{#if !sonarrLanguageProfiles}
+					<Select loading />
+				{:else}
+					<Select bind:value={values.sonarr.languageProfileId}>
+						{#each sonarrLanguageProfiles as profile}
+							<option value={profile.id}>{profile.name}</option>
+						{/each}
+					</Select>
+				{/if}
+			</div>
+		</IntegrationCard>
+	</div>
+
+	<div class="justify-self-stretch col-span-2">
+		<IntegrationCard
+			title="Radarr"
+			href={$settings.radarr.baseUrl || '#'}
+			status={radarrConnected ? 'connected' : 'disconnected'}
+		>
+			<div class="flex flex-col gap-1">
+				<h2 class="text-sm text-zinc-500">Base URL</h2>
+				<Input
+					placeholder={'http://127.0.0.1:7878'}
+					class="w-full"
+					bind:value={values.radarr.baseUrl}
+				/>
+			</div>
+			<div class="flex flex-col gap-1">
+				<h2 class="text-sm text-zinc-500">API Key</h2>
+				<Input class="w-full" bind:value={values.radarr.apiKey} />
+			</div>
+			<div class="grid grid-cols-[1fr_min-content] gap-2">
+				<TestConnectionButton handleHealthCheck={checkRadarrHealth} />
+				<FormButton on:click={() => handleRemoveIntegration('radarr')} type="error">
+					<Trash size={20} />
+				</FormButton>
+			</div>
+			<h1 class="border-b border-zinc-800 py-2">Options</h1>
+			<div
+				class={classNames(
+					'grid grid-cols-[1fr_min-content] justify-items-start gap-4 text-zinc-400',
+					{
+						'opacity-50 pointer-events-none': !radarrConnected
+					}
+				)}
+			>
+				<h2>Root Folder</h2>
+				{#if !radarrRootFolders}
+					<Select loading />
+				{:else}
+					<Select bind:value={values.radarr.rootFolderPath}>
+						{#each radarrRootFolders as folder}
+							<option value={folder.path}>{folder.path}</option>
+						{/each}
+					</Select>
+				{/if}
+
+				<h2>Quality Profile</h2>
+				{#if !radarrQualityProfiles}
+					<Select loading />
+				{:else}
+					<Select bind:value={values.radarr.qualityProfileId}>
+						{#each radarrQualityProfiles as profile}
+							<option value={profile.id}>{profile.name}</option>
+						{/each}
+					</Select>
+				{/if}
+			</div>
+		</IntegrationCard>
+	</div>
+
+	<div class="justify-self-stretch col-span-2">
+		<IntegrationCard
+			title="Jellyfin"
+			href={$settings.jellyfin.baseUrl || '#'}
+			status={jellyfinConnected ? 'connected' : 'disconnected'}
+		>
+			<div class="flex flex-col gap-1">
+				<h2 class="text-sm text-zinc-500">Base URL</h2>
+				<Input
+					placeholder={'http://127.0.0.1:8096'}
+					class="w-full"
+					bind:value={values.jellyfin.baseUrl}
+				/>
+			</div>
+			<div class="flex flex-col gap-1">
+				<h2 class="text-sm text-zinc-500">API Key</h2>
+				<Input class="w-full" bind:value={values.jellyfin.apiKey} />
+			</div>
+			<div class="grid grid-cols-[1fr_min-content] gap-2">
+				<TestConnectionButton handleHealthCheck={checkJellyfinHealth} />
+				<FormButton on:click={() => handleRemoveIntegration('jellyfin')} type="error">
+					<Trash size={20} />
+				</FormButton>
+			</div>
+			<h1 class="border-b border-zinc-800 py-2">Options</h1>
+			<div
+				class={classNames(
+					'grid grid-cols-[1fr_min-content] justify-items-start gap-4 text-zinc-400',
+					{
+						'opacity-50 pointer-events-none': !jellyfinConnected
+					}
+				)}
+			>
+				<h2>Jellyfin User</h2>
+				{#if !jellyfinUsers}
+					<Select loading />
+				{:else}
+					<Select bind:value={values.jellyfin.userId}>
+						{#each jellyfinUsers as user}
+							<option value={user.id}>{user.name}</option>
+						{/each}
+					</Select>
+				{/if}
+			</div>
+		</IntegrationCard>
+	</div>
+</div>
diff --git a/src/routes/settings/TestConnectionButton.svelte b/src/routes/settings/TestConnectionButton.svelte
new file mode 100644
index 0000000..4eb09cc
--- /dev/null
+++ b/src/routes/settings/TestConnectionButton.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import FormButton from '$lib/components/forms/FormButton.svelte';
+	import { onDestroy, type ComponentProps } from 'svelte';
+
+	export let handleHealthCheck: () => Promise<boolean>;
+
+	let type: ComponentProps<FormButton>['type'] = 'base';
+	let loading = false;
+
+	let healthTimeout: NodeJS.Timeout;
+	$: {
+		if (type !== 'base') {
+			clearTimeout(healthTimeout);
+			healthTimeout = setTimeout(() => {
+				type = 'base';
+			}, 2000);
+		}
+	}
+
+	function handleClick() {
+		loading = true;
+		handleHealthCheck().then((ok) => {
+			if (ok) {
+				type = 'success';
+			} else {
+				type = 'error';
+			}
+			loading = false;
+		});
+	}
+
+	onDestroy(() => {
+		clearTimeout(healthTimeout);
+	});
+</script>
+
+<FormButton {type} {loading} on:click={handleClick}>Test Connection</FormButton>
diff --git a/src/routes/sources/+page.svelte b/src/routes/sources/+page.svelte
index 372552e..8ab1d7a 100644
--- a/src/routes/sources/+page.svelte
+++ b/src/routes/sources/+page.svelte
@@ -1,9 +1,18 @@
 <script lang="ts">
 	import RadarrStats from '$lib/components/SourceStats/RadarrStats.svelte';
 	import SonarrStats from '$lib/components/SourceStats/SonarrStats.svelte';
+	import { settings } from '$lib/stores/settings.store';
+	import { fade } from 'svelte/transition';
 </script>
 
-<div class="pt-24 px-8 min-h-screen flex justify-center">
+<div
+	class="pt-24 px-8 min-h-screen flex justify-center"
+	in:fade|global={{
+		duration: $settings.animationDuration,
+		delay: $settings.animationDuration
+	}}
+	out:fade|global={{ duration: $settings.animationDuration }}
+>
 	<div class="flex flex-col gap-4 max-w-3xl flex-1">
 		<!-- svelte-ignore a11y-click-events-have-key-events -->
 		<RadarrStats large />
diff --git a/tsconfig.json b/tsconfig.json
index 47cbeb1..8d93b5f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,6 +11,10 @@
 		"strict": true,
 		"target": "ES2022",
 		"module": "ES2022",
+		"lib": ["es6"],
+		"emitDecoratorMetadata": true,
+		"experimentalDecorators": true,
+		"strictPropertyInitialization": false
 	}
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
 	//
diff --git a/vite.config.ts b/vite.config.ts
index f7f30ba..e654640 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,5 +9,8 @@ export default defineConfig({
 	// },
 	test: {
 		include: ['src/**/*.{test,spec}.{js,ts}']
+	},
+	ssr: {
+		external: ['reflect-metadata']
 	}
 });