diff --git a/webapp/frontend/eslint.config.js b/webapp/frontend/eslint.config.js
index a30272da8..3e2041005 100644
--- a/webapp/frontend/eslint.config.js
+++ b/webapp/frontend/eslint.config.js
@@ -6,7 +6,9 @@ import svelte from 'eslint-plugin-svelte';
 import { defineConfig } from 'eslint/config';
 import globals from 'globals';
 import ts from 'typescript-eslint';
-import svelteConfig from './svelte.config.js';
+import { loadConfig } from '@sveltejs/load-config';
+
+const svelteConfig = (await loadConfig('./', { traverse: false }))?.config;
 
 const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
 
diff --git a/webapp/frontend/package-lock.json b/webapp/frontend/package-lock.json
index 1a7493688..cb5b28a11 100644
--- a/webapp/frontend/package-lock.json
+++ b/webapp/frontend/package-lock.json
@@ -24,8 +24,9 @@
 				"@lezer/generator": "^1.8.1",
 				"@lezer/lr": "^1.4.11",
 				"@lucide/svelte": "^1.57.0",
-				"@sveltejs/adapter-static": "^3.0.10",
-				"@sveltejs/kit": "^2.70.3",
+				"@sveltejs/adapter-static": "^4.0.0",
+				"@sveltejs/kit": "^3.1.0",
+				"@sveltejs/load-config": "^0.2.2",
 				"@sveltejs/vite-plugin-svelte": "^7.3.1",
 				"@tailwindcss/vite": "^4.3.3",
 				"@types/node": "~22.19.13",
@@ -40,7 +41,7 @@
 				"prettier": "^3.9.9",
 				"prettier-plugin-svelte": "^4.1.1",
 				"prettier-plugin-tailwindcss": "^0.8.1",
-				"svelte": "^5.57.1",
+				"svelte": "^5.57.2",
 				"svelte-check": "^4.7.6",
 				"svelte-sonner": "^1.2.1",
 				"tailwind-merge": "^3.7.0",
@@ -864,47 +865,43 @@
 			}
 		},
 		"node_modules/@sveltejs/adapter-static": {
-			"version": "3.0.10",
-			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.10.tgz",
-			"integrity": "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==",
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-4.0.0.tgz",
+			"integrity": "sha512-aF1J23R1ebKqUxQ4/qLr/Lxu63NFmLAtg8UZl3HFLxaoA1D/nhTVGcD9lTqx65iUbjNR2iOL0TgOxSX82x6Paw==",
 			"dev": true,
 			"license": "MIT",
 			"peerDependencies": {
-				"@sveltejs/kit": "^2.0.0"
+				"@sveltejs/kit": "^3.0.0-next.0"
 			}
 		},
 		"node_modules/@sveltejs/kit": {
-			"version": "2.70.3",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.70.3.tgz",
-			"integrity": "sha512-UDvEYuZqAMbfB/oXIoqKvbKcb7YczK5zYrzmsGV1zRJk03jntwp8dXiYoIJotxAndsKvcPFtx9H1GRSKFdSHgg==",
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-3.1.0.tgz",
+			"integrity": "sha512-JTWlq2HQlkqx6vIoxhC0R6sc4WVqbQoRyEmr5YlqKmiYbzY1U3awtSWTmjMLlS056a49AmkQR6rnNANXIE8B0Q==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@standard-schema/spec": "^1.0.0",
-				"@sveltejs/acorn-typescript": "^1.0.9",
-				"@types/cookie": "^0.6.0",
-				"acorn": "^8.16.0",
-				"cookie": "^0.6.0",
-				"devalue": "^5.8.1",
+				"@rolldown/pluginutils": "^1.0.1",
+				"@standard-schema/spec": "^1.1.0",
+				"cookie": "^2.0.1",
+				"devalue": "^5.9.4",
 				"esm-env": "^1.2.2",
-				"kleur": "^4.1.5",
-				"magic-string": "^0.30.5",
-				"mrmime": "^2.0.0",
-				"set-cookie-parser": "^3.0.0",
-				"sirv": "^3.0.0"
+				"magic-string": "^1.2.3",
+				"mrmime": "^2.0.1",
+				"sirv": "^3.0.2"
 			},
 			"bin": {
 				"svelte-kit": "svelte-kit.js"
 			},
 			"engines": {
-				"node": ">=18.13"
+				"node": ">=22.17"
 			},
 			"peerDependencies": {
 				"@opentelemetry/api": "^1.0.0",
-				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0 || ^7.0.0",
-				"svelte": "^4.0.0 || ^5.0.0-next.0",
-				"typescript": "^5.3.3 || ^6.0.0",
-				"vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0 || ^8.0.0"
+				"@sveltejs/vite-plugin-svelte": "^7.0.0",
+				"svelte": "^5.57.1",
+				"typescript": "^6.0.0",
+				"vite": "^8.0.12"
 			},
 			"peerDependenciesMeta": {
 				"@opentelemetry/api": {
@@ -915,6 +912,16 @@
 				}
 			}
 		},
+		"node_modules/@sveltejs/kit/node_modules/magic-string": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.4.3.tgz",
+			"integrity": "sha512-z12OxmaPGE0F4xlpGdjuAUckipLpQlTAuAmyGhNoD7ODpYUzvDfvtxUbjM/jwznyP178oju/KDdyi220wNJ0RQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.6.0"
+			}
+		},
 		"node_modules/@sveltejs/load-config": {
 			"version": "0.2.3",
 			"resolved": "https://registry.npmjs.org/@sveltejs/load-config/-/load-config-0.2.3.tgz",
@@ -1319,7 +1326,9 @@
 			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
 			"integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"optional": true,
+			"peer": true
 		},
 		"node_modules/@types/deep-eql": {
 			"version": "4.0.2",
@@ -1772,6 +1781,87 @@
 				"svelte": "^5.33.0"
 			}
 		},
+		"node_modules/bits-ui/node_modules/@sveltejs/kit": {
+			"version": "2.70.3",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.70.3.tgz",
+			"integrity": "sha512-UDvEYuZqAMbfB/oXIoqKvbKcb7YczK5zYrzmsGV1zRJk03jntwp8dXiYoIJotxAndsKvcPFtx9H1GRSKFdSHgg==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"peer": true,
+			"dependencies": {
+				"@standard-schema/spec": "^1.0.0",
+				"@sveltejs/acorn-typescript": "^1.0.9",
+				"@types/cookie": "^0.6.0",
+				"acorn": "^8.16.0",
+				"cookie": "^0.6.0",
+				"devalue": "^5.8.1",
+				"esm-env": "^1.2.2",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.5",
+				"mrmime": "^2.0.0",
+				"set-cookie-parser": "^3.0.0",
+				"sirv": "^3.0.0"
+			},
+			"bin": {
+				"svelte-kit": "svelte-kit.js"
+			},
+			"engines": {
+				"node": ">=18.13"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.0.0",
+				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0 || ^7.0.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": "^5.3.3 || ^6.0.0",
+				"vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/bits-ui/node_modules/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/bits-ui/node_modules/runed": {
+			"version": "0.35.1",
+			"resolved": "https://registry.npmjs.org/runed/-/runed-0.35.1.tgz",
+			"integrity": "sha512-2F4Q/FZzbeJTFdIS/PuOoPRSm92sA2LhzTnv6FXhCoENb3huf5+fDuNOg1LNvGOouy3u/225qxmuJvcV3IZK5Q==",
+			"dev": true,
+			"funding": [
+				"https://github.com/sponsors/huntabyte",
+				"https://github.com/sponsors/tglide"
+			],
+			"license": "MIT",
+			"dependencies": {
+				"dequal": "^2.0.3",
+				"esm-env": "^1.0.0",
+				"lz-string": "^1.5.0"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.21.0",
+				"svelte": "^5.7.0"
+			},
+			"peerDependenciesMeta": {
+				"@sveltejs/kit": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/brace-expansion": {
 			"version": "5.0.12",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.12.tgz",
@@ -1852,13 +1942,17 @@
 			}
 		},
 		"node_modules/cookie": {
-			"version": "0.6.0",
-			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
-			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-2.0.1.tgz",
+			"integrity": "sha512-yuToqVvRrj6pfDXREyQAAv8SkAEk/8GS3jQRTiUMm66TVtBYmqQeoEjL2Lmq8Rpo6271vH76InTChTitEAm65w==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
-				"node": ">= 0.6"
+				"node": ">=22"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/express"
 			}
 		},
 		"node_modules/crelt": {
@@ -2563,6 +2657,8 @@
 			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
 			"dev": true,
 			"license": "MIT",
+			"optional": true,
+			"peer": true,
 			"engines": {
 				"node": ">=6"
 			}
@@ -3444,31 +3540,6 @@
 				"@rolldown/binding-win32-x64-msvc": "1.2.12"
 			}
 		},
