diff --git a/index.html b/index.html
index 3344c66..899fe22 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,13 @@
 			name="keywords"
 			content="subsonic, opensubsonic, navidrome, gonic, music player, music"
 		>
+		<script type="module">
+		if (import.meta.env.PROD && "serviceWorker" in navigator) {
+			window.tinysubServiceWorker = navigator.serviceWorker
+				.register("%BASE_URL%sw.js", { updateViaCache: "none" })
+				.catch((error) => console.error("SW registration error", error));
+		}
+		</script>
 	</head>
 	<body>
 		<div id="app"></div>
diff --git a/package-lock.json b/package-lock.json
index 7171fc7..7a497bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,15 +10,15 @@
 			"devDependencies": {
 				"@biomejs/biome": "2.5.7",
 				"@intergrav/famfamfam-silk-svg": "^1.0.0",
-				"@sveltejs/vite-plugin-svelte": "^7.2.0",
+				"@sveltejs/vite-plugin-svelte": "^7.3.0",
 				"@tsconfig/svelte": "^5.0.8",
-				"@types/node": "^26.1.2",
+				"@types/node": "^26.2.0",
 				"@types/spark-md5": "^3.0.5",
 				"@vite-pwa/assets-generator": "^1.0.2",
 				"colorthief": "^3.5.0",
 				"heroicons": "^2.2.0",
 				"knip": "^6.32.0",
-				"lucide-static": "^1.30.0",
+				"lucide-static": "^1.31.0",
 				"modern-normalize": "^3.0.1",
 				"spark-md5": "^3.0.2",
 				"svelte": "^5.56.8",
@@ -3411,6 +3411,16 @@
 				}
 			}
 		},
+		"node_modules/@rollup/plugin-replace/node_modules/magic-string": {
+			"version": "0.30.21",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.5"
+			}
+		},
 		"node_modules/@rollup/plugin-terser": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-1.0.0.tgz",
@@ -3867,14 +3877,14 @@
 			}
 		},
 		"node_modules/@sveltejs/vite-plugin-svelte": {
-			"version": "7.2.0",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-7.2.0.tgz",
-			"integrity": "sha512-1SpkuMSRLfugrVX+IrKfE1RUegzo8AQzKQ6qQPfVzbcWi5IhuTPaKb5ZrLpucleFznkc4/RTeSPoRnGWFxX+EQ==",
+			"version": "7.3.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-7.3.0.tgz",
+			"integrity": "sha512-QbRoJyD92e9R0ufeQIWRHrCC0ObcqSv/aBDdrQMoU+sypav3cDx5wytdQ6GLdXjEMO6xjrXGzfkUygng8JMv0A==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"deepmerge": "^4.3.1",
-				"magic-string": "^0.30.21",
+				"magic-string": "^1.0.0",
 				"obug": "^2.1.0",
 				"vitefu": "^1.1.2"
 			},
