From 1923be429a016b93a076054648cb232fb37cdb08 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 11:46:21 +0200
Subject: [PATCH 01/28] fix: home page error

---
 web/src/lib/components/PreviewCard.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/PreviewCard.svelte b/web/src/lib/components/PreviewCard.svelte
index e976f66..23a5fa1 100644
--- a/web/src/lib/components/PreviewCard.svelte
+++ b/web/src/lib/components/PreviewCard.svelte
@@ -1,7 +1,6 @@
 <script>
   import { formatMap } from './anime.js'
   import { click } from '@/modules/click.js'
-  import { alToken } from '@/modules/settings.js'
   export let media
 
   let hide = true
@@ -83,10 +82,10 @@
         </span>
         {playButtonText}
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.isFavourite} use:click={noop} disabled={!alToken}>
+      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.isFavourite} use:click={noop}>
         favorite
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.mediaListEntry} use:click={noop} disabled={!alToken}>
+      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.mediaListEntry} use:click={noop}>
         bookmark
       </button>
     </div>

From 32d1d03d11b380249e1f01b4cbbcb2f22591c403 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 17:10:59 +0200
Subject: [PATCH 02/28] feat: #470 use a router for navigation, support
 backwards/forwards navigation

---
 README.md         |  2 +-
 common/App.svelte | 29 +++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b1196ab..37cb7db 100644
--- a/README.md
+++ b/README.md
@@ -113,7 +113,7 @@ apt install linux-Miru-*.deb
 
 ## **Building and Development**
 
-*dont*
+*good luck*
 
 Dependencies:
  - Node 16 or above
diff --git a/common/App.svelte b/common/App.svelte
index c165b99..8c44adc 100644
--- a/common/App.svelte
+++ b/common/App.svelte
@@ -14,6 +14,35 @@
   IPC.on('schedule', () => {
     page.set('schedule')
   })
+
+  let ignoreNext = false
+  function addPage (value, type) {
+    if (ignoreNext) {
+      ignoreNext = false
+      return
+    }
+    history.pushState({ type, value }, '', './?id=' + Math.trunc(Math.random() * Number.MAX_SAFE_INTEGER).toString())
+  }
+  page.subscribe((value) => {
+    addPage(value, 'page')
+  })
+  view.subscribe((value) => {
+    addPage(value, 'view')
+  })
+
+  addPage('home', 'page')
+
+  window.addEventListener('popstate', e => {
+    const { state } = e
+    if (!state) return
+    ignoreNext = true
+    view.set(null)
+    if (state.type === 'page') {
+      page.set(state.value)
+    } else {
+      view.set(state.value)
+    }
+  })
 </script>
 
 <script>

From 3eb349c31ec075e5d0fd41db50ba5a237f7dde32 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 17:16:29 +0200
Subject: [PATCH 03/28] fix: dont exclude torrents if user is using external
 player

---
 common/modules/extensions/index.js | 19 +++++++++++++++++--
 common/modules/rss.js              | 16 ----------------
 common/modules/util.js             |  5 ++++-
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/common/modules/extensions/index.js b/common/modules/extensions/index.js
index 19de4b9..e7a527c 100644
--- a/common/modules/extensions/index.js
+++ b/common/modules/extensions/index.js
@@ -1,5 +1,4 @@
 import { settings } from '@/modules/settings.js'
-import { exclusions } from '../rss.js'
 import { sleep } from '../util.js'
 import { anilistClient } from '../anilist.js'
 import { anitomyscript } from '../anime.js'
@@ -10,6 +9,22 @@ import Debug from 'debug'
 
 const debug = Debug('ui:extensions')
 
+const exclusions = ['DTS', 'TrueHD', '[EMBER]']
+const isDev = location.hostname === 'localhost'
+
+const video = document.createElement('video')
+
+if (!isDev && !video.canPlayType('video/mp4; codecs="hev1.1.6.L93.B0"')) {
+  exclusions.push('HEVC', 'x265', 'H.265')
+}
+if (!isDev && !video.canPlayType('audio/mp4; codecs="ac-3"')) {
+  exclusions.push('AC3', 'AC-3')
+}
+if (!('audioTracks' in HTMLVideoElement.prototype)) {
+  exclusions.push('DUAL')
+}
+video.remove()
+
 /** @typedef {import('@thaunknown/ani-resourced/sources/types.d.ts').Options} Options */
 /** @typedef {import('@thaunknown/ani-resourced/sources/types.d.ts').Result} Result */
 