-		"node_modules/runed": {
-			"version": "0.35.1",
-			"resolved": "https://registry.npmjs.org/runed/-/runed-0.35.1.tgz",
-			"integrity": "sha512-2F4Q/FZzbeJTFdIS/PuOoPRSm92sA2LhzTnv6FXhCoENb3huf5+fDuNOg1LNvGOouy3u/225qxmuJvcV3IZK5Q==",
-			"dev": true,
-			"funding": [
-				"https://github.com/sponsors/huntabyte",
-				"https://github.com/sponsors/tglide"
-			],
-			"license": "MIT",
-			"dependencies": {
-				"dequal": "^2.0.3",
-				"esm-env": "^1.0.0",
-				"lz-string": "^1.5.0"
-			},
-			"peerDependencies": {
-				"@sveltejs/kit": "^2.21.0",
-				"svelte": "^5.7.0"
-			},
-			"peerDependenciesMeta": {
-				"@sveltejs/kit": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/sade": {
 			"version": "1.8.1",
 			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
@@ -3496,11 +3567,13 @@
 			}
 		},
 		"node_modules/set-cookie-parser": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-3.0.1.tgz",
-			"integrity": "sha512-n7Z7dXZhJbwuAHhNzkTti6Aw9QDDjZtm3JTpTGATIdNzdQz5GuFs22w90BcvF4INfnrL5xrX3oGsuqO5Dx3A1Q==",
+			"version": "3.1.4",
+			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-3.1.4.tgz",
+			"integrity": "sha512-iEmdEew+Tn1BwMGMP8LzGBEPC7Mf1sySjglCeEPb/Vchm9bnGezePvacYcId+fGprQzIng+TBkzqfJ/qS7AsBg==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"optional": true,
+			"peer": true
 		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
@@ -3575,9 +3648,9 @@
 			}
 		},
 		"node_modules/svelte": {
-			"version": "5.57.1",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.57.1.tgz",
-			"integrity": "sha512-Uqj49lWKB+iSSnneuwiYYJ7MZgkB+eXr0LXBhv4uDuAkXqnWmq65Sxflfvp0Lc6MdKjMUxGaeOKWJqz5SNiVIA==",
+			"version": "5.57.2",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.57.2.tgz",
+			"integrity": "sha512-1YiPCAXT0Ct6g1vOMmSLa0Nsc3QRMvtDF32ihgglGVrugIuIK38RyDiFNXVDhtQ81TJjSO57NdMw6DyYLqSGDQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -3708,6 +3781,87 @@
 				"svelte": "^5.30.2"
 			}
 		},