@@ -3902,6 +3912,16 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/@trickfilm400/rollup-plugin-off-main-thread/node_modules/magic-string": {
+			"version": "0.30.21",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.5"
+			}
+		},
 		"node_modules/@tsconfig/svelte": {
 			"version": "5.0.8",
 			"resolved": "https://registry.npmjs.org/@tsconfig/svelte/-/svelte-5.0.8.tgz",
@@ -3928,9 +3948,9 @@
 			"license": "MIT"
 		},
 		"node_modules/@types/node": {
-			"version": "26.1.2",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-26.1.2.tgz",
-			"integrity": "sha512-Vu4a5UFA9rIIFJ7rB/Vaafh9lrCQszopTCx6KjFboXTGQbPNasehVR5TEiithSDGyd1DEiUByggTZsg8jukeIg==",
+			"version": "26.2.0",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-26.2.0.tgz",
+			"integrity": "sha512-5IviulTZeRNp2vAJ514cc/HUlY5nZ9fCbq9DMyC52BrhFZACo3nI0R7qBxhQmo/d27NFe96ur/b7Wwxklda+kg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -4177,9 +4197,9 @@
 			}
 		},
 		"node_modules/baseline-browser-mapping": {
-			"version": "2.11.12",
-			"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.12.tgz",
-			"integrity": "sha512-r7WnVImvVCeFpf2DOXfy41aPWzeNg3H/A2X4dKmy1QL0MSyyk/e7z8ihJ3N6Nn2PsdhkVlqnEfnUE4a05P2aTA==",
+			"version": "2.11.13",
+			"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.13.tgz",
+			"integrity": "sha512-k9HNuUVMlqVjQ9UHzfPjIqiDbWw7WqT1AoT7GL8VwvF3r0ZfArtgiSPAlmupyNquNgOJHTuH4CKYf8ttMTWBTQ==",
 			"dev": true,
 			"license": "Apache-2.0",
 			"bin": {
@@ -4203,9 +4223,9 @@
 			}
 		},
 		"node_modules/browserslist": {
-			"version": "4.28.7",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
-			"integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
+			"version": "4.28.8",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.8.tgz",
+			"integrity": "sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==",
 			"dev": true,
 			"funding": [
 				{
@@ -4223,11 +4243,11 @@
 			],
 			"license": "MIT",
 			"dependencies": {
-				"baseline-browser-mapping": "^2.10.44",
-				"caniuse-lite": "^1.0.30001806",
-				"electron-to-chromium": "^1.5.393",
-				"node-releases": "^2.0.51",
-				"update-browserslist-db": "^1.2.3"
+				"baseline-browser-mapping": "^2.11.12",
+				"caniuse-lite": "^1.0.30001809",
+				"electron-to-chromium": "^1.5.402",
+				"node-releases": "^2.0.53",
+				"update-browserslist-db": "^1.3.0"
 			},
 			"bin": {
 				"browserslist": "cli.js"
@@ -4699,9 +4719,9 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.5.402",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.402.tgz",
-			"integrity": "sha512-/oOpMaPT6Yg+6/1XQhyIPlzgj7Ye9zf+nNM2Uh6OcE2G2oNptWazFa+qB2Pdqqbsc9KnIDzgAntoYN0dbwOXwA==",
+			"version": "1.5.403",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.403.tgz",
+			"integrity": "sha512-MQsYmdaLzvaCX5j+ZZBr5Fm6uCCnPQcRtlvmvRlWqrXy+BH2O4ffXIAScF+JQznQWB9brWp4lSD9Z4yNmaf2BA==",
 			"dev": true,
 			"license": "ISC"
 		},
@@ -6330,16 +6350,16 @@
 			}
 		},
 		"node_modules/lucide-static": {
-			"version": "1.30.0",
-			"resolved": "https://registry.npmjs.org/lucide-static/-/lucide-static-1.30.0.tgz",
-			"integrity": "sha512-lgG5XTlCPG9OQABEVbhhvcG3N0T8SDFg8NFw34j71+VK8TSP6xMlfXLsuwXiHZvL+bDoA5J2gOebqRocl4WvTw==",
+			"version": "1.31.0",
+			"resolved": "https://registry.npmjs.org/lucide-static/-/lucide-static-1.31.0.tgz",
+			"integrity": "sha512-XFX9NO+gcLsOkXISmeQZYGJa2siGWZc/lgT/BK1b83h9RdOiz3cj1eQP5nWhELiB1KhW5ryk0nmMopOgm/CuSA==",
 			"dev": true,
 			"license": "ISC"
 		},
 		"node_modules/magic-string": {
-			"version": "0.30.21",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.1.0.tgz",
+			"integrity": "sha512-kS3VHe0nEPST2saQV4Rbkchcd3UBRkVTQHo1D3h/ZTwFDhai/mfKkmtPAtD129EOI7K3HlHIsFOt0WrI2/oU9g==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -7056,9 +7076,9 @@
 			}
 		},
 		"node_modules/serialize-javascript": {
-			"version": "7.0.7",
-			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.7.tgz",
-			"integrity": "sha512-YAy8Od6KV+uuwUuU50np8fGB/Aues6Y0nAhA9y/hId74PlKUcme4pXcBD46NWKr1Q4osN/iseZ17YqO1XfmI8g==",
+			"version": "7.1.0",
+			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.1.0.tgz",
+			"integrity": "sha512-RNEqWOyhhUQYN9V1GfHwu9AR/g+NTciH6Z5u3/no6X3/w+04J2lVDL+svFQVXgXrEGBMG2puMVN3gq2SNGuTGw==",
 			"dev": true,
 			"license": "BSD-3-Clause",
 			"engines": {
@@ -7565,6 +7585,16 @@
 				"typescript": "^5.0.0 || ^6.0.0"
 			}
 		},