@@ -40,7 +55,7 @@ export default async function getResultsFromExtensions ({ media, episode, batch,
     anidbEid,
     titles: createTitles(media),
     resolution,
-    exclusions
+    exclusions: settings.value.enableExternal ? [] : exclusions
   }
 
   const { results, errors } = await worker.query(options, { movie, batch }, settings.value.sources)
diff --git a/common/modules/rss.js b/common/modules/rss.js
index fd55900..016cfd8 100644
--- a/common/modules/rss.js
+++ b/common/modules/rss.js
@@ -10,22 +10,6 @@ import Debug from 'debug'
 
 const debug = Debug('ui:rss')
 
-export const exclusions = ['DTS', 'TrueHD', '[EMBER]']
-const isDev = location.hostname === 'localhost'
-
-const video = document.createElement('video')
-
-if (!isDev && !video.canPlayType('video/mp4; codecs="hev1.1.6.L93.B0"')) {
-  exclusions.push('HEVC', 'x265', 'H.265')
-}
-if (!isDev && !video.canPlayType('audio/mp4; codecs="ac-3"')) {
-  exclusions.push('AC3', 'AC-3')
-}
-if (!('audioTracks' in HTMLVideoElement.prototype)) {
-  exclusions.push('DUAL')
-}
-video.remove()
-
 export function parseRSSNodes (nodes) {
   return nodes.map(item => {
     const pubDate = item.querySelector('pubDate')?.textContent
diff --git a/common/modules/util.js b/common/modules/util.js
index 8857420..1c8bd9b 100644
--- a/common/modules/util.js
+++ b/common/modules/util.js
@@ -1,4 +1,5 @@
 import { SUPPORTS } from '@/modules/support.js'
+import { enable } from './debug.js'
 
 export function countdown (s) {
   const d = Math.floor(s / (3600 * 24))
@@ -153,7 +154,9 @@ export const defaults = {
   angle: 'default',
   toshoURL: SUPPORTS.extensions ? decodeURIComponent(atob('aHR0cHM6Ly9mZWVkLmFuaW1ldG9zaG8ub3JnLw==')) : '',
   extensions: SUPPORTS.extensions ? ['@thaunknown/ani-resourced'] : [],
-  sources: {}
+  sources: {},
+  enableExternal: false,
+  playerPath: ''
 }
 
 export const subtitleExtensions = ['srt', 'vtt', 'ass', 'ssa', 'sub', 'txt']

From 246e713c6e0eb3522d91dea9ecd2e9e29676ccbc Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 17:34:57 +0200
Subject: [PATCH 04/28] feat: seek duration

---
 common/modules/util.js                      |  3 ++-
 common/views/Player/Player.svelte           | 14 ++++++++------
 common/views/Settings/PlayerSettings.svelte |  8 ++++++++
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/common/modules/util.js b/common/modules/util.js
index 1c8bd9b..22a3aaf 100644
--- a/common/modules/util.js
+++ b/common/modules/util.js
@@ -156,7 +156,8 @@ export const defaults = {
   extensions: SUPPORTS.extensions ? ['@thaunknown/ani-resourced'] : [],
   sources: {},
   enableExternal: false,
-  playerPath: ''
+  playerPath: '',
+  playerSeek: 2
 }
 
 export const subtitleExtensions = ['srt', 'vtt', 'ass', 'ssa', 'sub', 'txt']
diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index 7764d43..f68435a 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -347,10 +347,10 @@
     video.currentTime = targetTime
   }
   function forward () {
-    seek(2)
+    seek(settings.value.playerSeek)
   }
   function rewind () {
-    seek(-2)
+    seek(-settings.value.playerSeek)
   }
   function selectAudio (id) {
     if (id !== undefined) {
@@ -553,8 +553,9 @@
         e.preventDefault()
         rewind()
       },
-      id: '-2',
-      desc: 'Rewind 2s'
+      id: 'fast_rewind',
+      type: 'icon',
+      desc: 'Rewind'
     },
     ArrowRight: {
       fn: e => {
@@ -562,8 +563,9 @@
         e.preventDefault()
         forward()
       },
-      id: '+2',
-      desc: 'Seek 2s'
+      id: 'fast_forward',
+      type: 'icon',
+      desc: 'Seek'
     },
     ArrowUp: {
       fn: e => {
diff --git a/common/views/Settings/PlayerSettings.svelte b/common/views/Settings/PlayerSettings.svelte
index fe8010c..0e35ab7 100644
--- a/common/views/Settings/PlayerSettings.svelte
+++ b/common/views/Settings/PlayerSettings.svelte
@@ -146,6 +146,14 @@
     <label for='player-deband'>{settings.playerDeband ? 'On' : 'Off'}</label>
   </div>
 </SettingCard>
+<SettingCard title='Seek Duration' description='Seconds to skip forward or backward when using the seek buttons or keyboard shortcuts. Higher values might negatively impact buffering speeds.'>
+  <div class='input-group w-100 mw-full'>
+    <input type='number' inputmode='numeric' pattern={'[0-9]*'} bind:value={settings.playerSeek} min='1' max='50' class='form-control text-right bg-dark' />
+    <div class='input-group-append'>
+      <span class='input-group-text bg-dark'>sec</span>
+    </div>
+  </div>
+</SettingCard>
 
 {#if SUPPORTS.externalPlayer}
   <h4 class='mb-10 font-weight-bold'>External Player Settings</h4>

From a50b78590f2d024d5f2237edca44a1ed16d1aa2f Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 17:42:18 +0200
Subject: [PATCH 05/28] fix: home section re-ordering on android

---
 .../Settings/HomeSectionsSettings.svelte      | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/common/views/Settings/HomeSectionsSettings.svelte b/common/views/Settings/HomeSectionsSettings.svelte
index fbf6cdc..2f335e6 100644
--- a/common/views/Settings/HomeSectionsSettings.svelte
+++ b/common/views/Settings/HomeSectionsSettings.svelte
@@ -1,6 +1,7 @@
 <script>
   import { click } from '@/modules/click.js'
   import { sections } from '@/modules/sections.js'
+  import { SUPPORTS } from '@/modules/support.js'
 
   const allowedHomeSections = sections.map(({ title }) => title)
   export let homeSections
@@ -20,6 +21,15 @@
       draggingItemIndex = hoveredItemIndex
     }
   }
+
+  function moveItem (index, direction) {
+    if (direction === 'up' && index > 0) {
+      [homeSections[index], homeSections[index - 1]] = [homeSections[index - 1], homeSections[index]]
+    } else if (direction === 'down' && index < homeSections.length - 1) {
+      [homeSections[index], homeSections[index + 1]] = [homeSections[index + 1], homeSections[index]]
+    }
+    homeSections = homeSections
+  }
 </script>
 
 {#if mouseYCoordinate}
@@ -59,9 +69,18 @@
       draggingItem = null
       hoveredItemIndex = null
     }}>
-    <div class='input-group-prepend grab'>
-      <span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
-    </div>
+    {#if !SUPPORTS.isAndroid}
+      <div class='input-group-prepend grab'>
+        <span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
+      </div>
+    {:else}
+      <div class='input-group-prepend'>
+        <button use:click={() => moveItem(index, 'up')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_upward</button>
+      </div>
+      <div class='input-group-prepend'>
+        <button use:click={() => moveItem(index, 'down')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_downward</button>
+      </div>
+    {/if}
     <select class='form-control bg-dark w-300 mw-full' bind:value={homeSections[index]}>
       {#each allowedHomeSections as section}
         <option>{section}</option>

From 1d05a71b39f725d7e193c35041818fc9a3857ac5 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 18:44:37 +0200
Subject: [PATCH 06/28] feat: open original anime on long press

---
 common/components/cards/EpisodeCard.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/common/components/cards/EpisodeCard.svelte b/common/components/cards/EpisodeCard.svelte
index 0bdbf43..8541693 100644
--- a/common/components/cards/EpisodeCard.svelte
+++ b/common/components/cards/EpisodeCard.svelte
@@ -25,7 +25,7 @@
   const progress = liveAnimeEpisodeProgress(media?.id, data?.episode)
 </script>
 
-<div class='d-flex p-20 pb-10 position-relative episode-card' use:hoverClick={[data.onclick || viewMedia, setHoverState]}>
+<div class='d-flex p-20 pb-10 position-relative episode-card' use:hoverClick={[data.onclick || viewMedia, setHoverState]} on:contextmenu|preventDefault={viewMedia} role='none'>
   {#if preview}
     <EpisodePreviewCard {data} />
   {/if}

From 848726bd2397b857a7c6e954e27e50130dd86db8 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 19:13:46 +0200
Subject: [PATCH 07/28] feat: autoskip feat: reduce search padding on mobile

---
 common/components/NavbarLink.svelte         | 4 ++--
 common/components/Search.svelte             | 2 +-
 common/modules/util.js                      | 3 ++-
 common/views/Player/Player.svelte           | 1 +
 common/views/Search.svelte                  | 2 +-
 common/views/Settings/PlayerSettings.svelte | 8 ++++++++
 6 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/common/components/NavbarLink.svelte b/common/components/NavbarLink.svelte
index f12ee41..7ec71c8 100644
--- a/common/components/NavbarLink.svelte
+++ b/common/components/NavbarLink.svelte
@@ -34,7 +34,7 @@
   .animate .donate .material-symbols-outlined {
     animation: glow 1s ease-in-out infinite alternate;
   }
-  .donate:hover .material-symbols-outlined {
+  .donate:active .material-symbols-outlined {
     background: #fff;
     color: #fa68b6 !important;
   }
@@ -64,7 +64,7 @@
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
 
-  .navbar-link:hover > span {
+  .navbar-link:active > span {
     background: #fff;
     color: var(--dark-color);
   }
diff --git a/common/components/Search.svelte b/common/components/Search.svelte
index d413c8d..0dfd169 100644
--- a/common/components/Search.svelte
+++ b/common/components/Search.svelte
@@ -54,7 +54,7 @@
   }
 </script>
 
-<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
+<form class='container-fluid py-20 px-md-50 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
   <div class='row'>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
diff --git a/common/modules/util.js b/common/modules/util.js
index 22a3aaf..569dc46 100644
--- a/common/modules/util.js
+++ b/common/modules/util.js
@@ -157,7 +157,8 @@ export const defaults = {
   sources: {},
   enableExternal: false,
   playerPath: '',
-  playerSeek: 2
+  playerSeek: 2,
+  playerSkip: false
 }
 
 export const subtitleExtensions = ['srt', 'vtt', 'ass', 'ssa', 'sub', 'txt']
diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index f68435a..f721314 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -785,6 +785,7 @@
   }
 
   let currentSkippable = null
+  $: currentSkippable && settings.value.playerAutoSkip && skip()
   function checkSkippableChapters () {
     const current = findChapter(currentTime)
     if (current) {
diff --git a/common/views/Search.svelte b/common/views/Search.svelte
index 50f14eb..f19d063 100644
--- a/common/views/Search.svelte
+++ b/common/views/Search.svelte
@@ -66,7 +66,7 @@
 
 <div class='bg-dark h-full w-full overflow-y-scroll d-flex flex-wrap flex-row root overflow-x-hidden justify-content-center align-content-start' use:smoothScroll bind:this={container} on:scroll={infiniteScroll}>
   <Search bind:search={$search} on:input={update} />
-  <div class='w-full d-grid d-md-flex flex-wrap flex-row px-md-50 px-20 justify-content-center align-content-start'>
+  <div class='w-full d-grid d-md-flex flex-wrap flex-row px-md-50 justify-content-center align-content-start'>
     {#key $key}
       {#each $items as card}
         <Card {card} />
diff --git a/common/views/Settings/PlayerSettings.svelte b/common/views/Settings/PlayerSettings.svelte
index 0e35ab7..efe6bee 100644
--- a/common/views/Settings/PlayerSettings.svelte
+++ b/common/views/Settings/PlayerSettings.svelte
@@ -92,6 +92,7 @@
     <option value='slo'>Slovak</option>
     <option value='swe'>Swedish</option>
     <option value='ara'>Arabic</option>
+    <option value='idn'>Indonesian</option>
   </select>
 </SettingCard>
 <SettingCard title='Preferred Audio Language' description="What audio language to automatically select when a video is loaded if it exists. This won't find torrents with this language automatically. If not found defaults to Japanese.">
@@ -118,6 +119,7 @@
     <option value='slo'>Slovak</option>
     <option value='swe'>Swedish</option>
     <option value='ara'>Arabic</option>
+    <option value='idn'>Indonesian</option>
   </select>
 </SettingCard>
 
@@ -154,6 +156,12 @@
     </div>
   </div>
 </SettingCard>
+<SettingCard title='Auto-Skip Intro/Outro' description='Attempt to automatically skip intro and outro. This WILL sometimes skip incorrect chapters, as some of the chapter data is community sourced.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='player-skip' bind:checked={settings.playerSkip} />
+    <label for='player-skip'>{settings.playerSkip ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 
 {#if SUPPORTS.externalPlayer}
   <h4 class='mb-10 font-weight-bold'>External Player Settings</h4>

From 62b21bd38040964960ae9e3fe232d1a79289db86 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 19:24:30 +0200
Subject: [PATCH 08/28] fix: minor css fixes

---
 common/css.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/common/css.css b/common/css.css
index 479c821..2c2240f 100644
--- a/common/css.css
+++ b/common/css.css
@@ -205,7 +205,7 @@ img[src=''], img[src=' '] {
 .skeloader .skeleloader-swipe {
   height: 100%;
   width: 100%;
-  background: linear-gradient(to right, transparent 0%, #17191c 50%, transparent 100%);
+  background: linear-gradient(to right, transparent 0%, hsl(var(--dark-color-hsl)) 50%, transparent 100%);
   background-repeat: no-repeat;
   background-size: 200% 100%;
   animation: skeleloader 1s infinite cubic-bezier(0.4, 0, 0.2, 1);

From 08cdae43b7f4c36b850b7835998cb5f323521110 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 19:37:14 +0200
Subject: [PATCH 09/28] fix: oopsie

---
 common/modules/util.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/common/modules/util.js b/common/modules/util.js
index 569dc46..b8f5e48 100644
--- a/common/modules/util.js
+++ b/common/modules/util.js
@@ -1,5 +1,4 @@
 import { SUPPORTS } from '@/modules/support.js'
-import { enable } from './debug.js'
 
 export function countdown (s) {
   const d = Math.floor(s / (3600 * 24))

From 5fcd5937e691f18374ee0236a9aa093263c97ad5 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 20:15:18 +0200
Subject: [PATCH 10/28] feat: v5.3.5

---
 electron/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/electron/package.json b/electron/package.json
index de7ec4a..a2bc0e8 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.4",
+  "version": "5.3.5",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",

From f88cca3e294abe589195f9e218416f6d62936471 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 22:58:33 +0200
Subject: [PATCH 11/28] fix: trailers, go back to iframes

---
 common/components/cards/PreviewCard.svelte | 32 ++++++++++------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/common/components/cards/PreviewCard.svelte b/common/components/cards/PreviewCard.svelte
index fb4d601..bb348c3 100644
--- a/common/components/cards/PreviewCard.svelte
+++ b/common/components/cards/PreviewCard.svelte
@@ -45,9 +45,6 @@
     playMedia(media)
   }
 
-  function volume (video) {
-    video.volume = 0.1
-  }
   let muted = true
   function toggleMute () {
     muted = !muted
@@ -55,13 +52,12 @@
 </script>
 
 <div class='position-absolute w-350 h-400 absolute-container top-0 bottom-0 m-auto bg-dark-light z-30 rounded overflow-hidden pointer'>
-  <div class='banner position-relative bg-black'>
+  <div class='banner position-relative bg-black overflow-hidden'>
     <img src={media.bannerImage || `https://i.ytimg.com/vi/${media.trailer?.id}/hqdefault.jpg` || ' '} alt='banner' class='img-cover w-full h-full' />
     {#if media.trailer?.id}
       <div class='material-symbols-outlined filled position-absolute z-10 top-0 right-0 p-15 font-size-22' class:d-none={hide} use:click={toggleMute}>{muted ? 'volume_off' : 'volume_up'}</div>
-      <!-- for now we use some invidious instance, would be nice to somehow get these links outselves, this redirects straight to some google endpoint -->
-      <!-- eslint-disable-next-line svelte/valid-compile -->
-      <video src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
+      <!-- indivious is nice because its faster, but not reliable -->
+      <!-- <video src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
         class='w-full h-full position-absolute left-0'
         class:d-none={hide}
         playsinline
@@ -70,15 +66,15 @@
         use:volume
         bind:muted
         on:loadeddata={() => { hide = false }}
-        autoplay />
-      <!-- <iframe
+        autoplay /> -->
+      <iframe
         class='w-full border-0 position-absolute left-0'
         class:d-none={hide}
         title={media.title.userPreferred}
         allow='autoplay'
         on:load={() => { hide = false }}
-        src={`https://www.youtube-nocookie.com/embed/${media.trailer?.id}?autoplay=1&controls=0&mute=1&disablekb=1&loop=1&vq=medium&playlist=${media.trailer?.id}`}
-      /> -->
+        src={`https://www.youtube-nocookie.com/embed/${media.trailer?.id}?autoplay=1&controls=0&mute=${muted ? 1 : 0}&disablekb=1&loop=1&vq=medium&playlist=${media.trailer?.id}&cc_lang_pref=ja`}
+      />
     {/if}
   </div>
   <div class='w-full px-20'>
@@ -149,9 +145,9 @@
   .banner {
     height: 45%
   }
-  video {
+  /* video {
     object-fit: cover;
-  }
+  } */
   .banner::after {
     content: '';
     position: absolute;
@@ -178,17 +174,17 @@
     left: -100%;
     right: -100%;
   }
-  /* @keyframes delayedShow {
+  @keyframes delayedShow {
     to {
       visibility: visible;
     }
-  } */
+  }
 
-  /* iframe {
+   iframe {
     height: 200%;
     top: 50%;
     transform: translate(0, -50%);
     visibility: hidden;
-    animation: 0s linear 0.5s forwards delayedShow ;
-  } */
+    animation: 0s linear 0.5s forwards delayedShow;
+  }
 </style>

From 5cf2357976a81a1d7d55143f2f0c71f4a099fcb2 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 23:46:45 +0200
Subject: [PATCH 12/28] feat: sort continue watching by last updated

---
 common/modules/anilist.js  |  3 +--
 common/modules/sections.js | 12 ++++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/common/modules/anilist.js b/common/modules/anilist.js
index 63a0e15..c2fafa5 100644
--- a/common/modules/anilist.js
+++ b/common/modules/anilist.js
@@ -264,7 +264,6 @@ class AnilistClient {
       body: JSON.stringify({
         query: query.replace(/\s/g, '').replaceAll('&nbsp;', ' '),
         variables: {
-          sort: 'TRENDING_DESC',
           page: 1,
           perPage: 30,
           status_in: '[CURRENT,PLANNING]',
@@ -550,7 +549,7 @@ class AnilistClient {
     variables.id = userId
     const query = /* js */` 
       query($id: Int) {
-        MediaListCollection(userId: $id, type: ANIME, forceSingleCompletedList: true) {
+        MediaListCollection(userId: $id, type: ANIME, forceSingleCompletedList: true, sort: UPDATED_TIME_DESC) {
           lists {
             status,
             entries {
diff --git a/common/modules/sections.js b/common/modules/sections.js
index 04c8ff6..eaecb26 100644
--- a/common/modules/sections.js
+++ b/common/modules/sections.js
@@ -84,7 +84,7 @@ function createSections () {
     {
       title: 'Continue Watching',
       load: (page = 1, perPage = 50, variables = {}) => {
-        const res = anilistClient.userLists.value.then(res => {
+        const res = anilistClient.userLists.value.then(async res => {
           const mediaList = res.data.MediaListCollection.lists.reduce((filtered, { status, entries }) => {
             return (status === 'CURRENT' || status === 'REPEATING') ? filtered.concat(entries) : filtered
           }, [])
@@ -93,7 +93,15 @@ function createSections () {
             return media.mediaListEntry?.progress < media.nextAiringEpisode?.episode - 1
           }).map(({ media }) => media.id)
           if (!ids.length) return {}
-          return anilistClient.searchIDS({ page, perPage, id: ids, ...SectionsManager.sanitiseObject(variables) })
+          // if custom search is used, respect it, otherwise sort by last updated
+          if (Object.values(variables).length !== 0) {
+            return anilistClient.searchIDS({ page, perPage, id: ids, ...SectionsManager.sanitiseObject(variables) })
+          }
+
+          const index = (page - 1) * perPage
+          const idsRes = await anilistClient.searchIDS({ page, perPage, id: ids.slice(index, index + perPage), ...SectionsManager.sanitiseObject(variables) })
+          idsRes.data.Page.media.sort((a, b) => ids.indexOf(a.id) - ids.indexOf(b.id))
+          return idsRes
         })
         return SectionsManager.wrapResponse(res, perPage)
       },

From 68ab42c22e733319e8deba16ad3052ba8f10fdb7 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 23:53:08 +0200
Subject: [PATCH 13/28] fix: al login crashing

---
 common/App.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/common/App.svelte b/common/App.svelte
index 8c44adc..4052dab 100644
--- a/common/App.svelte
+++ b/common/App.svelte
@@ -21,7 +21,7 @@
       ignoreNext = false
       return
     }
-    history.pushState({ type, value }, '', './?id=' + Math.trunc(Math.random() * Number.MAX_SAFE_INTEGER).toString())
+    history.pushState({ type, value }, '', location.origin + location.pathname + '?id=' + Math.trunc(Math.random() * Number.MAX_SAFE_INTEGER).toString())
   }
   page.subscribe((value) => {
     addPage(value, 'page')

From de6a09ca7d88a2c37309532bc336515b6bb09fe5 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 20 Aug 2024 23:53:22 +0200
Subject: [PATCH 14/28] feat: v5.3.6

---
 electron/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/electron/package.json b/electron/package.json
index a2bc0e8..ee31054 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.5",
+  "version": "5.3.6",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",

From 3a4a2fd7e1a05972f50669ba6bf1e7f3c2e15d34 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Wed, 21 Aug 2024 00:00:23 +0200
Subject: [PATCH 15/28] fix: trailer on website

---
 web/src/lib/components/PreviewCard.svelte | 28 +++++++++--------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/web/src/lib/components/PreviewCard.svelte b/web/src/lib/components/PreviewCard.svelte
index 23a5fa1..ced58d2 100644
--- a/web/src/lib/components/PreviewCard.svelte
+++ b/web/src/lib/components/PreviewCard.svelte
@@ -20,9 +20,6 @@
   }
   const playButtonText = getPlayButtonText(media)
 
-  function volume (video) {
-    video.volume = 0.1
-  }
   let muted = true
   function toggleMute () {
     muted = !muted
@@ -31,19 +28,19 @@
   function play () {
     open('miru://anime/' + media.id)
   }
-  function lazyload (video) {
+  function lazyload (iframe) {
     if ('IntersectionObserver' in window) {
       const lazyVideoObserver = new IntersectionObserver(entries => {
         for (const { target, isIntersecting } of entries) {
           if (isIntersecting) {
-            video.src = video.dataset.src
+            iframe.src = iframe.dataset.src
             lazyVideoObserver.unobserve(target)
           }
         }
       })
-      lazyVideoObserver.observe(video.parentNode)
+      lazyVideoObserver.observe(iframe.parentNode)
     } else {
-      video.src = video.dataset.src
+      iframe.src = iframe.dataset.src
     }
   }
 </script>
@@ -55,18 +52,15 @@
       <div class='material-symbols-outlined filled position-absolute z-10 top-0 right-0 p-15 font-size-22' class:d-none={hide} use:click={toggleMute}>{muted ? 'volume_off' : 'volume_up'}</div>
       <!-- for now we use some invidious instance, would be nice to somehow get these links outselves, this redirects straight to some google endpoint -->
       <!-- eslint-disable-next-line svelte/valid-compile -->
-      <video data-src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
-        class='w-full h-full position-absolute left-0'
+      <iframe
+        class='w-full border-0 position-absolute left-0'
         class:d-none={hide}
-        playsinline
-        preload='none'
-        loading='lazy'
+        title={media.title.userPreferred}
+        allow='autoplay'
         use:lazyload
-        loop
-        use:volume
-        bind:muted
-        on:loadeddata={() => { hide = false }}
-        autoplay />
+        on:load={() => { hide = false }}
+        data-src={`https://www.youtube-nocookie.com/embed/${media.trailer?.id}?autoplay=1&controls=0&mute=${muted ? 1 : 0}&disablekb=1&loop=1&vq=medium&playlist=${media.trailer?.id}&cc_lang_pref=ja`}
+      />
     {/if}
   </div>
   <div class='w-full px-20'>

From ccb0e1ac83296e47d902c7793779cc59b91191ff Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Wed, 21 Aug 2024 17:29:59 +0200
Subject: [PATCH 16/28] fix: seek keybinds not working

---
 common/package.json | 2 +-
 pnpm-lock.yaml      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/common/package.json b/common/package.json
index 5a84f16..761b985 100644
--- a/common/package.json
+++ b/common/package.json
@@ -18,7 +18,7 @@
     "simple-font-select": "^1.0.1",
     "simple-store-svelte": "^1.0.6",
     "svelte": "^4.2.12",
-    "svelte-keybinds": "^1.0.6",
+    "svelte-keybinds": "^1.0.7",
     "svelte-loader": "^3.1.9",
     "svelte-miniplayer": "^1.0.5",
     "svelte-persisted-store": "^0.11.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7088c44..c9c82fd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -182,8 +182,8 @@ importers:
         specifier: ^4.2.12
         version: 4.2.12
       svelte-keybinds:
-        specifier: ^1.0.6
-        version: 1.0.6
+        specifier: ^1.0.7
+        version: 1.0.7
       svelte-loader:
         specifier: ^3.1.9
         version: 3.1.9(svelte@4.2.12)
@@ -8700,8 +8700,8 @@ packages:
       svelte: 4.2.12
     dev: true
 
-  /svelte-keybinds@1.0.6:
-    resolution: {integrity: sha512-mqXn6wfj5Ft7w6UUSVtRLYaeo5SpfkafrZILtqRiMoz0rBg9VlP0DSIdTmbXzR7MOLYoCqfza0IYZ4lBesK64A==}
+  /svelte-keybinds@1.0.7:
+    resolution: {integrity: sha512-2r01BSyfsQ02uEUh3mj7iH90nDmrJQLcGyTQ32MJj8xnQFGa2fmXYbWiUqHdXMQsT0Xpwieu8Yafh9obiw4BnQ==}
     dev: false
 
   /svelte-loader@3.1.9(svelte@4.2.12):

From 68253334b5ed692653cd50a0cf7b9878eaab5e6d Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Wed, 21 Aug 2024 17:30:11 +0200
Subject: [PATCH 17/28] feat: v5.3.7

---
 electron/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/electron/package.json b/electron/package.json
index ee31054..e1e335e 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.6",
+  "version": "5.3.7",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",

From 27ec83d8583e43ff671f1967ef2bd5d4af893239 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Wed, 21 Aug 2024 20:18:54 +0200
Subject: [PATCH 18/28] fix: actually fix keybinds

---
 common/package.json | 2 +-
 pnpm-lock.yaml      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/common/package.json b/common/package.json
index 761b985..fdc6600 100644
--- a/common/package.json
+++ b/common/package.json
@@ -18,7 +18,7 @@
     "simple-font-select": "^1.0.1",
     "simple-store-svelte": "^1.0.6",
     "svelte": "^4.2.12",
-    "svelte-keybinds": "^1.0.7",
+    "svelte-keybinds": "^1.0.8",
     "svelte-loader": "^3.1.9",
     "svelte-miniplayer": "^1.0.5",
     "svelte-persisted-store": "^0.11.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c9c82fd..6b82ab3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -182,8 +182,8 @@ importers:
         specifier: ^4.2.12
         version: 4.2.12
       svelte-keybinds:
-        specifier: ^1.0.7
-        version: 1.0.7
+        specifier: ^1.0.8
+        version: 1.0.8
       svelte-loader:
         specifier: ^3.1.9
         version: 3.1.9(svelte@4.2.12)
@@ -8700,8 +8700,8 @@ packages:
       svelte: 4.2.12
     dev: true
 
-  /svelte-keybinds@1.0.7:
-    resolution: {integrity: sha512-2r01BSyfsQ02uEUh3mj7iH90nDmrJQLcGyTQ32MJj8xnQFGa2fmXYbWiUqHdXMQsT0Xpwieu8Yafh9obiw4BnQ==}
+  /svelte-keybinds@1.0.8:
+    resolution: {integrity: sha512-clP0/5XgMWXNlImQALBQYyrfN06fgWKWufoMumeGOABOsewScPsv1jRFZzks9f3Xh2e53XgZIx57Fb/a6d/ptw==}
     dev: false
 
   /svelte-loader@3.1.9(svelte@4.2.12):

From c595dd7224968fb26d030c6717a802a22e8f26aa Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Wed, 21 Aug 2024 20:19:06 +0200
Subject: [PATCH 19/28] feat: v5.3.8

---
 electron/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/electron/package.json b/electron/package.json
index e1e335e..79d4fc0 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",

From 94f8fafc6bada4e769b299c55ec1b59909bbbb0a Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Thu, 22 Aug 2024 02:03:16 +0200
Subject: [PATCH 20/28] fix: torrent client sometimes loading without settings
 on android feat: persist files on android feat: custom download directory on
 android

---
 .../android/app/src/main/AndroidManifest.xml  |   2 +
 capacitor/package.json                        |  23 +-
 capacitor/src/capacitor.js                    |  26 +
 capacitor/src/main.js                         |   9 +-
 capacitor/src/support.js                      |   4 -
 common/modules/support.js                     |   4 -
 common/modules/webtorrent.js                  |  12 +-
 common/views/Settings/TorrentSettings.svelte  |  64 +-
 pnpm-lock.yaml                                | 833 ++++++++----------
 9 files changed, 442 insertions(+), 535 deletions(-)

diff --git a/capacitor/android/app/src/main/AndroidManifest.xml b/capacitor/android/app/src/main/AndroidManifest.xml
index 628c532..0afb5c8 100644
--- a/capacitor/android/app/src/main/AndroidManifest.xml
+++ b/capacitor/android/app/src/main/AndroidManifest.xml
@@ -54,6 +54,8 @@
 
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
     <uses-feature android:name="android.software.leanback" android:required="false" />
     <uses-feature android:name="android.hardware.touchscreen" android:required="false" />
 </manifest>
diff --git a/capacitor/package.json b/capacitor/package.json
index 0b2860b..5601ce4 100644
--- a/capacitor/package.json
+++ b/capacitor/package.json
@@ -18,24 +18,25 @@
   },
   "devDependencies": {
     "@capacitor/assets": "github:thaunknown/capacitor-assets",
-    "@capacitor/cli": "^6.1.1",
+    "@capacitor/cli": "^6.1.2",
     "cordova-res": "^0.15.4",
-    "nodejs-mobile-gyp": "^0.3.1",
+    "nodejs-mobile-gyp": "^0.4.0",
     "npm-run-all": "^4.1.5",
     "webpack-cli": "^5.1.4",
-    "webpack-merge": "^5.10.0"
+    "webpack-merge": "^6.0.1"
   },
   "dependencies": {
-    "@capacitor/android": "^6.1.1",
-    "@capacitor/app": "^6.0.0",
-    "@capacitor/browser": "^6.0.1",
-    "@capacitor/core": "^6.1.1",
+    "@capacitor/android": "^6.1.2",
+    "@capacitor/app": "^6.0.1",
+    "@capacitor/browser": "^6.0.2",
+    "@capacitor/core": "^6.1.2",
     "@capacitor/device": "^6.0.1",
-    "@capacitor/ios": "^6.1.1",
-    "@capacitor/local-notifications": "^6.0.0",
-    "@capacitor/status-bar": "^6.0.0",
+    "@capacitor/ios": "^6.1.2",
+    "@capacitor/local-notifications": "^6.1.0",
+    "@capacitor/status-bar": "^6.0.1",
+    "capacitor-folder-picker": "^0.0.2",
     "capacitor-nodejs": "https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz",
-    "capacitor-plugin-safe-area": "^2.0.6",
+    "capacitor-plugin-safe-area": "^3.0.3",
     "common": "workspace:*",
     "cordova-plugin-navigationbar": "^1.0.31",
     "cordova-plugin-pip": "^0.0.2",
diff --git a/capacitor/src/capacitor.js b/capacitor/src/capacitor.js
index d190e3b..21282ac 100644
--- a/capacitor/src/capacitor.js
+++ b/capacitor/src/capacitor.js
@@ -5,6 +5,8 @@ import { App } from '@capacitor/app'
 import { Browser } from '@capacitor/browser'
 import { LocalNotifications } from '@capacitor/local-notifications'
 import { Device } from '@capacitor/device'
+import { FolderPicker } from 'capacitor-folder-picker'
+import { toast } from 'svelte-sonner'
 import IPC from './ipc.js'
 
 IPC.on('open', url => Browser.open({ url }))
@@ -51,6 +53,30 @@ IPC.on('get-device-info', async () => {
   IPC.emit('device-info', JSON.stringify(deviceInfo))
 })
 
+const STORAGE_TYPE_MAP = {
+  primary: '/sdcard/',
+  secondary: '/sdcard/'
+}
+
+IPC.on('dialog', async () => {
+  const result = await FolderPicker.chooseFolder()
+  const normalizedPath = decodeURIComponent(result.path)
+
+  const [, uri, ...path] = normalizedPath.split(':')
+  const [,, app, subpath, type, ...rest] = uri.split('/')
+
+  if (app !== 'com.android.externalstorage.documents') return toast.error('Unverified app', { description: 'Expected com.android.externalstorage.documents, got: ' + app })
+  if (rest.length) return toast.error('Unsupported uri', { description: 'Unxpected access type, got: tree/' + rest.join('/') })
+  if (subpath !== 'tree') return toast.error('Unsupported subpath type', { description: 'Expected tree subpath, got: ' + subpath })
+
+  let base = STORAGE_TYPE_MAP[type]
+  if (!base) {
+    if (!/[a-z0-9]{4}-[a-z0-9]{4}/i.test(type)) return toast.error('Unsupported storage type')
+    base = `/storage/${type}/`
+  }
+  IPC.emit('path', base + path.join(''))
+})
+
 // schema: miru://key/value
 const protocolMap = {
   auth: token => sendToken(token),
diff --git a/capacitor/src/main.js b/capacitor/src/main.js
index 758115b..585de0d 100644
--- a/capacitor/src/main.js
+++ b/capacitor/src/main.js
@@ -24,11 +24,16 @@ channel.on('port-init', data => {
       channel.send('ipc', { data })
     }
   }
+  let storedSettings = {}
+
+  try {
+    storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
+  } catch (error) {}
+
+  if (!globalThis.client) globalThis.client = new TorrentClient(channel, storageQuota, 'node', storedSettings.torrentPathNew || env.TMPDIR)
 
   channel.on('ipc', a => port.onmessage(a))
   channel.emit('port', {
     ports: [port]
   })
 })
-
-globalThis.client = new TorrentClient(channel, storageQuota, 'node', env.TMPDIR)
diff --git a/capacitor/src/support.js b/capacitor/src/support.js
index 4a06c6f..233ecc0 100644
--- a/capacitor/src/support.js
+++ b/capacitor/src/support.js
@@ -5,11 +5,7 @@ export const SUPPORTS = {
   update: false,
   angle: false,
   doh: false,
-  dht: true,
   discord: false,
-  torrentPort: true,
-  torrentPath: false,
-  torrentPersist: false,
   keybinds: false,
   isAndroid: true,
   externalPlayer: false,
diff --git a/common/modules/support.js b/common/modules/support.js
index 0d2a157..4132b35 100644
--- a/common/modules/support.js
+++ b/common/modules/support.js
@@ -5,11 +5,7 @@ export const SUPPORTS = {
   update: true,
   angle: true,
   doh: true,
-  dht: true,
   discord: true,
-  torrentPort: true,
-  torrentPath: true,
-  torrentPersist: true,
   keybinds: true,
   extensions: true,
   isAndroid: false,
diff --git a/common/modules/webtorrent.js b/common/modules/webtorrent.js
index f598191..0c57465 100644
--- a/common/modules/webtorrent.js
+++ b/common/modules/webtorrent.js
@@ -37,12 +37,6 @@ const ANNOUNCE = [
   atob('aHR0cDovL3RyYWNrZXIuYW5pcmVuYS5jb206ODAvYW5ub3VuY2U=')
 ]
 
-let storedSettings = {}
-
-try {
-  storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
-} catch (error) {}
-
 export default class TorrentClient extends WebTorrent {
   static excludedErrorMessages = ['WebSocket', 'User-Initiated Abort, reason=', 'Connection failed.']
 
@@ -54,6 +48,12 @@ export default class TorrentClient extends WebTorrent {
   ipc
 
   constructor (ipc, storageQuota, serverMode, torrentPath, controller) {
+    let storedSettings = {}
+
+    try {
+      storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
+    } catch (error) {}
+
     const settings = { ...defaults, ...storedSettings }
     debug('Initializing TorrentClient with settings: ' + JSON.stringify(settings))
     super({
diff --git a/common/views/Settings/TorrentSettings.svelte b/common/views/Settings/TorrentSettings.svelte
index 4992dc0..c9e3a64 100644
--- a/common/views/Settings/TorrentSettings.svelte
+++ b/common/views/Settings/TorrentSettings.svelte
@@ -140,25 +140,25 @@
 {/if}
 
 <h4 class='mb-10 font-weight-bold'>Client Settings</h4>
-{#if SUPPORTS.torrentPath}
-  <SettingCard title='Torrent Download Location' description='Path to the folder used to store torrents. By default this is the TMP folder, which might lose data when your OS tries to reclaim storage.'>
-    <div
-      class='input-group w-300 mw-full'>
-      <div class='input-group-prepend'>
-        <button type='button' use:click={handleFolder} class='btn btn-primary input-group-append'>Select Folder</button>
-      </div>
-      <input type='url' class='form-control bg-dark' readonly value={settings.torrentPathNew} placeholder='/tmp' />
+<SettingCard title='Torrent Download Location' description='Path to the folder used to store torrents. By default this is the TMP folder, which might lose data when your OS tries to reclaim storage.  {SUPPORTS.isAndroid ? 'RESTART IS REQUIRED. /sdcard/ is internal storage, not external SD Cards. /storage/AB12-34CD/ is external storage, not internal. Thank you Android!' : ''}'>
+  <div
+    class='input-group w-300 mw-full'>
+    <div class='input-group-prepend'>
+      <button type='button' use:click={handleFolder} class='btn btn-primary input-group-append'>Select Folder</button>
     </div>
-  </SettingCard>
-{/if}
-{#if SUPPORTS.torrentPersist}
-  <SettingCard title='Persist Files' description="Keeps torrents files instead of deleting them after a new torrent is played. This doesn't seed the files, only keeps them on your drive. This will quickly fill up your storage.">
-    <div class='custom-switch'>
-      <input type='checkbox' id='torrent-persist' bind:checked={settings.torrentPersist} />
-      <label for='torrent-persist'>{settings.torrentPersist ? 'On' : 'Off'}</label>
-    </div>
-  </SettingCard>
-{/if}
+    {#if !SUPPORTS.isAndroid}
+      <input type='url' class='form-control bg-dark' readonly bind:value={settings.torrentPathNew} placeholder='/tmp' />
+    {:else}
+      <input type='text' class='form-control bg-dark' bind:value={settings.torrentPathNew} placeholder='/tmp' />
+    {/if}
+  </div>
+</SettingCard>
+<SettingCard title='Persist Files' description="Keeps torrents files instead of deleting them after a new torrent is played. This doesn't seed the files, only keeps them on your drive. This will quickly fill up your storage.">
+  <div class='custom-switch'>
+    <input type='checkbox' id='torrent-persist' bind:checked={settings.torrentPersist} />
+    <label for='torrent-persist'>{settings.torrentPersist ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 <SettingCard title='Streamed Download' description="Only downloads the single file that's currently being watched, instead of downloading an entire batch of episodes. Saves bandwidth and reduces strain on the peer swarm.">
   <div class='custom-switch'>
     <input type='checkbox' id='torrent-streamed-download' bind:checked={settings.torrentStreamedDownload} />
@@ -176,22 +176,18 @@
 <SettingCard title='Max Number of Connections' description='Number of peers per torrent. Higher values will increase download speeds but might quickly fill up available ports if your ISP limits the maximum allowed number of open connections.'>
   <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.maxConns} min='1' max='512' class='form-control text-right bg-dark w-100 mw-full' />
 </SettingCard>
-{#if SUPPORTS.torrentPort}
-  <SettingCard title='Torrent Port' description='Port used for Torrent connections. 0 is automatic.'>
-    <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.torrentPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
-  </SettingCard>
-{/if}
-{#if SUPPORTS.dht}
-  <SettingCard title='DHT Port' description='Port used for DHT connections. 0 is automatic.'>
-    <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.dhtPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
-  </SettingCard>
-  <SettingCard title='Disable DHT' description='Disables Distributed Hash Tables for use in private trackers to improve privacy. Might greatly reduce the amount of discovered peers.'>
-    <div class='custom-switch'>
-      <input type='checkbox' id='torrent-dht' bind:checked={settings.torrentDHT} />
-      <label for='torrent-dht'>{settings.torrentDHT ? 'On' : 'Off'}</label>
-    </div>
-  </SettingCard>
-{/if}
+<SettingCard title='Torrent Port' description='Port used for Torrent connections. 0 is automatic.'>
+  <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.torrentPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
+</SettingCard>
+<SettingCard title='DHT Port' description='Port used for DHT connections. 0 is automatic.'>
+  <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.dhtPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
+</SettingCard>
+<SettingCard title='Disable DHT' description='Disables Distributed Hash Tables for use in private trackers to improve privacy. Might greatly reduce the amount of discovered peers.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='torrent-dht' bind:checked={settings.torrentDHT} />
+    <label for='torrent-dht'>{settings.torrentDHT ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 <SettingCard title='Disable PeX' description='Disables Peer Exchange for use in private trackers to improve privacy. Might greatly reduce the amount of discovered peers.'>
   <div class='custom-switch'>
     <input type='checkbox' id='torrent-pex' bind:checked={settings.torrentPeX} />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6b82ab3..67a222d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -64,35 +64,38 @@ importers:
   capacitor:
     dependencies:
       '@capacitor/android':
-        specifier: ^6.1.1
-        version: 6.1.1(@capacitor/core@6.1.1)
+        specifier: ^6.1.2
+        version: 6.1.2(@capacitor/core@6.1.2)
       '@capacitor/app':
-        specifier: ^6.0.0
-        version: 6.0.0(@capacitor/core@6.1.1)
-      '@capacitor/browser':
         specifier: ^6.0.1
-        version: 6.0.1(@capacitor/core@6.1.1)
+        version: 6.0.1(@capacitor/core@6.1.2)
+      '@capacitor/browser':
+        specifier: ^6.0.2
+        version: 6.0.2(@capacitor/core@6.1.2)
       '@capacitor/core':
-        specifier: ^6.1.1
-        version: 6.1.1
+        specifier: ^6.1.2
+        version: 6.1.2
       '@capacitor/device':
         specifier: ^6.0.1
-        version: 6.0.1(@capacitor/core@6.1.1)
+        version: 6.0.1(@capacitor/core@6.1.2)
       '@capacitor/ios':
-        specifier: ^6.1.1
-        version: 6.1.1(@capacitor/core@6.1.1)
+        specifier: ^6.1.2
+        version: 6.1.2(@capacitor/core@6.1.2)
       '@capacitor/local-notifications':
-        specifier: ^6.0.0
-        version: 6.0.0(@capacitor/core@6.1.1)
+        specifier: ^6.1.0
+        version: 6.1.0(@capacitor/core@6.1.2)
       '@capacitor/status-bar':
-        specifier: ^6.0.0
-        version: 6.0.0(@capacitor/core@6.1.1)
+        specifier: ^6.0.1
+        version: 6.0.1(@capacitor/core@6.1.2)
+      capacitor-folder-picker:
+        specifier: ^0.0.2
+        version: 0.0.2(@capacitor/core@6.1.2)
       capacitor-nodejs:
         specifier: https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz
-        version: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.1)'
+        version: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.2)'
       capacitor-plugin-safe-area:
-        specifier: ^2.0.6
-        version: 2.0.6(@capacitor/core@6.1.1)
+        specifier: ^3.0.3
+        version: 3.0.3(@capacitor/core@6.1.2)
       common:
         specifier: workspace:*
         version: link:../common
@@ -111,16 +114,16 @@ importers:
     devDependencies:
       '@capacitor/assets':
         specifier: github:thaunknown/capacitor-assets
-        version: github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.1.0)(typescript@5.5.4)
+        version: github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.5.0)(typescript@5.5.4)
       '@capacitor/cli':
-        specifier: ^6.1.1
-        version: 6.1.1
+        specifier: ^6.1.2
+        version: 6.1.2
       cordova-res:
         specifier: ^0.15.4
         version: 0.15.4
       nodejs-mobile-gyp:
-        specifier: ^0.3.1
-        version: 0.3.1
+        specifier: ^0.4.0
+        version: 0.4.0
       npm-run-all:
         specifier: ^4.1.5
         version: 4.1.5
@@ -128,8 +131,8 @@ importers:
         specifier: ^5.1.4
         version: 5.1.4(webpack-dev-server@5.0.2)(webpack@5.93.0)
       webpack-merge:
-        specifier: ^5.10.0
-        version: 5.10.0
+        specifier: ^6.0.1
+        version: 6.0.1
 
   common:
     dependencies:
@@ -323,32 +326,32 @@ packages:
       regenerator-runtime: 0.14.1
     dev: false
 
-  /@capacitor/android@6.1.1(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-rhO/nH6NJizGV5KizoIoGxCmkos3HnyUzI9TNv8IVy/C8h6lPM5Gt9cxGclb6k0OBTtgv6iJVo654+m4kzv0Qg==}
+  /@capacitor/android@6.1.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-Yh0gQDY1bgRrL25J6ecIlvvs2kF8iNSwIPXjyw6Yz9mnwYxBazF5KZbjpKtGPnJgicJhFkYGsqOkEtxrve0EoQ==}
     peerDependencies:
       '@capacitor/core': ^6.1.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/app@6.0.0(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-X5UGd90Jh5p9rmoPyMqFyFWqOypdJgVJhYcM5X1YyDVJJGzmJ5MuYv1+ajj5DW9Qyh+5a3th9WYptdGby8jidA==}
+  /@capacitor/app@6.0.1(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-0kXbOl7LPPMFVcAii3u/7Ps0DvXlr7dtHT97r9J1faDlgdQLQUvtGp48tjvFm48gqHI0aOPRJnTBr5JXW4ETYg==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/browser@6.0.1(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-KBK0PKfmUj0if+gYWEh0+LG70l1gcLGbDCWJt2Ig3naXHGlrLoWBqVArCgbwBzwJZL+VlwW7iEhAzGOWpg2jhw==}
+  /@capacitor/browser@6.0.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-mJjdKbpdCAaaDVZD/vjzpJJxL1VvwsGTcEGn+4PpCQyPu3+yNQO7vgjwBV7ZYS6+mZIKeYn5swWq0BFuAcDqFg==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/cli@5.7.7:
-    resolution: {integrity: sha512-JVSka1KZuZzVWmljkxpqr9X5fjl3G+A/F2JAwl6h9lHOnukFioXMPgsnovJMtoUeMbMqWnuFnJmg7Xrn9mAClQ==}
+  /@capacitor/cli@5.7.8:
+    resolution: {integrity: sha512-qN8LDlREMhrYhOvVXahoJVNkP8LP55/YPRJrzTAFrMqlNJC18L3CzgWYIblFPnuwfbH/RxbfoZT/ydkwgVpMrw==}
     engines: {node: '>=16.0.0'}
     hasBin: true
     dependencies:
@@ -357,7 +360,7 @@ packages:
       '@ionic/utils-subprocess': 2.1.14
       '@ionic/utils-terminal': 2.3.5
       commander: 9.5.0
-      debug: 4.3.6
+      debug: 4.3.4
       env-paths: 2.2.1
       kleur: 4.1.5
       native-run: 2.0.1
@@ -367,14 +370,14 @@ packages:
       rimraf: 4.4.1
       semver: 7.6.3
       tar: 6.2.1
-      tslib: 2.6.3
+      tslib: 2.6.2
       xml2js: 0.5.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@capacitor/cli@6.1.1:
-    resolution: {integrity: sha512-rsRqEadfnBSUX90RZj59oXvi30bpSusLMfIcgbOIArOloTgfaaWr9R471F6m3gGWF7BhNoskJpZcCgSUsfywwA==}
+  /@capacitor/cli@6.1.2:
+    resolution: {integrity: sha512-HKCNGE0RP8U7aiEF2vg5wTivJROS8BVfu8a3yYJb1mRQvzv+czpmtHNsTWS/WukvwoxUjyjRmsNQSAACHfMTmQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     dependencies:
@@ -400,42 +403,42 @@ packages:
       - supports-color
     dev: true
 
-  /@capacitor/core@6.1.1:
-    resolution: {integrity: sha512-b1s4WDMy3Y1/owTG2/XNGCI6G5SDpF2NT1JMAgcShue13fiAuHA+Ans7Wfei6McvR0KdopAE6tMHmDAfL5PM8Q==}
+  /@capacitor/core@6.1.2:
+    resolution: {integrity: sha512-xFy1/4qLFLp5WCIzIhtwUuVNNoz36+V7/BzHmLqgVJcvotc4MMjswW/TshnPQaLLujEOaLkA4h8ZJ0uoK3ImGg==}
     dependencies:
       tslib: 2.6.3
     dev: false
 
-  /@capacitor/device@6.0.1(@capacitor/core@6.1.1):
+  /@capacitor/device@6.0.1(@capacitor/core@6.1.2):
     resolution: {integrity: sha512-Tlz67DAO5GKb5YAfupXiENZxDww6mHnG9iKI+8D5SVF82VLpEv5r9qwKtiounuQB2y2HWiHV8tlOk7DqnLVUqQ==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/ios@6.1.1(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-he6+Fhj6x1dSnOzM98xaPvioOU8MNO+qpodCJwnHE3mIRonTpFutXJK8DP8fnNhjDPk2km9VafLSfOeiZXNv3Q==}
+  /@capacitor/ios@6.1.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-HaeW68KisBd/7TmavzPDlL2bpoDK5AjR2ZYrqU4TlGwM88GtQfvduBCAlSCj20X0w/4+rWMkseD9dAAkacjiyQ==}
     peerDependencies:
       '@capacitor/core': ^6.1.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/local-notifications@6.0.0(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-a/g/ZlPgaBXue374oNzGvvNZWNpnclfcLzfE/P/PjhHxdHsM7J3OK0IfmjrEsRiON4AEIga+dkHi5yBjNAHCFw==}
+  /@capacitor/local-notifications@6.1.0(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-EjEnbApdFiZYeJgxKIDtgFRNSmeHySnyAeyoTn6HUTYMkTOaHFGAd7NU964k7gbX4al/CBp0cMA8iMG0c7kh1w==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/status-bar@6.0.0(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-Wo0ILugYlmENegKDgTzVCPjbvP8h1ObgHslLdgeVG643ViMS/diausHIq8e104WIKCXtKIELmQeYVp9mX7932g==}
+  /@capacitor/status-bar@6.0.1(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-Usd9hZZQVAqy+jJfL7jRcYI7dcsxN09Na1yttwdl+F1bk3Ztoukk7CGPDm5VgKUSs53ihQBOy1+sczCACxhNiw==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
   /@cloudflare/workers-types@4.20240222.0:
@@ -921,10 +924,10 @@ packages:
     dependencies:
       '@ionic/utils-object': 2.1.6
       '@ionic/utils-terminal': 2.3.4
-      debug: 4.3.6
+      debug: 4.3.4
       signal-exit: 3.0.7
       tree-kill: 1.2.2
-      tslib: 2.6.3
+      tslib: 2.6.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -957,8 +960,8 @@ packages:
     resolution: {integrity: sha512-4+Kitey1lTA1yGtnigeYNhV/0tggI3lWBMjC7tBs1K9GXa/q7q4CtOISppdh8QgtOhrhAXS2Igp8rbko/Cj+lA==}
     engines: {node: '>=16.0.0'}
     dependencies:
-      debug: 4.3.6
-      tslib: 2.6.3
+      debug: 4.3.4
+      tslib: 2.6.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -989,8 +992,8 @@ packages:
       '@ionic/utils-stream': 3.1.6
       '@ionic/utils-terminal': 2.3.4
       cross-spawn: 7.0.3
-      debug: 4.3.6
-      tslib: 2.6.3
+      debug: 4.3.4
+      tslib: 2.6.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1017,12 +1020,12 @@ packages:
     engines: {node: '>=16.0.0'}
     dependencies:
       '@types/slice-ansi': 4.0.0
-      debug: 4.3.6
+      debug: 4.3.4
       signal-exit: 3.0.7
       slice-ansi: 4.0.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-      tslib: 2.6.3
+      tslib: 2.6.2
       untildify: 4.0.0
       wrap-ansi: 7.0.0
     transitivePeerDependencies:
@@ -1167,6 +1170,26 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
+  /@npmcli/agent@2.2.2:
+    resolution: {integrity: sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      agent-base: 7.1.1
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.5
+      lru-cache: 10.4.3
+      socks-proxy-agent: 8.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@npmcli/fs@3.1.1:
+    resolution: {integrity: sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      semver: 7.6.3
+    dev: true
+
   /@paymoapp/electron-shutdown-handler@1.1.2:
     resolution: {integrity: sha512-/MIC+wdRlVw1Sm56qJcT17O/KBpQARP2tOcAgg1OKB4W83B9IyBBtIoLXkRlpCOEJnGEleuv5HiSBryUgwbFvQ==}
     requiresBuild: true
@@ -1326,7 +1349,7 @@ packages:
     dependencies:
       chrome-dgram: 3.0.6
       cross-fetch-ponyfill: 1.0.3
-      debug: 4.3.6
+      debug: 4.3.5
       default-gateway: 6.0.3
       unordered-array-remove: 1.0.2
       xml2js: 0.6.2
@@ -1445,7 +1468,7 @@ packages:
   /@thaunknown/simple-peer@10.0.9:
     resolution: {integrity: sha512-oS+iZWrMp/kd0pygyCAoZYYWoZCshKbjFLRuyRH58zYJ/Yyjzksgwj1g+m6wHY7pznl2+cKXttuLDD9Td4QXWA==}
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.5
       err-code: 3.0.1
       streamx: 2.18.0
       uint8-util: 2.2.5
@@ -1470,7 +1493,7 @@ packages:
   /@thaunknown/simple-websocket@9.1.3(bufferutil@4.0.8)(utf-8-validate@5.0.10):
     resolution: {integrity: sha512-pf/FCJsgWtLJiJmIpiSI7acOZVq3bIQCpnNo222UFc8Ph1lOUOTpe6LoYhhiOSKB9GUaWJEVUtZ+sK1/aBgU5Q==}
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.5
       queue-microtask: 1.2.3
       streamx: 2.18.0
       uint8-util: 2.2.5
@@ -1484,7 +1507,7 @@ packages:
   /@thaunknown/simple-websocket@9.1.3(bufferutil@4.0.8)(utf-8-validate@6.0.4):
     resolution: {integrity: sha512-pf/FCJsgWtLJiJmIpiSI7acOZVq3bIQCpnNo222UFc8Ph1lOUOTpe6LoYhhiOSKB9GUaWJEVUtZ+sK1/aBgU5Q==}
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.5
       queue-microtask: 1.2.3
       streamx: 2.18.0
       uint8-util: 2.2.5
@@ -1511,7 +1534,7 @@ packages:
     resolution: {integrity: sha512-k822Is3jGroqOTKF0gAFm80LmhFJWBAyZvNtyuXq6uQUzDDe2fj/gHwixP6VFzlpaWKLP7IuR609Xv8gwJCXyg==}
     dev: true
 
-  /@trapezedev/project@7.0.10(@types/node@22.1.0)(typescript@5.5.4):
+  /@trapezedev/project@7.0.10(@types/node@22.5.0)(typescript@5.5.4):
     resolution: {integrity: sha512-UjwsStjhHq/+D1bWREmFDoyKql+qFIgJX93zQLg7R6CyWZUdtlGP2hU3l7tsVRtjJBVXpVu5mj8tdwJJoABO3A==}
     dependencies:
       '@ionic/utils-fs': 3.1.7
@@ -1536,7 +1559,7 @@ packages:
       replace: 1.2.2
       tempy: 1.0.1
       tmp: 0.2.3
-      ts-node: 10.9.2(@types/node@22.1.0)(typescript@5.5.4)
+      ts-node: 10.9.2(@types/node@22.5.0)(typescript@5.5.4)
       xcode: 3.0.1
       xml-js: 1.6.11
       xpath: 0.0.32
@@ -1641,7 +1664,7 @@ packages:
   /@types/fs-extra@8.1.5:
     resolution: {integrity: sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/fs-extra@9.0.13:
@@ -1706,6 +1729,12 @@ packages:
     dependencies:
       undici-types: 6.13.0
 
+  /@types/node@22.5.0:
+    resolution: {integrity: sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==}
+    dependencies:
+      undici-types: 6.19.8
+    dev: true
+
   /@types/normalize-package-data@2.4.4:
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
     dev: true
@@ -1714,7 +1743,7 @@ packages:
     resolution: {integrity: sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==}
     requiresBuild: true
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       xmlbuilder: 15.1.1
     dev: true
     optional: true
@@ -2053,8 +2082,9 @@ packages:
       through: 2.3.8
     dev: true
 
-  /abbrev@1.1.1:
-    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
+  /abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
   /abort-controller@3.0.0:
@@ -2129,6 +2159,15 @@ packages:
       - supports-color
     dev: true
 
+  /agent-base@7.1.1:
+    resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      debug: 4.3.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
@@ -2183,11 +2222,6 @@ packages:
     engines: {'0': node >= 0.8.0}
     hasBin: true
 
-  /ansi-regex@2.1.1:
-    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -2264,10 +2298,6 @@ packages:
       - supports-color
     dev: true
 
-  /aproba@1.2.0:
-    resolution: {integrity: sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==}
-    dev: true
-
   /archiver-utils@2.1.0:
     resolution: {integrity: sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==}
     engines: {node: '>= 6'}
@@ -2305,7 +2335,7 @@ packages:
     engines: {node: '>= 10'}
     dependencies:
       archiver-utils: 2.1.0
-      async: 3.2.5
+      async: 3.2.6
       buffer-crc32: 0.2.13
       readable-stream: 3.6.2
       readdir-glob: 1.1.3
@@ -2313,14 +2343,6 @@ packages:
       zip-stream: 4.1.1
     dev: true
 
-  /are-we-there-yet@1.1.7:
-    resolution: {integrity: sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      delegates: 1.0.0
-      readable-stream: 2.3.8
-    dev: true
-
   /arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
     dev: true
@@ -2417,17 +2439,12 @@ packages:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
     dev: true
 
-  /asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
-    dependencies:
-      safer-buffer: 2.1.2
-    dev: true
-
   /assert-plus@1.0.0:
     resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
     engines: {node: '>=0.8'}
     requiresBuild: true
     dev: true
+    optional: true
 
   /astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
@@ -2443,6 +2460,10 @@ packages:
     resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
     dev: true
 
+  /async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+    dev: true
+
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: true
@@ -2458,14 +2479,6 @@ packages:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  /aws-sign2@0.7.0:
-    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
-    dev: true
-
-  /aws4@1.13.0:
-    resolution: {integrity: sha512-3AungXC4I8kKsS9PuS4JH2nc+0bVY/mjgrephHTIi8fpEeGsTHBUJeosp0Wc1myYMElmD0B3Oc4XL/HVJ4PV2g==}
-    dev: true
-
   /axobject-query@4.0.0:
     resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
     dependencies:
@@ -2516,12 +2529,6 @@ packages:
   /batch@0.6.1:
     resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==}
 
-  /bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
-    dependencies:
-      tweetnacl: 0.14.5
-    dev: true
-
   /bencode@2.0.3:
     resolution: {integrity: sha512-D/vrAD4dLVX23NalHwb8dSvsUsxeRPO8Y7ToKA015JQYq69MLDOMkC0uGZYA/MPpltLO8rt8eqFC2j8DxjTZ/w==}
     dev: false
@@ -2568,7 +2575,7 @@ packages:
     engines: {node: '>=12.20.0'}
     dependencies:
       bencode: 4.0.0
-      debug: 4.3.6
+      debug: 4.3.5
       k-bucket: 5.1.0
       k-rpc: 5.1.0
       last-one-wins: 1.0.4
@@ -2584,7 +2591,7 @@ packages:
     engines: {node: '>=12.20.0'}
     dependencies:
       chrome-dgram: 3.0.6
-      debug: 4.3.6
+      debug: 4.3.5
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2599,7 +2606,7 @@ packages:
     dependencies:
       bencode: 4.0.0
       bitfield: 4.2.0
-      debug: 4.3.6
+      debug: 4.3.5
       rc4: 0.1.5
       streamx: 2.18.0
       throughput: 1.0.1
@@ -2643,8 +2650,8 @@ packages:
       - supports-color
     dev: false
 
-  /bittorrent-tracker@11.1.1:
-    resolution: {integrity: sha512-j5IMK80wWB44S/3TE+HwIRLYBmY00KvIoI/s7e37mVe5raBNPVTxXgXlOcvECMJvjhk1igta31d+JHTbM8c51A==}
+  /bittorrent-tracker@11.1.2:
+    resolution: {integrity: sha512-mzINNIJ3FjNBcqQPKPQoxpNzzqEVfbBohwdVxblaOKGQVxagMzipCWwbxiAt+J35WC3xs1wFeCDUXpzQ3TBA+A==}
     engines: {node: '>=16.0.0'}
     hasBin: true
     dependencies:
@@ -2655,7 +2662,7 @@ packages:
       chrome-dgram: 3.0.6
       compact2string: 1.4.1
       cross-fetch-ponyfill: 1.0.3
-      debug: 4.3.6
+      debug: 4.3.5
       ip: 2.0.1
       lru: 3.1.0
       minimist: 1.2.8
@@ -2790,8 +2797,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001649
-      electron-to-chromium: 1.5.4
+      caniuse-lite: 1.0.30001651
+      electron-to-chromium: 1.5.13
       node-releases: 2.0.18
       update-browserslist-db: 1.1.0(browserslist@4.23.3)
     dev: true
@@ -2880,6 +2887,24 @@ packages:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
+  /cacache@18.0.4:
+    resolution: {integrity: sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/fs': 3.1.1
+      fs-minipass: 3.0.3
+      glob: 10.4.5
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+      minipass-collect: 2.0.1
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      p-map: 4.0.0
+      ssri: 10.0.6
+      tar: 6.2.1
+      unique-filename: 3.0.0
+    dev: true
+
   /cache-chunk-store@3.2.2:
     resolution: {integrity: sha512-2lJdWbgHFFxcSth9s2wpId3CR3v1YC63KjP4T9WhpW7LWlY7Hiiei3QwwqzkWqlJTfR8lSy9F5kRQECeyj+yQA==}
     dependencies:
@@ -2943,21 +2968,25 @@ packages:
   /caniuse-lite@1.0.30001624:
     resolution: {integrity: sha512-0dWnQG87UevOCPYaOR49CBcLBwoZLpws+k6W37nLjWUhumP1Isusj0p2u+3KhjNloRWK9OKMgjBBzPujQHw4nA==}
 
-  /caniuse-lite@1.0.30001649:
-    resolution: {integrity: sha512-fJegqZZ0ZX8HOWr6rcafGr72+xcgJKI9oWfDW5DrD7ExUtgZC7a7R7ZYmZqplh7XDocFdGeIFn7roAxhOeYrPQ==}
+  /caniuse-lite@1.0.30001651:
+    resolution: {integrity: sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==}
     dev: true
 
-  /capacitor-plugin-safe-area@2.0.6(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-7arNdX72Zbx5GtP9XlJFOne13QM8/FibTuBqG2EPdqBMGdYNiMk4G8ivD/Ovt2/w9VGWahOBCWwo2S99UgT1VQ==}
+  /capacitor-folder-picker@0.0.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-mlRCh3+1DMf9yd8UIOQI3WJD+0bSI2rguJ+6I0D9ipTfPe/T/ogYbLzVOpxq1EV0QJ3V6aLxom5Wt3VFwsZ3pw==}
     peerDependencies:
       '@capacitor/core': ^5.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /caseless@0.12.0:
-    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
-    dev: true
+  /capacitor-plugin-safe-area@3.0.3(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-pDM8GQIDC9xxKLZxoO4rrshDuzZqQo6jq7Ni18cYdp2JwmLvlhTYRrvriPAicY1En59UAZ574sIvGlgUBLH3Yw==}
+    peerDependencies:
+      '@capacitor/core': ^6.0.0
+    dependencies:
+      '@capacitor/core': 6.1.2
+    dev: false
 
   /chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@@ -3111,11 +3140,6 @@ packages:
     engines: {node: '>=0.8'}
     dev: false
 
-  /code-point-at@1.1.0:
-    resolution: {integrity: sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /code-red@1.0.4:
     resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
     dependencies:
@@ -3272,10 +3296,6 @@ packages:
     resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
     engines: {node: '>=0.8'}
 
-  /console-control-strings@1.1.0:
-    resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
-    dev: true
-
   /content-disposition@0.5.4:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
@@ -3487,6 +3507,7 @@ packages:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
     requiresBuild: true
     dev: true
+    optional: true
 
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -3641,13 +3662,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /dashdash@1.14.1:
-    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
-    engines: {node: '>=0.10'}
-    dependencies:
-      assert-plus: 1.0.0
-    dev: true
-
   /data-uri-to-buffer@4.0.1:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}
@@ -3841,10 +3855,6 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /delegates@1.0.0:
-    resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
-    dev: true
-
   /depd@1.1.2:
     resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
     engines: {node: '>= 0.6'}
@@ -4048,13 +4058,6 @@ packages:
     resolution: {integrity: sha512-UsZ8EEk8vAIgYYX9a6Wqwy/cJEd/fKiCVHOXJIpwJBdcQxSHi9llKNxALl5mw2WaqZAhiir0feahWfEY5dj4+Q==}
     dev: false
 
-  /ecc-jsbn@0.1.2:
-    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
-    dependencies:
-      jsbn: 0.1.1
-      safer-buffer: 2.1.2
-    dev: true
-
   /ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -4121,8 +4124,8 @@ packages:
   /electron-to-chromium@1.4.783:
     resolution: {integrity: sha512-bT0jEz/Xz1fahQpbZ1D7LgmPYZ3iHVY39NcWWro1+hA2IvjiPeaXtfSqrQ+nXjApMvQRE2ASt1itSLRrebHMRQ==}
 
-  /electron-to-chromium@1.5.4:
-    resolution: {integrity: sha512-orzA81VqLyIGUEA77YkVA1D+N+nNfl2isJVjjmOyrlxuooZ19ynb+dOlaDTqd/idKRS9lDCSBmtzM+kyCsMnkA==}
+  /electron-to-chromium@1.5.13:
+    resolution: {integrity: sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==}
     dev: true
 
   /electron-updater@6.2.1:
@@ -4175,6 +4178,14 @@ packages:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
 
+  /encoding@0.1.13:
+    resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
+    requiresBuild: true
+    dependencies:
+      iconv-lite: 0.6.3
+    dev: true
+    optional: true
+
   /end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
     dependencies:
@@ -4515,7 +4526,7 @@ packages:
       eslint-plugin-es-x: 7.8.0(eslint@8.57.0)
       get-tsconfig: 4.7.6
       globals: 13.24.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       is-builtin-module: 3.2.1
       is-core-module: 2.15.0
       minimatch: 3.1.2
@@ -4705,6 +4716,10 @@ packages:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
 
+  /exponential-backoff@3.1.1:
+    resolution: {integrity: sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==}
+    dev: true
+
   /express@4.19.2:
     resolution: {integrity: sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==}
     engines: {node: '>= 0.10.0'}
@@ -4743,10 +4758,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
-    dev: true
-
   /extract-zip@2.0.1:
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
@@ -4761,11 +4772,6 @@ packages:
       - supports-color
     dev: true
 
-  /extsprintf@1.3.0:
-    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
-    engines: {'0': node >=0.6.0}
-    dev: true
-
   /extsprintf@1.4.1:
     resolution: {integrity: sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==}
     engines: {'0': node >=0.6.0}
@@ -4929,26 +4935,13 @@ packages:
     dependencies:
       is-callable: 1.2.7
 
-  /foreground-child@3.2.1:
-    resolution: {integrity: sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==}
+  /foreground-child@3.3.0:
+    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
     dependencies:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
-  /forever-agent@0.6.1:
-    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
-    dev: true
-
-  /form-data@2.3.3:
-    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
-    engines: {node: '>= 0.12'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: true
-
   /form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -5028,12 +5021,6 @@ packages:
       universalify: 2.0.1
     dev: true
 
-  /fs-minipass@1.2.7:
-    resolution: {integrity: sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==}
-    dependencies:
-      minipass: 2.9.0
-    dev: true
-
   /fs-minipass@2.1.0:
     resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
     engines: {node: '>= 8'}
@@ -5041,6 +5028,13 @@ packages:
       minipass: 3.3.6
     dev: true
 
+  /fs-minipass@3.0.3:
+    resolution: {integrity: sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+    dev: true
+
   /fs-native-extensions@1.2.7:
     resolution: {integrity: sha512-IIWKE5oNTMNwp03daCbRgnCaiEdd0r/BPHwD3Ns4NlHH28FQgfwg0ntg8AgaPO236wN0szt2t1NM+VmCW2TcxQ==}
     requiresBuild: true
@@ -5081,20 +5075,6 @@ packages:
   /functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
-  /gauge@2.7.4:
-    resolution: {integrity: sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      aproba: 1.2.0
-      console-control-strings: 1.1.0
-      has-unicode: 2.0.1
-      object-assign: 4.1.1
-      signal-exit: 3.0.7
-      string-width: 1.0.2
-      strip-ansi: 3.0.1
-      wide-align: 1.1.5
-    dev: true
-
   /get-browser-rtc@1.1.0:
     resolution: {integrity: sha512-MghbMJ61EJrRsDe7w1Bvqt3ZsBuqhce5nrn/XAwgwOXhcsz53/ltdxOse1h/8eKXj5slzxdsz56g5rzOFSGwfQ==}
     dev: false
@@ -5154,12 +5134,6 @@ packages:
       resolve-pkg-maps: 1.0.0
     dev: false
 
-  /getpass@0.1.7:
-    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
-    dependencies:
-      assert-plus: 1.0.0
-    dev: true
-
   /git-raw-commits@2.0.11:
     resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
     engines: {node: '>=10'}
@@ -5218,7 +5192,7 @@ packages:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
     dependencies:
-      foreground-child: 3.2.1
+      foreground-child: 3.3.0
       jackspeak: 3.4.3
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -5354,21 +5328,7 @@ packages:
       source-map: 0.6.1
       wordwrap: 1.0.0
     optionalDependencies:
-      uglify-js: 3.19.1
-    dev: true
-
-  /har-schema@2.0.0:
-    resolution: {integrity: sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /har-validator@5.1.5:
-    resolution: {integrity: sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==}
-    engines: {node: '>=6'}
-    deprecated: this library is no longer supported
-    dependencies:
-      ajv: 6.12.6
-      har-schema: 2.0.0
+      uglify-js: 3.19.2
     dev: true
 
   /hard-rejection@2.1.0:
@@ -5406,10 +5366,6 @@ packages:
     dependencies:
       has-symbols: 1.0.3
 
-  /has-unicode@2.0.1:
-    resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
-    dev: true
-
   /hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -5534,6 +5490,16 @@ packages:
       - supports-color
     dev: true
 
+  /http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /http-proxy-middleware@2.0.6(@types/express@4.17.21):
     resolution: {integrity: sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==}
     engines: {node: '>=12.0.0'}
@@ -5562,15 +5528,6 @@ packages:
     transitivePeerDependencies:
       - debug
 
-  /http-signature@1.2.0:
-    resolution: {integrity: sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==}
-    engines: {node: '>=0.8', npm: '>=1.3.7'}
-    dependencies:
-      assert-plus: 1.0.0
-      jsprim: 1.4.2
-      sshpk: 1.18.0
-    dev: true
-
   /http2-wrapper@1.0.3:
     resolution: {integrity: sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==}
     engines: {node: '>=10.19.0'}
@@ -5589,6 +5546,16 @@ packages:
       - supports-color
     dev: true
 
+  /https-proxy-agent@7.0.5:
+    resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
@@ -5655,6 +5622,11 @@ packages:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
 
+  /ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+    dev: false
+
   /immediate-chunk-store@2.2.0:
     resolution: {integrity: sha512-1bHBna0hCa6arRXicu91IiL9RvvkbNYLVq+mzWdaLGZC3hXvX4doh8e1dLhMKez5siu63CYgO5NrGJbRX5lbPA==}
     dependencies:
@@ -5683,7 +5655,6 @@ packages:
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
-    dev: false
 
   /indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
@@ -5734,7 +5705,6 @@ packages:
     dependencies:
       jsbn: 1.1.0
       sprintf-js: 1.1.3
-    dev: false
 
   /ip-set@2.1.0:
     resolution: {integrity: sha512-JdHz4tSMx1IeFj8yEcQU0i58qiSkOlmZXkZ8+HJ0ROV5KcgLRDO9F703oJ1GeZCvqggrcCbmagD/V7hghY62wA==}
@@ -5846,13 +5816,6 @@ packages:
     resolution: {integrity: sha512-ZGMuc+xA8mRnrXtmtf2l/EkIW2zaD2LSBWlaOVEF6yH4RTndHob65V4SwWWdtGKVthQfXPVKsXqw4TDUjbVxVQ==}
     dev: false
 
-  /is-fullwidth-code-point@1.0.0:
-    resolution: {integrity: sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      number-is-nan: 1.0.1
-    dev: true
-
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -5870,6 +5833,10 @@ packages:
     dependencies:
       is-docker: 3.0.0
 
+  /is-lambda@1.0.1:
+    resolution: {integrity: sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==}
+    dev: true
+
   /is-negative-zero@2.0.3:
     resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
     engines: {node: '>= 0.4'}
@@ -5964,10 +5931,6 @@ packages:
     dependencies:
       which-typed-array: 1.1.15
 
-  /is-typedarray@1.0.0:
-    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
-    dev: true
-
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
@@ -6005,14 +5968,15 @@ packages:
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  /isexe@3.1.1:
+    resolution: {integrity: sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==}
+    engines: {node: '>=16'}
+    dev: true
+
   /isobject@3.0.1:
     resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
     engines: {node: '>=0.10.0'}
 
-  /isstream@0.1.2:
-    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
-    dev: true
-
   /jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
     dependencies:
@@ -6064,13 +6028,8 @@ packages:
     dependencies:
       argparse: 2.0.1
 
-  /jsbn@0.1.1:
-    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
-    dev: true
-
   /jsbn@1.1.0:
     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
-    dev: false
 
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
@@ -6088,10 +6047,6 @@ packages:
   /json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
-  /json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-    dev: true
-
   /json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
     dev: false
@@ -6131,16 +6086,6 @@ packages:
     engines: {'0': node >= 0.2.0}
     dev: true
 
-  /jsprim@1.4.2:
-    resolution: {integrity: sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==}
-    engines: {node: '>=0.6.0'}
-    dependencies:
-      assert-plus: 1.0.0
-      extsprintf: 1.3.0
-      json-schema: 0.4.0
-      verror: 1.10.0
-    dev: true
-
   /junk@4.0.1:
     resolution: {integrity: sha512-Qush0uP+G8ZScpGMZvHUiRfI0YBWuB3gVBYlI0v0vvOJt5FLicco+IkP0a50LqTTQhmts/m6tP5SWE+USyIvcQ==}
     engines: {node: '>=12.20'}
@@ -6363,7 +6308,7 @@ packages:
     resolution: {integrity: sha512-GhiKG7CGTXzOQq56tIx40Ae26EbrgBq1owuuPqgCTaJDQYO1qW5G+YGaurOLx7s+Aaeta8MputrVFDr0kuiogg==}
     engines: {node: '>=12.20.0'}
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.5
       unordered-array-remove: 1.0.2
     transitivePeerDependencies:
       - supports-color
@@ -6387,6 +6332,26 @@ packages:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
     dev: true
 
+  /make-fetch-happen@13.0.1:
+    resolution: {integrity: sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/agent': 2.2.2
+      cacache: 18.0.4
+      http-cache-semantics: 4.1.1
+      is-lambda: 1.0.1
+      minipass: 7.1.2
+      minipass-fetch: 3.0.5
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 0.6.3
+      proc-log: 4.2.0
+      promise-retry: 2.0.1
+      ssri: 10.0.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
@@ -6596,11 +6561,43 @@ packages:
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  /minipass@2.9.0:
-    resolution: {integrity: sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==}
+  /minipass-collect@2.0.1:
+    resolution: {integrity: sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==}
+    engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      safe-buffer: 5.2.1
-      yallist: 3.1.1
+      minipass: 7.1.2
+    dev: true
+
+  /minipass-fetch@3.0.5:
+    resolution: {integrity: sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+      minipass-sized: 1.0.3
+      minizlib: 2.1.2
+    optionalDependencies:
+      encoding: 0.1.13
+    dev: true
+
+  /minipass-flush@1.0.5:
+    resolution: {integrity: sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-pipeline@1.2.4:
+    resolution: {integrity: sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-sized@1.0.3:
+    resolution: {integrity: sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==}
+    engines: {node: '>=8'}
+    dependencies:
+      minipass: 3.3.6
     dev: true
 
   /minipass@3.3.6:
@@ -6624,12 +6621,6 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  /minizlib@1.3.3:
-    resolution: {integrity: sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==}
-    dependencies:
-      minipass: 2.9.0
-    dev: true
-
   /minizlib@2.1.2:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
     engines: {node: '>= 8'}
@@ -6830,22 +6821,23 @@ packages:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
     dev: true
 
-  /nodejs-mobile-gyp@0.3.1:
-    resolution: {integrity: sha512-AcS4xbeWjOIfLQ+xZp0m7zEhd263v33O54OeJz/ObzpqvN1LXoph7ceeTQVrmp1YL0zSoUxX3s8AinotR8OgVg==}
-    engines: {node: '>= 4.0.0'}
+  /nodejs-mobile-gyp@0.4.0:
+    resolution: {integrity: sha512-10vkX/+msYevC66DE+OfvfLe0bfxjkHQpxc/HoaKP4P7BGuXygzNI8oz5F6pl23Lb9cxRr+fq2W6XjR53QriUQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
     hasBin: true
     dependencies:
-      glob: 7.2.3
+      env-paths: 2.2.1
+      exponential-backoff: 3.1.1
+      glob: 10.4.5
       graceful-fs: 4.2.11
-      mkdirp: 0.5.6
-      nopt: 3.0.6
-      npmlog: 4.1.2
-      osenv: 0.1.5
-      request: 2.88.2
-      rimraf: 2.7.1
-      semver: 5.3.0
-      tar: 4.4.19
-      which: 1.3.1
+      make-fetch-happen: 13.0.1
+      nopt: 7.2.1
+      proc-log: 3.0.0
+      semver: 7.6.3
+      tar: 6.2.1
+      which: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /nodemon@2.0.22:
@@ -6865,11 +6857,12 @@ packages:
       undefsafe: 2.0.5
     dev: true
 
-  /nopt@3.0.6:
-    resolution: {integrity: sha512-4GUt3kSEYmk4ITxzB/b9vaIDfUVWN/Ml1Fwl11IlnIG2iaJ9O6WXZ9SrYM9NLI8OCBieN2Y8SWC2oJV0RQ7qYg==}
+  /nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
     dependencies:
-      abbrev: 1.1.1
+      abbrev: 2.0.0
     dev: true
 
   /normalize-package-data@2.5.0:
@@ -6930,35 +6923,11 @@ packages:
       through2: 4.0.2
     dev: true
 
-  /npmlog@4.1.2:
-    resolution: {integrity: sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      are-we-there-yet: 1.1.7
-      console-control-strings: 1.1.0
-      gauge: 2.7.4
-      set-blocking: 2.0.0
-    dev: true
-
   /nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
       boolbase: 1.0.0
 
-  /number-is-nan@1.0.1:
-    resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /oauth-sign@0.9.0:
-    resolution: {integrity: sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==}
-    dev: true
-
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /object-inspect@1.13.1:
     resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
 
@@ -7061,24 +7030,6 @@ packages:
       word-wrap: 1.2.5
     dev: false
 
-  /os-homedir@1.0.2:
-    resolution: {integrity: sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /osenv@0.1.5:
-    resolution: {integrity: sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      os-homedir: 1.0.2
-      os-tmpdir: 1.0.2
-    dev: true
-
   /p-cancelable@2.1.1:
     resolution: {integrity: sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==}
     engines: {node: '>=8'}
@@ -7269,10 +7220,6 @@ packages:
     resolution: {integrity: sha512-J7ezVGl0B63j0l45YNTMUS9Z7Ld/LAaTtrIU5L1diOXLh8kRtW2zQ95xAlf0YsXVT+hndz/24NOLOOthnJHZgg==}
     dev: false
 
-  /performance-now@2.1.0:
-    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
-    dev: true
-
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
@@ -7458,6 +7405,16 @@ packages:
       renderkid: 3.0.0
     dev: false
 
+  /proc-log@3.0.0:
+    resolution: {integrity: sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /proc-log@4.2.0:
+    resolution: {integrity: sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
   /process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -7489,10 +7446,6 @@ packages:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
-  /psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
-
   /pstree.remy@1.1.8:
     resolution: {integrity: sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==}
     dev: true
@@ -7522,11 +7475,6 @@ packages:
     dependencies:
       side-channel: 1.0.6
 
-  /qs@6.5.3:
-    resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==}
-    engines: {node: '>=0.6'}
-    dev: true
-
   /quartermoon@1.2.3:
     resolution: {integrity: sha512-EYfaHqvBB1jN/7qzHEgabSC94d1sRaR4kfmDMjwNKA6XEHaGp0SlV6lSv12l9FzSSSZq9grqPvHbVIkQEzFerg==}
     dev: false
@@ -7741,33 +7689,6 @@ packages:
       yargs: 15.4.1
     dev: true
 
-  /request@2.88.2:
-    resolution: {integrity: sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==}
-    engines: {node: '>= 6'}
-    deprecated: request has been deprecated, see https://github.com/request/request/issues/3142
-    dependencies:
-      aws-sign2: 0.7.0
-      aws4: 1.13.0
-      caseless: 0.12.0
-      combined-stream: 1.0.8
-      extend: 3.0.2
-      forever-agent: 0.6.1
-      form-data: 2.3.3
-      har-validator: 5.1.5
-      http-signature: 1.2.0
-      is-typedarray: 1.0.0
-      isstream: 0.1.2
-      json-stringify-safe: 5.0.1
-      mime-types: 2.1.35
-      oauth-sign: 0.9.0
-      performance-now: 2.1.0
-      qs: 6.5.3
-      safe-buffer: 5.2.1
-      tough-cookie: 2.5.0
-      tunnel-agent: 0.6.0
-      uuid: 3.4.0
-    dev: true
-
   /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -8017,11 +7938,6 @@ packages:
     dev: true
     optional: true
 
-  /semver@5.3.0:
-    resolution: {integrity: sha512-mfmm3/H9+67MCVix1h+IXTpDwL6710LyHuk7+cWC9T1mE0qz4iHhh6r4hU2wrIT9iTsAAC2XQRvfblL028cpLw==}
-    hasBin: true
-    dev: true
-
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
@@ -8315,13 +8231,23 @@ packages:
       uuid: 8.3.2
       websocket-driver: 0.7.4
 
+  /socks-proxy-agent@8.0.4:
+    resolution: {integrity: sha512-GNAq/eg8Udq2x0eNiFkr9gRg5bA7PXEWagQdeRX4cPSG+X/8V38v637gim9bjFptMk1QWsCTr0ttrJEiXbNnRw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.6
+      socks: 2.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /socks@2.8.3:
     resolution: {integrity: sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==}
     engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
     dependencies:
       ip-address: 9.0.5
       smart-buffer: 4.2.0
-    dev: false
 
   /sonic-forest@1.0.3(tslib@2.6.3):
     resolution: {integrity: sha512-dtwajos6IWMEWXdEbW1IkEkyL2gztCAgDplRIX+OT5aRKnEd5e7r7YCxRgXZdhRP1FBdOBf8axeTPhzDv8T4wQ==}
@@ -8432,20 +8358,11 @@ packages:
   /sprintf-js@1.1.3:
     resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
 
-  /sshpk@1.18.0:
-    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
+  /ssri@10.0.6:
+    resolution: {integrity: sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      asn1: 0.2.6
-      assert-plus: 1.0.0
-      bcrypt-pbkdf: 1.0.2
-      dashdash: 1.14.1
-      ecc-jsbn: 0.1.2
-      getpass: 0.1.7
-      jsbn: 0.1.1
-      safer-buffer: 2.1.2
-      tweetnacl: 0.14.5
+      minipass: 7.1.2
     dev: true
 
   /stat-mode@1.0.0:
@@ -8484,15 +8401,6 @@ packages:
     optionalDependencies:
       bare-events: 2.4.2
 
-  /string-width@1.0.2:
-    resolution: {integrity: sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      code-point-at: 1.1.0
-      is-fullwidth-code-point: 1.0.0
-      strip-ansi: 3.0.1
-    dev: true
-
   /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -8561,13 +8469,6 @@ packages:
     dependencies:
       safe-buffer: 5.2.1
 
-  /strip-ansi@3.0.1:
-    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      ansi-regex: 2.1.1
-    dev: true
-
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -8843,19 +8744,6 @@ packages:
       streamx: 2.18.0
     dev: true
 
-  /tar@4.4.19:
-    resolution: {integrity: sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==}
-    engines: {node: '>=4.5'}
-    dependencies:
-      chownr: 1.1.4
-      fs-minipass: 1.2.7
-      minipass: 2.9.0
-      minizlib: 1.3.3
-      mkdirp: 0.5.6
-      safe-buffer: 5.2.1
-      yallist: 3.1.1
-    dev: true
-
   /tar@6.2.1:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
@@ -9039,8 +8927,8 @@ packages:
     dependencies:
       bittorrent-dht: 11.0.6
       bittorrent-lsd: 2.0.0
-      bittorrent-tracker: 11.1.1
-      debug: 4.3.6
+      bittorrent-tracker: 11.1.2
+      debug: 4.3.5
       run-parallel: 1.2.0
     transitivePeerDependencies:
       - supports-color
@@ -9063,14 +8951,6 @@ packages:
     hasBin: true
     dev: true
 
-  /tough-cookie@2.5.0:
-    resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==}
-    engines: {node: '>=0.8'}
-    dependencies:
-      psl: 1.9.0
-      punycode: 2.3.1
-    dev: true
-
   /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
@@ -9107,7 +8987,7 @@ packages:
       typescript: 5.5.4
     dev: false
 
-  /ts-node@10.9.2(@types/node@22.1.0)(typescript@5.5.4):
+  /ts-node@10.9.2(@types/node@22.5.0)(typescript@5.5.4):
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
     hasBin: true
     peerDependencies:
@@ -9126,7 +9006,7 @@ packages:
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       acorn: 8.12.1
       acorn-walk: 8.3.3
       arg: 4.1.3
@@ -9159,10 +9039,6 @@ packages:
     dependencies:
       safe-buffer: 5.2.1
 
-  /tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
-    dev: true
-
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -9259,8 +9135,8 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  /uglify-js@3.19.1:
-    resolution: {integrity: sha512-y/2wiW+ceTYR2TSSptAhfnEtpLaQ4Ups5zrjB2d3kuVxHj16j/QJwPl5PvuGy9uARb39J0+iKxcRPvtpsx4A4A==}
+  /uglify-js@3.19.2:
+    resolution: {integrity: sha512-S8KA6DDI47nQXJSi2ctQ629YzwOVs+bQML6DAtvy0wgNdpi+0ySpQK0g2pxBq2xfF2z3YCscu7NNA8nXT9PlIQ==}
     engines: {node: '>=0.8.0'}
     hasBin: true
     requiresBuild: true
@@ -9292,11 +9168,29 @@ packages:
   /undici-types@6.13.0:
     resolution: {integrity: sha512-xtFJHudx8S2DSoujjMd1WeWvn7KKWFRESZTMeL1RptAYERu29D6jphMjjY+vn96jvN3kVPDNxU/E13VTaXj6jg==}
 
+  /undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
+    dev: true
+
   /unicorn-magic@0.1.0:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
     dev: false
 
+  /unique-filename@3.0.0:
+    resolution: {integrity: sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      unique-slug: 4.0.0
+    dev: true
+
+  /unique-slug@4.0.0:
+    resolution: {integrity: sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+    dev: true
+
   /unique-string@2.0.0:
     resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
     engines: {node: '>=8'}
@@ -9363,7 +9257,7 @@ packages:
     dependencies:
       bencode: 4.0.0
       bitfield: 4.2.0
-      debug: 4.3.6
+      debug: 4.3.5
       uint8-util: 2.2.5
     transitivePeerDependencies:
       - supports-color
@@ -9422,12 +9316,6 @@ packages:
       unordered-set: 2.0.1
     dev: false
 
-  /uuid@3.4.0:
-    resolution: {integrity: sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==}
-    deprecated: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
-    hasBin: true
-    dev: true
-
   /uuid@7.0.3:
     resolution: {integrity: sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==}
     hasBin: true
@@ -9452,15 +9340,6 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  /verror@1.10.0:
-    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
-    engines: {'0': node >=0.6.0}
-    dependencies:
-      assert-plus: 1.0.0
-      core-util-is: 1.0.2
-      extsprintf: 1.3.0
-    dev: true
-
   /verror@1.10.1:
     resolution: {integrity: sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==}
     engines: {node: '>=0.6.0'}
@@ -9532,6 +9411,14 @@ packages:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
 
+  /watchpack@2.4.2:
+    resolution: {integrity: sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+    dev: true
+
   /wbuf@1.7.3:
     resolution: {integrity: sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==}
     dependencies:
@@ -9779,7 +9666,7 @@ packages:
       schema-utils: 3.3.0
       tapable: 2.2.1
       terser-webpack-plugin: 5.3.10(webpack@5.93.0)
-      watchpack: 2.4.1
+      watchpack: 2.4.2
       webpack-cli: 5.1.4(webpack-dev-server@5.0.2)(webpack@5.93.0)
       webpack-sources: 3.2.3
     transitivePeerDependencies:
@@ -9901,10 +9788,12 @@ packages:
     dependencies:
       isexe: 2.0.0
 
-  /wide-align@1.1.5:
-    resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
+  /which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
     dependencies:
-      string-width: 4.2.3
+      isexe: 3.1.1
     dev: true
 
   /wildcard@2.0.1:
@@ -10078,10 +9967,6 @@ packages:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
 
-  /yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-    dev: true
-
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
     dev: true
@@ -10176,7 +10061,7 @@ packages:
       readable-stream: 3.6.2
     dev: true
 
-  '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.1)':
+  '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.2)':
     resolution: {tarball: https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz}
     id: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz'
     name: capacitor-nodejs
@@ -10184,7 +10069,7 @@ packages:
     peerDependencies:
       '@capacitor/core': ^5.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
   github.com/ThaUnknown/anitomyscript/42290c4b3f256893be08a4e89051f448ff5e9d00:
@@ -10217,7 +10102,7 @@ packages:
     dev: true
     optional: true
 
-  github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.1.0)(typescript@5.5.4):
+  github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.5.0)(typescript@5.5.4):
     resolution: {tarball: https://codeload.github.com/thaunknown/capacitor-assets/tar.gz/6b1034e757096615badc49119cb25e34ed7942ad}
     id: github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad
     name: '@capacitor/assets'
@@ -10227,10 +10112,10 @@ packages:
     prepare: true
     requiresBuild: true
     dependencies:
-      '@capacitor/cli': 5.7.7
+      '@capacitor/cli': 5.7.8
       '@ionic/utils-array': 2.1.6
       '@ionic/utils-fs': 3.1.7
-      '@trapezedev/project': 7.0.10(@types/node@22.1.0)(typescript@5.5.4)
+      '@trapezedev/project': 7.0.10(@types/node@22.5.0)(typescript@5.5.4)
       commander: 8.3.0
       debug: 4.3.4
       fs-extra: 10.1.0

From 9c249040218485138be8d9410525497edf45e6ac Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Thu, 22 Aug 2024 20:02:51 +0200
Subject: [PATCH 21/28] feat: android external player

---
 capacitor/package.json                      |  2 +
 capacitor/src/capacitor.js                  |  5 ++
 capacitor/src/main.js                       | 14 ++--
 common/modules/torrent.js                   |  9 +++
 common/modules/webtorrent.js                | 33 +++++---
 common/views/Settings/PlayerSettings.svelte | 14 ++--
 pnpm-lock.yaml                              | 90 +++++++++++++--------
 7 files changed, 107 insertions(+), 60 deletions(-)

diff --git a/capacitor/package.json b/capacitor/package.json
index 5601ce4..79a5158 100644
--- a/capacitor/package.json
+++ b/capacitor/package.json
@@ -28,6 +28,7 @@
   "dependencies": {
     "@capacitor/android": "^6.1.2",
     "@capacitor/app": "^6.0.1",
+    "@capacitor/app-launcher": "^6.0.2",
     "@capacitor/browser": "^6.0.2",
     "@capacitor/core": "^6.1.2",
     "@capacitor/device": "^6.0.1",
@@ -35,6 +36,7 @@
     "@capacitor/local-notifications": "^6.1.0",
     "@capacitor/status-bar": "^6.0.1",
     "capacitor-folder-picker": "^0.0.2",
+    "capacitor-intent-uri": "^0.0.1",
     "capacitor-nodejs": "https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz",
     "capacitor-plugin-safe-area": "^3.0.3",
     "common": "workspace:*",
diff --git a/capacitor/src/capacitor.js b/capacitor/src/capacitor.js
index 21282ac..219b9ff 100644
--- a/capacitor/src/capacitor.js
+++ b/capacitor/src/capacitor.js
@@ -3,6 +3,7 @@ import { StatusBar, Style } from '@capacitor/status-bar'
 import { SafeArea } from 'capacitor-plugin-safe-area'
 import { App } from '@capacitor/app'
 import { Browser } from '@capacitor/browser'
+import { IntentUri } from 'capacitor-intent-uri'
 import { LocalNotifications } from '@capacitor/local-notifications'
 import { Device } from '@capacitor/device'
 import { FolderPicker } from 'capacitor-folder-picker'
@@ -10,6 +11,10 @@ import { toast } from 'svelte-sonner'
 import IPC from './ipc.js'
 
 IPC.on('open', url => Browser.open({ url }))
+IPC.on('intent', async url => {
+  await IntentUri.openUri({ url })
+  IPC.emit('intent-end')
+})
 
 App.addListener('appUrlOpen', ({ url }) => handleProtocol(url))
 
diff --git a/capacitor/src/main.js b/capacitor/src/main.js
index 585de0d..e851b74 100644
--- a/capacitor/src/main.js
+++ b/capacitor/src/main.js
@@ -16,6 +16,8 @@ if (typeof localStorage === 'undefined') {
   }
 }
 
+let client
+
 channel.on('port-init', data => {
   localStorage.setItem('settings', data)
   const port = {
@@ -30,10 +32,12 @@ channel.on('port-init', data => {
     storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
   } catch (error) {}
 
-  if (!globalThis.client) globalThis.client = new TorrentClient(channel, storageQuota, 'node', storedSettings.torrentPathNew || env.TMPDIR)
-
   channel.on('ipc', a => port.onmessage(a))
-  channel.emit('port', {
-    ports: [port]
-  })
+  if (!client) {
+    client = new TorrentClient(channel, storageQuota, 'node', storedSettings.torrentPathNew || env.TMPDIR)
+
+    channel.emit('port', {
+      ports: [port]
+    })
+  }
 })
diff --git a/common/modules/torrent.js b/common/modules/torrent.js
index b296110..bfdeca7 100644
--- a/common/modules/torrent.js
+++ b/common/modules/torrent.js
@@ -81,3 +81,12 @@ export async function add (torrentID, hide) {
     client.send('torrent', torrentID)
   }
 }
+// external player for android
+client.on('open', ({ detail }) => {
+  debug(`Open: ${detail}`)
+  IPC.emit('intent', detail)
+})
+
+IPC.on('intent-end', () => {
+  client.dispatch('externalWatched')
+})
diff --git a/common/modules/webtorrent.js b/common/modules/webtorrent.js
index 0c57465..6863b65 100644
--- a/common/modules/webtorrent.js
+++ b/common/modules/webtorrent.js
@@ -69,6 +69,7 @@ export default class TorrentClient extends WebTorrent {
     this.torrentPath = torrentPath
     this._ready = new Promise(resolve => {
       ipc.on('port', ({ ports }) => {
+        if (this.message) return
         this.message = ports[0].postMessage.bind(ports[0])
         ports[0].onmessage = ({ data }) => {
           debug(`Received IPC message ${data.type}: ${data.data}`)
@@ -324,20 +325,26 @@ export default class TorrentClient extends WebTorrent {
             this.dispatchError('File Too Big! This File Exceeds The Selected Drive\'s Available Space. Change Download Location In Torrent Settings To A Drive With More Space And Restart The App!')
           }
           this.current = found
-          if (data.data.external && this.player) {
-            this.playerProcess = spawn(this.player, ['' + new URL('http://localhost:' + this.server.address().port + found.streamURL)])
-            this.playerProcess.stdout.on('data', () => {})
-            const startTime = Date.now()
-            this.playerProcess.once('close', () => {
-              this.playerProcess = null
-              const seconds = (Date.now() - startTime) / 1000
-              this.dispatch('externalWatched', seconds)
-            })
-          } else {
-            this.parser = new Parser(this, found)
-            this.findSubtitleFiles(found)
-            this.findFontFiles(found)
+          if (data.data.external) {
+            if (this.player) {
+              this.playerProcess = spawn(this.player, ['' + new URL('http://localhost:' + this.server.address().port + found.streamURL)])
+              this.playerProcess.stdout.on('data', () => {})
+              const startTime = Date.now()
+              this.playerProcess.once('close', () => {
+                this.playerProcess = null
+                const seconds = (Date.now() - startTime) / 1000
+                this.dispatch('externalWatched', seconds)
+              })
+              return
+            }
+            if (SUPPORTS.isAndroid) {
+              this.dispatch('open', `intent://localhost:${this.server.address().port}${found.streamURL}#Intent;type=video/any;scheme=http;end;`)
+              return
+            }
           }
+          this.parser = new Parser(this, found)
+          this.findSubtitleFiles(found)
+          this.findFontFiles(found)
         }
         break
       }
diff --git a/common/views/Settings/PlayerSettings.svelte b/common/views/Settings/PlayerSettings.svelte
index efe6bee..b9a77c3 100644
--- a/common/views/Settings/PlayerSettings.svelte
+++ b/common/views/Settings/PlayerSettings.svelte
@@ -163,14 +163,14 @@
   </div>
 </SettingCard>
 
+<h4 class='mb-10 font-weight-bold'>External Player Settings</h4>
+<SettingCard title='Enable External Player' description='Tells Miru to open a custom user-picked external video player to play video, instead of using the built-in one.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='player-external-enabled' bind:checked={settings.enableExternal} />
+    <label for='player-external-enabled'>{settings.enableExternal ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 {#if SUPPORTS.externalPlayer}
-  <h4 class='mb-10 font-weight-bold'>External Player Settings</h4>
-  <SettingCard title='Enable External Player' description='Tells Miru to open a custom user-defined video player to play video, instead of using the built-in one.'>
-    <div class='custom-switch'>
-      <input type='checkbox' id='player-external-enabled' bind:checked={settings.enableExternal} />
-      <label for='player-external-enabled'>{settings.enableExternal ? 'On' : 'Off'}</label>
-    </div>
-  </SettingCard>
   <SettingCard title='External Video Player' description='Executable for an external video player. Make sure the player supports HTTP sources.'>
     <div
       class='input-group w-300 mw-full'>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 67a222d..92a37d8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,6 +69,9 @@ importers:
       '@capacitor/app':
         specifier: ^6.0.1
         version: 6.0.1(@capacitor/core@6.1.2)
+      '@capacitor/app-launcher':
+        specifier: ^6.0.2
+        version: 6.0.2(@capacitor/core@6.1.2)
       '@capacitor/browser':
         specifier: ^6.0.2
         version: 6.0.2(@capacitor/core@6.1.2)
@@ -90,6 +93,9 @@ importers:
       capacitor-folder-picker:
         specifier: ^0.0.2
         version: 0.0.2(@capacitor/core@6.1.2)
+      capacitor-intent-uri:
+        specifier: ^0.0.1
+        version: 0.0.1(@capacitor/core@6.1.2)
       capacitor-nodejs:
         specifier: https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz
         version: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.2)'
@@ -334,6 +340,14 @@ packages:
       '@capacitor/core': 6.1.2
     dev: false
 
+  /@capacitor/app-launcher@6.0.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-g1hLHTnb7240HYcM28TBN3HbCkc6HV4242sj5/xxQyQ4N4R61DfJLpZDLtp0Wq9WkLlFCJ2B2svHU7ZvA3Tvgg==}
+    peerDependencies:
+      '@capacitor/core': ^6.0.0
+    dependencies:
+      '@capacitor/core': 6.1.2
+    dev: false
+
   /@capacitor/app@6.0.1(@capacitor/core@6.1.2):
     resolution: {integrity: sha512-0kXbOl7LPPMFVcAii3u/7Ps0DvXlr7dtHT97r9J1faDlgdQLQUvtGp48tjvFm48gqHI0aOPRJnTBr5JXW4ETYg==}
     peerDependencies:
@@ -360,7 +374,7 @@ packages:
       '@ionic/utils-subprocess': 2.1.14
       '@ionic/utils-terminal': 2.3.5
       commander: 9.5.0
-      debug: 4.3.4
+      debug: 4.3.6
       env-paths: 2.2.1
       kleur: 4.1.5
       native-run: 2.0.1
@@ -370,7 +384,7 @@ packages:
       rimraf: 4.4.1
       semver: 7.6.3
       tar: 6.2.1
-      tslib: 2.6.2
+      tslib: 2.6.3
       xml2js: 0.5.0
     transitivePeerDependencies:
       - supports-color
@@ -924,10 +938,10 @@ packages:
     dependencies:
       '@ionic/utils-object': 2.1.6
       '@ionic/utils-terminal': 2.3.4
-      debug: 4.3.4
+      debug: 4.3.6
       signal-exit: 3.0.7
       tree-kill: 1.2.2
-      tslib: 2.6.2
+      tslib: 2.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -960,8 +974,8 @@ packages:
     resolution: {integrity: sha512-4+Kitey1lTA1yGtnigeYNhV/0tggI3lWBMjC7tBs1K9GXa/q7q4CtOISppdh8QgtOhrhAXS2Igp8rbko/Cj+lA==}
     engines: {node: '>=16.0.0'}
     dependencies:
-      debug: 4.3.4
-      tslib: 2.6.2
+      debug: 4.3.6
+      tslib: 2.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -992,8 +1006,8 @@ packages:
       '@ionic/utils-stream': 3.1.6
       '@ionic/utils-terminal': 2.3.4
       cross-spawn: 7.0.3
-      debug: 4.3.4
-      tslib: 2.6.2
+      debug: 4.3.6
+      tslib: 2.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1020,12 +1034,12 @@ packages:
     engines: {node: '>=16.0.0'}
     dependencies:
       '@types/slice-ansi': 4.0.0
-      debug: 4.3.4
+      debug: 4.3.6
       signal-exit: 3.0.7
       slice-ansi: 4.0.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-      tslib: 2.6.2
+      tslib: 2.6.3
       untildify: 4.0.0
       wrap-ansi: 7.0.0
     transitivePeerDependencies:
@@ -1349,7 +1363,7 @@ packages:
     dependencies:
       chrome-dgram: 3.0.6
       cross-fetch-ponyfill: 1.0.3
-      debug: 4.3.5
+      debug: 4.3.6
       default-gateway: 6.0.3
       unordered-array-remove: 1.0.2
       xml2js: 0.6.2
@@ -1468,7 +1482,7 @@ packages:
   /@thaunknown/simple-peer@10.0.9:
     resolution: {integrity: sha512-oS+iZWrMp/kd0pygyCAoZYYWoZCshKbjFLRuyRH58zYJ/Yyjzksgwj1g+m6wHY7pznl2+cKXttuLDD9Td4QXWA==}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       err-code: 3.0.1
       streamx: 2.18.0
       uint8-util: 2.2.5
@@ -1493,7 +1507,7 @@ packages:
   /@thaunknown/simple-websocket@9.1.3(bufferutil@4.0.8)(utf-8-validate@5.0.10):
     resolution: {integrity: sha512-pf/FCJsgWtLJiJmIpiSI7acOZVq3bIQCpnNo222UFc8Ph1lOUOTpe6LoYhhiOSKB9GUaWJEVUtZ+sK1/aBgU5Q==}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       queue-microtask: 1.2.3
       streamx: 2.18.0
       uint8-util: 2.2.5
@@ -1507,7 +1521,7 @@ packages:
   /@thaunknown/simple-websocket@9.1.3(bufferutil@4.0.8)(utf-8-validate@6.0.4):
     resolution: {integrity: sha512-pf/FCJsgWtLJiJmIpiSI7acOZVq3bIQCpnNo222UFc8Ph1lOUOTpe6LoYhhiOSKB9GUaWJEVUtZ+sK1/aBgU5Q==}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       queue-microtask: 1.2.3
       streamx: 2.18.0
       uint8-util: 2.2.5
@@ -1593,7 +1607,7 @@ packages:
     resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/bonjour@3.5.13:
     resolution: {integrity: sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==}
@@ -1605,7 +1619,7 @@ packages:
     dependencies:
       '@types/http-cache-semantics': 4.0.4
       '@types/keyv': 3.1.4
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       '@types/responselike': 1.0.3
     dev: true
 
@@ -1618,7 +1632,7 @@ packages:
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/cookie@0.6.0:
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
@@ -1648,7 +1662,7 @@ packages:
   /@types/express-serve-static-core@4.19.1:
     resolution: {integrity: sha512-ej0phymbFLoCB26dbbq5PGScsf2JAJ4IJHjG10LalgUV36XKTmA4GdA+PVllKvRk0sEKt64X8975qFnkSi0hqA==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       '@types/qs': 6.9.15
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
@@ -1670,7 +1684,7 @@ packages:
   /@types/fs-extra@9.0.13:
     resolution: {integrity: sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/html-minifier-terser@6.1.0:
@@ -1687,7 +1701,7 @@ packages:
   /@types/http-proxy@1.17.14:
     resolution: {integrity: sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/json-schema@7.0.15:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -1699,7 +1713,7 @@ packages:
   /@types/keyv@3.1.4:
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/mime@1.3.5:
@@ -1716,7 +1730,7 @@ packages:
   /@types/node-forge@1.3.11:
     resolution: {integrity: sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/node@20.14.14:
     resolution: {integrity: sha512-d64f00982fS9YoOgJkAMolK7MN8Iq3TDdVjchbYHdEmjth/DHowx82GnoA+tVUAN+7vxfYUgAzi+JXbKNd2SDQ==}
@@ -1733,7 +1747,6 @@ packages:
     resolution: {integrity: sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==}
     dependencies:
       undici-types: 6.19.8
-    dev: true
 
   /@types/normalize-package-data@2.4.4:
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -1761,7 +1774,7 @@ packages:
   /@types/responselike@1.0.3:
     resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/retry@0.12.2:
@@ -1771,7 +1784,7 @@ packages:
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/serve-index@1.9.4:
     resolution: {integrity: sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==}
@@ -1809,7 +1822,7 @@ packages:
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
     requiresBuild: true
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
     optional: true
 
@@ -2575,7 +2588,7 @@ packages:
     engines: {node: '>=12.20.0'}
     dependencies:
       bencode: 4.0.0
-      debug: 4.3.5
+      debug: 4.3.6
       k-bucket: 5.1.0
       k-rpc: 5.1.0
       last-one-wins: 1.0.4
@@ -2591,7 +2604,7 @@ packages:
     engines: {node: '>=12.20.0'}
     dependencies:
       chrome-dgram: 3.0.6
-      debug: 4.3.5
+      debug: 4.3.6
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2606,7 +2619,7 @@ packages:
     dependencies:
       bencode: 4.0.0
       bitfield: 4.2.0
-      debug: 4.3.5
+      debug: 4.3.6
       rc4: 0.1.5
       streamx: 2.18.0
       throughput: 1.0.1
@@ -2662,7 +2675,7 @@ packages:
       chrome-dgram: 3.0.6
       compact2string: 1.4.1
       cross-fetch-ponyfill: 1.0.3
-      debug: 4.3.5
+      debug: 4.3.6
       ip: 2.0.1
       lru: 3.1.0
       minimist: 1.2.8
@@ -2980,6 +2993,14 @@ packages:
       '@capacitor/core': 6.1.2
     dev: false
 
+  /capacitor-intent-uri@0.0.1(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-5Yx1VOoCkHFCz7OrHgYpY5lUt6H+9sv7HU7bwQtW81c8cZJgX9kMnMsfGeTOly+RmTkv69+G5q3DZDlAgi0s0w==}
+    peerDependencies:
+      '@capacitor/core': ^6.0.0
+    dependencies:
+      '@capacitor/core': 6.1.2
+    dev: false
+
   /capacitor-plugin-safe-area@3.0.3(@capacitor/core@6.1.2):
     resolution: {integrity: sha512-pDM8GQIDC9xxKLZxoO4rrshDuzZqQo6jq7Ni18cYdp2JwmLvlhTYRrvriPAicY1En59UAZ574sIvGlgUBLH3Yw==}
     peerDependencies:
@@ -6005,7 +6026,7 @@ packages:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -6308,7 +6329,7 @@ packages:
     resolution: {integrity: sha512-GhiKG7CGTXzOQq56tIx40Ae26EbrgBq1owuuPqgCTaJDQYO1qW5G+YGaurOLx7s+Aaeta8MputrVFDr0kuiogg==}
     engines: {node: '>=12.20.0'}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       unordered-array-remove: 1.0.2
     transitivePeerDependencies:
       - supports-color
@@ -8928,7 +8949,7 @@ packages:
       bittorrent-dht: 11.0.6
       bittorrent-lsd: 2.0.0
       bittorrent-tracker: 11.1.2
-      debug: 4.3.5
+      debug: 4.3.6
       run-parallel: 1.2.0
     transitivePeerDependencies:
       - supports-color
@@ -9170,7 +9191,6 @@ packages:
 
   /undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
-    dev: true
 
   /unicorn-magic@0.1.0:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
@@ -9257,7 +9277,7 @@ packages:
     dependencies:
       bencode: 4.0.0
       bitfield: 4.2.0
-      debug: 4.3.5
+      debug: 4.3.6
       uint8-util: 2.2.5
     transitivePeerDependencies:
       - supports-color

From 9acf663f336c16140cdb76fef8aefda024316028 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 12:40:53 +0200
Subject: [PATCH 22/28] feat: show filler episodes perf: optimise fonts perf:
 use svg icons fix: exit fullscreen on navigation fix: exit rss on navigation

---
 common/App.svelte                             |   3 +
 common/components/Navbar.svelte               |  48 ++++-
 common/components/NavbarLink.svelte           |  69 +-----
 common/components/Search.svelte               |  35 ++-
 common/components/Sidebar.svelte              | 120 ++++-------
 common/components/SidebarLink.svelte          |  68 +-----
 common/components/banner/FullBanner.svelte    |   9 +-
 common/components/cards/EpisodeCard.svelte    |  11 +-
 .../cards/EpisodePreviewCard.svelte           |  21 +-
 common/components/cards/PreviewCard.svelte    |  22 +-
 common/components/cards/SmallCard.svelte      |  11 +-
 common/css.css                                |  58 +++--
 common/main.js                                |   2 -
 common/modules/animeresolver.js               |   3 +-
 common/package.json                           |   6 +-
 common/views/Player/Player.svelte             | 130 +++++++++---
 .../Settings/HomeSectionsSettings.svelte      |  25 +--
 .../views/Settings/InterfaceSettings.svelte   |   3 +-
 common/views/Settings/PlayerSettings.svelte   |   3 +-
 common/views/Settings/Settings.svelte         |  35 ++-
 common/views/Settings/TorrentSettings.svelte  |   3 +-
 common/views/TorrentSearch/TorrentCard.svelte |   9 +-
 common/views/TorrentSearch/TorrentMenu.svelte |   3 +-
 .../views/TorrentSearch/TorrentModal.svelte   |   2 +-
 common/views/ViewAnime/Controls.svelte        | 161 --------------
 common/views/ViewAnime/Details.svelte         |  28 ++-
 common/views/ViewAnime/EpisodeList.svelte     |  25 ++-
 common/views/ViewAnime/Following.svelte       |   5 +-
 common/views/ViewAnime/ViewAnime copy.svelte  | 199 ------------------
 common/views/ViewAnime/ViewAnime.svelte       |  58 +++--
 common/views/WatchTogether/Lobby.svelte       |  10 +-
 .../views/WatchTogether/WatchTogether.svelte  |   8 +-
 common/webpack.config.cjs                     |   1 +
 pnpm-lock.yaml                                |  40 ++--
 34 files changed, 452 insertions(+), 782 deletions(-)
 delete mode 100644 common/views/ViewAnime/Controls.svelte
 delete mode 100644 common/views/ViewAnime/ViewAnime copy.svelte

diff --git a/common/App.svelte b/common/App.svelte
index 4052dab..7169cc3 100644
--- a/common/App.svelte
+++ b/common/App.svelte
@@ -3,6 +3,7 @@
   import { writable } from 'simple-store-svelte'
   import { anilistClient } from '@/modules/anilist.js'
   import IPC from '@/modules/ipc.js'
+  import { rss } from './views/TorrentSearch/TorrentModal.svelte'
 
   export const page = writable('home')
   export const view = writable(null)
@@ -37,6 +38,8 @@
     if (!state) return
     ignoreNext = true
     view.set(null)
+    rss.set(null)
+    if (document.fullscreenElement) document.exitFullscreen()
     if (state.type === 'page') {
       page.set(state.value)
     } else {
diff --git a/common/components/Navbar.svelte b/common/components/Navbar.svelte
index fbea68a..ba0789f 100644
--- a/common/components/Navbar.svelte
+++ b/common/components/Navbar.svelte
@@ -4,6 +4,8 @@
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
   import NavbarLink from './NavbarLink.svelte'
+  import { MagnifyingGlass } from 'svelte-radix'
+  import { Users, Clock, ListMusic, Settings, Heart } from 'lucide-svelte'
   const view = getContext('view')
   export let page
   function close () {
@@ -15,13 +17,47 @@
 <nav class='navbar navbar-fixed-bottom d-block d-md-none border-0 bg-dark'>
   <div class='navbar-menu h-full d-flex flex-row justify-content-center align-items-center m-0 pb-5' class:animate={page !== 'player'}>
     <img src='./logo_filled.png' class='w-50 h-50 m-10 pointer p-5' alt='ico' use:click={close} />
-    <NavbarLink click={() => { page = 'search' }} _page='search' css='ml-auto' icon='search' {page} />
-    <NavbarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' {page} />
+    <NavbarLink click={() => { page = 'search' }} _page='search' css='ml-auto' icon='search' {page} let:active>
+      <MagnifyingGlass size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' stroke-width={active ? '2' : '0'} stroke='currentColor' />
+    </NavbarLink>
+    <NavbarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' {page} let:active>
+      <Clock size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </NavbarLink>
     {#if $media?.media}
-      <NavbarLink click={() => { $view = $media.media }} icon='queue_music' {page} />
+      <NavbarLink click={() => { $view = $media.media }} icon='queue_music' {page} let:active>
+        <ListMusic size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+      </NavbarLink>
     {/if}
-    <NavbarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' {page} />
-    <NavbarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' css='ml-auto donate' {page} />
-    <NavbarLink click={() => { page = 'settings' }} _page='settings' icon='settings' {page} />
+    <NavbarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' {page} let:active>
+      <Users size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </NavbarLink>
+    <NavbarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' css='ml-auto donate' {page} let:active>
+      <Heart size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded donate' strokeWidth={active ? '3.5' : '2'} fill='currentColor' />
+    </NavbarLink>
+    <NavbarLink click={() => { page = 'settings' }} _page='settings' icon='settings' {page} let:active>
+      <Settings size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </NavbarLink>
   </div>
 </nav>
+
+<style>
+  .navbar .animate :global(.donate) {
+    animation: glow 1s ease-in-out infinite alternate;
+  }
+  .navbar :global(.donate):active {
+    color: #fa68b6 !important;
+  }
+  .navbar :global(.donate) {
+    font-variation-settings: 'FILL' 1;
+    color: #fa68b6;
+    text-shadow: 0 0 1rem #fa68b6;
+  }
+  @keyframes glow {
+    from {
+      filter: drop-shadow(0 0 1rem #fa68b6);
+    }
+    to {
+      filter: drop-shadow(0 0 0.5rem #fa68b6);
+    }
+  }
+</style>
diff --git a/common/components/NavbarLink.svelte b/common/components/NavbarLink.svelte
index 7ec71c8..0327ecc 100644
--- a/common/components/NavbarLink.svelte
+++ b/common/components/NavbarLink.svelte
@@ -3,7 +3,6 @@
 
   let _click = () => {}
   export { _click as click }
-  export let image = ''
   export let page
   export let _page = ''
   export let css = ''
@@ -13,53 +12,20 @@
 <div
   class='navbar-link navbar-link-with-icon pointer overflow-hidden {css}'
   use:click={_click}>
-  {#if image}
-    <span class='material-symbols-outlined rounded' class:filled={page === _page}>
-      <img src={image} class='h-30 rounded' alt='logo' />
-    </span>
-  {:else}
-    <span class='material-symbols-outlined rounded' class:filled={page === _page}>{icon}</span>
-  {/if}
+
+  <span class='rounded d-flex'>
+    <slot active={page === _page}>{icon}</slot>
+  </span>
 </div>
 
 <style>
-  @keyframes glow {
-    from {
-      text-shadow: 0 0 2rem #fa68b6;
-    }
-    to {
-      text-shadow: 0 0 1rem #fa68b6;
-    }
-  }
-  .animate .donate .material-symbols-outlined {
-    animation: glow 1s ease-in-out infinite alternate;
-  }
-  .donate:active .material-symbols-outlined {
-    background: #fff;
-    color: #fa68b6 !important;
-  }
-  .donate .material-symbols-outlined {
-    font-variation-settings: 'FILL' 1;
-    color: #fa68b6;
-    text-shadow: 0 0 1rem #fa68b6;
-  }
-  /* .sidebar-menu {
-    padding-top: 10rem;
-  } */
-  .text {
-    opacity: 1;
-    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
 
   .navbar-link > span {
     color: #fff;
     border-radius: 0.3rem;
   }
 
-  .material-symbols-outlined {
+  .navbar-link > span {
     color: #fff;
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
@@ -68,34 +34,9 @@
     background: #fff;
     color: var(--dark-color);
   }
-
   .navbar-link {
     font-size: 1.4rem;
     padding: 0.75rem;
     height: 5.5rem;
   }
-
-  .material-symbols-outlined {
-    font-size: 2.2rem;
-    min-width: 4rem;
-    width: 4rem;
-    height: 4rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .navbar-link img {
-    font-size: 2.2rem;
-    width: 3rem;
-    height: 3rem;
-    margin: 0.5rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  img {
-    margin-right: var(--sidebar-brand-image-margin-right);
-  }
 </style>
diff --git a/common/components/Search.svelte b/common/components/Search.svelte
index 0dfd169..0855817 100644
--- a/common/components/Search.svelte
+++ b/common/components/Search.svelte
@@ -14,6 +14,8 @@
   import { click } from '@/modules/click.js'
   import { page } from '@/App.svelte'
   import { toast } from 'svelte-sonner'
+  import { MagnifyingGlass, Image } from 'svelte-radix'
+  import { Type, Drama, Leaf, MonitorPlay, Tv, ArrowDownWideNarrow, Trash2, Tags, Grid3X3, Grid2X2 } from 'lucide-svelte'
 
   export let search
   let searchTextInput
@@ -58,12 +60,12 @@
   <div class='row'>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>title</div>
+        <Type class='mr-10' size='3rem' />
         Title
       </div>
       <div class='input-group'>
         <div class='input-group-prepend'>
-          <span class='input-group-text d-flex material-symbols-outlined bg-dark-light pr-0 font-size-18'>search</span>
+          <MagnifyingGlass size='2.75rem' class='input-group-text bg-dark-light pr-0' />
         </div>
         <input
           bind:this={searchTextInput}
@@ -78,7 +80,7 @@
     </div>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>theater_comedy</div>
+        <Drama class='mr-10' size='3rem' />
         Genre
       </div>
       <div class='input-group'>
@@ -107,7 +109,7 @@
     </div>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>spa</div>
+        <Leaf class='mr-10' size='3rem' />
         Season
       </div>
       <div class='input-group'>
@@ -129,7 +131,7 @@
     </div>
     <div class='col p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>monitor</div>
+        <Tv class='mr-10' size='3rem' />
         Format
       </div>
       <div class='input-group'>
@@ -145,7 +147,7 @@
     </div>
     <div class='col p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>live_tv</div>
+        <MonitorPlay class='mr-10' size='3rem' />
         Status
       </div>
       <div class='input-group'>
@@ -160,7 +162,7 @@
     </div>
     <div class='col p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>sort</div>
+        <ArrowDownWideNarrow class='mr-10' size='3rem' />
         Sort
       </div>
       <div class='input-group'>
@@ -177,37 +179,34 @@
     <input type='file' class='d-none' id='search-image' accept='image/*' on:input|preventDefault|stopPropagation={handleFile} />
     <div class='col-auto p-10 d-flex'>
       <div class='align-self-end'>
-        <button class='btn btn-square bg-dark-light material-symbols-outlined font-size-18 px-5 align-self-end border-0' type='button'>
-          <label for='search-image' class='pointer mb-0'>
-            image
+        <button class='btn btn-square bg-dark-light px-5 align-self-end border-0' type='button'>
+          <label for='search-image' class='pointer mb-0 d-flex align-items-center justify-content-center'>
+            <Image size='1.625rem' />
           </label>
         </button>
       </div>
     </div>
     <div class='col-auto p-10 d-flex'>
       <div class='align-self-end'>
-        <button class='btn btn-square bg-dark-light material-symbols-outlined font-size-18 px-5 align-self-end border-0' type='button' use:click={searchClear} class:text-primary={!!sanitisedSearch?.length || search.disableSearch || search.clearNext}>
-          delete
+        <button class='btn btn-square bg-dark-light d-flex align-items-center justify-content-center px-5 align-self-end border-0' type='button' use:click={searchClear} class:text-primary={!!sanitisedSearch?.length || search.disableSearch || search.clearNext}>
+          <Trash2 size='1.625rem' />
         </button>
       </div>
     </div>
   </div>
   <div class='w-full px-10 pt-10 h-50 d-flex flex-colum align-items-center'>
     {#if sanitisedSearch?.length}
-      <span class='material-symbols-outlined font-size-24 mr-20 filled text-dark-light'>sell</span>
+      <Tags class='text-dark-light mr-20' size='3rem' />
       {#each sanitisedSearch as badge}
         <span class='badge bg-light border-0 py-5 px-10 text-capitalize mr-20 text-white text-nowrap'>{('' + badge).replace(/_/g, ' ').toLowerCase()}</span>
       {/each}
     {/if}
-    <span class='material-symbols-outlined font-size-24 mr-10 filled ml-auto text-dark-light pointer' class:text-muted={$settings.cards === 'small'} use:click={() => changeCardMode('small')}>grid_on</span>
-    <span class='material-symbols-outlined font-size-24 filled text-dark-light pointer' class:text-muted={$settings.cards === 'full'} use:click={() => changeCardMode('full')}>grid_view</span>
+    <span class='mr-10 filled ml-auto text-dark-light pointer' class:text-muted={$settings.cards === 'small'} use:click={() => changeCardMode('small')}><Grid3X3 size='2.25rem' /></span>
+    <span class='text-dark-light pointer' class:text-muted={$settings.cards === 'full'} use:click={() => changeCardMode('full')}><Grid2X2 size='2.25rem' /></span>
   </div>
 </form>
 
 <style>
-  .text-dark-light {
-    color: var(--gray-color-light);
-  }
   .input-group,
   .container-fluid button, .pointer {
     transition: scale 0.2s ease;
diff --git a/common/components/Sidebar.svelte b/common/components/Sidebar.svelte
index 2ea1241..85fd051 100644
--- a/common/components/Sidebar.svelte
+++ b/common/components/Sidebar.svelte
@@ -8,6 +8,8 @@
   import { logout } from './Logout.svelte'
   import IPC from '@/modules/ipc.js'
   import SidebarLink from './SidebarLink.svelte'
+  import { Clock, Download, Heart, Home, ListMusic, LogIn, Settings, Users } from 'lucide-svelte'
+  import { MagnifyingGlass } from 'svelte-radix'
 
   let updateState = ''
 
@@ -40,105 +42,71 @@
 <div class='sidebar z-30 d-md-block' class:animated={$settings.expandingSidebar}>
   <div class='sidebar-overlay pointer-events-none h-full position-absolute' />
   <div class='sidebar-menu h-full d-flex flex-column justify-content-center align-items-center m-0 pb-5' class:animate={page !== 'player'}>
-    <SidebarLink click={handleAlLogin} icon='login' text={anilistClient.userID?.viewer?.data?.Viewer ? 'Logout' : 'Login With AniList'} css='mt-auto' {page} image={anilistClient.userID?.viewer?.data?.Viewer?.avatar.medium} />
-    <SidebarLink click={() => { page = 'home' }} _page='home' icon='home' text='Home' {page} />
-    <SidebarLink click={() => { page = 'search' }} _page='search' icon='search' text='Search' {page} />
-    <SidebarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' text='Schedule' {page} />
+    <SidebarLink click={handleAlLogin} icon='login' text={anilistClient.userID?.viewer?.data?.Viewer ? 'Logout' : 'Login With AniList'} css='mt-auto' {page} image={anilistClient.userID?.viewer?.data?.Viewer?.avatar.medium}>
+      <LogIn size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' />
+    </SidebarLink>
+    <SidebarLink click={() => { page = 'home' }} _page='home' text='Home' {page} let:active>
+      <Home size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
+    <SidebarLink click={() => { page = 'search' }} _page='search' text='Search' {page} let:active>
+      <MagnifyingGlass size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' stroke-width={active ? '2' : '0'} stroke='currentColor' />
+    </SidebarLink>
+    <SidebarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' text='Schedule' {page} let:active>
+      <Clock size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
     {#if $media?.media}
-      <SidebarLink click={() => { $view = $media.media }} icon='queue_music' text='Now Playing' {page} />
+      <SidebarLink click={() => { $view = $media.media }} icon='queue_music' text='Now Playing' {page} let:active>
+        <ListMusic size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+      </SidebarLink>
     {/if}
-    <SidebarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' text='Watch Together' {page} />
-    <SidebarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' text='Support This App' css='mt-auto donate' {page} />
+    <SidebarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' text='Watch Together' {page} let:active>
+      <Users size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
+    <SidebarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' text='Support This App' css='mt-auto' {page} let:active>
+      <Heart size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded donate' strokeWidth={active ? '3.5' : '2'} fill='currentColor' />
+    </SidebarLink>
     {#if updateState === 'downloading'}
-      <SidebarLink click={() => { toast('Update is downloading...') }} icon='download' text='Update Downloading...' {page} />
+      <SidebarLink click={() => { toast('Update is downloading...') }} icon='download' text='Update Downloading...' {page} let:active>
+        <Download size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+      </SidebarLink>
     {:else if updateState === 'ready'}
-      <SidebarLink click={() => { IPC.emit('quit-and-install') }} css='update' icon='download' text='Update Ready!' {page} />
+      <SidebarLink click={() => { IPC.emit('quit-and-install') }} icon='download' text='Update Ready!' {page} let:active>
+        <Download size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded update' strokeWidth={active ? '3.5' : '2'} />
+      </SidebarLink>
     {/if}
-    <SidebarLink click={() => { page = 'settings' }} _page='settings' icon='settings' text='Settings' {page} />
+    <SidebarLink click={() => { page = 'settings' }} _page='settings' icon='settings' text='Settings' {page} let:active>
+      <Settings size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
   </div>
 </div>
 
 <style>
-  @keyframes glow {
-    from {
-      text-shadow: 0 0 2rem #fa68b6;
-    }
-    to {
-      text-shadow: 0 0 1rem #fa68b6;
-    }
-  }
-  .animate .donate .material-symbols-outlined {
+  .sidebar .animate :global(.donate) {
     animation: glow 1s ease-in-out infinite alternate;
   }
-  .donate:hover .material-symbols-outlined {
-    background: #fff;
+  .sidebar :global(.donate):hover {
     color: #fa68b6 !important;
   }
-  .donate .material-symbols-outlined {
+  .sidebar :global(.donate) {
     font-variation-settings: 'FILL' 1;
     color: #fa68b6;
     text-shadow: 0 0 1rem #fa68b6;
   }
-  .update .material-symbols-outlined {
+  :global(.update) {
     color: #47cb6a;
     font-variation-settings: 'FILL' 1;
   }
+  @keyframes glow {
+    from {
+      filter: drop-shadow(0 0 1rem #fa68b6);
+    }
+    to {
+      filter: drop-shadow(0 0 0.5rem #fa68b6);
+    }
+  }
   .sidebar-menu {
     padding-top: 10rem;
   }
-  .text {
-    opacity: 1;
-    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .sidebar-link > span {
-    color: #fff;
-    border-radius: 0.3rem;
-  }
-
-  .material-symbols-outlined {
-    color: #fff;
-    transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
-  }
-
-  .sidebar-link:hover > span > *:nth-child(1) {
-    background: #fff;
-    color: var(--dark-color);
-  }
-
-  .sidebar-link {
-    width: 100%;
-    font-size: 1.4rem;
-    padding: 0.75rem 1.5rem;
-    height: 5.5rem;
-  }
-
-  .material-symbols-outlined {
-    font-size: 2.2rem;
-    min-width: 4rem;
-    width: 4rem;
-    height: 4rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .sidebar-link img {
-    font-size: 2.2rem;
-    width: 3rem;
-    height: 3rem;
-    margin: 0.5rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  img {
-    margin-right: var(--sidebar-brand-image-margin-right);
-  }
 
   .sidebar {
     transition: width .8s cubic-bezier(0.25, 0.8, 0.25, 1), left .8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
diff --git a/common/components/SidebarLink.svelte b/common/components/SidebarLink.svelte
index 80f9352..4ad5c29 100644
--- a/common/components/SidebarLink.svelte
+++ b/common/components/SidebarLink.svelte
@@ -11,50 +11,24 @@
   export let icon = ''
 </script>
 
-<div
-  class='sidebar-link sidebar-link-with-icon pointer overflow-hidden {css}'
+<div class='sidebar-link sidebar-link-with-icon pointer overflow-hidden {css}'
   use:click={_click}>
   <span class='text-nowrap d-flex align-items-center w-full h-full'>
     {#if image}
-      <span class='material-symbols-outlined rounded' class:filled={page === _page}>
+      <span class='rounded d-flex'>
         <img src={image} class='h-30 rounded' alt='logo' />
       </span>
       <span class='text ml-20'>{text}</span>
     {:else}
-      <span class='material-symbols-outlined rounded' class:filled={page === _page}>{icon}</span>
+      <span class='rounded d-flex'>
+        <slot active={page === _page}>{icon}</slot>
+      </span>
       <span class='text ml-20'>{text}</span>
     {/if}
   </span>
 </div>
 
 <style>
-  @keyframes glow {
-    from {
-      text-shadow: 0 0 2rem #fa68b6;
-    }
-    to {
-      text-shadow: 0 0 1rem #fa68b6;
-    }
-  }
-  .animate .donate .material-symbols-outlined {
-    animation: glow 1s ease-in-out infinite alternate;
-  }
-  .donate:hover .material-symbols-outlined {
-    background: #fff;
-    color: #fa68b6 !important;
-  }
-  .donate .material-symbols-outlined {
-    font-variation-settings: 'FILL' 1;
-    color: #fa68b6;
-    text-shadow: 0 0 1rem #fa68b6;
-  }
-  .update .material-symbols-outlined {
-    color: #47cb6a;
-    font-variation-settings: 'FILL' 1;
-  }
-  .sidebar-menu {
-    padding-top: 10rem;
-  }
   .text {
     opacity: 1;
     transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -68,12 +42,12 @@
     border-radius: 0.3rem;
   }
 
-  .material-symbols-outlined {
+  .sidebar-link > span > span:nth-child(1) {
     color: #fff;
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
 
-  .sidebar-link:hover > span > *:nth-child(1) {
+  .sidebar-link:hover > span > span:nth-child(1) {
     background: #fff;
     color: var(--dark-color);
   }
@@ -85,16 +59,6 @@
     height: 5.5rem;
   }
 
-  .material-symbols-outlined {
-    font-size: 2.2rem;
-    min-width: 4rem;
-    width: 4rem;
-    height: 4rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
   .sidebar-link img {
     font-size: 2.2rem;
     width: 3rem;
@@ -108,22 +72,4 @@
   img {
     margin-right: var(--sidebar-brand-image-margin-right);
   }
-
-  .sidebar {
-    transition: width .8s cubic-bezier(0.25, 0.8, 0.25, 1), left .8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
-    background: none !important;
-    overflow-y: unset;
-    overflow-x: visible;
-    left: unset;
-  }
-  .sidebar.animated:hover {
-    width: 22rem
-  }
-  .sidebar-overlay {
-    width: var(--sidebar-width);
-    transition: width .8s cubic-bezier(0.25, 0.8, 0.25, 1), left .8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
-    background: var(--sidebar-gradient);
-    backdrop-filter: blur(2px);
-    z-index: -1;
-  }
 </style>
diff --git a/common/components/banner/FullBanner.svelte b/common/components/banner/FullBanner.svelte
index abba439..541d718 100644
--- a/common/components/banner/FullBanner.svelte
+++ b/common/components/banner/FullBanner.svelte
@@ -3,6 +3,7 @@
   import { anilistClient } from '@/modules/anilist.js'
   import { click } from '@/modules/click.js'
   import { alToken } from '@/modules/settings.js'
+  import { Bookmark, Heart } from 'lucide-svelte'
   export let mediaList
 
   let current = mediaList[0]
@@ -93,11 +94,11 @@
       use:click={() => playMedia(current)}>
       Watch Now
     </button>
-    <button class='btn bg-dark-light btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={current.isFavourite} use:click={toggleFavourite} disabled={!alToken}>
-      favorite
+    <button class='btn bg-dark-light btn-square ml-10 d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleFavourite} disabled={!alToken}>
+      <Heart fill={current.isFavourite ? 'currentColor' : 'transparent'} size='1.5rem' />
     </button>
-    <button class='btn bg-dark-light btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={current.mediaListEntry} use:click={toggleStatus} disabled={!alToken}>
-      bookmark
+    <button class='btn bg-dark-light btn-square ml-10 d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleStatus} disabled={!alToken}>
+      <Bookmark fill={current.mediaListEntry ? 'currentColor' : 'transparent'} size='1.5rem' />
     </button>
   </div>
   <div class='d-flex'>
diff --git a/common/components/cards/EpisodeCard.svelte b/common/components/cards/EpisodeCard.svelte
index 8541693..730df3a 100644
--- a/common/components/cards/EpisodeCard.svelte
+++ b/common/components/cards/EpisodeCard.svelte
@@ -6,6 +6,7 @@
   import { getContext } from 'svelte'
   import { liveAnimeEpisodeProgress } from '@/modules/animeprogress.js'
   import { anilistClient } from '@/modules/anilist.js'
+  import { Play } from 'lucide-svelte'
   export let data
 
   let preview = false
@@ -32,12 +33,7 @@
   <div class='item d-flex flex-column h-full pointer content-visibility-auto'>
     <div class='image h-200 w-full position-relative rounded overflow-hidden d-flex justify-content-between align-items-end text-white' class:bg-black={episodeThumbnail === ' '}>
       <img loading='lazy' src={episodeThumbnail} alt='cover' class='cover-img w-full h-full position-absolute' style:--color={media?.coverImage?.color || '#1890ff'} />
-      {#if data.failed}
-        <div class='material-symbols-outlined pl-10 pt-10 position-absolute top-0 left-0 text-danger filled font-weight-medium' title='Failed to resolve media z-10'>
-          sync_problem
-        </div>
-      {/if}
-      <div class='pl-10 pb-10 material-symbols-outlined filled z-10'>play_arrow</div>
+      <Play class='mb-5 ml-5 pl-10 pb-10 z-10' fill='currentColor' size='3rem' />
       <div class='pr-15 pb-10 font-size-16 font-weight-medium z-10'>
         {#if media?.duration}
           {media.duration}m
@@ -86,9 +82,6 @@
     z-index: 30;
     /* fixes transform scaling on click causing z-index issues */
   }
-  .material-symbols-outlined {
-    font-size: 3rem;
-  }
   .title {
     display: -webkit-box;
     -webkit-line-clamp: 1;
diff --git a/common/components/cards/EpisodePreviewCard.svelte b/common/components/cards/EpisodePreviewCard.svelte
index 0d6642c..c5c23c6 100644
--- a/common/components/cards/EpisodePreviewCard.svelte
+++ b/common/components/cards/EpisodePreviewCard.svelte
@@ -2,6 +2,7 @@
   import { statusColorMap, formatMap } from '@/modules/anime.js'
   import { since } from '@/modules/util'
   import { liveAnimeEpisodeProgress } from '@/modules/animeprogress.js'
+  import { CalendarDays, Play, Tv } from 'lucide-svelte'
   export let data
   /** @type {import('@/modules/al.d.ts').Media | null} */
   const media = data.media
@@ -26,12 +27,7 @@
         on:loadeddata={() => { hide = false }}
         autoplay />
     {/if}
-    {#if data.failed}
-      <div class='material-symbols-outlined pl-10 pt-10 position-absolute top-0 left-0 text-danger filled font-weight-medium z-10' title='Failed to resolve media'>
-        sync_problem
-      </div>
-    {/if}
-    <div class='pl-15 pb-10 material-symbols-outlined filled z-10'>play_arrow</div>
+    <Play class='mb-5 ml-5 pl-10 pb-10 z-10' fill='currentColor' size='3rem' />
     <div class='pr-20 pb-10 font-size-16 font-weight-medium z-10'>
       {#if media?.duration}
         {media.duration}m
@@ -78,13 +74,13 @@
     </div>
     {#if media}
       <div class='d-flex flex-row pt-15 font-weight-medium justify-content-between w-full text-muted'>
-        <div class='d-flex align-items-center' style='margin-left: -3px'>
-          <span class='material-symbols-outlined font-size-24 pr-5'>calendar_month</span>
-          {media.seasonYear || 'N/A'}
+        <div class='d-flex align-items-center' style='margin-left: -2px'>
+          <CalendarDays class='pr-5' size='2.6rem' />
+          <span class='line-height-1'>{media.seasonYear || 'N/A'}</span>
         </div>
         <div class='d-flex align-items-center'>
-          {formatMap[media.format]}
-          <span class='material-symbols-outlined font-size-24 pl-5'>monitor</span>
+          <span class='line-height-1'>{formatMap[media.format]}</span>
+          <Tv class='pl-5' size='2.6rem' />
         </div>
       </div>
     {/if}
@@ -92,9 +88,6 @@
 </div>
 
 <style>
-  .material-symbols-outlined {
-    font-size: 3rem;
-  }
   .description {
     display: -webkit-box !important;
     -webkit-line-clamp: 3;
diff --git a/common/components/cards/PreviewCard.svelte b/common/components/cards/PreviewCard.svelte
index bb348c3..f0d5553 100644
--- a/common/components/cards/PreviewCard.svelte
+++ b/common/components/cards/PreviewCard.svelte
@@ -3,6 +3,7 @@
   import { anilistClient } from '@/modules/anilist.js'
   import { click } from '@/modules/click.js'
   import { alToken } from '@/modules/settings.js'
+  import { Bookmark, Heart, Play, VolumeX, Volume2 } from 'lucide-svelte'
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
 
@@ -55,7 +56,14 @@
   <div class='banner position-relative bg-black overflow-hidden'>
     <img src={media.bannerImage || `https://i.ytimg.com/vi/${media.trailer?.id}/hqdefault.jpg` || ' '} alt='banner' class='img-cover w-full h-full' />
     {#if media.trailer?.id}
-      <div class='material-symbols-outlined filled position-absolute z-10 top-0 right-0 p-15 font-size-22' class:d-none={hide} use:click={toggleMute}>{muted ? 'volume_off' : 'volume_up'}</div>
+      <div class='position-absolute z-10 top-0 right-0 p-15' use:click={toggleMute}>
+        {#if muted}
+          <VolumeX size='2.2rem' fill='currentColor' />
+        {:else}
+          <Volume2 size='2.2rem' fill='currentColor' />
+        {/if}
+      </div>
+
       <!-- indivious is nice because its faster, but not reliable -->
       <!-- <video src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
         class='w-full h-full position-absolute left-0'
@@ -85,16 +93,14 @@
       <button class='btn btn-secondary flex-grow-1 text-dark font-weight-bold shadow-none border-0 d-flex align-items-center justify-content-center'
         use:click={play}
         disabled={media.status === 'NOT_YET_RELEASED'}>
-        <span class='material-symbols-outlined font-size-20 filled pr-10'>
-          play_arrow
-        </span>
+        <Play class='pr-10 z-10' fill='currentColor' size='2.2rem' />
         {playButtonText}
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.isFavourite} use:click={toggleFavourite} disabled={!alToken}>
-        favorite
+      <button class='btn btn-square ml-10 d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleFavourite} disabled={!alToken}>
+        <Heart fill={media.isFavourite ? 'currentColor' : 'transparent'} size='1.5rem' />
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.mediaListEntry} use:click={toggleStatus} disabled={!alToken}>
-        bookmark
+      <button class='btn btn-square ml-10 d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleStatus} disabled={!alToken}>
+        <Bookmark fill={media.mediaListEntry ? 'currentColor' : 'transparent'} size='1.5rem' />
       </button>
     </div>
     <div class='details text-white text-capitalize pt-15 pb-10 d-flex'>
diff --git a/common/components/cards/SmallCard.svelte b/common/components/cards/SmallCard.svelte
index cd4df76..43ce2d2 100644
--- a/common/components/cards/SmallCard.svelte
+++ b/common/components/cards/SmallCard.svelte
@@ -6,6 +6,7 @@
   import { countdown } from '@/modules/util.js'
 
   import { page } from '@/App.svelte'
+  import { CalendarDays, Tv } from 'lucide-svelte'
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
   let preview = false
@@ -45,13 +46,13 @@
       {media.title.userPreferred}
     </div>
     <div class='d-flex flex-row mt-auto pt-10 font-weight-medium justify-content-between w-full text-muted'>
-      <div class='d-flex align-items-center pr-5' style='margin-left: -2px'>
-        <span class='material-symbols-outlined font-size-24 pr-5'>calendar_month</span>
-        {media.seasonYear || 'N/A'}
+      <div class='d-flex align-items-center pr-5' style='margin-left: -1px'>
+        <CalendarDays class='pr-5' size='2.6rem' />
+        <span class='line-height-1'>{media.seasonYear || 'N/A'}</span>
       </div>
       <div class='d-flex align-items-center text-nowrap text-right'>
-        {formatMap[media.format]}
-        <span class='material-symbols-outlined font-size-24 pl-5'>monitor</span>
+        <span class='line-height-1'>{formatMap[media.format]}</span>
+        <Tv class='pl-5' size='2.6rem' />
       </div>
     </div>
   </div>
diff --git a/common/css.css b/common/css.css
index 2c2240f..e92c810 100644
--- a/common/css.css
+++ b/common/css.css
@@ -33,10 +33,37 @@
   --section-end-gradient: linear-gradient(270deg, #17191cff 0%, #17191c00 100%);
   color-scheme: dark;
 }
+
+@font-face {
+  font-family: "Roboto";
+  src: /* webpackIgnore: true */ url(Roboto.ttf) format("truetype");
+  unicode-range: U+0000, U+0002, U+0009, U+000D, U+0020-007E, U+00A0-0377,
+      U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03E1,
+      U+03F0-052F, U+1AB0-1ABE, U+1D00-1DF5, U+1DFC-1F15, U+1F18-1F1D,
+      U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D,
+      U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB,
+      U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2027, U+202F-205F,
+      U+2070-2071, U+2074-208E, U+2090-209C, U+20A0-20BE, U+20DB-20DC,
+      U+20E3, U+20E8, U+20F0, U+2100-2101, U+2103, U+2105-2106, U+2109,
+      U+2113, U+2116-2117, U+211E-2123, U+2125-2126, U+212A-212B, U+212E,
+      U+2132, U+213B, U+214D, U+214F-2189, U+2191, U+2193, U+2202, U+2206,
+      U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260,
+      U+2264-2265, U+2423, U+25CA, U+2669-266F, U+27E6-27EF, U+2B4E-2B4F,
+      U+2B5A-2B5F, U+2C60-2C7F, U+2DE0-2E42, U+A640-A69D, U+A69F,
+      U+A700-A7AD, U+A7B0-A7B1, U+A7F7-A7FF, U+A92E, U+AB30-AB5F,
+      U+AB64-AB65, U+EE01-EE02, U+F6C3, U+FB00-FB06, U+FE20-FE2D, U+FEFF,
+      U+FFFC-FFFD, U+1F16A-1F16B;
+}
+
 .dark-mode {
   background-color: var(--dark-color) !important;
 }
 
+.h-30 {
+  width: 3rem;
+  height: 3rem;
+}
+
 @media (min-width: 769px) {
   :root {
     --sidebar-minimised: 7rem;
@@ -45,6 +72,14 @@
   }
 }
 
+.line-height-1 {
+  line-height: 1;
+}
+
+.line-height-normal {
+  line-height: normal;
+}
+
 * {
   -webkit-tap-highlight-color: transparent;
 }
@@ -82,27 +117,8 @@ a[href]:active, button:not([disabled]):active, fieldset:not([disabled]):active,
   z-index: 100;
 }
 
-.material-symbols-outlined {
-  font-family: "Material Symbols Outlined Variable";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 64;
-}
-
-.filled {
-  font-variation-settings: 'FILL' 1;
+.text-dark-light {
+  color: var(--gray-color-light);
 }
 
 .pointer {
diff --git a/common/main.js b/common/main.js
index 25c44fd..445c7a9 100644
--- a/common/main.js
+++ b/common/main.js
@@ -1,8 +1,6 @@
 import App from './App.svelte'
 import 'quartermoon/css/quartermoon-variables.css'
-import '@fontsource-variable/material-symbols-outlined/full.css'
 import '@fontsource-variable/nunito'
-import '@fontsource/roboto'
 import './css.css'
 
 export default new App({ target: document.body })
diff --git a/common/modules/animeresolver.js b/common/modules/animeresolver.js
index c209dff..0ae92a5 100644
--- a/common/modules/animeresolver.js
+++ b/common/modules/animeresolver.js
@@ -78,7 +78,8 @@ export default new class AnimeResolver {
 
     debug(`Finding ${titleObjects.length} titles: ${titleObjects.map(obj => obj.title).join(', ')}`)
 
-    for (const chunk of chunks(titleObjects, 62)) { // single title has a complexity of 8.1, al limits complexity to 500
+    for (const chunk of chunks(titleObjects, 60)) {
+      // single title has a complexity of 8.1, al limits complexity to 500, so this can be at most 62, undercut it to 60, al pagination is 50, but at most we'll do 30 titles since isAduld duplicates each title
       for (const [key, media] of await anilistClient.alSearchCompound(chunk)) {
         debug(`Found ${key} as ${media.id}: ${media.title.userPreferred}`)
         this.animeNameCache[key] = media
diff --git a/common/package.json b/common/package.json
index fdc6600..eb2bfe7 100644
--- a/common/package.json
+++ b/common/package.json
@@ -2,9 +2,7 @@
   "name": "common",
   "private": true,
   "dependencies": {
-    "@fontsource-variable/material-symbols-outlined": "^5.0.24",
     "@fontsource-variable/nunito": "^5.0.18",
-    "@fontsource/roboto": "^5.0.12",
     "@thaunknown/ani-resourced": "^1.0.3",
     "anitomyscript": "github:ThaUnknown/anitomyscript#42290c4b3f256893be08a4e89051f448ff5e9d00",
     "bottleneck": "^2.19.5",
@@ -12,16 +10,18 @@
     "comlink": "^4.4.1",
     "jassub": "^1.7.17",
     "js-levenshtein": "^1.1.6",
+    "lucide-svelte": "^0.429.0",
     "p2pt": "github:ThaUnknown/p2pt#modernise",
     "perfect-seekbar": "^1.1.0",
     "quartermoon": "^1.2.3",
     "simple-font-select": "^1.0.1",
     "simple-store-svelte": "^1.0.6",
     "svelte": "^4.2.12",
-    "svelte-keybinds": "^1.0.8",
+    "svelte-keybinds": "^1.0.9",
     "svelte-loader": "^3.1.9",
     "svelte-miniplayer": "^1.0.5",
     "svelte-persisted-store": "^0.11.0",
+    "svelte-radix": "^1.1.0",
     "svelte-sonner": "^0.3.19",
     "video-deband": "^1.0.5",
     "webpack-merge": "^5.10.0"
diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index f721314..57b4b8f 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -18,6 +18,7 @@
   import { SUPPORTS } from '@/modules/support.js'
   import 'rvfc-polyfill'
   import IPC from '@/modules/ipc.js'
+  import { ArrowDown, ArrowUp, Captions, Cast, CircleHelp, Contrast, FastForward, Keyboard, List, ListMusic, ListVideo, Maximize, Minimize, Pause, PictureInPicture, PictureInPicture2, Play, Proportions, RefreshCcw, Rewind, RotateCcw, RotateCw, ScreenShare, SkipBack, SkipForward, Users, Volume1, Volume2, VolumeX } from 'lucide-svelte'
 
   const emit = createEventDispatcher()
 
@@ -465,11 +466,13 @@
     KeyX: {
       fn: () => screenshot(),
       id: 'screenshot_monitor',
+      icon: ScreenShare,
       type: 'icon',
       desc: 'Save Screenshot to Clipboard'
     },
     KeyI: {
       fn: () => toggleStats(),
+      icon: List,
       id: 'list',
       type: 'icon',
       desc: 'Toggle Stats'
@@ -477,24 +480,28 @@
     Backquote: {
       fn: () => (showKeybinds = !showKeybinds),
       id: 'help_outline',
+      icon: CircleHelp,
       type: 'icon',
       desc: 'Toggle Keybinds'
     },
     Space: {
       fn: () => playPause(),
       id: 'play_arrow',
+      play: Play,
       type: 'icon',
       desc: 'Play/Pause'
     },
     KeyN: {
       fn: () => playNext(),
       id: 'skip_next',
+      icon: SkipForward,
       type: 'icon',
       desc: 'Next Episode'
     },
     KeyB: {
       fn: () => playLast(),
       id: 'skip_previous',
+      icon: SkipBack,
       type: 'icon',
       desc: 'Previous Episode'
     },
@@ -503,24 +510,28 @@
         $settings.playerDeband = !$settings.playerDeband
       },
       id: 'deblur',
+      icon: Contrast,
       type: 'icon',
       desc: 'Toggle Video Debanding'
     },
     KeyM: {
       fn: () => (muted = !muted),
       id: 'volume_off',
+      icon: VolumeX,
       type: 'icon',
       desc: 'Toggle Mute'
     },
     KeyP: {
       fn: () => togglePopout(),
       id: 'picture_in_picture',
+      icon: PictureInPicture2,
       type: 'icon',
       desc: 'Toggle Picture in Picture'
     },
     KeyF: {
       fn: () => toggleFullscreen(),
       id: 'fullscreen',
+      icon: Maximize,
       type: 'icon',
       desc: 'Toggle Fullscreen'
     },
@@ -532,18 +543,21 @@
     KeyW: {
       fn: () => { fitWidth = !fitWidth },
       id: 'fit_width',
+      icon: Proportions,
       type: 'icon',
       desc: 'Toggle Video Cover'
     },
     KeyD: {
       fn: () => toggleCast(),
       id: 'cast',
+      icon: Cast,
       type: 'icon',
       desc: 'Toggle Cast [broken]'
     },
     KeyC: {
       fn: () => cycleSubtitles(),
       id: 'subtitles',
+      icon: Captions,
       type: 'icon',
       desc: 'Cycle Subtitles'
     },
@@ -554,6 +568,7 @@
         rewind()
       },
       id: 'fast_rewind',
+      icon: Rewind,
       type: 'icon',
       desc: 'Rewind'
     },
@@ -564,6 +579,7 @@
         forward()
       },
       id: 'fast_forward',
+      icon: FastForward,
       type: 'icon',
       desc: 'Seek'
     },
@@ -574,6 +590,7 @@
         volume = Math.min(1, volume + 0.05)
       },
       id: 'volume_up',
+      icon: Volume2,
       type: 'icon',
       desc: 'Volume Up'
     },
@@ -584,23 +601,27 @@
         volume = Math.max(0, volume - 0.05)
       },
       id: 'volume_down',
+      icon: Volume1,
       type: 'icon',
       desc: 'Volume Down'
     },
     BracketLeft: {
       fn: () => { playbackRate = video.defaultPlaybackRate -= 0.1 },
       id: 'history',
+      icon: RotateCcw,
       type: 'icon',
       desc: 'Decrease Playback Rate'
     },
     BracketRight: {
       fn: () => { playbackRate = video.defaultPlaybackRate += 0.1 },
       id: 'update',
+      icon: RotateCw,
       type: 'icon',
       desc: 'Increase Playback Rate'
     },
     Backslash: {
       fn: () => { playbackRate = video.defaultPlaybackRate = 1 },
+      icon: RefreshCcw,
       id: 'schedule',
       type: 'icon',
       desc: 'Reset Playback Rate'
@@ -1029,7 +1050,15 @@
   {#if showKeybinds && !miniplayer}
     <div class='position-absolute bg-tp w-full h-full z-50 font-size-12 p-20 d-flex align-items-center justify-content-center pointer' on:pointerup|self={() => (showKeybinds = false)} tabindex='-1' role='button'>
       <Keybinds let:prop={item} autosave={true} clickable={true}>
-        <div class:material-symbols-outlined={item?.type} class='bind' title={item?.desc} style='pointer-events: all !important;'>{item?.id || ''}</div>
+        {#if item?.type}
+          <div class='bind icon' title={item?.desc} style='pointer-events: all !important;'>
+            {#if item?.icon}
+              <svelte:component this={item.icon} size='2rem' />
+            {/if}
+          </div>
+        {:else}
+          <div class='bind font-weight-normal' title={item?.desc} style='pointer-events: all !important;'>{item?.id || ''}</div>
+        {/if}
       </Keybinds>
     </div>
   {/if}
@@ -1097,11 +1126,11 @@
       </div>
     </div>
     <div class='d-flex col-4 justify-content-center'>
-      <span class='material-symbols-outlined'> people </span>
+      <span class='icon'><Users size='3rem' class='pt-5' /> </span>
       <span class='stats'>{torrent.peers || 0}</span>
-      <span class='material-symbols-outlined'> arrow_downward </span>
+      <span class='icon'><ArrowDown size='3rem' /></span>
       <span class='stats'>{fastPrettyBytes(torrent.down)}/s</span>
-      <span class='material-symbols-outlined'> arrow_upward </span>
+      <span class='icon'><ArrowUp size='3rem' /></span>
       <span class='stats'>{fastPrettyBytes(torrent.up)}/s</span>
     </div>
     <div class='col-4' />
@@ -1113,10 +1142,24 @@
     <div class='w-full h-full position-absolute toggle-immerse d-none' on:dblclick={toggleFullscreen} on:click|self={toggleImmerse} />
     <div class='w-full h-full position-absolute mobile-focus-target d-none' use:click={() => { page = 'player' }} />
     <!-- eslint-disable-next-line svelte/valid-compile -->
-    <span class='material-symbols-outlined ctrl h-full align-items-center justify-content-end w-150 mw-full mr-auto' on:click={rewind}> fast_rewind </span>
-    <span class='material-symbols-outlined ctrl' data-name='playPause' use:click={playPause}> {ended ? 'replay' : paused ? 'play_arrow' : 'pause'} </span>
+    <span class='icon ctrl h-full align-items-center justify-content-end w-150 mw-full mr-auto' on:click={rewind}>
+      <Rewind size='3rem' />
+    </span>
+    <span class='icon ctrl' data-name='playPause' use:click={playPause}>
+      {#if ended}
+        <RotateCw size='3rem' />
+      {:else}
+        {#if paused}
+          <Play size='3rem' fill='white' />
+        {:else}
+          <Pause size='3rem' fill='white' />
+        {/if}
+      {/if}
+    </span>
     <!-- eslint-disable-next-line svelte/valid-compile -->
-    <span class='material-symbols-outlined ctrl h-full align-items-center w-150 mw-full ml-auto' on:click={forward}> fast_forward </span>
+    <span class='icon ctrl h-full align-items-center w-150 mw-full ml-auto' on:click={forward}>
+      <FastForward size='3rem' />
+    </span>
     <div class='position-absolute bufferingDisplay' />
     {#if currentSkippable}
       <button class='skip btn text-dark position-absolute bottom-0 right-0 mr-20 mb-5 font-weight-bold z-30' use:click={skip}>
@@ -1139,26 +1182,47 @@
       />
     </div>
     <div class='d-flex'>
-      <span class='material-symbols-outlined ctrl' title='Play/Pause [Space]' data-name='playPause' use:click={playPause}> {ended ? 'replay' : paused ? 'play_arrow' : 'pause'} </span>
+      <span class='icon ctrl m-5' title='Play/Pause [Space]' data-name='playPause' use:click={playPause}>
+        {#if ended}
+          <RotateCw size='2rem' />
+        {:else}
+          {#if paused}
+            <Play size='2rem' fill='white' />
+          {:else}
+            <Pause size='2rem' fill='white' />
+          {/if}
+        {/if}</span>
       {#if hasLast}
-        <span class='material-symbols-outlined ctrl' title='Last [B]' use:click={playLast}> skip_previous </span>
+        <span class='icon ctrl m-5' title='Last [B]' use:click={playLast}>
+          <SkipBack size='2rem' fill='white' />
+        </span>
       {/if}
       {#if hasNext}
-        <span class='material-symbols-outlined ctrl' title='Next [N]' use:click={playNext}> skip_next </span>
+        <span class='icon ctrl m-5' title='Next [N]' use:click={playNext}>
+          <SkipForward size='2rem' fill='white' />
+        </span>
       {/if}
       <div class='d-flex w-auto volume'>
-        <span class='material-symbols-outlined ctrl' title='Mute [M]' data-name='toggleMute' use:click={toggleMute}> {muted ? 'volume_off' : 'volume_up'} </span>
+        <span class='icon ctrl m-5' title='Mute [M]' data-name='toggleMute' use:click={toggleMute}>
+          {#if muted}
+            <VolumeX size='2rem' fill='white' />
+          {:else}
+            <Volume2 size='2rem' fill='white' />
+          {/if}
+        </span>
         <input class='ctrl h-full custom-range' type='range' min='0' max='1' step='any' data-name='setVolume' bind:value={volume} />
       </div>
       <div class='ts' class:mr-auto={playbackRate === 1}>{toTS(targetTime, safeduration > 3600 ? 2 : 3)} / {toTS(safeduration - targetTime, safeduration > 3600 ? 2 : 3)}</div>
       {#if playbackRate !== 1}
         <div class='ts mr-auto'>x{playbackRate.toFixed(1)}</div>
       {/if}
-      <span class='material-symbols-outlined ctrl keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}> keyboard </span>
+      <span class='icon ctrl m-5 keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
+        <Keyboard size='2rem' />
+      </span>
       {#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
         <div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='material-symbols-outlined ctrl' title='Audio Tracks'>
-            queue_music
+          <span class='icon ctrl m-5' title='Audio Tracks'>
+            <ListMusic size='2rem' />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.audioTracks as track}
@@ -1172,8 +1236,8 @@
       {/if}
       {#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1}
         <div class='dropdown dropup with-arrow'>
-          <span class='material-symbols-outlined ctrl' title='Video Tracks'>
-            playlist_play
+          <span class='icon ctrl m-5' title='Video Tracks'>
+            <ListVideo size='2rem' />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.videoTracks as track}
@@ -1187,8 +1251,8 @@
       {/if}
       {#if subHeaders?.length}
         <div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='material-symbols-outlined ctrl' title='Subtitles [C]'>
-            subtitles
+          <span class='icon ctrl m-5' title='Subtitles [C]'>
+            <Captions size='2rem' />
           </span>
           <div class='dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize'>
             <input name='subtitle-radio-set' type='radio' id='subtitle-off-radio' value='off' checked={subHeaders && subs?.current === -1} />
@@ -1206,17 +1270,29 @@
         </div>
       {/if}
       {#if 'PresentationRequest' in window && canCast && current}
-        <span class='material-symbols-outlined ctrl' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
-          {presentationConnection ? 'cast_connected' : 'cast'}
+        <span class='icon ctrl m-5' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
+          {#if presentationConnection}
+            <Cast size='2rem' fill='white' strokeWidth={0} />
+          {:else}
+            <Cast size='2rem' />
+          {/if}
         </span>
       {/if}
       {#if 'pictureInPictureEnabled' in document}
-        <span class='material-symbols-outlined ctrl' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
-          {pip ? 'featured_video' : 'picture_in_picture'}
+        <span class='icon ctrl m-5' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
+          {#if pip}
+            <PictureInPicture size='2rem' />
+          {:else}
+            <PictureInPicture2 size='2rem' />
+          {/if}
         </span>
       {/if}
-      <span class='material-symbols-outlined ctrl' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
-        {isFullscreen ? 'fullscreen_exit' : 'fullscreen'}
+      <span class='icon ctrl m-5' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
+        {#if isFullscreen}
+          <Minimize size='2rem' />
+        {:else}
+          <Maximize size='2rem' />
+        {/if}
       </span>
     </div>
   </div>
@@ -1379,11 +1455,10 @@
     height: 1px !important;
   }
 
-  .material-symbols-outlined {
+  .icon {
     font-size: 2.8rem;
     padding: 1.5rem;
     display: flex;
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 100, 'opsz' 64;
   }
 
   .immersed {
@@ -1415,9 +1490,6 @@
     transition: 0.5s opacity ease 0.2s;
     filter: drop-shadow(0 0 8px #000);
   }
-  .disabled {
-    cursor: not-allowed !important;
-  }
 
   .buffering .middle .bufferingDisplay {
     opacity: 1 !important;
diff --git a/common/views/Settings/HomeSectionsSettings.svelte b/common/views/Settings/HomeSectionsSettings.svelte
index 2f335e6..a18a0fc 100644
--- a/common/views/Settings/HomeSectionsSettings.svelte
+++ b/common/views/Settings/HomeSectionsSettings.svelte
@@ -2,6 +2,7 @@
   import { click } from '@/modules/click.js'
   import { sections } from '@/modules/sections.js'
   import { SUPPORTS } from '@/modules/support.js'
+  import { ArrowDown, ArrowDownUp, ArrowUp, Trash2 } from 'lucide-svelte'
 
   const allowedHomeSections = sections.map(({ title }) => title)
   export let homeSections
@@ -16,19 +17,15 @@
 
   $: {
     if (draggingItemIndex != null && hoveredItemIndex != null && draggingItemIndex !== hoveredItemIndex) {
-      [homeSections[draggingItemIndex], homeSections[hoveredItemIndex]] = [homeSections[hoveredItemIndex], homeSections[draggingItemIndex]]
+      swapItem(draggingItemIndex, hoveredItemIndex)
 
       draggingItemIndex = hoveredItemIndex
     }
   }
 
-  function moveItem (index, direction) {
-    if (direction === 'up' && index > 0) {
-      [homeSections[index], homeSections[index - 1]] = [homeSections[index - 1], homeSections[index]]
-    } else if (direction === 'down' && index < homeSections.length - 1) {
-      [homeSections[index], homeSections[index + 1]] = [homeSections[index + 1], homeSections[index]]
-    }
-    homeSections = homeSections
+  function swapItem (a, b) {
+    b = Math.min(homeSections.length - 1, Math.max(0, b))
+    ;[homeSections[a], homeSections[b]] = [homeSections[b], homeSections[a]]
   }
 </script>
 
@@ -37,7 +34,7 @@
     class='input-group mb-10 ghost w-full'
     style='top: {mouseYCoordinate + distanceTopGrabbedVsPointer}px;'>
     <div class='input-group-prepend'>
-      <span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
+      <span class='input-group-text d-flex align-items-center px-5'><ArrowDownUp size='1.8rem' /></span>
     </div>
     <select class='form-control' value={draggingItem}>
       {#each allowedHomeSections as section}
@@ -45,7 +42,7 @@
       {/each}
     </select>
     <div class='input-group-append'>
-      <button type='button' class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete</button>
+      <button type='button' class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
     </div>
   </div>
 {/if}
@@ -71,14 +68,14 @@
     }}>
     {#if !SUPPORTS.isAndroid}
       <div class='input-group-prepend grab'>
-        <span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
+        <span class='input-group-text d-flex align-items-center px-5'><ArrowDownUp size='1.8rem' /></span>
       </div>
     {:else}
       <div class='input-group-prepend'>
-        <button use:click={() => moveItem(index, 'up')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_upward</button>
+        <button use:click={() => swapItem(index, index - 1)} class='input-group-text d-flex align-items-center px-5 pointer'><ArrowUp size='1.8rem' /></button>
       </div>
       <div class='input-group-prepend'>
-        <button use:click={() => moveItem(index, 'down')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_downward</button>
+        <button use:click={() => swapItem(index, index + 1)} class='input-group-text d-flex align-items-center px-5 pointer'><ArrowDown size='1.8rem' /></button>
       </div>
     {/if}
     <select class='form-control bg-dark w-300 mw-full' bind:value={homeSections[index]}>
@@ -87,7 +84,7 @@
       {/each}
     </select>
     <div class='input-group-append'>
-      <button type='button' use:click={() => { homeSections.splice(index, 1); homeSections = homeSections }} class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete</button>
+      <button type='button' use:click={() => { homeSections.splice(index, 1); homeSections = homeSections }} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
     </div>
   </div>
 {/each}
diff --git a/common/views/Settings/InterfaceSettings.svelte b/common/views/Settings/InterfaceSettings.svelte
index 387d58c..3382024 100644
--- a/common/views/Settings/InterfaceSettings.svelte
+++ b/common/views/Settings/InterfaceSettings.svelte
@@ -5,6 +5,7 @@
   import IPC from '@/modules/ipc.js'
   import SettingCard from './SettingCard.svelte'
   import { SUPPORTS } from '@/modules/support.js'
+  import { Trash2 } from 'lucide-svelte'
   function updateAngle () {
     IPC.emit('angle', settings.value.angle)
   }
@@ -74,7 +75,7 @@
           <option value='Judas [Small Size]'>{settings.toshoURL + 'rss2?qx=1&q="[Judas] "'}</option>
         </datalist>
         <div class='input-group-append'>
-          <button type='button' use:click={() => { settings.rssFeedsNew.splice(i, 1); settings.rssFeedsNew = settings.rssFeedsNew }} class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete</button>
+          <button type='button' use:click={() => { settings.rssFeedsNew.splice(i, 1); settings.rssFeedsNew = settings.rssFeedsNew }} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
         </div>
       </div>
     {/each}
diff --git a/common/views/Settings/PlayerSettings.svelte b/common/views/Settings/PlayerSettings.svelte
index b9a77c3..ff83cae 100644
--- a/common/views/Settings/PlayerSettings.svelte
+++ b/common/views/Settings/PlayerSettings.svelte
@@ -5,6 +5,7 @@
   import { SUPPORTS } from '@/modules/support.js'
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
+  import { Trash2 } from 'lucide-svelte'
   export let settings
 
   async function changeFont ({ detail }) {
@@ -39,7 +40,7 @@
     <div class='input-group w-400 mw-full'>
       <FontSelect class='form-control bg-dark w-300 mw-full' on:change={changeFont} value={settings.font?.name} />
       <div class='input-group-append'>
-        <button type='button' class='btn btn-danger btn-square px-5 material-symbols-outlined font-size-20' use:click={() => removeFont()}>delete</button>
+        <button type='button' use:click={() => removeFont()} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
       </div>
     </div>
   </SettingCard>
diff --git a/common/views/Settings/Settings.svelte b/common/views/Settings/Settings.svelte
index 543f78e..dd1500b 100644
--- a/common/views/Settings/Settings.svelte
+++ b/common/views/Settings/Settings.svelte
@@ -38,27 +38,28 @@
   import { anilistClient } from '@/modules/anilist.js'
   import { logout } from '@/components/Logout.svelte'
   import smoothScroll from '@/modules/scroll.js'
+  import { AppWindow, Heart, LogIn, Logs, Play, Rss, Settings } from 'lucide-svelte'
 
   const groups = {
     player: {
       name: 'Player',
-      icon: 'play_arrow'
+      icon: Play
     },
     torrent: {
       name: 'Torrent',
-      icon: 'rss_feed'
+      icon: Rss
     },
     interface: {
       name: 'Interface',
-      icon: 'settings'
+      icon: AppWindow
     },
     app: {
       name: 'App',
-      icon: 'info'
+      icon: Settings
     },
     changelog: {
       name: 'Changelog',
-      icon: 'description'
+      icon: Logs
     }
   }
   function pathListener (data) {
@@ -97,28 +98,28 @@
       <div class='px-20 py-15 font-size-24 font-weight-semi-bold'>Settings</div>
       {#each Object.values(groups) as group}
         <TabLabel>
-          <div class='px-20 py-10 d-flex'>
-            <span class='material-symbols-outlined font-size-24 pr-10 d-inline-flex justify-content-center align-items-center'>{group.icon}</span>
-            <div class='font-size-16'>{group.name}</div>
+          <div class='px-20 py-10 d-flex align-items-center'>
+            <svelte:component this={group.icon} class='pr-10 d-inline-flex' size='3.1rem' fill={group.icon === Play ? 'currentColor' : 'transparent'} />
+            <div class='font-size-16 line-height-normal'>{group.name}</div>
           </div>
         </TabLabel>
       {/each}
       <div class='pointer my-5 rounded' tabindex='0' role='button' use:click={() => IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/')}>
-        <div class='px-20 py-10 d-flex'>
-          <span class='material-symbols-outlined font-size-24 pr-10 d-inline-flex justify-content-center align-items-center'>favorite</span>
-          <div class='font-size-16'>Donate</div>
+        <div class='px-20 py-10 d-flex align-items-center'>
+          <Heart class='pr-10 d-inline-flex' size='3.1rem' />
+          <div class='font-size-16 line-height-normal'>Donate</div>
         </div>
       </div>
       <div class='pointer my-5 rounded' use:click={loginButton}>
-        <div class='px-20 py-10 d-flex'>
+        <div class='px-20 py-10 d-flex align-items-center'>
           {#if anilistClient.userID?.viewer?.data?.Viewer}
-            <span class='material-symbols-outlined rounded mr-10'>
+            <span class='rounded mr-10'>
               <img src={anilistClient.userID.viewer.data.Viewer.avatar.medium} class='h-30 rounded' alt='logo' />
             </span>
             <div class='font-size-16 login-image-text'>Logout</div>
           {:else}
-            <span class='material-symbols-outlined font-size-24 pr-10 d-inline-flex justify-content-center align-items-center'>login</span>
-            <div class='font-size-16'>Login With AniList</div>
+            <LogIn class='pr-10 d-inline-flex' size='3.1rem' />
+            <div class='font-size-16 line-height-normal'>Login With AniList</div>
           {/if}
         </div>
       </div>
@@ -233,10 +234,6 @@
     justify-content: center;
     align-items: center;
   }
-  .h-30 {
-    width: 3rem;
-    height: 3rem;
-  }
   .settings :global(input:not(:focus):invalid) {
     box-shadow: 0 0 0 0.2rem var(--danger-color) !important;
   }
diff --git a/common/views/Settings/TorrentSettings.svelte b/common/views/Settings/TorrentSettings.svelte
index c9e3a64..e0dfcfb 100644
--- a/common/views/Settings/TorrentSettings.svelte
+++ b/common/views/Settings/TorrentSettings.svelte
@@ -35,6 +35,7 @@
   import IPC from '@/modules/ipc.js'
   import SettingCard from './SettingCard.svelte'
   import { SUPPORTS } from '@/modules/support.js'
+  import { Trash2 } from 'lucide-svelte'
   export let settings
 
   function handleFolder () {
@@ -74,7 +75,7 @@
           <div class='input-group-prepend overflow-hidden w-full'>
             <span class='input-group-text bg-dark w-full'>{extension}</span>
           </div>
-          <button type='button' class='btn btn-danger btn-square px-5 material-symbols-outlined font-size-20' use:click={() => removeExtension(i)}>delete</button>
+          <button type='button' use:click={() => removeExtension(i)} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
         </div>
       {/each}
     </div>
diff --git a/common/views/TorrentSearch/TorrentCard.svelte b/common/views/TorrentSearch/TorrentCard.svelte
index 80f2973..b4a8af9 100644
--- a/common/views/TorrentSearch/TorrentCard.svelte
+++ b/common/views/TorrentSearch/TorrentCard.svelte
@@ -1,6 +1,7 @@
 <script context='module'>
   import { click } from '@/modules/click.js'
   import { fastPrettyBytes, since } from '@/modules/util.js'
+  import { Database, BadgeCheck } from 'lucide-svelte'
 
   /** @typedef {import('@thaunknown/ani-resourced/sources/types.d.ts').Result} Result */
   /** @typedef {import('anitomyscript').AnitomyResult} AnitomyResult */
@@ -86,13 +87,9 @@
     <div class='d-flex w-full'>
       <div class='font-size-22 font-weight-bold text-nowrap'>{result.parseObject?.release_group && result.parseObject.release_group.length < 20 ? result.parseObject.release_group : 'No Group'}</div>
       {#if result.type === 'batch'}
-        <div class='material-symbols-outlined card-title symbol-bold ml-auto' title='Batch'>
-          database
-        </div>
+        <Database size='2.6rem' class='ml-auto' />
       {:else if result.verified}
-        <div class='material-symbols-outlined card-title symbol-bold ml-auto' style='color: #53da33' title='Verified'>
-          verified
-        </div>
+        <BadgeCheck size='2.8rem' class='ml-auto' style='color: #53da33' />
       {/if}
     </div>
     <div class='font-size-14 text-muted text-truncate overflow-hidden'>{simplifyFilename(result.parseObject)}</div>
diff --git a/common/views/TorrentSearch/TorrentMenu.svelte b/common/views/TorrentSearch/TorrentMenu.svelte
index 53a1bf7..22edd9a 100644
--- a/common/views/TorrentSearch/TorrentMenu.svelte
+++ b/common/views/TorrentSearch/TorrentMenu.svelte
@@ -44,6 +44,7 @@
   import { add } from '@/modules/torrent.js'
   import TorrentSkeletonCard from './TorrentSkeletonCard.svelte'
   import { onDestroy } from 'svelte'
+  import { MagnifyingGlass } from 'svelte-radix'
 
   /** @type {{ media: Media, episode?: number }} */
   export let search
@@ -130,7 +131,7 @@
   {/await}
   <div class='input-group mt-20'>
     <div class='input-group-prepend'>
-      <span class='input-group-text d-flex material-symbols-outlined bg-dark pr-0 font-size-18'>search</span>
+      <MagnifyingGlass size='2.75rem' class='input-group-text bg-dark pr-0' />
     </div>
     <input
       type='search'
diff --git a/common/views/TorrentSearch/TorrentModal.svelte b/common/views/TorrentSearch/TorrentModal.svelte
index 6190857..473ed91 100644
--- a/common/views/TorrentSearch/TorrentModal.svelte
+++ b/common/views/TorrentSearch/TorrentModal.svelte
@@ -2,7 +2,7 @@
   import { findInCurrent } from '../Player/MediaHandler.svelte'
   import { writable } from 'simple-store-svelte'
 
-  const rss = writable(null)
+  export const rss = writable(null)
 
   export function playAnime (media, episode = 1, force) {
     episode = Number(episode)
diff --git a/common/views/ViewAnime/Controls.svelte b/common/views/ViewAnime/Controls.svelte
deleted file mode 100644
index 14243e0..0000000
--- a/common/views/ViewAnime/Controls.svelte
+++ /dev/null
@@ -1,161 +0,0 @@
-<script>
-  import { alToken } from '../../views/Settings.svelte'
-  import { addToast } from '../../components/Toasts.svelte'
-  import IPC from '@/modules/ipc.js'
-  import { anilistClient } from '@/modules/anilist.js'
-  import { getContext } from 'svelte'
-  import { getMediaMaxEp } from '@/modules/anime.js'
-  import { playAnime } from '../RSSView.svelte'
-  import { click } from '@/modules/click.js'
-  export let media = null
-
-  const toggleStatusMap = {
-    CURRENT: 'DROPPED',
-    COMPLETED: 'REPEATING',
-    PAUSED: 'CURRENT',
-    REPEATING: 'CURRENT',
-    DROPPED: 'PLANNING',
-    PLANNING: 'remove'
-  }
-  async function toggleStatus () {
-    if (media.mediaListEntry?.status !== 'PLANNING') {
-      // add
-      await setStatus(toggleStatusMap[media.mediaListEntry?.status] || 'PLANNING')
-    } else {
-      await anilistClient.delete({ id: media.mediaListEntry.id })
-    }
-    update()
-  }
-  function getStatusText (media) {
-    if (media.mediaListEntry) {
-      const { status } = media.mediaListEntry
-      if (status === 'PLANNING') return 'Remove From List'
-      if (media.mediaListEntry?.status in toggleStatusMap) return 'Drop From Watching'
-    }
-    return 'Add To List'
-  }
-  function setStatus (status, other = {}) {
-    const variables = {
-      id: media.id,
-      status,
-      ...other
-    }
-    return anilistClient.entry(variables)
-  }
-  async function update () {
-    media = (await anilistClient.searchIDSingle({ id: media.id })).data.Media
-  }
-  async function score (media, score) {
-    const variables = {
-      id: media.id,
-      score: score * 10
-    }
-    await anilistClient.entry(variables)
-    media = (await anilistClient.searchIDSingle({ id: media.id })).data.Media
-  }
-  const trailer = getContext('trailer')
-  function viewTrailer (media) {
-    $trailer = media.trailer.id
-  }
-  function copyToClipboard (text) {
-    navigator.clipboard.writeText(text)
-    addToast({
-      title: 'Copied to clipboard',
-      text: 'Copied share URL to clipboard',
-      type: 'primary',
-      duration: '5000'
-    })
-  }
-  function openInBrowser (url) {
-    IPC.emit('open', url)
-  }
-  function getPlayText (media) {
-    if (media.mediaListEntry) {
-      const { status, progress } = media.mediaListEntry
-      if (progress) {
-        if (status === 'COMPLETED') return 'Rewatch'
-        return 'Continue ' + Math.min(getMediaMaxEp(media, true), progress + 1)
-      }
-    }
-    return 'Play'
-  }
-  async function play (media) {
-    let ep = 1
-    if (media.mediaListEntry) {
-      const { status, progress } = media.mediaListEntry
-      if (progress) {
-        if (status === 'COMPLETED') {
-          await setStatus('REPEATING', { episode: 0 })
-        } else {
-          ep = Math.min(getMediaMaxEp(media, true), progress + 1)
-        }
-      }
-    }
-    playAnime(media, ep, true)
-    media = null
-  }
-</script>
-
-<div class='col-md-4 d-flex justify-content-end flex-column'>
-  <div class='d-flex flex-column flex-wrap'>
-    <button
-      class='btn btn-primary d-flex align-items-center font-weight-bold font-size-24 h-50 mb-5'
-      type='button'
-      use:click={() => play(media)}>
-      <span class='material-symbols-outlined mr-10 font-size-24 w-30'> play_arrow </span>
-      <span>{getPlayText(media)}</span>
-    </button>
-    {#if alToken}
-      <button class='btn d-flex align-items-center mb-5 font-weight-bold font-size-16 btn-primary' use:click={toggleStatus}>
-        <span class='material-symbols-outlined mr-10 font-size-18 w-30'> {(media.mediaListEntry?.status in toggleStatusMap) ? 'remove' : 'add'} </span>
-        {getStatusText(media)}
-      </button>
-      <div class='input-group shadow-lg mb-5 font-size-16'>
-        <div class='input-group-prepend'>
-          <span class='input-group-text bg-tp pl-15 d-flex material-symbols-outlined font-size-18'>hotel_class</span>
-        </div>
-        <select class='form-control' required value={(media.mediaListEntry?.score || '').toString()} on:change={({ target }) => { score(media, Number(target.value)) }}>
-          <option value selected disabled hidden>Score</option>
-          <option>1</option>
-          <option>2</option>
-          <option>3</option>
-          <option>4</option>
-          <option>5</option>
-          <option>6</option>
-          <option>7</option>
-          <option>8</option>
-          <option>9</option>
-          <option>10</option>
-        </select>
-      </div>
-    {/if}
-    {#if media.trailer}
-      <button class='btn d-flex align-items-center mb-5 font-weight-bold font-size-16' use:click={() => viewTrailer(media)}>
-        <span class='material-symbols-outlined mr-15 font-size-18 w-30'> live_tv </span>
-        Trailer
-      </button>
-    {/if}
-    <div class='d-flex mb-5 w-full'>
-      <button class='btn flex-fill font-weight-bold font-size-16 d-flex align-items-center' use:click={() => { openInBrowser(`https://anilist.co/anime/${media.id}`) }}>
-        <span class='material-symbols-outlined mr-15 font-size-18 w-30'> open_in_new </span>
-        Open
-      </button>
-      <button class='btn flex-fill font-weight-bold font-size-16 ml-5 d-flex align-items-center' use:click={() => { copyToClipboard(`https://miru.watch/anime/${media.id}`) }}>
-        <span class='material-symbols-outlined mr-15 font-size-18 w-30'> share </span>
-        Share
-      </button>
-    </div>
-  </div>
-</div>
-
-<style>
-  select.form-control:invalid {
-    color: var(--dm-input-placeholder-text-color);
-  }
-  .bg-tp {
-    background-color: var(--dm-button-bg-color) !important;
-  }
-  .w-30 {
-    width: 3rem
-  }
-</style>
diff --git a/common/views/ViewAnime/Details.svelte b/common/views/ViewAnime/Details.svelte
index c5bbcf2..135d21a 100644
--- a/common/views/ViewAnime/Details.svelte
+++ b/common/views/ViewAnime/Details.svelte
@@ -1,13 +1,15 @@
 <script>
+  import { Building2, FolderKanban, Languages, Leaf, MonitorPlay, Type } from 'lucide-svelte'
+
   export let media = null
 
   const detailsMap = [
-    { property: 'season', label: 'Season', icon: 'spa', custom: 'property' },
-    { property: 'status', label: 'Status', icon: 'live_tv' },
-    { property: 'nodes', label: 'Studio', icon: 'business' },
-    { property: 'source', label: 'Source', icon: 'source' },
-    { property: 'english', label: 'English', icon: 'title' },
-    { property: 'romaji', label: 'Romaji', icon: 'translate' },
+    { property: 'season', label: 'Season', icon: Leaf, custom: 'property' },
+    { property: 'status', label: 'Status', icon: MonitorPlay },
+    { property: 'nodes', label: 'Studio', icon: Building2 },
+    { property: 'source', label: 'Source', icon: FolderKanban },
+    { property: 'english', label: 'English', icon: Type },
+    { property: 'romaji', label: 'Romaji', icon: Languages },
     { property: 'native', label: 'Native', icon: '語', custom: 'icon' }
   ]
   function getCustomProperty (detail, media) {
@@ -33,12 +35,16 @@
   {#each detailsMap as detail}
     {@const property = getProperty(detail.property, media)}
     {#if property}
-      <div class='d-flex flex-row mx-10 py-5'>
-        <div class={'mr-10 ' + (detail.custom === 'icon' ? 'd-flex align-items-center text-nowrap font-size-20 font-weight-bold' : 'material-symbols-outlined font-size-24')}>
-          {detail.icon}
-        </div>
+      <div class='d-flex flex-row mx-10 py-5 justify-content-center'>
+        {#if detail.custom !== 'icon'}
+          <svelte:component size='2rem' this={detail.icon} class='mr-10' />
+        {:else}
+          <div class='mr-10 d-flex align-items-center text-nowrap font-size-12 font-weight-bold line-height-normal'>
+            {detail.icon}
+          </div>
+        {/if}
         <div class='d-flex flex-column justify-content-center text-nowrap'>
-          <div class='font-weight-bold select-all'>
+          <div class='font-weight-bold select-all line-height-normal'>
             {#if detail.custom === 'property'}
               {getCustomProperty(detail, media)}
             {:else if property.constructor === Array}
diff --git a/common/views/ViewAnime/EpisodeList.svelte b/common/views/ViewAnime/EpisodeList.svelte
index c17ba7c..12cd2f9 100644
--- a/common/views/ViewAnime/EpisodeList.svelte
+++ b/common/views/ViewAnime/EpisodeList.svelte
@@ -1,3 +1,11 @@
+<script context='module'>
+  let fillerEpisodes = {}
+
+  fetch('https://raw.githubusercontent.com/ThaUnknown/filler-scrape/master/filler.json').then(async res => {
+    fillerEpisodes = await res.json()
+  })
+</script>
+
 <script>
   import { since } from '@/modules/util'
   import { click } from '@/modules/click.js'
@@ -22,12 +30,12 @@
   export let play
 
   const episodeList = Array.from({ length: episodeCount }, (_, i) => ({
-    episode: i + 1, image: null, summary: null, rating: null, title: null, length: null, airdate: null, airingAt: null
+    episode: i + 1, image: null, summary: null, rating: null, title: null, length: null, airdate: null, airingAt: null, filler: fillerEpisodes[id]?.includes(i)
   }))
   async function load () {
     const res = await fetch('https://api.ani.zip/mappings?anilist_id=' + id)
     const { episodes, specialCount, episodeCount } = await res.json()
-    /** @type {{ airingAt: number; episode: number; }[]} */
+    /** @type {{ airingAt: number; episode: number; filler?: boolean }[]} */
     let alEpisodes = episodeList
 
     // fallback: pull episodes from airing schedule if anime doesn't have expected episode count
@@ -35,14 +43,14 @@
       const settled = (await anilistClient.episodes({ id })).data.Page?.airingSchedules
       if (settled?.length) alEpisodes = settled
     }
-    for (const { episode, airingAt } of alEpisodes) {
+    for (const { episode, airingAt, filler } of alEpisodes) {
       const alDate = new Date((airingAt || 0) * 1000)
 
       // validate by air date if the anime has specials AND doesn't have matching episode count
       const needsValidation = !(!specialCount || (media.episodes && media.episodes === episodeCount && episodes[Number(episode)]))
       const { image, summary, rating, title, length, airdate } = needsValidation ? episodeByAirDate(alDate, episodes, episode) : (episodes[Number(episode)] || {})
 
-      episodeList[episode - 1] = { episode, image, summary, rating, title, length: length || duration, airdate: +alDate || airdate, airingAt: +alDate || airdate }
+      episodeList[episode - 1] = { episode, image, summary, rating, title, length: length || duration, airdate: +alDate || airdate, airingAt: +alDate || airdate, filler }
     }
   }
   load()
@@ -50,17 +58,22 @@
   const animeProgress = liveAnimeProgress(id)
 </script>
 
-{#each episodeOrder ? episodeList : [...episodeList].reverse() as { episode, image, summary, rating, title, length, airdate }}
+{#each episodeOrder ? episodeList : [...episodeList].reverse() as { episode, image, summary, rating, title, length, airdate, filler }}
   {@const completed = !watched && userProgress >= episode}
   {@const target = userProgress + 1 === episode}
   {@const progress = !watched && ($animeProgress?.[episode] ?? 0)}
   <div class='w-full my-20 content-visibility-auto scale' class:opacity-half={completed} class:px-20={!target} class:h-150={image || summary}>
-    <div class='rounded w-full h-full overflow-hidden d-flex flex-xsm-column flex-row pointer' class:border={target} class:bg-black={completed} class:bg-dark={!completed} use:click={() => play(episode)}>
+    <div class='rounded w-full h-full overflow-hidden d-flex flex-xsm-column flex-row pointer position-relative' class:border={target || filler} class:bg-black={completed} class:border-secondary={filler} class:bg-dark={!completed} use:click={() => play(episode)}>
       {#if image}
         <div class='h-full'>
           <img alt='thumbnail' src={image} class='img-cover h-full' />
         </div>
       {/if}
+      {#if filler}
+        <div class='position-absolute bottom-0 right-0 bg-secondary py-5 px-10 text-dark rounded-top rounded-left font-weight-bold'>
+          Filler
+        </div>
+      {/if}
       <div class='h-full w-full px-20 py-15 d-flex flex-column'>
         <div class='w-full d-flex flex-row mb-15'>
           <div class='text-white font-weight-bold font-size-16 overflow-hidden title'>
diff --git a/common/views/ViewAnime/Following.svelte b/common/views/ViewAnime/Following.svelte
index 71ea349..248818a 100644
--- a/common/views/ViewAnime/Following.svelte
+++ b/common/views/ViewAnime/Following.svelte
@@ -2,6 +2,7 @@
   import { anilistClient } from '@/modules/anilist.js'
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
+  import { ExternalLink } from 'lucide-svelte'
 
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
@@ -22,7 +23,9 @@
           <img src={friend.user.avatar.medium} alt='avatar' class='w-50 h-50 img-fluid rounded cover-img' />
           <span class='my-0 pl-20 mr-auto text-truncate'>{friend.user.name}</span>
           <span class='my-0 px-10 text-capitalize'>{friend.status.toLowerCase()}</span>
-          <span class='material-symbols-outlined pointer text-primary font-size-18' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + friend.user.name)}> open_in_new </span>
+          <span class='pointer text-primary d-flex align-items-center' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + friend.user.name)}>
+            <ExternalLink size='1.8rem' />
+          </span>
         </div>
       {/each}
     </div>
diff --git a/common/views/ViewAnime/ViewAnime copy.svelte b/common/views/ViewAnime/ViewAnime copy.svelte
deleted file mode 100644
index 2b22161..0000000
--- a/common/views/ViewAnime/ViewAnime copy.svelte	
+++ /dev/null
@@ -1,199 +0,0 @@
-<script>
-  import { playAnime } from '../RSSView.svelte'
-  import { anilistClient } from '@/modules/anilist.js'
-  import { getMediaMaxEp } from '@/modules/anime.js'
-  import { getContext } from 'svelte'
-  import Details from './Details.svelte'
-  import Following from './Following.svelte'
-  import Controls from './Controls.svelte'
-  import ToggleList from './ToggleList.svelte'
-  import { click } from '@/modules/click.js'
-
-  const view = getContext('view')
-  const trailer = getContext('trailer')
-  function close () {
-    $view = null
-  }
-  $: media = $view
-  let modal
-  $: media && modal?.focus()
-  $: !$trailer && modal?.focus()
-  $: maxPlayEp = getMediaMaxEp($view || {}, true)
-  function checkClose ({ keyCode }) {
-    if (keyCode === 27) close()
-  }
-</script>
-
-<div class='modal modal-full z-40' class:show={media} on:keydown={checkClose} tabindex='-1' role='button' bind:this={modal}>
-  {#if media}
-    <div class='h-full modal-content bg-very-dark p-0 overflow-y-auto'>
-      <button class='close pointer z-30 bg-dark top-20 right-0 position-absolute' type='button' use:click={close}> &times; </button>
-      <div class='h-md-half w-full position-relative z-20'>
-        <div class='h-full w-full position-absolute bg-dark-light banner' style:--bannerurl={`url('${media.bannerImage || ''}')`} />
-        <div class='d-flex h-full top w-full'>
-          <div class='container-xl w-full'>
-            <div class='row d-flex justify-content-end flex-row h-full px-20 pt-20 px-xl-0'>
-              <div class='col-md-3 col-4 d-flex h-full justify-content-end flex-column pb-15 align-items-center'>
-                <img class='contain-img rounded mw-full mh-full shadow' alt='cover' src={media.coverImage?.extraLarge || media.coverImage?.medium} />
-              </div>
-              <div class='col-md-9 col-8 row align-content-end'>
-                <div class='col-md-8 col-12 d-flex justify-content-end flex-column pl-20'>
-                  <div class='px-md-20 d-flex flex-column font-size-12'>
-                    <span class='title font-weight-bold pb-sm-15 text-white select-all'>
-                      {media.title.userPreferred}
-                    </span>
-                    <div class='d-flex flex-row font-size-18 pb-sm-15'>
-                      {#if media.averageScore}
-                        <span class='material-symbols-outlined mr-10 font-size-24'> trending_up </span>
-                        <span class='mr-20'>
-                          Rating: {media.averageScore + '%'}
-                        </span>
-                      {/if}
-                      {#if media.format}
-                        <span class='material-symbols-outlined mx-10 font-size-24'> monitor </span>
-                        <span class='mr-20 text-capitalize'>
-                          Format: {media.format === 'TV' ? media.format : media.format?.replace(/_/g, ' ').toLowerCase()}
-                        </span>
-                      {/if}
-                      {#if media.episodes !== 1 && getMediaMaxEp(media)}
-                        <span class='material-symbols-outlined mx-10 font-size-24'> theaters </span>
-                        <span class='mr-20'>
-                          Episodes: {getMediaMaxEp(media)}
-                        </span>
-                      {:else if media.duration}
-                        <span class='material-symbols-outlined mx-10 font-size-24'> timer </span>
-                        <span class='mr-20'>
-                          Length: {media.duration + ' min'}
-                        </span>
-                      {/if}
-                    </div>
-                    <div class='pb-15 pt-5 px-5 overflow-x-auto text-nowrap font-weight-bold'>
-                      {#each media.genres as genre}
-                        <div class='badge badge-pill shadow'>
-                          {genre}
-                        </div>
-                      {/each}
-                    </div>
-                  </div>
-                </div>
-                <Controls bind:media={$view} />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class='container-xl bg-very-dark z-10'>
-        <div class='row p-20 px-xl-0 flex-column-reverse flex-md-row'>
-          <div class='col-md-9 pr-50'>
-            <h1 class='title font-weight-bold text-white'>Synopsis</h1>
-            <div class='font-size-16 pre-wrap select-all card m-0'>
-              {media.description?.replace(/<[^>]*>/g, '') || ''}
-            </div>
-            <ToggleList list={media.relations?.edges?.filter(({ node }) => node.type === 'ANIME')} let:item title='Relations'>
-              <div class='w-150 mx-15 my-10 rel pointer'
-                use:click={async () => { $view = null; $view = (await anilistClient.searchIDSingle({ id: item.node.id })).data.Media }}>
-                <img loading='lazy' src={item.node.coverImage.medium || ''} alt='cover' class='cover-img w-full h-200 rel-img rounded' />
-                <div class='pt-5'>{item.relationType.replace(/_/g, ' ').toLowerCase()}</div>
-                <h5 class='font-weight-bold text-white mb-5'>{item.node.title.userPreferred}</h5>
-              </div>
-            </ToggleList>
-            {#if maxPlayEp}
-              <h1 class='title font-weight-bold text-white pt-20'>Episodes</h1>
-              <div class='card m-0 d-inline-block'>
-                <table class='table table-hover w-500 table-auto '>
-                  <tbody>
-                    {#each Array(maxPlayEp) as _, i}
-                      {@const ep = maxPlayEp - i}
-                      <tr class="font-size-20 py-10 pointer {ep <= media.mediaListEntry?.progress ? 'text-muted' : 'text-white'}"
-                        use:click={() => {
-                          playAnime(media, ep)
-                          close()
-                        }}>
-                        <td class='w-full font-weight-semi-bold'>Episode {ep}</td>
-                        <td class='material-symbols-outlined text-right h-full d-table-cell'>play_arrow</td>
-                      </tr>
-                    {/each}
-                  </tbody>
-                </table>
-              </div>
-            {/if}
-            <ToggleList list={media.recommendations.edges.filter(edge => edge.node.mediaRecommendation)} let:item title='Recommendations'>
-              <div class='w-150 mx-15 my-10 rel pointer'
-                use:click={async () => { $view = null; $view = (await anilistClient.searchIDSingle({ id: item.node.mediaRecommendation.id })).data.Media }}>
-                <img loading='lazy' src={item.node.mediaRecommendation.coverImage.medium || ''} alt='cover' class='cover-img w-full h-200 rel-img rounded' />
-                <h5 class='font-weight-bold text-white mb-5'>{item.node.mediaRecommendation.title.userPreferred}</h5>
-              </div>
-            </ToggleList>
-          </div>
-          <div class='col-md-3 px-sm-0 px-20'>
-            {#if media.mediaListEntry?.progress}
-              <h1 class='title font-weight-bold text-white'>Progress</h1>
-              <div class='card m-0 pt-20 pb-15 d-flex flex-md-column flex-row text-capitalize align-items-start'>
-                <div class='progress w-full'>
-                  <div class='progress-bar' role='progressbar' style='width: {media.mediaListEntry?.progress / getMediaMaxEp(media) * 100}%;' />
-                </div>
-                <div class='font-weight-bold pt-10'>
-                  {media.mediaListEntry?.progress} / {getMediaMaxEp(media)} Available Episodes
-                </div>
-              </div>
-            {/if}
-            <Details {media} />
-            <Following {media} />
-          </div>
-        </div>
-      </div>
-    </div>
-  {/if}
-</div>
-
-<style>
-  .pre-wrap {
-    white-space: pre-wrap
-  }
-  .banner {
-    background: no-repeat center center;
-    background-size: cover;
-    background-image: linear-gradient(0deg, rgba(17, 20, 23, 1) 0%, rgba(17, 20, 23, 0.8) 25%, rgba(17, 20, 23, 0.4) 50%, rgba(37, 40, 44, 0) 100%), var(--bannerurl) !important;
-  }
-
-  .d-table-cell {
-    display: table-cell !important;
-  }
-
-  .top {
-    backdrop-filter: blur(10px);
-  }
-  .title {
-    font-size: 4rem;
-  }
-  .pr-50 {
-    padding-right: 5rem;
-  }
-  .close {
-    top: 4rem !important;
-    left: unset !important;
-    right: 2.5rem !important;
-  }
-  .badge {
-    background-color: var(--dm-button-bg-color) !important;
-    padding: 0.6rem 2rem;
-    font-size: 1.4rem;
-    border: none;
-    margin-right: 0.6rem;
-  }
-  .rel-img{
-    height: 27rem;
-    width: 17rem
-  }
-
-  .cover-img {
-    object-fit: cover;
-  }
-
-  .rel {
-    transition: transform 0.2s ease;
-  }
-  .rel:hover {
-    transform: scale(1.05);
-  }
-</style>
diff --git a/common/views/ViewAnime/ViewAnime.svelte b/common/views/ViewAnime/ViewAnime.svelte
index 4d9f7ab..a82106e 100644
--- a/common/views/ViewAnime/ViewAnime.svelte
+++ b/common/views/ViewAnime/ViewAnime.svelte
@@ -12,6 +12,7 @@
   import smoothScroll from '@/modules/scroll.js'
   import IPC from '@/modules/ipc.js'
   import { alToken } from '@/modules/settings.js'
+  import { Bookmark, Clapperboard, ExternalLink, Heart, Play, Share2, Timer, TrendingUp, Tv } from 'lucide-svelte'
 
   const view = getContext('view')
   function close () {
@@ -68,6 +69,15 @@
     IPC.emit('open', url)
   }
   let episodeOrder = true
+
+// async function score (media, score) {
+    //   const variables = {
+    //     id: media.id,
+    //     score: score * 10
+    //   }
+    //   await anilistClient.entry(variables)
+    //   media = (await anilistClient.searchIDSingle({ id: media.id })).data.Media
+    // }
 </script>
 
 <div class='modal modal-full z-100' class:show={media} on:keydown={checkClose} tabindex='-1' role='button' bind:this={modal}>
@@ -86,7 +96,7 @@
               <div class='d-flex flex-row font-size-18 flex-wrap mt-5'>
                 {#if media.averageScore}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> trending_up </span>
+                    <TrendingUp class='mx-10' size='2.2rem' />
                     <span class='mr-20'>
                       Rating: {media.averageScore + '%'}
                     </span>
@@ -94,7 +104,7 @@
                 {/if}
                 {#if media.format}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> monitor </span>
+                    <Tv class='mx-10' size='2.2rem' />
                     <span class='mr-20 text-capitalize'>
                       Format: {formatMap[media.format]}
                     </span>
@@ -102,14 +112,14 @@
                 {/if}
                 {#if media.episodes !== 1 && getMediaMaxEp(media)}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> theaters </span>
+                    <Clapperboard class='mx-10' size='2.2rem' />
                     <span class='mr-20'>
                       Episodes: {getMediaMaxEp(media)}
                     </span>
                   </div>
                 {:else if media.duration}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> timer </span>
+                    <Timer class='mx-10' size='2.2rem' />
                     <span class='mr-20'>
                       Length: {media.duration + ' min'}
                     </span>
@@ -120,24 +130,40 @@
                 <button class='btn btn-lg btn-secondary w-250 text-dark font-weight-bold shadow-none border-0 d-flex align-items-center justify-content-center mr-10 mt-20'
                   use:click={() => play()}
                   disabled={media.status === 'NOT_YET_RELEASED'}>
-                  <span class='material-symbols-outlined font-size-24 filled pr-10'>
-                    play_arrow
-                  </span>
+                  <Play class='mr-10' fill='currentColor' size='1.6rem' />
                   {playButtonText}
                 </button>
-                <div class='mt-20'>
-                  <button class='btn bg-dark btn-lg btn-square material-symbols-outlined font-size-20 shadow-none border-0' class:filled={media.isFavourite} use:click={toggleFavourite} disabled={!alToken}>
-                    favorite
+                <div class='mt-20 d-flex'>
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleFavourite} disabled={!alToken}>
+                    <Heart fill={media.isFavourite ? 'currentColor' : 'transparent'} size='1.7rem' />
                   </button>
-                  <button class='btn bg-dark btn-lg btn-square ml-10 material-symbols-outlined font-size-20 shadow-none border-0' class:filled={media.mediaListEntry} use:click={toggleStatus} disabled={!alToken}>
-                    bookmark
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0 ml-10' use:click={toggleStatus} disabled={!alToken}>
+                    <Bookmark fill={media.mediaListEntry ? 'currentColor' : 'transparent'} size='1.7rem' />
                   </button>
-                  <button class='btn bg-dark btn-lg btn-square ml-10 material-symbols-outlined font-size-20 shadow-none border-0' use:click={() => copyToClipboard(`https://miru.watch/anime/${media.id}`)}>
-                    share
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0 ml-10' use:click={() => copyToClipboard(`https://miru.watch/anime/${media.id}`)}>
+                    <Share2 size='1.7rem' />
                   </button>
-                  <button class='btn bg-dark btn-lg btn-square ml-10 material-symbols-outlined font-size-20 shadow-none border-0' use:click={() => openInBrowser(`https://anilist.co/anime/${media.id}`)}>
-                    open_in_new
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0 ml-10' use:click={() => openInBrowser(`https://anilist.co/anime/${media.id}`)}>
+                    <ExternalLink size='1.7rem' />
                   </button>
+                  <!-- <div class='input-group shadow-lg mb-5 font-size-16'>
+                    <div class='input-group-prepend'>
+                      <span class='input-group-text bg-tp pl-15 d-flex font-size-18'>hotel_class</span> stars
+                    </div>
+                    <select class='form-control' required value={(media.mediaListEntry?.score || '').toString()} on:change={({ target }) => { score(media, Number(target.value)) }}>
+                      <option value selected disabled hidden>Score</option>
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                      <option>5</option>
+                      <option>6</option>
+                      <option>7</option>
+                      <option>8</option>
+                      <option>9</option>
+                      <option>10</option>
+                    </select>
+                  </div> -->
                 </div>
               </div>
             </div>
diff --git a/common/views/WatchTogether/Lobby.svelte b/common/views/WatchTogether/Lobby.svelte
index 1ac9bf5..df0a297 100644
--- a/common/views/WatchTogether/Lobby.svelte
+++ b/common/views/WatchTogether/Lobby.svelte
@@ -1,6 +1,7 @@
 <script>
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
+  import { ExternalLink, User } from 'lucide-svelte'
   export let peers
   export let invite
   export let cleanup
@@ -17,15 +18,12 @@
       {#if peer.user?.avatar?.medium}
         <img src={peer.user?.avatar?.medium} alt='avatar' class='w-50 h-50 img-fluid rounded' />
       {:else}
-        <span class='material-symbols-outlined w-50 h-50 anon'> person </span>
+        <span class='w-50 h-50 anon d-flex align-items-center'><User size='4rem' /></span>
       {/if}
-      <h4 class='my-0 pl-20 mr-auto'>{peer.user?.name || 'Anonymous'}</h4>
+      <h4 class='my-0 pl-20 mr-auto line-height-normal'>{peer.user?.name || 'Anonymous'}</h4>
       {#if peer.user?.name}
-        <span class='material-symbols-outlined pointer text-primary' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + peer.user?.name)}> open_in_new </span>
+        <span class='pointer text-primary d-flex align-items-center' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + peer.user?.name)}><ExternalLink size='2.5rem' /></span>
       {/if}
-      <!-- {#if state === 'host'}
-        <span class='material-symbols-outlined ml-15 pointer text-danger' use:click={() => peer.peer.pc.close()}> logout </span>
-      {/if} -->
     </div>
   {/each}
 </div>
diff --git a/common/views/WatchTogether/WatchTogether.svelte b/common/views/WatchTogether/WatchTogether.svelte
index 821c46c..e1cc9fc 100644
--- a/common/views/WatchTogether/WatchTogether.svelte
+++ b/common/views/WatchTogether/WatchTogether.svelte
@@ -158,6 +158,7 @@
 
 <script>
   import Lobby from './Lobby.svelte'
+  import { Plus, UserPlus } from 'lucide-svelte'
 
   let joinText
 
@@ -179,11 +180,11 @@
   {#if !$state}
     <div class='d-flex flex-row flex-wrap justify-content-center align-items-center h-full mb-20 pb-20 root'>
       <div class='card d-flex flex-column align-items-center w-300 h-300 justify-content-end'>
-        <span class='font-size-80 material-symbols-outlined d-flex align-items-center h-full'>add</span>
+        <Plus size='6rem' class='d-flex align-items-center h-full' />
         <button class='btn btn-primary btn-lg mt-10 btn-block' type='button' use:click={() => joinLobby()}>Create Lobby</button>
       </div>
       <div class='card d-flex flex-column align-items-center w-300 h-300 justify-content-end'>
-        <span class='font-size-80 material-symbols-outlined d-flex align-items-center h-full'>group_add</span>
+        <UserPlus size='6rem' class='d-flex align-items-center h-full' />
         <h2 class='font-weight-bold'>Join Lobby</h2>
         <input
           type='text'
@@ -203,7 +204,4 @@
   .font-size-50 {
     font-size: 5rem;
   }
-  .font-size-80 {
-    font-size: 8rem;
-  }
 </style>
diff --git a/common/webpack.config.cjs b/common/webpack.config.cjs
index 2b14639..d2f911b 100644
--- a/common/webpack.config.cjs
+++ b/common/webpack.config.cjs
@@ -60,6 +60,7 @@ module.exports = (parentDir, alias = {}, aliasFields = 'browser', filename = 'ap
       module: false,
       url: false,
       debug: resolve(__dirname, './modules/debug.js'),
+      'svelte-radix': resolve(__dirname, '../node_modules/svelte-radix/dist/index.js'),
       'bittorrent-tracker/lib/client/websocket-tracker.js': resolve('../node_modules/bittorrent-tracker/lib/client/websocket-tracker.js')
     },
     extensions: ['.mjs', '.js', '.svelte']
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 92a37d8..4a3547d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -142,15 +142,9 @@ importers:
 
   common:
     dependencies:
-      '@fontsource-variable/material-symbols-outlined':
-        specifier: ^5.0.24
-        version: 5.0.24
       '@fontsource-variable/nunito':
         specifier: ^5.0.18
         version: 5.0.18
-      '@fontsource/roboto':
-        specifier: ^5.0.12
-        version: 5.0.12
       '@thaunknown/ani-resourced':
         specifier: ^1.0.3
         version: 1.0.3
@@ -172,6 +166,9 @@ importers:
       js-levenshtein:
         specifier: ^1.1.6
         version: 1.1.6
+      lucide-svelte:
+        specifier: ^0.429.0
+        version: 0.429.0(svelte@4.2.12)
       p2pt:
         specifier: github:ThaUnknown/p2pt#modernise
         version: github.com/ThaUnknown/p2pt/9ad7a56ed6ee43f5664ebad33b803702ee349316
@@ -191,8 +188,8 @@ importers:
         specifier: ^4.2.12
         version: 4.2.12
       svelte-keybinds:
-        specifier: ^1.0.8
-        version: 1.0.8
+        specifier: ^1.0.9
+        version: 1.0.9
       svelte-loader:
         specifier: ^3.1.9
         version: 3.1.9(svelte@4.2.12)
@@ -202,6 +199,9 @@ importers:
       svelte-persisted-store:
         specifier: ^0.11.0
         version: 0.11.0(svelte@4.2.12)
+      svelte-radix:
+        specifier: ^1.1.0
+        version: 1.1.0(svelte@4.2.12)
       svelte-sonner:
         specifier: ^0.3.19
         version: 0.3.19(svelte@4.2.12)
@@ -5280,7 +5280,7 @@ packages:
       array-union: 2.1.0
       dir-glob: 3.0.1
       fast-glob: 3.3.2
-      ignore: 5.3.1
+      ignore: 5.3.2
       merge2: 1.4.1
       slash: 3.0.0
 
@@ -5642,11 +5642,11 @@ packages:
   /ignore@5.3.1:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
+    dev: false
 
   /ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
-    dev: false
 
   /immediate-chunk-store@2.2.0:
     resolution: {integrity: sha512-1bHBna0hCa6arRXicu91IiL9RvvkbNYLVq+mzWdaLGZC3hXvX4doh8e1dLhMKez5siu63CYgO5NrGJbRX5lbPA==}
@@ -6335,6 +6335,14 @@ packages:
       - supports-color
     dev: false
 
+  /lucide-svelte@0.429.0(svelte@4.2.12):
+    resolution: {integrity: sha512-3LwbxQn5i9/zQwMg0ZWT875djOEQoR3eM8ytOGqk0eRk4wkoqqgZX0Gr+aQjkd+RSDEVMXkIEoyW/1zLyXr/6g==}
+    peerDependencies:
+      svelte: ^3 || ^4 || ^5.0.0-next.42
+    dependencies:
+      svelte: 4.2.12
+    dev: false
+
   /magic-string@0.30.10:
     resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
     dependencies:
@@ -8622,8 +8630,8 @@ packages:
       svelte: 4.2.12
     dev: true
 
-  /svelte-keybinds@1.0.8:
-    resolution: {integrity: sha512-clP0/5XgMWXNlImQALBQYyrfN06fgWKWufoMumeGOABOsewScPsv1jRFZzks9f3Xh2e53XgZIx57Fb/a6d/ptw==}
+  /svelte-keybinds@1.0.9:
+    resolution: {integrity: sha512-bQt9azkXX4SgMJpJzYWQB6D0hj45+Ro2+2Awr4YNtjmuRuKdio+Rxuhky5JJyBBfyRQ7YT63nSR3whH4FACv1A==}
     dev: false
 
   /svelte-loader@3.1.9(svelte@4.2.12):
@@ -8698,6 +8706,14 @@ packages:
       typescript: 5.3.3
     dev: true
 
+  /svelte-radix@1.1.0(svelte@4.2.12):
+    resolution: {integrity: sha512-kyE9wZiJV937INGb+wiBkAjmGtQUUYRPkVL2Q+/gj+9Vog1Ewd2wNvNmpNMUd+c+euxoc5u5YZMuCUgky9EUPw==}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0
+    dependencies:
+      svelte: 4.2.12
+    dev: false
+
   /svelte-sonner@0.3.19(svelte@4.2.12):
     resolution: {integrity: sha512-jpPOgLtHwRaB6Vqo2dUQMv15/yUV/BQWTjKpEqQ11uqRSHKjAYUKZyGrHB2cQsGmyjR0JUzBD58btpgNqINQ/Q==}
     peerDependencies:

From a6638ef05c4b6a24144e58e2eabfe4f6923efc7d Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 12:57:58 +0200
Subject: [PATCH 23/28] fix: correct optical size of player icons

---
 common/views/Player/Player.svelte | 36 +++++++++++++++----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index 57b4b8f..bc1be42 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -1126,7 +1126,7 @@
       </div>
     </div>
     <div class='d-flex col-4 justify-content-center'>
-      <span class='icon'><Users size='3rem' class='pt-5' /> </span>
+      <span class='icon'><Users size='3rem' class='pt-5' strokeWidth={3} /> </span>
       <span class='stats'>{torrent.peers || 0}</span>
       <span class='icon'><ArrowDown size='3rem' /></span>
       <span class='stats'>{fastPrettyBytes(torrent.down)}/s</span>
@@ -1216,13 +1216,13 @@
       {#if playbackRate !== 1}
         <div class='ts mr-auto'>x{playbackRate.toFixed(1)}</div>
       {/if}
-      <span class='icon ctrl m-5 keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
-        <Keyboard size='2rem' />
+      <span class='icon ctrl mr-5 d-flex align-items-center keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
+        <Keyboard size='2.5rem' strokeWidth={2.5} />
       </span>
       {#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
         <div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='icon ctrl m-5' title='Audio Tracks'>
-            <ListMusic size='2rem' />
+          <span class='icon ctrl mr-5 d-flex align-items-center' title='Audio Tracks'>
+            <ListMusic size='2.5rem' strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.audioTracks as track}
@@ -1236,8 +1236,8 @@
       {/if}
       {#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1}
         <div class='dropdown dropup with-arrow'>
-          <span class='icon ctrl m-5' title='Video Tracks'>
-            <ListVideo size='2rem' />
+          <span class='icon ctrl mr-5 d-flex align-items-center' title='Video Tracks'>
+            <ListVideo size='2.5rem' strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.videoTracks as track}
@@ -1251,8 +1251,8 @@
       {/if}
       {#if subHeaders?.length}
         <div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='icon ctrl m-5' title='Subtitles [C]'>
-            <Captions size='2rem' />
+          <span class='icon ctrl mr-5 d-flex align-items-center' title='Subtitles [C]'>
+            <Captions size='2.5rem'strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize'>
             <input name='subtitle-radio-set' type='radio' id='subtitle-off-radio' value='off' checked={subHeaders && subs?.current === -1} />
@@ -1270,28 +1270,28 @@
         </div>
       {/if}
       {#if 'PresentationRequest' in window && canCast && current}
-        <span class='icon ctrl m-5' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
+        <span class='icon ctrl mr-5 d-flex align-items-center' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
           {#if presentationConnection}
-            <Cast size='2rem' fill='white' strokeWidth={0} />
+            <Cast size='2.5rem' fill='white' strokeWidth={0} />
           {:else}
-            <Cast size='2rem' />
+            <Cast size='2.5rem'strokeWidth={2.5} />
           {/if}
         </span>
       {/if}
       {#if 'pictureInPictureEnabled' in document}
-        <span class='icon ctrl m-5' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
+        <span class='icon ctrl mr-5 d-flex align-items-center' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
           {#if pip}
-            <PictureInPicture size='2rem' />
+            <PictureInPicture size='2.5rem' strokeWidth={2.5} />
           {:else}
-            <PictureInPicture2 size='2rem' />
+            <PictureInPicture2 size='2.5rem'strokeWidth={2.5} />
           {/if}
         </span>
       {/if}
-      <span class='icon ctrl m-5' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
+      <span class='icon ctrl mr-5 d-flex align-items-center' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
         {#if isFullscreen}
-          <Minimize size='2rem' />
+          <Minimize size='2.5rem' strokeWidth={2.5} />
         {:else}
-          <Maximize size='2rem' />
+          <Maximize size='2.5rem' strokeWidth={2.5} />
         {/if}
       </span>
     </div>

From 6386b97262b5fa0beff8d19433b56e4d19d460c9 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 13:04:57 +0200
Subject: [PATCH 24/28] fix: icons on web

---
 web/src/lib/css.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/lib/css.css b/web/src/lib/css.css
index cdb4a48..7191482 100644
--- a/web/src/lib/css.css
+++ b/web/src/lib/css.css
@@ -1,3 +1,5 @@
+@import '@fontsource-variable/material-symbols-outlined/full.css';
+
 .dark-mode {
   background-color: #101113 !important;
 }

From 5d523866705741454bd851d47bba42556d1ca85b Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 13:05:26 +0200
Subject: [PATCH 25/28] feat: v5.4.0

---
 electron/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/electron/package.json b/electron/package.json
index 79d4fc0..661ebe5 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.8",
+  "version": "5.4.0",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",

From c28872572adda775123b9d37483465ac724784bd Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 13:20:15 +0200
Subject: [PATCH 26/28] fix(web): icons

---
 web/src/lib/css.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/web/src/lib/css.css b/web/src/lib/css.css
index 7191482..bb2c771 100644
--- a/web/src/lib/css.css
+++ b/web/src/lib/css.css
@@ -1,5 +1,28 @@
 @import '@fontsource-variable/material-symbols-outlined/full.css';
 
+.material-symbols-outlined {
+  font-family: "Material Symbols Outlined Variable";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "liga";
+  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 64;
+}
+
+.filled {
+  font-variation-settings: 'FILL' 1;
+}
+
 .dark-mode {
   background-color: #101113 !important;
 }

From 7251f468e57ecc81f88e1564cb2d411944b79362 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 13:51:43 +0200
Subject: [PATCH 27/28] fix: episode list filler numbers

---
 common/views/ViewAnime/EpisodeList.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/common/views/ViewAnime/EpisodeList.svelte b/common/views/ViewAnime/EpisodeList.svelte
index 12cd2f9..1b93312 100644
--- a/common/views/ViewAnime/EpisodeList.svelte
+++ b/common/views/ViewAnime/EpisodeList.svelte
@@ -30,7 +30,7 @@
   export let play
 
   const episodeList = Array.from({ length: episodeCount }, (_, i) => ({
-    episode: i + 1, image: null, summary: null, rating: null, title: null, length: null, airdate: null, airingAt: null, filler: fillerEpisodes[id]?.includes(i)
+    episode: i + 1, image: null, summary: null, rating: null, title: null, length: null, airdate: null, airingAt: null, filler: fillerEpisodes[id]?.includes(i + 1)
   }))
   async function load () {
     const res = await fetch('https://api.ani.zip/mappings?anilist_id=' + id)

From cbcc0212096d4826a61792280cdb77f0ae6f1c81 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 24 Aug 2024 13:51:56 +0200
Subject: [PATCH 28/28] feat: v5.4.1

---
 electron/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/electron/package.json b/electron/package.json
index 661ebe5..03014b3 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",