+		"node_modules/svelte-toolbelt/node_modules/@sveltejs/kit": {
+			"version": "2.70.3",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.70.3.tgz",
+			"integrity": "sha512-UDvEYuZqAMbfB/oXIoqKvbKcb7YczK5zYrzmsGV1zRJk03jntwp8dXiYoIJotxAndsKvcPFtx9H1GRSKFdSHgg==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"peer": true,
+			"dependencies": {
+				"@standard-schema/spec": "^1.0.0",
+				"@sveltejs/acorn-typescript": "^1.0.9",
+				"@types/cookie": "^0.6.0",
+				"acorn": "^8.16.0",
+				"cookie": "^0.6.0",
+				"devalue": "^5.8.1",
+				"esm-env": "^1.2.2",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.5",
+				"mrmime": "^2.0.0",
+				"set-cookie-parser": "^3.0.0",
+				"sirv": "^3.0.0"
+			},
+			"bin": {
+				"svelte-kit": "svelte-kit.js"
+			},
+			"engines": {
+				"node": ">=18.13"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.0.0",
+				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0 || ^7.0.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": "^5.3.3 || ^6.0.0",
+				"vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/svelte-toolbelt/node_modules/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/svelte-toolbelt/node_modules/runed": {
+			"version": "0.35.1",
+			"resolved": "https://registry.npmjs.org/runed/-/runed-0.35.1.tgz",
+			"integrity": "sha512-2F4Q/FZzbeJTFdIS/PuOoPRSm92sA2LhzTnv6FXhCoENb3huf5+fDuNOg1LNvGOouy3u/225qxmuJvcV3IZK5Q==",
+			"dev": true,
+			"funding": [
+				"https://github.com/sponsors/huntabyte",
+				"https://github.com/sponsors/tglide"
+			],
+			"license": "MIT",
+			"dependencies": {
+				"dequal": "^2.0.3",
+				"esm-env": "^1.0.0",
+				"lz-string": "^1.5.0"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.21.0",
+				"svelte": "^5.7.0"
+			},
+			"peerDependenciesMeta": {
+				"@sveltejs/kit": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/tabbable": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.4.0.tgz",
diff --git a/webapp/frontend/package.json b/webapp/frontend/package.json
index 78369f2df..f450ba6cf 100644
--- a/webapp/frontend/package.json
+++ b/webapp/frontend/package.json
@@ -35,8 +35,9 @@
 		"@lezer/generator": "^1.8.1",
 		"@lezer/lr": "^1.4.11",
 		"@lucide/svelte": "^1.57.0",
-		"@sveltejs/adapter-static": "^3.0.10",
-		"@sveltejs/kit": "^2.70.3",
+		"@sveltejs/adapter-static": "^4.0.0",
+		"@sveltejs/kit": "^3.1.0",
+		"@sveltejs/load-config": "^0.2.2",
 		"@sveltejs/vite-plugin-svelte": "^7.3.1",
 		"@tailwindcss/vite": "^4.3.3",
 		"@types/node": "~22.19.13",
@@ -51,7 +52,7 @@
 		"prettier": "^3.9.9",
 		"prettier-plugin-svelte": "^4.1.1",
 		"prettier-plugin-tailwindcss": "^0.8.1",
-		"svelte": "^5.57.1",
+		"svelte": "^5.57.2",
 		"svelte-check": "^4.7.6",
 		"svelte-sonner": "^1.2.1",
 		"tailwind-merge": "^3.7.0",
@@ -63,5 +64,9 @@
 		"vaul-svelte": "^1.0.0-next.7",
 		"vite": "^8.3.4",
 		"vitest": "^5.0.3"
+	},
+	"imports": {
+		"#lib": "./src/lib/index.js",
+		"#lib/*": "./src/lib/*"
 	}
 }
diff --git a/webapp/frontend/src/lib/components/BottomActionBar.svelte b/webapp/frontend/src/lib/components/BottomActionBar.svelte
index b057b8f15..e3be98c94 100644
--- a/webapp/frontend/src/lib/components/BottomActionBar.svelte
+++ b/webapp/frontend/src/lib/components/BottomActionBar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '#lib/components/ui/button/index.js';
 	import { LoaderCircle, X } from '@lucide/svelte';
 	import type { Component } from 'svelte';
 
diff --git a/webapp/frontend/src/lib/components/CompilerMessages.svelte b/webapp/frontend/src/lib/components/CompilerMessages.svelte
index 49c59d9b7..9a8438cc4 100644
--- a/webapp/frontend/src/lib/components/CompilerMessages.svelte
+++ b/webapp/frontend/src/lib/components/CompilerMessages.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	/* eslint-disable svelte/no-navigation-without-resolve */
-	import type { CompileResponseMessage, SourceRange } from '$lib/api';
+	import type { CompileResponseMessage, SourceRange } from '#lib/api.js';
 
 	let {
 		errors = [],
diff --git a/webapp/frontend/src/lib/components/ControlBar.svelte b/webapp/frontend/src/lib/components/ControlBar.svelte
index 6cde18667..a70194e65 100644
--- a/webapp/frontend/src/lib/components/ControlBar.svelte
+++ b/webapp/frontend/src/lib/components/ControlBar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '#lib/components/ui/button/index.js';
 	import { LoaderCircle } from '@lucide/svelte';
 	import type { Component, Snippet } from 'svelte';
 
diff --git a/webapp/frontend/src/lib/components/EditorLayout.svelte b/webapp/frontend/src/lib/components/EditorLayout.svelte
index 097283a15..62f30cd10 100644
--- a/webapp/frontend/src/lib/components/EditorLayout.svelte
+++ b/webapp/frontend/src/lib/components/EditorLayout.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import TabsOutput, { type OutputTabName } from './TabsOutput.svelte';
-	import type { CompileResponseMessage, RunResult, SourceRange } from '$lib/api';
+	import type { CompileResponseMessage, RunResult, SourceRange } from '#lib/api.js';
 	import CompilerMessages from './CompilerMessages.svelte';
 	import EditorLayoutTabs, { type CollapsibleTabsMode } from './EditorLayoutTabs.svelte';
 	import { TabsTrigger } from './ui/tabs';
 	import TabsContent from './ui/tabs/tabs-content.svelte';
 	import type { Snippet } from 'svelte';
-	import type { InputEditorStore, OutputEditorStore } from '$lib/editors.svelte';
+	import type { InputEditorStore, OutputEditorStore } from '#lib/editors.svelte.js';
 
 	let {
 		inputLabel,
diff --git a/webapp/frontend/src/lib/components/EditorLayoutTabs.svelte b/webapp/frontend/src/lib/components/EditorLayoutTabs.svelte
index a50fd8bd9..98f26adc5 100644
--- a/webapp/frontend/src/lib/components/EditorLayoutTabs.svelte
+++ b/webapp/frontend/src/lib/components/EditorLayoutTabs.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as Tabs from '$lib/components/ui/tabs';
-	import * as ButtonGroup from '$lib/components/ui/button-group';
+	import * as Tabs from '#lib/components/ui/tabs/index.js';
+	import * as ButtonGroup from '#lib/components/ui/button-group/index.js';
 	import type { ComponentProps, Snippet } from 'svelte';
 	import { ChevronsDownUp, ChevronsUpDown, Maximize2, Minimize2 } from '@lucide/svelte';
 	import EditorActionButton from './EditorActionButton.svelte';
diff --git a/webapp/frontend/src/lib/components/MlogWatcherButton.svelte b/webapp/frontend/src/lib/components/MlogWatcherButton.svelte
index e7b6ea340..227c8a718 100644
--- a/webapp/frontend/src/lib/components/MlogWatcherButton.svelte
+++ b/webapp/frontend/src/lib/components/MlogWatcherButton.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { MlogWatcherStore } from '$lib/mlog_watcher';
+	import type { MlogWatcherStore } from '#lib/mlog_watcher/index.js';
 	import { Check, CircleAlert, Cpu, LoaderCircle } from '@lucide/svelte';
 	import EditorActionButton from './EditorActionButton.svelte';
 	import { toast } from 'svelte-sonner';
diff --git a/webapp/frontend/src/lib/components/PageInfoCard.svelte b/webapp/frontend/src/lib/components/PageInfoCard.svelte
index 16c6c6d77..6948a50d9 100644
--- a/webapp/frontend/src/lib/components/PageInfoCard.svelte
+++ b/webapp/frontend/src/lib/components/PageInfoCard.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import * as Collapsible from './ui/collapsible';
-	import { browser } from '$app/environment';
+	import { browser } from '$app/env';
 	import { ChevronDown } from '@lucide/svelte';
 	import { onMount } from 'svelte';
 
diff --git a/webapp/frontend/src/lib/components/SamplePicker.svelte b/webapp/frontend/src/lib/components/SamplePicker.svelte
index 047fabaa0..c1e73a4eb 100644
--- a/webapp/frontend/src/lib/components/SamplePicker.svelte
+++ b/webapp/frontend/src/lib/components/SamplePicker.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import type { Sample } from '$lib/api';
-	import { Button } from '$lib/components/ui/button/index.js';
-	import * as Command from '$lib/components/ui/command/index.js';
-	import * as Drawer from '$lib/components/ui/drawer/index.js';
-	import * as Popover from '$lib/components/ui/popover/index.js';
+	import type { Sample } from '#lib/api.js';
+	import { Button } from '#lib/components/ui/button/index.js';
+	import * as Command from '#lib/components/ui/command/index.js';
+	import * as Drawer from '#lib/components/ui/drawer/index.js';
+	import * as Popover from '#lib/components/ui/popover/index.js';
 	import { onMount } from 'svelte';
 
 	interface ButtonArgs {
diff --git a/webapp/frontend/src/lib/components/SettingsButton.svelte b/webapp/frontend/src/lib/components/SettingsButton.svelte
index f6b4ad6ff..900cbae7a 100644
--- a/webapp/frontend/src/lib/components/SettingsButton.svelte
+++ b/webapp/frontend/src/lib/components/SettingsButton.svelte
@@ -5,7 +5,7 @@
 	import { Input } from './ui/input';
 	import { Label } from './ui/label';
 	import { Separator } from './ui/separator';
-	import { getSettingsContext } from '$lib/settings.svelte';
+	import { getSettingsContext } from '#lib/settings.svelte.js';
 	import Switch from './ui/switch/switch.svelte';
 
 	const settings = getSettingsContext();
diff --git a/webapp/frontend/src/lib/components/TabsOutput.svelte b/webapp/frontend/src/lib/components/TabsOutput.svelte
index 081325082..e73397ffc 100644
--- a/webapp/frontend/src/lib/components/TabsOutput.svelte
+++ b/webapp/frontend/src/lib/components/TabsOutput.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import * as Tabs from '$lib/components/ui/tabs';
-	import * as Card from '$lib/components/ui/card';
+	import * as Tabs from '#lib/components/ui/tabs/index.js';
+	import * as Card from '#lib/components/ui/card/index.js';
 	import CopyButton from './CopyButton.svelte';
 	import CompilerMessages from './CompilerMessages.svelte';
-	import type { CompileResponseMessage, RunResult, SourceRange } from '$lib/api';
+	import type { CompileResponseMessage, RunResult, SourceRange } from '#lib/api.js';
 	import { Textarea } from './ui/textarea';
 	import * as Select from './ui/select';
 	import { type Snippet } from 'svelte';
diff --git a/webapp/frontend/src/lib/components/TargetPicker.svelte b/webapp/frontend/src/lib/components/TargetPicker.svelte
index ffd8f5552..45786de38 100644
--- a/webapp/frontend/src/lib/components/TargetPicker.svelte
+++ b/webapp/frontend/src/lib/components/TargetPicker.svelte
@@ -7,7 +7,7 @@
 		type GameVersion,
 		type LocalCompilerTarget,
 		type ProcessorType
-	} from '$lib/stores.svelte';
+	} from '#lib/stores.svelte.js';
 	import { untrack } from 'svelte';
 	import * as Select from './ui/select';
 
diff --git a/webapp/frontend/src/lib/components/ui/button-group/button-group-separator.svelte b/webapp/frontend/src/lib/components/ui/button-group/button-group-separator.svelte
index 430dedc96..f6d00edc0 100644
--- a/webapp/frontend/src/lib/components/ui/button-group/button-group-separator.svelte
+++ b/webapp/frontend/src/lib/components/ui/button-group/button-group-separator.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 	import type { ComponentProps } from 'svelte';
-	import { Separator } from '$lib/components/ui/separator/index.js';
+	import { Separator } from '#lib/components/ui/separator/index.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/button-group/button-group-text.svelte b/webapp/frontend/src/lib/components/ui/button-group/button-group-text.svelte
index 20d3ddb0b..26714ce06 100644
--- a/webapp/frontend/src/lib/components/ui/button-group/button-group-text.svelte
+++ b/webapp/frontend/src/lib/components/ui/button-group/button-group-text.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 	import type { Snippet } from 'svelte';
 
diff --git a/webapp/frontend/src/lib/components/ui/button-group/button-group.svelte b/webapp/frontend/src/lib/components/ui/button-group/button-group.svelte
index d5f1122be..1898c5cf9 100644
--- a/webapp/frontend/src/lib/components/ui/button-group/button-group.svelte
+++ b/webapp/frontend/src/lib/components/ui/button-group/button-group.svelte
@@ -20,7 +20,7 @@
 </script>
 
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/button/button.svelte b/webapp/frontend/src/lib/components/ui/button/button.svelte
index 5a263eb9b..5b96b1845 100644
--- a/webapp/frontend/src/lib/components/ui/button/button.svelte
+++ b/webapp/frontend/src/lib/components/ui/button/button.svelte
@@ -1,6 +1,6 @@
 <script lang="ts" module>
 	/* eslint-disable svelte/no-navigation-without-resolve */
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
 	import { type VariantProps, tv } from 'tailwind-variants';
 
diff --git a/webapp/frontend/src/lib/components/ui/card/card-action.svelte b/webapp/frontend/src/lib/components/ui/card/card-action.svelte
index bbaafd224..362b230f6 100644
--- a/webapp/frontend/src/lib/components/ui/card/card-action.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card-action.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/card/card-content.svelte b/webapp/frontend/src/lib/components/ui/card/card-content.svelte
index 1d60124ad..def311491 100644
--- a/webapp/frontend/src/lib/components/ui/card/card-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/card/card-description.svelte b/webapp/frontend/src/lib/components/ui/card/card-description.svelte
index b46a1adee..9c4e250e9 100644
--- a/webapp/frontend/src/lib/components/ui/card/card-description.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/card/card-footer.svelte b/webapp/frontend/src/lib/components/ui/card/card-footer.svelte
index 4e390bfd3..e883ef38a 100644
--- a/webapp/frontend/src/lib/components/ui/card/card-footer.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card-footer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/card/card-header.svelte b/webapp/frontend/src/lib/components/ui/card/card-header.svelte
index 9cdc602ba..f4ac43cd7 100644
--- a/webapp/frontend/src/lib/components/ui/card/card-header.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card-header.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/card/card-title.svelte b/webapp/frontend/src/lib/components/ui/card/card-title.svelte
index 0eae8ec1a..fcea369ab 100644
--- a/webapp/frontend/src/lib/components/ui/card/card-title.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/card/card.svelte b/webapp/frontend/src/lib/components/ui/card/card.svelte
index 10304357f..cf73b54c8 100644
--- a/webapp/frontend/src/lib/components/ui/card/card.svelte
+++ b/webapp/frontend/src/lib/components/ui/card/card.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/checkbox/checkbox.svelte b/webapp/frontend/src/lib/components/ui/checkbox/checkbox.svelte
index 3a7817df9..7db6b1917 100644
--- a/webapp/frontend/src/lib/components/ui/checkbox/checkbox.svelte
+++ b/webapp/frontend/src/lib/components/ui/checkbox/checkbox.svelte
@@ -2,7 +2,7 @@
 	import { Checkbox as CheckboxPrimitive } from 'bits-ui';
 	import CheckIcon from '@lucide/svelte/icons/check';
 	import MinusIcon from '@lucide/svelte/icons/minus';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
+	import { cn, type WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-dialog.svelte b/webapp/frontend/src/lib/components/ui/command/command-dialog.svelte
index c4d3587b0..9c8cd7820 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-dialog.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-dialog.svelte
@@ -2,8 +2,8 @@
 	import type { Command as CommandPrimitive, Dialog as DialogPrimitive } from 'bits-ui';
 	import type { Snippet } from 'svelte';
 	import Command from './command.svelte';
-	import * as Dialog from '$lib/components/ui/dialog/index.js';
-	import type { WithoutChildrenOrChild } from '$lib/utils.js';
+	import * as Dialog from '#lib/components/ui/dialog/index.js';
+	import type { WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		open = $bindable(false),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-empty.svelte b/webapp/frontend/src/lib/components/ui/command/command-empty.svelte
index c2ce16529..1b1f67138 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-empty.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-empty.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-group.svelte b/webapp/frontend/src/lib/components/ui/command/command-group.svelte
index 9330892f4..9dbcce799 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-group.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-group.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive, useId } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-input.svelte b/webapp/frontend/src/lib/components/ui/command/command-input.svelte
index 44ac7e452..55ec5850e 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-input.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-input.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from 'bits-ui';
 	import SearchIcon from '@lucide/svelte/icons/search';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-item.svelte b/webapp/frontend/src/lib/components/ui/command/command-item.svelte
index 17319eb91..d018f8279 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-item.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-item.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-link-item.svelte b/webapp/frontend/src/lib/components/ui/command/command-link-item.svelte
index d3f63c857..7ead17cc4 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-link-item.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-link-item.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-list.svelte b/webapp/frontend/src/lib/components/ui/command/command-list.svelte
index 8ff87f08e..dcac09a86 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-list.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-list.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-separator.svelte b/webapp/frontend/src/lib/components/ui/command/command-separator.svelte
index c21856b61..0edb29c9c 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-separator.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-separator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/command/command-shortcut.svelte b/webapp/frontend/src/lib/components/ui/command/command-shortcut.svelte
index 9278da2d0..ff5743c98 100644
--- a/webapp/frontend/src/lib/components/ui/command/command-shortcut.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command-shortcut.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/command/command.svelte b/webapp/frontend/src/lib/components/ui/command/command.svelte
index a7e249282..57d64c9af 100644
--- a/webapp/frontend/src/lib/components/ui/command/command.svelte
+++ b/webapp/frontend/src/lib/components/ui/command/command.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 	import { Command as CommandPrimitive } from 'bits-ui';
 
 	export type CommandRootApi = CommandPrimitive.Root;
diff --git a/webapp/frontend/src/lib/components/ui/dialog/dialog-content.svelte b/webapp/frontend/src/lib/components/ui/dialog/dialog-content.svelte
index 451133318..57105a375 100644
--- a/webapp/frontend/src/lib/components/ui/dialog/dialog-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/dialog/dialog-content.svelte
@@ -4,7 +4,7 @@
 	import XIcon from '@lucide/svelte/icons/x';
 	import type { Snippet } from 'svelte';
 	import * as Dialog from './index.js';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
+	import { cn, type WithoutChildrenOrChild } from '#lib/utils.js';
 	import type { ComponentProps } from 'svelte';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/dialog/dialog-description.svelte b/webapp/frontend/src/lib/components/ui/dialog/dialog-description.svelte
index 7539190db..55e899ec1 100644
--- a/webapp/frontend/src/lib/components/ui/dialog/dialog-description.svelte
+++ b/webapp/frontend/src/lib/components/ui/dialog/dialog-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/dialog/dialog-footer.svelte b/webapp/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
index c457d5632..a049eea70 100644
--- a/webapp/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
+++ b/webapp/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/dialog/dialog-header.svelte b/webapp/frontend/src/lib/components/ui/dialog/dialog-header.svelte
index 9b2701ca3..ac1d7178a 100644
--- a/webapp/frontend/src/lib/components/ui/dialog/dialog-header.svelte
+++ b/webapp/frontend/src/lib/components/ui/dialog/dialog-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte b/webapp/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
index 34166e133..24a949c5a 100644
--- a/webapp/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ b/webapp/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/dialog/dialog-title.svelte b/webapp/frontend/src/lib/components/ui/dialog/dialog-title.svelte
index 7073699d6..d9ebf5d09 100644
--- a/webapp/frontend/src/lib/components/ui/dialog/dialog-title.svelte
+++ b/webapp/frontend/src/lib/components/ui/dialog/dialog-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/drawer/drawer-content.svelte b/webapp/frontend/src/lib/components/ui/drawer/drawer-content.svelte
index 11bfc4c13..223a7c506 100644
--- a/webapp/frontend/src/lib/components/ui/drawer/drawer-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/drawer/drawer-content.svelte
@@ -2,9 +2,9 @@
 	import { Drawer as DrawerPrimitive } from 'vaul-svelte';
 	import DrawerPortal from './drawer-portal.svelte';
 	import DrawerOverlay from './drawer-overlay.svelte';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 	import type { ComponentProps } from 'svelte';
-	import type { WithoutChildrenOrChild } from '$lib/utils.js';
+	import type { WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/drawer/drawer-description.svelte b/webapp/frontend/src/lib/components/ui/drawer/drawer-description.svelte
index 0d83f74d3..a469b5107 100644
--- a/webapp/frontend/src/lib/components/ui/drawer/drawer-description.svelte
+++ b/webapp/frontend/src/lib/components/ui/drawer/drawer-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/drawer/drawer-footer.svelte b/webapp/frontend/src/lib/components/ui/drawer/drawer-footer.svelte
index c436cc2d0..039673f93 100644
--- a/webapp/frontend/src/lib/components/ui/drawer/drawer-footer.svelte
+++ b/webapp/frontend/src/lib/components/ui/drawer/drawer-footer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/drawer/drawer-header.svelte b/webapp/frontend/src/lib/components/ui/drawer/drawer-header.svelte
index 4f64f24d0..0ebfd1e67 100644
--- a/webapp/frontend/src/lib/components/ui/drawer/drawer-header.svelte
+++ b/webapp/frontend/src/lib/components/ui/drawer/drawer-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte b/webapp/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte
index 4e396572c..df86b9465 100644
--- a/webapp/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte
+++ b/webapp/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/drawer/drawer-title.svelte b/webapp/frontend/src/lib/components/ui/drawer/drawer-title.svelte
index 010e2474a..81c46bf24 100644
--- a/webapp/frontend/src/lib/components/ui/drawer/drawer-title.svelte
+++ b/webapp/frontend/src/lib/components/ui/drawer/drawer-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/input/input.svelte b/webapp/frontend/src/lib/components/ui/input/input.svelte
index 9089134c2..9eb5bce33 100644
--- a/webapp/frontend/src/lib/components/ui/input/input.svelte
+++ b/webapp/frontend/src/lib/components/ui/input/input.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 
 	type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
 
diff --git a/webapp/frontend/src/lib/components/ui/label/label.svelte b/webapp/frontend/src/lib/components/ui/label/label.svelte
index 7fef72e9d..6e28b74e7 100644
--- a/webapp/frontend/src/lib/components/ui/label/label.svelte
+++ b/webapp/frontend/src/lib/components/ui/label/label.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Label as LabelPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/popover/popover-content.svelte b/webapp/frontend/src/lib/components/ui/popover/popover-content.svelte
index af6499384..b4d1c3f27 100644
--- a/webapp/frontend/src/lib/components/ui/popover/popover-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/popover/popover-content.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Popover as PopoverPrimitive } from 'bits-ui';
 	import PopoverPortal from './popover-portal.svelte';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
+	import { cn, type WithoutChildrenOrChild } from '#lib/utils.js';
 	import type { ComponentProps } from 'svelte';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/popover/popover-trigger.svelte b/webapp/frontend/src/lib/components/ui/popover/popover-trigger.svelte
index f21b1b33e..8a61ca825 100644
--- a/webapp/frontend/src/lib/components/ui/popover/popover-trigger.svelte
+++ b/webapp/frontend/src/lib/components/ui/popover/popover-trigger.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 	import { Popover as PopoverPrimitive } from 'bits-ui';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/select/select-content.svelte b/webapp/frontend/src/lib/components/ui/select/select-content.svelte
index 7c0bd44e0..6c5bb6ac1 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-content.svelte
@@ -3,9 +3,9 @@
 	import SelectPortal from './select-portal.svelte';
 	import SelectScrollUpButton from './select-scroll-up-button.svelte';
 	import SelectScrollDownButton from './select-scroll-down-button.svelte';
-	import { cn, type WithoutChild } from '$lib/utils.js';
+	import { cn, type WithoutChild } from '#lib/utils.js';
 	import type { ComponentProps } from 'svelte';
-	import type { WithoutChildrenOrChild } from '$lib/utils.js';
+	import type { WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/select/select-group-heading.svelte b/webapp/frontend/src/lib/components/ui/select/select-group-heading.svelte
index 3dc028250..ef3b700a3 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-group-heading.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-group-heading.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 	import type { ComponentProps } from 'svelte';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/select/select-item.svelte b/webapp/frontend/src/lib/components/ui/select/select-item.svelte
index e5b31244e..221607644 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-item.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-item.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import CheckIcon from '@lucide/svelte/icons/check';
 	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn, type WithoutChild } from '$lib/utils.js';
+	import { cn, type WithoutChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/select/select-label.svelte b/webapp/frontend/src/lib/components/ui/select/select-label.svelte
index 8849c2a31..da3fa1ee2 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-label.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-label.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import { cn, type WithElementRef } from '#lib/utils.js';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte b/webapp/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte
index 350214839..ad8b9c9d5 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
 	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
+	import { cn, type WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte b/webapp/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte
index 3d35e04c3..82e43e18a 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
 	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
+	import { cn, type WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/select/select-separator.svelte b/webapp/frontend/src/lib/components/ui/select/select-separator.svelte
index bfd1eb781..4891187d4 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-separator.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-separator.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Separator as SeparatorPrimitive } from 'bits-ui';
-	import { Separator } from '$lib/components/ui/separator/index.js';
-	import { cn } from '$lib/utils.js';
+	import { Separator } from '#lib/components/ui/separator/index.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/select/select-trigger.svelte b/webapp/frontend/src/lib/components/ui/select/select-trigger.svelte
index 339a04506..cc9046b12 100644
--- a/webapp/frontend/src/lib/components/ui/select/select-trigger.svelte
+++ b/webapp/frontend/src/lib/components/ui/select/select-trigger.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Select as SelectPrimitive } from 'bits-ui';
 	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-	import { cn, type WithoutChild } from '$lib/utils.js';
+	import { cn, type WithoutChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/separator/separator.svelte b/webapp/frontend/src/lib/components/ui/separator/separator.svelte
index 257bc6947..5fe65f975 100644
--- a/webapp/frontend/src/lib/components/ui/separator/separator.svelte
+++ b/webapp/frontend/src/lib/components/ui/separator/separator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Separator as SeparatorPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/sonner/sonner.svelte b/webapp/frontend/src/lib/components/ui/sonner/sonner.svelte
index ceba0aad0..07b96de84 100644
--- a/webapp/frontend/src/lib/components/ui/sonner/sonner.svelte
+++ b/webapp/frontend/src/lib/components/ui/sonner/sonner.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getThemeContext } from '$lib/stores.svelte';
+	import { getThemeContext } from '#lib/stores.svelte.js';
 	import CircleCheckIcon from '@lucide/svelte/icons/circle-check';
 	import InfoIcon from '@lucide/svelte/icons/info';
 	import Loader2Icon from '@lucide/svelte/icons/loader-2';
diff --git a/webapp/frontend/src/lib/components/ui/switch/switch.svelte b/webapp/frontend/src/lib/components/ui/switch/switch.svelte
index 9762142a2..9eb376cbc 100644
--- a/webapp/frontend/src/lib/components/ui/switch/switch.svelte
+++ b/webapp/frontend/src/lib/components/ui/switch/switch.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Switch as SwitchPrimitive } from 'bits-ui';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
+	import { cn, type WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/tabs/tabs-content.svelte b/webapp/frontend/src/lib/components/ui/tabs/tabs-content.svelte
index 92044c867..44ddbd6e0 100644
--- a/webapp/frontend/src/lib/components/ui/tabs/tabs-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/tabs/tabs-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/tabs/tabs-list.svelte b/webapp/frontend/src/lib/components/ui/tabs/tabs-list.svelte
index 49292004a..ac141aa0f 100644
--- a/webapp/frontend/src/lib/components/ui/tabs/tabs-list.svelte
+++ b/webapp/frontend/src/lib/components/ui/tabs/tabs-list.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
 </script>
diff --git a/webapp/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte b/webapp/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte
index 9c5b49b5f..cab6a5e40 100644
--- a/webapp/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte
+++ b/webapp/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/tabs/tabs.svelte b/webapp/frontend/src/lib/components/ui/tabs/tabs.svelte
index b275bdafd..46afeabea 100644
--- a/webapp/frontend/src/lib/components/ui/tabs/tabs.svelte
+++ b/webapp/frontend/src/lib/components/ui/tabs/tabs.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/textarea/textarea.svelte b/webapp/frontend/src/lib/components/ui/textarea/textarea.svelte
index 0f046180e..7e087d5c9 100644
--- a/webapp/frontend/src/lib/components/ui/textarea/textarea.svelte
+++ b/webapp/frontend/src/lib/components/ui/textarea/textarea.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef, type WithoutChildren } from '$lib/utils.js';
+	import { cn, type WithElementRef, type WithoutChildren } from '#lib/utils.js';
 	import type { HTMLTextareaAttributes } from 'svelte/elements';
 
 	let {
diff --git a/webapp/frontend/src/lib/components/ui/toggle/toggle.svelte b/webapp/frontend/src/lib/components/ui/toggle/toggle.svelte
index 43cfcfc9e..7e1410145 100644
--- a/webapp/frontend/src/lib/components/ui/toggle/toggle.svelte
+++ b/webapp/frontend/src/lib/components/ui/toggle/toggle.svelte
@@ -28,7 +28,7 @@
 
 <script lang="ts">
 	import { Toggle as TogglePrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte b/webapp/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte
index 8f21660ed..050538b45 100644
--- a/webapp/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/webapp/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { Tooltip as TooltipPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { cn } from '#lib/utils.js';
 	import TooltipPortal from './tooltip-portal.svelte';
 	import type { ComponentProps } from 'svelte';
-	import type { WithoutChildrenOrChild } from '$lib/utils.js';
+	import type { WithoutChildrenOrChild } from '#lib/utils.js';
 
 	let {
 		ref = $bindable(null),
diff --git a/webapp/frontend/src/lib/editors.svelte.ts b/webapp/frontend/src/lib/editors.svelte.ts
index 535e34cc6..7a1bf78f0 100644
--- a/webapp/frontend/src/lib/editors.svelte.ts
+++ b/webapp/frontend/src/lib/editors.svelte.ts
@@ -25,7 +25,7 @@ import {
 import type { Attachment } from 'svelte/attachments';
 import { mount, unmount, untrack } from 'svelte';
 import { Annotation, EditorState, Transaction, type Extension } from '@codemirror/state';
-import { browser } from '$app/environment';
+import { browser } from '$app/env';
 import { page } from '$app/state';
 import type { ApiHandler, Sample } from './api';
 import {
diff --git a/webapp/frontend/src/lib/settings.svelte.ts b/webapp/frontend/src/lib/settings.svelte.ts
index ee892f994..6bfefd2ed 100644
--- a/webapp/frontend/src/lib/settings.svelte.ts
+++ b/webapp/frontend/src/lib/settings.svelte.ts
@@ -1,4 +1,4 @@
-import { browser } from '$app/environment';
+import { browser } from '$app/env';
 import { getContext, setContext, tick } from 'svelte';
 import { toast } from 'svelte-sonner';
 
diff --git a/webapp/frontend/src/lib/stores.svelte.ts b/webapp/frontend/src/lib/stores.svelte.ts
index 813ac4270..508479b2b 100644
--- a/webapp/frontend/src/lib/stores.svelte.ts
+++ b/webapp/frontend/src/lib/stores.svelte.ts
@@ -1,7 +1,7 @@
 import { page } from '$app/state';
 import { getContext, setContext } from 'svelte';
 import { goto } from '$app/navigation';
-import { browser } from '$app/environment';
+import { browser } from '$app/env';
 
 const validProcessors = ['none', 'm', 'l', 'h', 'w'] as const;
 
@@ -88,7 +88,7 @@ export async function syncUrl({
 	replaceState?: boolean;
 }) {
 	// eslint-disable-next-line svelte/prefer-svelte-reactivity
-	const url = new URL(page.url);
+	const url = new URL(page.url.href);
 
 	if (
 		(sourceId === undefined || url.searchParams.get(sourceIdKey) === sourceId) &&
@@ -105,7 +105,7 @@ export async function syncUrl({
 	}
 
 	// eslint-disable-next-line svelte/no-navigation-without-resolve
-	await goto(url, { replaceState, noScroll: true, keepFocus: true });
+	await goto(url, { replaceState, reset: false });
 }
 
 export class ThemeStore {
diff --git a/webapp/frontend/src/routes/+error.svelte b/webapp/frontend/src/routes/+error.svelte
index c99e482d4..7ae301cce 100644
--- a/webapp/frontend/src/routes/+error.svelte
+++ b/webapp/frontend/src/routes/+error.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/state';
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
+	import * as Card from '#lib/components/ui/card/index.js';
+	import { Button } from '#lib/components/ui/button/index.js';
 	import { CircleAlert } from '@lucide/svelte';
 </script>
 
diff --git a/webapp/frontend/src/routes/+layout.server.ts b/webapp/frontend/src/routes/+layout.server.ts
index 8e3f5ce4d..5772d9ada 100644
--- a/webapp/frontend/src/routes/+layout.server.ts
+++ b/webapp/frontend/src/routes/+layout.server.ts
@@ -1,4 +1,4 @@
-import { getVersionString } from '$lib/server';
+import { getVersionString } from '#lib/server.js';
 
 export const prerender = true;
 
diff --git a/webapp/frontend/src/routes/+layout.svelte b/webapp/frontend/src/routes/+layout.svelte
index 99f0d6a6a..eb5525f3d 100644
--- a/webapp/frontend/src/routes/+layout.svelte
+++ b/webapp/frontend/src/routes/+layout.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
 	import './layout.css';
 	import { page } from '$app/state';
-	import * as Select from '$lib/components/ui/select';
-	import { setThemeContext } from '$lib/stores.svelte.js';
-	import { setSettingsContext } from '$lib/settings.svelte.js';
-	import * as Tooltip from '$lib/components/ui/tooltip';
-	import { foldChevronDownId, foldChevronRightId } from '$lib/codemirror.js';
+	import * as Select from '#lib/components/ui/select/index.js';
+	import { setThemeContext } from '#lib/stores.svelte.js';
+	import { setSettingsContext } from '#lib/settings.svelte.js';
+	import * as Tooltip from '#lib/components/ui/tooltip/index.js';
+	import { foldChevronDownId, foldChevronRightId } from '#lib/codemirror.js';
 	import { ChevronDown, ChevronRight } from '@lucide/svelte';
-	import { Toaster } from '$lib/components/ui/sonner';
-	import SettingsButton from '$lib/components/SettingsButton.svelte';
+	import { Toaster } from '#lib/components/ui/sonner/index.js';
+	import SettingsButton from '#lib/components/SettingsButton.svelte';
 	import { resolve } from '$app/paths';
 
 	interface Tool {
diff --git a/webapp/frontend/src/routes/+page.server.ts b/webapp/frontend/src/routes/+page.server.ts
index 3a9ce1aa2..bb2673021 100644
--- a/webapp/frontend/src/routes/+page.server.ts
+++ b/webapp/frontend/src/routes/+page.server.ts
@@ -1,4 +1,4 @@
-import { getMindcodeSamples } from '$lib/server';
+import { getMindcodeSamples } from '#lib/server.js';
 
 export const load = async () => {
 	const samples = await getMindcodeSamples();
diff --git a/webapp/frontend/src/routes/+page.svelte b/webapp/frontend/src/routes/+page.svelte
index 91e3f1aa0..685f911b6 100644
--- a/webapp/frontend/src/routes/+page.svelte
+++ b/webapp/frontend/src/routes/+page.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { mlogLanguageExtension } from '$lib/grammars/mlog_language';
+	import { mlogLanguageExtension } from '#lib/grammars/mlog_language.js';
 	import { setDiagnostics } from '@codemirror/lint';
 	import { tick, untrack } from 'svelte';
 	import { Code, Play, Trash2 } from '@lucide/svelte';
 
-	import EditorLayout from '$lib/components/EditorLayout.svelte';
-	import ControlBar from '$lib/components/ControlBar.svelte';
-	import BottomActionBar from '$lib/components/BottomActionBar.svelte';
+	import EditorLayout from '#lib/components/EditorLayout.svelte';
+	import ControlBar from '#lib/components/ControlBar.svelte';
+	import BottomActionBar from '#lib/components/BottomActionBar.svelte';
 	import {
 		ApiError,
 		ApiHandler,
@@ -14,26 +14,26 @@
 		type RunResult,
 		type Sample,
 		type SourceRange
-	} from '$lib/api';
-	import { mindcode } from '$lib/grammars/mindcode_language';
+	} from '#lib/api.js';
+	import { mindcode } from '#lib/grammars/mindcode_language.js';
 	import type { PageProps } from './$types';
 	import {
 		compileMessagesToDiagnostics,
 		jumpToRange,
 		updateDocId,
 		updateEditor
-	} from '$lib/codemirror';
-	import { getThemeContext, LocalCompilerTarget, syncUrl } from '$lib/stores.svelte';
-	import { getSettingsContext } from '$lib/settings.svelte';
-	import TargetPicker from '$lib/components/TargetPicker.svelte';
-	import ProjectLinks from '$lib/components/ProjectLinks.svelte';
+	} from '#lib/codemirror.js';
+	import { getThemeContext, LocalCompilerTarget, syncUrl } from '#lib/stores.svelte.js';
+	import { getSettingsContext } from '#lib/settings.svelte.js';
+	import TargetPicker from '#lib/components/TargetPicker.svelte';
+	import ProjectLinks from '#lib/components/ProjectLinks.svelte';
 	import { Compartment } from '@codemirror/state';
-	import SamplePicker from '$lib/components/SamplePicker.svelte';
-	import EditorActionButton from '$lib/components/EditorActionButton.svelte';
-	import { InputEditorStore, OutputEditorStore } from '$lib/editors.svelte';
-	import { MlogWatcherStore } from '$lib/mlog_watcher';
-	import MlogWatcherButton from '$lib/components/MlogWatcherButton.svelte';
-	import type { OutputTabName } from '$lib/components/TabsOutput.svelte';
+	import SamplePicker from '#lib/components/SamplePicker.svelte';
+	import EditorActionButton from '#lib/components/EditorActionButton.svelte';
+	import { InputEditorStore, OutputEditorStore } from '#lib/editors.svelte.js';
+	import { MlogWatcherStore } from '#lib/mlog_watcher/index.js';
+	import MlogWatcherButton from '#lib/components/MlogWatcherButton.svelte';
+	import type { OutputTabName } from '#lib/components/TabsOutput.svelte';
 	import { toast } from 'svelte-sonner';
 
 	let { data }: PageProps = $props();
diff --git a/webapp/frontend/src/routes/decompiler/+page.svelte b/webapp/frontend/src/routes/decompiler/+page.svelte
index 1bc2b16fc..ef32023eb 100644
--- a/webapp/frontend/src/routes/decompiler/+page.svelte
+++ b/webapp/frontend/src/routes/decompiler/+page.svelte
@@ -1,27 +1,27 @@
 <script lang="ts">
-	import { mlogLanguageExtension } from '$lib/grammars/mlog_language';
+	import { mlogLanguageExtension } from '#lib/grammars/mlog_language.js';
 	import { Code, Play, Trash2 } from '@lucide/svelte';
 
-	import EditorLayout from '$lib/components/EditorLayout.svelte';
-	import ControlBar from '$lib/components/ControlBar.svelte';
-	import BottomActionBar from '$lib/components/BottomActionBar.svelte';
+	import EditorLayout from '#lib/components/EditorLayout.svelte';
+	import ControlBar from '#lib/components/ControlBar.svelte';
+	import BottomActionBar from '#lib/components/BottomActionBar.svelte';
 	import {
 		ApiError,
 		ApiHandler,
 		type CompileResponseMessage,
 		type RunResult,
 		type SourceRange
-	} from '$lib/api';
-	import { mindcode } from '$lib/grammars/mindcode_language';
-	import { getThemeContext, LocalCompilerTarget, syncUrl } from '$lib/stores.svelte';
-	import { jumpToRange, updateEditor } from '$lib/codemirror';
-	import ProjectLinks from '$lib/components/ProjectLinks.svelte';
-	import TargetPicker from '$lib/components/TargetPicker.svelte';
-	import EditorActionButton from '$lib/components/EditorActionButton.svelte';
-	import { InputEditorStore, OutputEditorStore } from '$lib/editors.svelte';
-	import { getSettingsContext } from '$lib/settings.svelte';
-	import type { OutputTabName } from '$lib/components/TabsOutput.svelte';
-	import PageInfoCard from '$lib/components/PageInfoCard.svelte';
+	} from '#lib/api.js';
+	import { mindcode } from '#lib/grammars/mindcode_language.js';
+	import { getThemeContext, LocalCompilerTarget, syncUrl } from '#lib/stores.svelte.js';
+	import { jumpToRange, updateEditor } from '#lib/codemirror.js';
+	import ProjectLinks from '#lib/components/ProjectLinks.svelte';
+	import TargetPicker from '#lib/components/TargetPicker.svelte';
+	import EditorActionButton from '#lib/components/EditorActionButton.svelte';
+	import { InputEditorStore, OutputEditorStore } from '#lib/editors.svelte.js';
+	import { getSettingsContext } from '#lib/settings.svelte.js';
+	import type { OutputTabName } from '#lib/components/TabsOutput.svelte';
+	import PageInfoCard from '#lib/components/PageInfoCard.svelte';
 	import { tick } from 'svelte';
 	import { toast } from 'svelte-sonner';
 
diff --git a/webapp/frontend/src/routes/schematics/+page.server.ts b/webapp/frontend/src/routes/schematics/+page.server.ts
index 88d936476..bc1a72cc8 100644
--- a/webapp/frontend/src/routes/schematics/+page.server.ts
+++ b/webapp/frontend/src/routes/schematics/+page.server.ts
@@ -1,4 +1,4 @@
-import { getSchemacodeSamples } from '$lib/server';
+import { getSchemacodeSamples } from '#lib/server.js';
 
 export const load = async () => {
 	const samples = await getSchemacodeSamples();
diff --git a/webapp/frontend/src/routes/schematics/+page.svelte b/webapp/frontend/src/routes/schematics/+page.svelte
index d2dbe6145..4d93ff7bb 100644
--- a/webapp/frontend/src/routes/schematics/+page.svelte
+++ b/webapp/frontend/src/routes/schematics/+page.svelte
@@ -9,26 +9,26 @@
 		type RunResult,
 		type Sample,
 		type SourceRange
-	} from '$lib/api';
-	import { schemacode } from '$lib/grammars/schemacode_language';
+	} from '#lib/api.js';
+	import { schemacode } from '#lib/grammars/schemacode_language.js';
 	import type { PageProps } from './$types';
 	import { setDiagnostics } from '@codemirror/lint';
-	import { compileMessagesToDiagnostics, jumpToRange, updateEditor } from '$lib/codemirror';
-	import { getThemeContext, LocalCompilerTarget, syncUrl } from '$lib/stores.svelte';
-	import TargetPicker from '$lib/components/TargetPicker.svelte';
-	import ProjectLinks from '$lib/components/ProjectLinks.svelte';
-	import ControlBar from '$lib/components/ControlBar.svelte';
-	import SamplePicker from '$lib/components/SamplePicker.svelte';
-	import EditorLayout from '$lib/components/EditorLayout.svelte';
-	import BottomActionBar from '$lib/components/BottomActionBar.svelte';
-	import EditorActionButton from '$lib/components/EditorActionButton.svelte';
-	import { InputEditorStore, OutputEditorStore } from '$lib/editors.svelte';
-	import { getSettingsContext } from '$lib/settings.svelte';
+	import { compileMessagesToDiagnostics, jumpToRange, updateEditor } from '#lib/codemirror.js';
+	import { getThemeContext, LocalCompilerTarget, syncUrl } from '#lib/stores.svelte.js';
+	import TargetPicker from '#lib/components/TargetPicker.svelte';
+	import ProjectLinks from '#lib/components/ProjectLinks.svelte';
+	import ControlBar from '#lib/components/ControlBar.svelte';
+	import SamplePicker from '#lib/components/SamplePicker.svelte';
+	import EditorLayout from '#lib/components/EditorLayout.svelte';
+	import BottomActionBar from '#lib/components/BottomActionBar.svelte';
+	import EditorActionButton from '#lib/components/EditorActionButton.svelte';
+	import { InputEditorStore, OutputEditorStore } from '#lib/editors.svelte.js';
+	import { getSettingsContext } from '#lib/settings.svelte.js';
 	import { EditorView } from 'codemirror';
-	import type { OutputTabName } from '$lib/components/TabsOutput.svelte';
-	import PageInfoCard from '$lib/components/PageInfoCard.svelte';
-	import { MlogWatcherStore } from '$lib/mlog_watcher';
-	import MlogWatcherButton from '$lib/components/MlogWatcherButton.svelte';
+	import type { OutputTabName } from '#lib/components/TabsOutput.svelte';
+	import PageInfoCard from '#lib/components/PageInfoCard.svelte';
+	import { MlogWatcherStore } from '#lib/mlog_watcher/index.js';
+	import MlogWatcherButton from '#lib/components/MlogWatcherButton.svelte';
 	import { toast } from 'svelte-sonner';
 	import { resolve } from '$app/paths';
 
@@ -140,12 +140,17 @@
 			Here you can compile a schematics definition written in <a
 				href="https://github.com/cardillan/mindcode/blob/main/doc/syntax/SCHEMACODE.markdown"
 				class="text-primary underline">Schemacode</a
-			>, a schema definition language, into a text representation to be pasted into Mindustry using
-			the <strong>Import schematics...</strong> button. If your schematics contain processors, you
-			can specify code for the processor using either Mindustry Logic or Mindcode. You can also
-			decompile an existing schematics using the
-			<a href={resolve('/decompiler')} class="text-primary underline">Decompiler</a> and modify the resulting
-			code.
+			>
+
+			, a schema definition language, into a text representation to be pasted into Mindustry using
+			the
+			<strong>Import schematics...</strong>
+			button. If your schematics contain processors, you can specify code for the processor using either
+			Mindustry Logic or Mindcode. You can also decompile an existing schematics using the
+
+			<a href={resolve('decompiler')} class="text-primary underline">Decompiler</a>
+
+			and modify the resulting code.
 		</p>
 	</PageInfoCard>
 	<!-- Control Bar (Desktop) -->
@@ -169,8 +174,10 @@
 	</div>
 
 	<!-- Mobile: Samples and Settings -->
+
 	<div class="flex shrink-0 flex-wrap items-center gap-2 md:hidden">
 		<TargetPicker {compilerTarget} />
+
 		<SamplePicker
 			samples={data.samples}
 			onSelect={selectSample}
diff --git a/webapp/frontend/src/routes/schematics/decompiler/+page.svelte b/webapp/frontend/src/routes/schematics/decompiler/+page.svelte
index 0cdbc9ab0..b65cd4f24 100644
--- a/webapp/frontend/src/routes/schematics/decompiler/+page.svelte
+++ b/webapp/frontend/src/routes/schematics/decompiler/+page.svelte
@@ -6,21 +6,21 @@
 		type CompileResponseMessage,
 		type RunResult,
 		type SourceRange
-	} from '$lib/api';
-	import { schemacode } from '$lib/grammars/schemacode_language';
-	import { getThemeContext, LocalCompilerTarget, syncUrl } from '$lib/stores.svelte';
-	import ProjectLinks from '$lib/components/ProjectLinks.svelte';
-	import { jumpToRange, updateEditor } from '$lib/codemirror';
-	import TargetPicker from '$lib/components/TargetPicker.svelte';
-	import ControlBar from '$lib/components/ControlBar.svelte';
-	import BottomActionBar from '$lib/components/BottomActionBar.svelte';
-	import EditorLayout from '$lib/components/EditorLayout.svelte';
-	import EditorActionButton from '$lib/components/EditorActionButton.svelte';
-	import { InputEditorStore, OutputEditorStore } from '$lib/editors.svelte';
-	import { getSettingsContext } from '$lib/settings.svelte';
+	} from '#lib/api.js';
+	import { schemacode } from '#lib/grammars/schemacode_language.js';
+	import { getThemeContext, LocalCompilerTarget, syncUrl } from '#lib/stores.svelte.js';
+	import ProjectLinks from '#lib/components/ProjectLinks.svelte';
+	import { jumpToRange, updateEditor } from '#lib/codemirror.js';
+	import TargetPicker from '#lib/components/TargetPicker.svelte';
+	import ControlBar from '#lib/components/ControlBar.svelte';
+	import BottomActionBar from '#lib/components/BottomActionBar.svelte';
+	import EditorLayout from '#lib/components/EditorLayout.svelte';
+	import EditorActionButton from '#lib/components/EditorActionButton.svelte';
+	import { InputEditorStore, OutputEditorStore } from '#lib/editors.svelte.js';
+	import { getSettingsContext } from '#lib/settings.svelte.js';
 	import { EditorView } from 'codemirror';
-	import type { OutputTabName } from '$lib/components/TabsOutput.svelte';
-	import PageInfoCard from '$lib/components/PageInfoCard.svelte';
+	import type { OutputTabName } from '#lib/components/TabsOutput.svelte';
+	import PageInfoCard from '#lib/components/PageInfoCard.svelte';
 	import { tick } from 'svelte';
 	import { toast } from 'svelte-sonner';
 	import { resolve } from '$app/paths';
@@ -119,13 +119,17 @@
 	<PageInfoCard cardId="schematics-decompiler" heading="About Schematics Decompiler">
 		<p class="mb-2">
 			Here you can decompile schematics copied from Mindustry into Schemacode, a schema definition
-			language, which can then be modified and compiled back into a schema again. Press the <strong
-				>Export</strong
-			>
-			button on a Mindustry schematic, choose <strong>Copy to clipboard</strong> and paste the text
-			into the left pane. Then press <strong>Decompile</strong>. You can compile the Schematic
-			definition back to Mindustry schematics on the
-			<a href={resolve('/schematics')} class="text-primary underline">Schematics Builder</a> page.
+			language, which can then be modified and compiled back into a schema again. Press the
+			<strong>Export</strong>
+			button on a Mindustry schematic, choose
+			<strong>Copy to clipboard</strong>
+			and paste the text into the left pane. Then press
+			<strong>Decompile</strong>
+			. You can compile the Schematic definition back to Mindustry schematics on the
+
+			<a href={resolve('schematics')} class="text-primary underline">Schematics Builder</a>
+
+			page.
 		</p>
 		<p>If your schematic contains processor(s), the code is decompiled into mlog.</p>
 	</PageInfoCard>
@@ -138,9 +142,8 @@
 				{ label: 'Decompile and Run', onclick: () => handleDecompile(true), icon: Play }
 			]}
 			loading={encodedEditor.isLoading || loadingAction !== null}
+			><TargetPicker {compilerTarget} /></ControlBar
 		>
-			<TargetPicker {compilerTarget} />
-		</ControlBar>
 	</div>
 
 	<!-- Mobile: Samples and Settings -->
diff --git a/webapp/frontend/svelte.config.js b/webapp/frontend/svelte.config.js
deleted file mode 100644
index 299afa161..000000000
--- a/webapp/frontend/svelte.config.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { mdsvex } from 'mdsvex';
-import adapter from '@sveltejs/adapter-static';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	kit: {
-		adapter: adapter({
-			// Output directly into Spring Boot's static folder
-			pages: '../src/main/resources/static',
-			assets: '../src/main/resources/static',
-			// SPA fallback so client routing works for non-prerendered routes
-			fallback: '200.html'
-		}),
-		prerender: {
-			// Crawl and prerender all reachable pages
-			entries: ['*']
-		}
-	},
-	preprocess: [mdsvex()],
-	extensions: ['.svelte', '.svx']
-};
-
-export default config;
diff --git a/webapp/frontend/tsconfig.json b/webapp/frontend/tsconfig.json
index f147694e8..1ba83fa9d 100644
--- a/webapp/frontend/tsconfig.json
+++ b/webapp/frontend/tsconfig.json
@@ -1,21 +1,10 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
+	"extends": "$app/tsconfig",
 	"compilerOptions": {
 		"rewriteRelativeImportExtensions": true,
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
 		"sourceMap": true,
 		"strict": true,
-		"moduleResolution": "bundler",
 		"noUnusedLocals": true
-	}
-	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-	//
-	// To make changes to top-level options such as include and exclude, we recommend extending
-	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+	},
+	"include": ["src", "vite.config.ts"]
 }
diff --git a/webapp/frontend/vite.config.ts b/webapp/frontend/vite.config.ts
index e6d1a208f..cbf1468fc 100644
--- a/webapp/frontend/vite.config.ts
+++ b/webapp/frontend/vite.config.ts
@@ -1,10 +1,31 @@
+import { mdsvex } from 'mdsvex';
+import adapter from '@sveltejs/adapter-static';
 import { defineConfig } from 'vitest/config';
 import tailwindcss from '@tailwindcss/vite';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { lezer } from '@lezer/generator/rollup';
 
 export default defineConfig({
-	plugins: [tailwindcss(), lezer(), sveltekit()],
+	plugins: [
+		tailwindcss(),
+		lezer(),
+		sveltekit({
+			preprocess: [mdsvex()],
+			extensions: ['.svelte', '.svx'],
+			adapter: adapter({
+				// Output directly into Spring Boot's static folder
+				pages: '../src/main/resources/static',
+				assets: '../src/main/resources/static',
+				// SPA fallback so client routing works for non-prerendered routes
+				fallback: '200.html'
+			}),
+
+			prerender: {
+				// Crawl and prerender all reachable pages
+				entries: ['*']
+			}
+		})
+	],
 	server: { proxy: { '/api': 'http://localhost:8080' } },
 	test: {
 		expect: { requireAssertions: true },