+		"node_modules/svelte/node_modules/magic-string": {
+			"version": "0.30.21",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.5"
+			}
+		},
 		"node_modules/temp-dir": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -7751,9 +7781,9 @@
 			}
 		},
 		"node_modules/unbash": {
-			"version": "4.0.7",
-			"resolved": "https://registry.npmjs.org/unbash/-/unbash-4.0.7.tgz",
-			"integrity": "sha512-P3NODenm+qh2PwrP3gzJBx7a541oRtrUTRCyMH8K53P27oZjstMwf7A3CqwWtLLLOIUigRqjdEHSn2UHBQlASA==",
+			"version": "4.0.10",
+			"resolved": "https://registry.npmjs.org/unbash/-/unbash-4.0.10.tgz",
+			"integrity": "sha512-b7zoBQvpWp0vuN5q2vK2RRBR2SvuruQAs50DApdDveBSn3eSYd84IaHodFqQIMlvY9K2VnyBUEXgwOBuGU9GBg==",
 			"dev": true,
 			"license": "ISC",
 			"engines": {
diff --git a/package.json b/package.json
index 87a5fd3..e2dcce1 100644
--- a/package.json
+++ b/package.json
@@ -16,15 +16,15 @@
 	"devDependencies": {
 		"@biomejs/biome": "2.5.7",
 		"@intergrav/famfamfam-silk-svg": "^1.0.0",
-		"@sveltejs/vite-plugin-svelte": "^7.2.0",
+		"@sveltejs/vite-plugin-svelte": "^7.3.0",
 		"@tsconfig/svelte": "^5.0.8",
-		"@types/node": "^26.1.2",
+		"@types/node": "^26.2.0",
 		"@types/spark-md5": "^3.0.5",
 		"@vite-pwa/assets-generator": "^1.0.2",
 		"colorthief": "^3.5.0",
 		"heroicons": "^2.2.0",
 		"knip": "^6.32.0",
-		"lucide-static": "^1.30.0",
+		"lucide-static": "^1.31.0",
 		"modern-normalize": "^3.0.1",
 		"spark-md5": "^3.0.2",
 		"svelte": "^5.56.8",
diff --git a/src/lib/dialogs/UpdateModal.svelte b/src/lib/dialogs/UpdateModal.svelte
index 3d85697..6c6b8ee 100644
--- a/src/lib/dialogs/UpdateModal.svelte
+++ b/src/lib/dialogs/UpdateModal.svelte
@@ -1,24 +1,54 @@
 <script lang="ts">
-import { useRegisterSW } from "virtual:pwa-register/svelte";
+import { onMount } from "svelte";
 import { t } from "../languages/translate.svelte.js";
 import Modal from "./Modal.svelte";
 
-const { needRefresh, updateServiceWorker } = useRegisterSW({
-	onRegisterError(error) {
-		console.error("SW registration error", error);
-	},
+let registration: ServiceWorkerRegistration | undefined;
+let needRefresh = $state(false);
+
+onMount(() => {
+	void (
+		window as typeof window & {
+			tinysubServiceWorker?: Promise<ServiceWorkerRegistration | undefined>;
+		}
+	).tinysubServiceWorker?.then((value) => {
+		registration = value;
+		if (!value) return;
+		if (value.waiting) needRefresh = true;
+		const observe = (worker: ServiceWorker | null) => {
+			if (!worker) return;
+			const update = () => {
+				if (worker.state === "installed" && navigator.serviceWorker.controller)
+					needRefresh = true;
+			};
+			update();
+			worker.addEventListener("statechange", update);
+		};
+		observe(value.installing);
+		value.addEventListener("updatefound", () => observe(value.installing));
+	});
 });
+
+const updateServiceWorker = () => {
+	if (!registration?.waiting) return;
+	navigator.serviceWorker.addEventListener(
+		"controllerchange",
+		() => location.reload(),
+		{ once: true },
+	);
+	registration.waiting.postMessage({ type: "SKIP_WAITING" });
+};
 </script>
 
-{#if $needRefresh}
+{#if needRefresh}
 	<Modal
-		bind:open={$needRefresh}
+		bind:open={needRefresh}
 		title={t("message.pwa_update_title")}
 	>
 		<section>
 			<p>{t("message.pwa_update_desc")}</p>
 			<div class="actions">
-				<button onclick={() => updateServiceWorker()}>
+				<button onclick={updateServiceWorker}>
 					{t("common.update")}
 				</button>
 			</div>
diff --git a/vite.config.ts b/vite.config.ts
index c765459..25a639c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,6 +10,7 @@ export default defineConfig(({ mode }) => {
 		plugins: [
 			svelte(),
 			VitePWA({
+				injectRegister: false,
 				workbox: {
 					globPatterns: ["**/*.{js,css,html,ico,png,svg}"],
 					runtimeCaching: [