diff --git a/eslint.config.js b/eslint.config.js
index 4974f25..567adb5 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -61,7 +61,7 @@ export default defineConfig(
     "src/lib/ui/**": "^(#lib/(server|client|features)/|#trpc/)",
     "src/lib/features/**": "^#lib/server/",
     "src/service-worker/**":
-      "^(#lib/(?!shared/|client/storage/|client/cache/fileCache\\.js$)|#trpc/|#workers/)",
+      "^(#lib/(?!shared/|client/storage/|client/cache/file-cache\\.ts$)|#trpc/|#workers/)",
   }),
   {
     files: ["**/*.svelte", "**/*.svelte.ts", "**/*.svelte.js"],
diff --git a/kysely.config.ts b/kysely.config.ts
index 1d3b9a5..3f14855 100644
--- a/kysely.config.ts
+++ b/kysely.config.ts
@@ -1,5 +1,5 @@
 import { defineConfig } from "kysely-ctl";
-import { createDialect } from "./src/lib/server/db/dialect";
+import { createDialect } from "./src/lib/server/db/dialect.ts";
 
 // Empty values (e.g. `DATABASE_HOST=` in .env) are treated as unset, as in src/env.ts
 const optional = (name: string) => process.env[name] || undefined;
diff --git a/src/hooks.client.ts b/src/hooks.client.ts
index 696e3c5..17795fc 100644
--- a/src/hooks.client.ts
+++ b/src/hooks.client.ts
@@ -1,8 +1,8 @@
 import type { ClientInit } from "@sveltejs/kit/hooks";
-import { cleanupFileCaches } from "#lib/client/cache/index.js";
-import { keyring } from "#lib/client/keys/index.js";
-import { listenForServiceWorkerMessages } from "#lib/client/serviceWorker.js";
-import { cleanupDanglingInfos } from "#lib/client/storage/indexedDB/index.js";
+import { cleanupFileCaches } from "#lib/client/cache/index.ts";
+import { keyring } from "#lib/client/keys/index.ts";
+import { listenForServiceWorkerMessages } from "#lib/client/service-worker.ts";
+import { cleanupDanglingInfos } from "#lib/client/storage/indexed-db/index.ts";
 
 const requestPersistentStorage = async () => {
   const isPersistent = await navigator.storage.persist();
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index b78bae2..c859d0a 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -1,9 +1,9 @@
 import { sequence, type ServerInit } from "@sveltejs/kit/hooks";
 import schedule from "node-schedule";
-import { ClientRepo, SessionRepo } from "#lib/server/db/index.js";
-import { migrateDB } from "#lib/server/db/kysely.js";
-import { authenticate, setAgentInfo } from "#lib/server/middlewares/index.js";
-import { FileDeletionService, UploadService } from "#lib/server/services/index.js";
+import { ClientRepo, SessionRepo } from "#lib/server/db/index.ts";
+import { migrateDB } from "#lib/server/db/kysely.ts";
+import { authenticate, setAgentInfo } from "#lib/server/middlewares/index.ts";
+import { FileDeletionService, UploadService } from "#lib/server/services/index.ts";
 
 export const init: ServerInit = async () => {
   await migrateDB();
diff --git a/src/lib/client/cache/fileCache.ts b/src/lib/client/cache/file-cache.ts
similarity index 98%
rename from src/lib/client/cache/fileCache.ts
rename to src/lib/client/cache/file-cache.ts
index 325ebc5..d15b5dd 100644
--- a/src/lib/client/cache/fileCache.ts
+++ b/src/lib/client/cache/file-cache.ts
@@ -4,7 +4,7 @@ import {
   getFileCacheIndexOf,
   storeFileCacheIndex,
   updateFileCacheRetrievedAt,
-} from "#lib/client/storage/indexedDB/cacheIndex.js";
+} from "#lib/client/storage/indexed-db/cache-index.ts";
 import {
   createWritable,
   deleteDirectory,
@@ -14,8 +14,8 @@ import {
   listDirectoryNames,
   listFileNames,
   moveFile,
-} from "#lib/client/storage/opfs.js";
-import { CHUNK_SIZE, getChunkCount } from "#lib/shared/format/index.js";
+} from "#lib/client/storage/opfs.ts";
+import { CHUNK_SIZE, getChunkCount } from "#lib/shared/format/index.ts";
 
 // Caches the plaintext of files in chunks, so that partially loaded files (e.g. videos which were
 // partially played) can also be cached. Chunk `i` starts at `i * CHUNK_SIZE` of the plaintext,
diff --git a/src/lib/client/cache/index.ts b/src/lib/client/cache/index.ts
index b55527a..29b8d6e 100644
--- a/src/lib/client/cache/index.ts
+++ b/src/lib/client/cache/index.ts
@@ -1,2 +1,2 @@
-export * from "./fileCache";
-export * from "./thumbnailCache.svelte";
+export * from "./file-cache.ts";
+export * from "./thumbnail-cache.svelte.ts";
diff --git a/src/lib/client/cache/thumbnailCache.svelte.ts b/src/lib/client/cache/thumbnail-cache.svelte.ts
similarity index 98%
rename from src/lib/client/cache/thumbnailCache.svelte.ts
rename to src/lib/client/cache/thumbnail-cache.svelte.ts
index cc45213..6d85b48 100644
--- a/src/lib/client/cache/thumbnailCache.svelte.ts
+++ b/src/lib/client/cache/thumbnail-cache.svelte.ts
@@ -1,7 +1,7 @@
 /* eslint-disable svelte/prefer-svelte-reactivity -- Lookup tables of reactive entries */
 import { LRUCache } from "lru-cache";
-import { deleteDirectory, deleteFile, readFile, writeFile } from "#lib/client/storage/opfs.js";
-import { decryptChunk, encodeToBase64 } from "#lib/shared/crypto/index.js";
+import { deleteDirectory, deleteFile, readFile, writeFile } from "#lib/client/storage/opfs.ts";
+import { decryptChunk, encodeToBase64 } from "#lib/shared/crypto/index.ts";
 
 export interface Thumbnail {
   url?: string;
diff --git a/src/lib/client/crypto/hmac.ts b/src/lib/client/crypto/hmac.ts
index 6df84ef..00c93b4 100644
--- a/src/lib/client/crypto/hmac.ts
+++ b/src/lib/client/crypto/hmac.ts
@@ -1,5 +1,5 @@
-import type { ComputeMessage, ResultMessage } from "#workers/hmac.js";
-import HmacWorker from "#workers/hmac.js?worker";
+import type { ComputeMessage, ResultMessage } from "#workers/hmac.ts";
+import HmacWorker from "#workers/hmac.ts?worker";
 
 // Computes HMAC of large blobs incrementally in a worker, which WebCrypto doesn't support
 export const signMessageHmac = async (message: Blob, hmacSecret: CryptoKey) => {
diff --git a/src/lib/client/keys/generation.ts b/src/lib/client/keys/generation.ts
index 30f4bf0..b4d88da 100644
--- a/src/lib/client/keys/generation.ts
+++ b/src/lib/client/keys/generation.ts
@@ -13,9 +13,9 @@ import {
   makeRSAKeyNonextractable,
   wrapHmacSecret,
   wrapMasterKey,
-} from "#lib/shared/crypto/index.js";
-import { keyring } from "./keyring.svelte";
-import { deserializeClientKeys } from "./serialization";
+} from "#lib/shared/crypto/index.ts";
+import { keyring } from "./keyring.svelte.ts";
+import { deserializeClientKeys } from "./serialization.ts";
 
 // Generates new client keys and keeps them in the keyring without persisting
 export const generateClientKeys = async () => {
diff --git a/src/lib/client/keys/index.ts b/src/lib/client/keys/index.ts
index 7440132..b43e7c2 100644
--- a/src/lib/client/keys/index.ts
+++ b/src/lib/client/keys/index.ts
@@ -1,5 +1,5 @@
-export * from "./generation";
-export * from "./keyring.svelte";
-export * from "./serialization";
-export * from "./sync";
-export * from "./types";
+export * from "./generation.ts";
+export * from "./keyring.svelte.ts";
+export * from "./serialization.ts";
+export * from "./sync.ts";
+export * from "./types.ts";
diff --git a/src/lib/client/keys/keyring.svelte.ts b/src/lib/client/keys/keyring.svelte.ts
index 86f4792..a2e0913 100644
--- a/src/lib/client/keys/keyring.svelte.ts
+++ b/src/lib/client/keys/keyring.svelte.ts
@@ -5,8 +5,8 @@ import {
   storeClientKey,
   storeHmacSecrets,
   storeMasterKeys,
-} from "#lib/client/storage/indexedDB/index.js";
-import type { ClientKeys, HmacSecret, MasterKey } from "./types";
+} from "#lib/client/storage/indexed-db/index.ts";
+import type { ClientKeys, HmacSecret, MasterKey } from "./types.ts";
 
 const findLatestActive = <T extends { version: number; state: string }>(
   entries: ReadonlyMap<number, T>,
diff --git a/src/lib/client/keys/sync.ts b/src/lib/client/keys/sync.ts
index c16c14c..3bfad92 100644
--- a/src/lib/client/keys/sync.ts
+++ b/src/lib/client/keys/sync.ts
@@ -7,10 +7,10 @@ import {
   unwrapHmacSecret,
   unwrapMasterKey,
   verifyMasterKeyWrapped,
-} from "#lib/shared/crypto/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { keyring } from "./keyring.svelte";
-import type { ClientKeys } from "./types";
+} from "#lib/shared/crypto/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { keyring } from "./keyring.svelte.ts";
+import type { ClientKeys } from "./types.ts";
 
 // Synchronizes keys with the server
 
diff --git a/src/lib/client/serviceWorker.ts b/src/lib/client/service-worker.ts
similarity index 97%
rename from src/lib/client/serviceWorker.ts
rename to src/lib/client/service-worker.ts
index 1343358..c3063ee 100644
--- a/src/lib/client/serviceWorker.ts
+++ b/src/lib/client/service-worker.ts
@@ -1,10 +1,10 @@
-import { handleDownloadProgress } from "#lib/client/transfer/download.svelte.js";
+import { handleDownloadProgress } from "#lib/client/transfer/download.svelte.ts";
 import {
   DECRYPTED_FILE_URL_PREFIX,
   type FileMetadata,
   type ServiceWorkerMessage,
   type ServiceWorkerResponse,
-} from "#lib/shared/serviceWorker.js";
+} from "#lib/shared/service-worker.ts";
 
 const PREPARE_TIMEOUT_MS = 5000;
 
diff --git a/src/lib/client/storage/indexedDB/cacheIndex.ts b/src/lib/client/storage/indexed-db/cache-index.ts
similarity index 100%
rename from src/lib/client/storage/indexedDB/cacheIndex.ts
rename to src/lib/client/storage/indexed-db/cache-index.ts
diff --git a/src/lib/client/storage/indexedDB/filesystem.ts b/src/lib/client/storage/indexed-db/filesystem.ts
similarity index 100%
rename from src/lib/client/storage/indexedDB/filesystem.ts
rename to src/lib/client/storage/indexed-db/filesystem.ts
diff --git a/src/lib/client/storage/indexed-db/index.ts b/src/lib/client/storage/indexed-db/index.ts
new file mode 100644
index 0000000..90e02dc
--- /dev/null
+++ b/src/lib/client/storage/indexed-db/index.ts
@@ -0,0 +1,3 @@
+export * from "./cache-index.ts";
+export * from "./filesystem.ts";
+export * from "./key-store.ts";
diff --git a/src/lib/client/storage/indexedDB/keyStore.ts b/src/lib/client/storage/indexed-db/key-store.ts
similarity index 100%
rename from src/lib/client/storage/indexedDB/keyStore.ts
rename to src/lib/client/storage/indexed-db/key-store.ts
diff --git a/src/lib/client/storage/indexedDB/index.ts b/src/lib/client/storage/indexedDB/index.ts
deleted file mode 100644
index 4ca1202..0000000
--- a/src/lib/client/storage/indexedDB/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./cacheIndex";
-export * from "./filesystem";
-export * from "./keyStore";
diff --git a/src/lib/client/transfer/chunkedUpload.ts b/src/lib/client/transfer/chunked-upload.ts
similarity index 95%
rename from src/lib/client/transfer/chunkedUpload.ts
rename to src/lib/client/transfer/chunked-upload.ts
index a641ece..be08e46 100644
--- a/src/lib/client/transfer/chunkedUpload.ts
+++ b/src/lib/client/transfer/chunked-upload.ts
@@ -1,10 +1,10 @@
 import { sha256 } from "@noble/hashes/sha2.js";
 import axios from "axios";
 import pLimit from "p-limit";
-import { encodeToBase64, encryptChunk } from "#lib/shared/crypto/index.js";
-import { CHUNK_SIZE, getChunkCount, getEncryptedSize } from "#lib/shared/format/index.js";
-import { BoundedQueue } from "#lib/utils/concurrency/index.js";
-import { createSpeedMeter } from "#lib/utils/speedMeter.js";
+import { encodeToBase64, encryptChunk } from "#lib/shared/crypto/index.ts";
+import { CHUNK_SIZE, getChunkCount, getEncryptedSize } from "#lib/shared/format/index.ts";
+import { BoundedQueue } from "#lib/utils/concurrency/index.ts";
+import { createSpeedMeter } from "#lib/utils/speed-meter.ts";
 
 interface UploadStats {
   progress: number;
diff --git a/src/lib/client/transfer/download.svelte.ts b/src/lib/client/transfer/download.svelte.ts
index ea163ff..f8ecd27 100644
--- a/src/lib/client/transfer/download.svelte.ts
+++ b/src/lib/client/transfer/download.svelte.ts
@@ -1,5 +1,5 @@
-import type { DownloadProgressMessage } from "#lib/shared/serviceWorker.js";
-import { createSpeedMeter } from "#lib/utils/speedMeter.js";
+import type { DownloadProgressMessage } from "#lib/shared/service-worker.ts";
+import { createSpeedMeter } from "#lib/utils/speed-meter.ts";
 
 // Files are downloaded and decrypted by the service worker, which reports the progress
 
diff --git a/src/lib/client/transfer/index.ts b/src/lib/client/transfer/index.ts
index a862c01..372a76e 100644
--- a/src/lib/client/transfer/index.ts
+++ b/src/lib/client/transfer/index.ts
@@ -1,2 +1,2 @@
-export * from "./download.svelte";
-export * from "./upload.svelte";
+export * from "./download.svelte.ts";
+export * from "./upload.svelte.ts";
diff --git a/src/lib/client/transfer/upload.svelte.ts b/src/lib/client/transfer/upload.svelte.ts
index ee79101..4d51983 100644
--- a/src/lib/client/transfer/upload.svelte.ts
+++ b/src/lib/client/transfer/upload.svelte.ts
@@ -1,24 +1,24 @@
 import { limitFunction } from "p-limit";
-import { signMessageHmac } from "#lib/client/crypto/hmac.js";
+import { createUploadFileCache } from "#lib/client/cache/index.ts";
+import { signMessageHmac } from "#lib/client/crypto/hmac.ts";
 import {
   ensureHmacSecrets,
   keyring,
   type HmacSecret,
   type MasterKey,
-} from "#lib/client/keys/index.js";
-import { createUploadFileCache } from "#lib/client/cache/index.js";
-import { readExifDateTime } from "#lib/client/media/exif.js";
-import { generateThumbnail } from "#lib/client/media/thumbnail.js";
-import { uploadBlob } from "#lib/client/transfer/chunkedUpload.js";
+} from "#lib/client/keys/index.ts";
+import { readExifDateTime } from "#lib/client/media/exif.ts";
+import { generateThumbnail } from "#lib/client/media/thumbnail.ts";
+import { uploadBlob } from "#lib/client/transfer/chunked-upload.ts";
 import {
   encodeToBase64,
   generateDataKey,
   wrapDataKey,
   encryptString,
-} from "#lib/shared/crypto/index.js";
-import { getChunkCount } from "#lib/shared/format/index.js";
-import { Scheduler } from "#lib/utils/index.js";
-import { trpc } from "#trpc/client.js";
+} from "#lib/shared/crypto/index.ts";
+import { getChunkCount } from "#lib/shared/format/index.ts";
+import { Scheduler } from "#lib/utils/index.ts";
+import { trpc } from "#trpc/client.ts";
 
 export interface FileUploadState {
   id: string;
diff --git a/src/lib/features/auth/components/ForceLoginModal.svelte b/src/lib/features/auth/components/ForceLoginModal.svelte
index 259e9b0..91830c5 100644
--- a/src/lib/features/auth/components/ForceLoginModal.svelte
+++ b/src/lib/features/auth/components/ForceLoginModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
+  import { ActionModal } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/lib/features/auth/index.ts b/src/lib/features/auth/index.ts
index 1b0f9be..75d9cbf 100644
--- a/src/lib/features/auth/index.ts
+++ b/src/lib/features/auth/index.ts
@@ -1,4 +1,4 @@
-import { trpc } from "#trpc/client.js";
+import { trpc } from "#trpc/client.ts";
 
 export const login = async (email: string, password: string) => {
   await trpc.auth.login.mutate({ email, password });
diff --git a/src/lib/features/errors.ts b/src/lib/features/errors.ts
index f976083..ad700ce 100644
--- a/src/lib/features/errors.ts
+++ b/src/lib/features/errors.ts
@@ -1,5 +1,5 @@
-import { showToast } from "#lib/ui/index.js";
-import { isTRPCClientError } from "#trpc/client.js";
+import { showToast } from "#lib/ui/index.ts";
+import { isTRPCClientError } from "#trpc/client.ts";
 
 const getErrorMessage = (e: unknown, fallbackMessage: string) => {
   if (isTRPCClientError(e)) {
diff --git a/src/lib/features/favorites/index.ts b/src/lib/features/favorites/index.ts
index 893085d..3f1fafc 100644
--- a/src/lib/features/favorites/index.ts
+++ b/src/lib/features/favorites/index.ts
@@ -5,9 +5,9 @@ import {
   setFileFavorite,
   type LocalDirectoryInfo,
   type SummarizedFileInfo,
-} from "#lib/features/filesystem/index.js";
-import { sortEntries } from "#lib/utils/index.js";
-import { trpc } from "#trpc/client.js";
+} from "#lib/features/filesystem/index.ts";
+import { sortEntries } from "#lib/utils/index.ts";
+import { trpc } from "#trpc/client.ts";
 
 export type FavoriteEntry =
   | { type: "directory"; name: string; details: LocalDirectoryInfo }
diff --git a/src/lib/features/filesystem/category.ts b/src/lib/features/filesystem/category.ts
index 25db60e..f4ec339 100644
--- a/src/lib/features/filesystem/category.ts
+++ b/src/lib/features/filesystem/category.ts
@@ -1,15 +1,15 @@
-import * as IndexedDB from "#lib/client/storage/indexedDB/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { FilesystemCache } from "./cache.svelte";
-import { invalidateFile } from "./file";
+import * as IndexedDB from "#lib/client/storage/indexed-db/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { FilesystemCache } from "./cache.svelte.ts";
+import { invalidateFile } from "./file.ts";
 import {
   decryptCategoryMetadata,
   decryptFileMetadata,
   encryptName,
   generateEntryKeys,
-} from "./metadata";
-import { useResource } from "./resource.svelte";
-import type { CategoryInfo, DataKey, LocalCategoryInfo, MaybeCategoryInfo } from "./types";
+} from "./metadata.ts";
+import { useResource } from "./resource.svelte.ts";
+import type { CategoryInfo, DataKey, LocalCategoryInfo, MaybeCategoryInfo } from "./types.ts";
 
 const cache = new FilesystemCache<CategoryId, MaybeCategoryInfo>({
   async fetchFromIndexedDB(id) {
diff --git a/src/lib/features/filesystem/components/Categories.svelte b/src/lib/features/filesystem/components/Categories.svelte
index 5eaabf0..89f6c93 100644
--- a/src/lib/features/filesystem/components/Categories.svelte
+++ b/src/lib/features/filesystem/components/Categories.svelte
@@ -1,5 +1,5 @@
 <script module lang="ts">
-  import type { DataKey, SubCategoryInfo } from "#lib/features/filesystem/index.js";
+  import type { DataKey, SubCategoryInfo } from "#lib/features/filesystem/index.ts";
 
   export interface SelectedCategory {
     id: number;
@@ -11,8 +11,8 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { SvelteHTMLElements } from "svelte/elements";
-  import { ActionEntryButton, CategoryLabel } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  import { ActionEntryButton, CategoryLabel } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
 
   interface Props {
     categories: SubCategoryInfo[];
diff --git a/src/lib/features/filesystem/components/CategoryCreateModal.svelte b/src/lib/features/filesystem/components/CategoryCreateModal.svelte
index 2e7ecc9..0e9535f 100644
--- a/src/lib/features/filesystem/components/CategoryCreateModal.svelte
+++ b/src/lib/features/filesystem/components/CategoryCreateModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { TextInputModal } from "#lib/ui/index.js";
+  import { TextInputModal } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/lib/features/filesystem/components/DirectoryEntry.svelte b/src/lib/features/filesystem/components/DirectoryEntry.svelte
index 6f6bcf5..0324dc3 100644
--- a/src/lib/features/filesystem/components/DirectoryEntry.svelte
+++ b/src/lib/features/filesystem/components/DirectoryEntry.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { SvelteHTMLElements } from "svelte/elements";
-  import { ActionEntryButton, DirectoryEntryLabel } from "#lib/ui/index.js";
+  import { ActionEntryButton, DirectoryEntryLabel } from "#lib/ui/index.ts";
 
   interface Props {
     action?: {
diff --git a/src/lib/features/filesystem/components/FileEntry.svelte b/src/lib/features/filesystem/components/FileEntry.svelte
index 3af2dca..4d2e803 100644
--- a/src/lib/features/filesystem/components/FileEntry.svelte
+++ b/src/lib/features/filesystem/components/FileEntry.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { getFileThumbnail } from "#lib/client/cache/index.js";
-  import { ActionEntryButton, DirectoryEntryLabel } from "#lib/ui/index.js";
-  import { formatDateTime } from "#lib/utils/index.js";
-  import type { SummarizedFileInfo } from "../types";
+  import { getFileThumbnail } from "#lib/client/cache/index.ts";
+  import { ActionEntryButton, DirectoryEntryLabel } from "#lib/ui/index.ts";
+  import { formatDateTime } from "#lib/utils/index.ts";
+  import type { SummarizedFileInfo } from "../types.ts";
 
   interface Props {
     action?: {
diff --git a/src/lib/features/filesystem/components/FileThumbnailButton.svelte b/src/lib/features/filesystem/components/FileThumbnailButton.svelte
index 098be9b..ca19e4c 100644
--- a/src/lib/features/filesystem/components/FileThumbnailButton.svelte
+++ b/src/lib/features/filesystem/components/FileThumbnailButton.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { getFileThumbnail } from "#lib/client/cache/index.js";
-  import type { SummarizedFileInfo } from "#lib/features/filesystem/index.js";
+  import { getFileThumbnail } from "#lib/client/cache/index.ts";
+  import type { SummarizedFileInfo } from "#lib/features/filesystem/index.ts";
 
   import IconFavorite from "~icons/material-symbols/favorite";
 
diff --git a/src/lib/features/filesystem/components/SubCategories.svelte b/src/lib/features/filesystem/components/SubCategories.svelte
index 243a627..0f6ffdb 100644
--- a/src/lib/features/filesystem/components/SubCategories.svelte
+++ b/src/lib/features/filesystem/components/SubCategories.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { Categories, type SelectedCategory } from "#lib/features/filesystem/components/index.js";
-  import type { CategoryInfo } from "#lib/features/filesystem/index.js";
-  import { IconEntryButton } from "#lib/ui/index.js";
+  import { Categories, type SelectedCategory } from "#lib/features/filesystem/components/index.ts";
+  import type { CategoryInfo } from "#lib/features/filesystem/index.ts";
+  import { IconEntryButton } from "#lib/ui/index.ts";
 
   import IconAddCircle from "~icons/material-symbols/add-circle";
 
diff --git a/src/lib/features/filesystem/content.ts b/src/lib/features/filesystem/content.ts
index bd61b84..d980314 100644
--- a/src/lib/features/filesystem/content.ts
+++ b/src/lib/features/filesystem/content.ts
@@ -2,16 +2,16 @@ import {
   deleteFileCache,
   deleteFileThumbnailCache,
   storeFileThumbnailCache,
-} from "#lib/client/cache/index.js";
+} from "#lib/client/cache/index.ts";
 import {
   getDecryptedFileUrl,
   prepareFileDecryption,
   saveDecryptedFile,
-} from "#lib/client/serviceWorker.js";
-import { getAllFileInfos } from "#lib/client/storage/indexedDB/index.js";
-import { uploadBlob } from "#lib/client/transfer/chunkedUpload.js";
-import { trpc } from "#trpc/client.js";
-import type { DataKey } from "./types";
+} from "#lib/client/service-worker.ts";
+import { getAllFileInfos } from "#lib/client/storage/indexed-db/index.ts";
+import { uploadBlob } from "#lib/client/transfer/chunked-upload.ts";
+import { trpc } from "#trpc/client.ts";
+import type { DataKey } from "./types.ts";
 
 interface StreamableFile {
   id: number;
diff --git a/src/lib/features/filesystem/directory.ts b/src/lib/features/filesystem/directory.ts
index 9027743..ff23da6 100644
--- a/src/lib/features/filesystem/directory.ts
+++ b/src/lib/features/filesystem/directory.ts
@@ -1,15 +1,15 @@
-import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.js";
-import * as IndexedDB from "#lib/client/storage/indexedDB/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { FilesystemCache } from "./cache.svelte";
+import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.ts";
+import * as IndexedDB from "#lib/client/storage/indexed-db/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { FilesystemCache } from "./cache.svelte.ts";
 import {
   decryptDirectoryMetadata,
   decryptFileMetadata,
   encryptName,
   generateEntryKeys,
-} from "./metadata";
-import { useResource } from "./resource.svelte";
-import type { DataKey, DirectoryInfo, MaybeDirectoryInfo } from "./types";
+} from "./metadata.ts";
+import { useResource } from "./resource.svelte.ts";
+import type { DataKey, DirectoryInfo, MaybeDirectoryInfo } from "./types.ts";
 
 const cache = new FilesystemCache<DirectoryId, MaybeDirectoryInfo>({
   async fetchFromIndexedDB(id) {
diff --git a/src/lib/features/filesystem/file.ts b/src/lib/features/filesystem/file.ts
index 5eda130..f61a822 100644
--- a/src/lib/features/filesystem/file.ts
+++ b/src/lib/features/filesystem/file.ts
@@ -1,11 +1,11 @@
-import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.js";
-import * as IndexedDB from "#lib/client/storage/indexedDB/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { FilesystemCache } from "./cache.svelte";
-import { invalidateDirectory } from "./directory";
-import { decryptCategoryMetadata, decryptFileMetadata, encryptName } from "./metadata";
-import { useResource } from "./resource.svelte";
-import type { DataKey, FileInfo, MaybeFileInfo } from "./types";
+import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.ts";
+import * as IndexedDB from "#lib/client/storage/indexed-db/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { FilesystemCache } from "./cache.svelte.ts";
+import { invalidateDirectory } from "./directory.ts";
+import { decryptCategoryMetadata, decryptFileMetadata, encryptName } from "./metadata.ts";
+import { useResource } from "./resource.svelte.ts";
+import type { DataKey, FileInfo, MaybeFileInfo } from "./types.ts";
 
 const cache = new FilesystemCache<number, MaybeFileInfo>({
   async fetchFromIndexedDB(id) {
diff --git a/src/lib/features/filesystem/index.ts b/src/lib/features/filesystem/index.ts
index 949717f..1d6298e 100644
--- a/src/lib/features/filesystem/index.ts
+++ b/src/lib/features/filesystem/index.ts
@@ -1,6 +1,6 @@
-export * from "./category";
-export * from "./content";
-export * from "./directory";
-export * from "./file";
-export * from "./types";
-export * from "./upload";
+export * from "./category.ts";
+export * from "./content.ts";
+export * from "./directory.ts";
+export * from "./file.ts";
+export * from "./types.ts";
+export * from "./upload.ts";
diff --git a/src/lib/features/filesystem/metadata.ts b/src/lib/features/filesystem/metadata.ts
index 1ae3a30..ec130d1 100644
--- a/src/lib/features/filesystem/metadata.ts
+++ b/src/lib/features/filesystem/metadata.ts
@@ -1,11 +1,11 @@
-import { keyring } from "#lib/client/keys/index.js";
+import { keyring } from "#lib/client/keys/index.ts";
 import {
   decryptString,
   encryptString,
   generateDataKey,
   unwrapDataKey,
   wrapDataKey,
-} from "#lib/shared/crypto/index.js";
+} from "#lib/shared/crypto/index.ts";
 
 const unwrapEntryDataKey = async (metadata: { mekVersion: number; dek: string }) => {
   const { dataKey } = await unwrapDataKey(
diff --git a/src/lib/features/filesystem/upload.ts b/src/lib/features/filesystem/upload.ts
index 8b0c6d7..ad1a1b8 100644
--- a/src/lib/features/filesystem/upload.ts
+++ b/src/lib/features/filesystem/upload.ts
@@ -1,6 +1,6 @@
-import { storeFileThumbnailCache } from "#lib/client/cache/index.js";
-import { uploadFile as doUploadFile } from "#lib/client/transfer/index.js";
-import { invalidateDirectory } from "./directory";
+import { storeFileThumbnailCache } from "#lib/client/cache/index.ts";
+import { uploadFile as doUploadFile } from "#lib/client/transfer/index.ts";
+import { invalidateDirectory } from "./directory.ts";
 
 // Uploads the file and caches it with its thumbnail locally. Returns `false` if the upload is canceled.
 export const uploadFile = async (
diff --git a/src/lib/features/search/index.ts b/src/lib/features/search/index.ts
index b87f299..d87a049 100644
--- a/src/lib/features/search/index.ts
+++ b/src/lib/features/search/index.ts
@@ -4,8 +4,8 @@ import {
   type FileInfo,
   type LocalCategoryInfo,
   type LocalDirectoryInfo,
-} from "#lib/features/filesystem/index.js";
-import { trpc } from "#trpc/client.js";
+} from "#lib/features/filesystem/index.ts";
+import { trpc } from "#trpc/client.ts";
 
 export interface SearchFilter {
   ancestorId: DirectoryId;
diff --git a/src/lib/server/auth.ts b/src/lib/server/auth.ts
index 7b75203..a752041 100644
--- a/src/lib/server/auth.ts
+++ b/src/lib/server/auth.ts
@@ -1,7 +1,7 @@
-import { ClientRepo, SessionRepo, IntegrityError } from "#lib/server/db/index.js";
-import env from "#lib/server/config.js";
-import { verifySessionId } from "#lib/server/crypto.js";
-import { AppError } from "#lib/server/errors.js";
+import { ClientRepo, SessionRepo, IntegrityError } from "#lib/server/db/index.ts";
+import env from "#lib/server/config.ts";
+import { verifySessionId } from "#lib/server/crypto.ts";
+import { AppError } from "#lib/server/errors.ts";
 
 export interface Session {
   sessionId: string;
diff --git a/src/lib/server/db/error.ts b/src/lib/server/db/error.ts
index 39b33fa..0b030db 100644
--- a/src/lib/server/db/error.ts
+++ b/src/lib/server/db/error.ts
@@ -1,4 +1,4 @@
-import { AppError, type ErrorCode } from "#lib/server/errors.js";
+import { AppError, type ErrorCode } from "#lib/server/errors.ts";
 
 const errorCodes = {
   // Category
diff --git a/src/lib/server/db/index.ts b/src/lib/server/db/index.ts
index 3bf3c1b..09f63a5 100644
--- a/src/lib/server/db/index.ts
+++ b/src/lib/server/db/index.ts
@@ -1,14 +1,14 @@
-export * as CategoryRepo from "./repositories/category";
-export * as ClientRepo from "./repositories/client";
-export * as DirectoryRepo from "./repositories/directory";
-export * as FileRepo from "./repositories/file";
-export * as FileDeletionRepo from "./repositories/fileDeletion";
-export * as HskRepo from "./repositories/hsk";
-export * as MediaRepo from "./repositories/media";
-export * as MekRepo from "./repositories/mek";
-export * as SessionRepo from "./repositories/session";
-export * as UploadRepo from "./repositories/upload";
-export * as UserRepo from "./repositories/user";
+export * as CategoryRepo from "./repositories/category.ts";
+export * as ClientRepo from "./repositories/client.ts";
+export * as DirectoryRepo from "./repositories/directory.ts";
+export * as FileRepo from "./repositories/file.ts";
+export * as FileDeletionRepo from "./repositories/file-deletion.ts";
+export * as HskRepo from "./repositories/hsk.ts";
+export * as MediaRepo from "./repositories/media.ts";
+export * as MekRepo from "./repositories/mek.ts";
+export * as SessionRepo from "./repositories/session.ts";
+export * as UploadRepo from "./repositories/upload.ts";
+export * as UserRepo from "./repositories/user.ts";
 
-export * from "./error";
-export { default as db } from "./kysely";
+export * from "./error.ts";
+export { default as db } from "./kysely.ts";
diff --git a/src/lib/server/db/kysely.ts b/src/lib/server/db/kysely.ts
index 8469729..d3c98ff 100644
--- a/src/lib/server/db/kysely.ts
+++ b/src/lib/server/db/kysely.ts
@@ -1,9 +1,9 @@
 import { Kysely } from "kysely";
 import { Migrator } from "kysely/migration";
-import env from "#lib/server/config.js";
-import { createDialect } from "./dialect";
-import migrations from "./migrations";
-import type { Database } from "./schema";
+import env from "#lib/server/config.ts";
+import { createDialect } from "./dialect.ts";
+import migrations from "./migrations/index.ts";
+import type { Database } from "./schema/index.ts";
 
 const db = new Kysely<Database>({ dialect: createDialect(env.database) });
 
diff --git a/src/lib/server/db/migrations/index.ts b/src/lib/server/db/migrations/index.ts
index 9aa5c7e..cf43e99 100644
--- a/src/lib/server/db/migrations/index.ts
+++ b/src/lib/server/db/migrations/index.ts
@@ -1,9 +1,9 @@
-import * as Initial1737357000 from "./1737357000-Initial";
-import * as AddFileCategory1737422340 from "./1737422340-AddFileCategory";
-import * as AddThumbnail1738409340 from "./1738409340-AddThumbnail";
-import * as AddChunkedUpload1768062380 from "./1768062380-AddChunkedUpload";
-import * as AddFavorites1768643000 from "./1768643000-AddFavorites";
-import * as AddFileDeletionQueue1791730000 from "./1791730000-AddFileDeletionQueue";
+import * as Initial1737357000 from "./1737357000-Initial.ts";
+import * as AddFileCategory1737422340 from "./1737422340-AddFileCategory.ts";
+import * as AddThumbnail1738409340 from "./1738409340-AddThumbnail.ts";
+import * as AddChunkedUpload1768062380 from "./1768062380-AddChunkedUpload.ts";
+import * as AddFavorites1768643000 from "./1768643000-AddFavorites.ts";
+import * as AddFileDeletionQueue1791730000 from "./1791730000-AddFileDeletionQueue.ts";
 
 export default {
   "1737357000-Initial": Initial1737357000,
diff --git a/src/lib/server/db/repositories/category.ts b/src/lib/server/db/repositories/category.ts
index b144899..a659852 100644
--- a/src/lib/server/db/repositories/category.ts
+++ b/src/lib/server/db/repositories/category.ts
@@ -1,8 +1,8 @@
 import type { Selectable } from "kysely";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { CategoryTable, Ciphertext } from "../schema";
-import { lockActiveMekVersion } from "./mek";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { CategoryTable, Ciphertext } from "../schema/index.ts";
+import { lockActiveMekVersion } from "./mek.ts";
 
 export interface Category {
   id: number;
diff --git a/src/lib/server/db/repositories/client.ts b/src/lib/server/db/repositories/client.ts
index 0e408e2..cc2bb15 100644
--- a/src/lib/server/db/repositories/client.ts
+++ b/src/lib/server/db/repositories/client.ts
@@ -1,7 +1,7 @@
 import pg from "pg";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { UserClientState } from "../schema";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { UserClientState } from "../schema/index.ts";
 
 interface Client {
   id: number;
diff --git a/src/lib/server/db/repositories/directory.ts b/src/lib/server/db/repositories/directory.ts
index 74183dc..3267db5 100644
--- a/src/lib/server/db/repositories/directory.ts
+++ b/src/lib/server/db/repositories/directory.ts
@@ -1,9 +1,9 @@
 import type { Selectable } from "kysely";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { Ciphertext, DirectoryTable } from "../schema";
-import { enqueueFileDeletions } from "./fileDeletion";
-import { lockActiveMekVersion } from "./mek";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { Ciphertext, DirectoryTable } from "../schema/index.ts";
+import { enqueueFileDeletions } from "./file-deletion.ts";
+import { lockActiveMekVersion } from "./mek.ts";
 
 export interface Directory {
   id: number;
diff --git a/src/lib/server/db/repositories/fileDeletion.ts b/src/lib/server/db/repositories/file-deletion.ts
similarity index 95%
rename from src/lib/server/db/repositories/fileDeletion.ts
rename to src/lib/server/db/repositories/file-deletion.ts
index 8cdbf24..995dad2 100644
--- a/src/lib/server/db/repositories/fileDeletion.ts
+++ b/src/lib/server/db/repositories/file-deletion.ts
@@ -1,4 +1,4 @@
-import db from "../kysely";
+import db from "../kysely.ts";
 
 export const enqueueFileDeletions = async (
   trx: typeof db,
diff --git a/src/lib/server/db/repositories/file.ts b/src/lib/server/db/repositories/file.ts
index e8ee131..1d7c7dd 100644
--- a/src/lib/server/db/repositories/file.ts
+++ b/src/lib/server/db/repositories/file.ts
@@ -1,11 +1,11 @@
 import { sql, type Selectable } from "kysely";
 import { jsonArrayFrom } from "kysely/helpers/postgres";
 import pg from "pg";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { Ciphertext, FileTable } from "../schema";
-import { toCategory } from "./category";
-import { enqueueFileDeletions } from "./fileDeletion";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { Ciphertext, FileTable } from "../schema/index.ts";
+import { toCategory } from "./category.ts";
+import { enqueueFileDeletions } from "./file-deletion.ts";
 
 export interface File {
   id: number;
diff --git a/src/lib/server/db/repositories/hsk.ts b/src/lib/server/db/repositories/hsk.ts
index 9be9425..1e35a7d 100644
--- a/src/lib/server/db/repositories/hsk.ts
+++ b/src/lib/server/db/repositories/hsk.ts
@@ -1,7 +1,7 @@
 import pg from "pg";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { HskState } from "../schema";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { HskState } from "../schema/index.ts";
 
 interface Hsk {
   userId: number;
diff --git a/src/lib/server/db/repositories/media.ts b/src/lib/server/db/repositories/media.ts
index e138a87..c2e1d4c 100644
--- a/src/lib/server/db/repositories/media.ts
+++ b/src/lib/server/db/repositories/media.ts
@@ -1,7 +1,7 @@
 import type { NotNull } from "kysely";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import { enqueueFileDeletions } from "./fileDeletion";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import { enqueueFileDeletions } from "./file-deletion.ts";
 
 interface Thumbnail {
   id: number;
diff --git a/src/lib/server/db/repositories/mek.ts b/src/lib/server/db/repositories/mek.ts
index cc5f2dc..271fc49 100644
--- a/src/lib/server/db/repositories/mek.ts
+++ b/src/lib/server/db/repositories/mek.ts
@@ -1,7 +1,7 @@
 import pg from "pg";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { MekState } from "../schema";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { MekState } from "../schema/index.ts";
 
 interface Mek {
   userId: number;
diff --git a/src/lib/server/db/repositories/session.ts b/src/lib/server/db/repositories/session.ts
index 58a255f..60bc808 100644
--- a/src/lib/server/db/repositories/session.ts
+++ b/src/lib/server/db/repositories/session.ts
@@ -1,7 +1,7 @@
 import pg from "pg";
-import env from "#lib/server/config.js";
-import { IntegrityError } from "../error";
-import db from "../kysely";
+import env from "#lib/server/config.ts";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
 
 export const createSession = async (
   userId: number,
diff --git a/src/lib/server/db/repositories/upload.ts b/src/lib/server/db/repositories/upload.ts
index 1bd361f..9dd1106 100644
--- a/src/lib/server/db/repositories/upload.ts
+++ b/src/lib/server/db/repositories/upload.ts
@@ -1,11 +1,11 @@
 import { sql, type Selectable } from "kysely";
-import { IntegrityError } from "../error";
-import db from "../kysely";
-import type { Ciphertext, UploadSessionTable } from "../schema";
-import { ensureDirectoryExists } from "./directory";
-import { enqueueFileDeletions } from "./fileDeletion";
-import { lockActiveHskVersion } from "./hsk";
-import { lockActiveMekVersion } from "./mek";
+import { IntegrityError } from "../error.ts";
+import db from "../kysely.ts";
+import type { Ciphertext, UploadSessionTable } from "../schema/index.ts";
+import { ensureDirectoryExists } from "./directory.ts";
+import { enqueueFileDeletions } from "./file-deletion.ts";
+import { lockActiveHskVersion } from "./hsk.ts";
+import { lockActiveMekVersion } from "./mek.ts";
 
 interface BaseUploadSession {
   id: string;
diff --git a/src/lib/server/db/repositories/user.ts b/src/lib/server/db/repositories/user.ts
index b51c25e..4407f60 100644
--- a/src/lib/server/db/repositories/user.ts
+++ b/src/lib/server/db/repositories/user.ts
@@ -1,4 +1,4 @@
-import db from "../kysely";
+import db from "../kysely.ts";
 
 interface User {
   id: number;
diff --git a/src/lib/server/db/schema/category.ts b/src/lib/server/db/schema/category.ts
index 5996f89..76b5ae9 100644
--- a/src/lib/server/db/schema/category.ts
+++ b/src/lib/server/db/schema/category.ts
@@ -1,5 +1,5 @@
 import type { Generated } from "kysely";
-import type { Ciphertext } from "./utils";
+import type { Ciphertext } from "./utils.ts";
 
 export interface CategoryTable {
   id: Generated<number>;
diff --git a/src/lib/server/db/schema/directory.ts b/src/lib/server/db/schema/directory.ts
index 390998d..4713e11 100644
--- a/src/lib/server/db/schema/directory.ts
+++ b/src/lib/server/db/schema/directory.ts
@@ -1,5 +1,5 @@
 import type { ColumnType, Generated } from "kysely";
-import type { Ciphertext } from "./utils";
+import type { Ciphertext } from "./utils.ts";
 
 export interface DirectoryTable {
   id: Generated<number>;
diff --git a/src/lib/server/db/schema/fileDeletion.ts b/src/lib/server/db/schema/file-deletion.ts
similarity index 100%
rename from src/lib/server/db/schema/fileDeletion.ts
rename to src/lib/server/db/schema/file-deletion.ts
diff --git a/src/lib/server/db/schema/file.ts b/src/lib/server/db/schema/file.ts
index 784ad93..805ef8f 100644
--- a/src/lib/server/db/schema/file.ts
+++ b/src/lib/server/db/schema/file.ts
@@ -1,5 +1,5 @@
 import type { ColumnType, Generated } from "kysely";
-import type { Ciphertext } from "./utils";
+import type { Ciphertext } from "./utils.ts";
 
 export interface FileTable {
   id: Generated<number>;
diff --git a/src/lib/server/db/schema/index.ts b/src/lib/server/db/schema/index.ts
index 9265ccd..93b2845 100644
--- a/src/lib/server/db/schema/index.ts
+++ b/src/lib/server/db/schema/index.ts
@@ -1,15 +1,15 @@
-export * from "./category";
-export * from "./client";
-export * from "./directory";
-export * from "./file";
-export * from "./fileDeletion";
-export * from "./hsk";
-export * from "./media";
-export * from "./mek";
-export * from "./session";
-export * from "./upload";
-export * from "./user";
-export * from "./utils";
+export * from "./category.ts";
+export * from "./client.ts";
+export * from "./directory.ts";
+export * from "./file.ts";
+export * from "./file-deletion.ts";
+export * from "./hsk.ts";
+export * from "./media.ts";
+export * from "./mek.ts";
+export * from "./session.ts";
+export * from "./upload.ts";
+export * from "./user.ts";
+export * from "./utils.ts";
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface Database {}
diff --git a/src/lib/server/db/schema/upload.ts b/src/lib/server/db/schema/upload.ts
index 9d07cda..7b787c5 100644
--- a/src/lib/server/db/schema/upload.ts
+++ b/src/lib/server/db/schema/upload.ts
@@ -1,5 +1,5 @@
 import type { Generated } from "kysely";
-import type { Ciphertext } from "./utils";
+import type { Ciphertext } from "./utils.ts";
 
 export interface UploadSessionTable {
   id: string;
diff --git a/src/lib/server/http.ts b/src/lib/server/http.ts
index 87f317f..bd10d91 100644
--- a/src/lib/server/http.ts
+++ b/src/lib/server/http.ts
@@ -1,5 +1,5 @@
 import { error, type RequestEvent } from "@sveltejs/kit";
-import { AppError } from "#lib/server/errors.js";
+import { AppError } from "#lib/server/errors.ts";
 
 // Converts `AppError`s thrown by services into HTTP errors
 export const handleAppErrors = <Event extends RequestEvent>(
diff --git a/src/lib/server/middlewares/authenticate.ts b/src/lib/server/middlewares/authenticate.ts
index 64031db..1b2ddcb 100644
--- a/src/lib/server/middlewares/authenticate.ts
+++ b/src/lib/server/middlewares/authenticate.ts
@@ -1,6 +1,6 @@
 import { error, redirect } from "@sveltejs/kit";
 import type { Handle } from "@sveltejs/kit/hooks";
-import { cookieOptions, authenticate, AuthenticationError } from "#lib/server/auth.js";
+import { cookieOptions, authenticate, AuthenticationError } from "#lib/server/auth.ts";
 
 export const authenticateMiddleware: Handle = async ({ event, resolve }) => {
   try {
diff --git a/src/lib/server/middlewares/index.ts b/src/lib/server/middlewares/index.ts
index 4af122e..1486032 100644
--- a/src/lib/server/middlewares/index.ts
+++ b/src/lib/server/middlewares/index.ts
@@ -1,2 +1,2 @@
-export { default as authenticate } from "./authenticate";
-export { default as setAgentInfo } from "./setAgentInfo";
+export { default as authenticate } from "./authenticate.ts";
+export { default as setAgentInfo } from "./set-agent-info.ts";
diff --git a/src/lib/server/middlewares/setAgentInfo.ts b/src/lib/server/middlewares/set-agent-info.ts
similarity index 100%
rename from src/lib/server/middlewares/setAgentInfo.ts
rename to src/lib/server/middlewares/set-agent-info.ts
diff --git a/src/lib/server/services/auth.ts b/src/lib/server/services/auth.ts
index 70fc787..af2ff4a 100644
--- a/src/lib/server/services/auth.ts
+++ b/src/lib/server/services/auth.ts
@@ -1,9 +1,9 @@
 import argon2 from "argon2";
-import { ClientRepo, IntegrityError, SessionRepo, UserRepo } from "#lib/server/db/index.js";
-import env from "#lib/server/config.js";
-import { issueSessionId } from "#lib/server/crypto.js";
-import { AppError } from "#lib/server/errors.js";
-import { createChallenge, verifyChallengeAnswer } from "./client";
+import { ClientRepo, IntegrityError, SessionRepo, UserRepo } from "#lib/server/db/index.ts";
+import env from "#lib/server/config.ts";
+import { issueSessionId } from "#lib/server/crypto.ts";
+import { AppError } from "#lib/server/errors.ts";
+import { createChallenge, verifyChallengeAnswer } from "./client.ts";
 
 const MIN_PASSWORD_LENGTH = 8;
 
diff --git a/src/lib/server/services/category.ts b/src/lib/server/services/category.ts
index 52b821c..41a23d1 100644
--- a/src/lib/server/services/category.ts
+++ b/src/lib/server/services/category.ts
@@ -1,7 +1,7 @@
-import { CategoryRepo, FileRepo } from "#lib/server/db/index.js";
-import type { Ciphertext } from "#lib/server/db/schema/index.js";
-import { AppError } from "#lib/server/errors.js";
-import { ensureFreshDekVersion } from "./common";
+import { CategoryRepo, FileRepo } from "#lib/server/db/index.ts";
+import type { Ciphertext } from "#lib/server/db/schema/index.ts";
+import { AppError } from "#lib/server/errors.ts";
+import { ensureFreshDekVersion } from "./common.ts";
 
 export const getCategory = async (userId: number, categoryId: CategoryId, recurse: boolean) => {
   const category =
diff --git a/src/lib/server/services/client.ts b/src/lib/server/services/client.ts
index 46856e3..48d0c73 100644
--- a/src/lib/server/services/client.ts
+++ b/src/lib/server/services/client.ts
@@ -1,7 +1,7 @@
-import { ClientRepo } from "#lib/server/db/index.js";
-import env from "#lib/server/config.js";
-import { generateChallenge, verifyPubKey, verifySignature } from "#lib/server/crypto.js";
-import { AppError } from "#lib/server/errors.js";
+import { ClientRepo } from "#lib/server/db/index.ts";
+import env from "#lib/server/config.ts";
+import { generateChallenge, verifyPubKey, verifySignature } from "#lib/server/crypto.ts";
+import { AppError } from "#lib/server/errors.ts";
 
 const CHALLENGE_LENGTH = 32;
 
diff --git a/src/lib/server/services/common.ts b/src/lib/server/services/common.ts
index 62d0788..c527ae7 100644
--- a/src/lib/server/services/common.ts
+++ b/src/lib/server/services/common.ts
@@ -1,4 +1,4 @@
-import { AppError } from "#lib/server/errors.js";
+import { AppError } from "#lib/server/errors.ts";
 
 const DEK_VERSION_TOLERANCE = 60 * 1000; // 1 minute
 
diff --git a/src/lib/server/services/directory.ts b/src/lib/server/services/directory.ts
index 1dee8ac..ac79fff 100644
--- a/src/lib/server/services/directory.ts
+++ b/src/lib/server/services/directory.ts
@@ -1,8 +1,8 @@
-import { DirectoryRepo, FileRepo } from "#lib/server/db/index.js";
-import type { Ciphertext } from "#lib/server/db/schema/index.js";
-import { AppError } from "#lib/server/errors.js";
-import { ensureFreshDekVersion } from "./common";
-import { schedulePendingFileDeletions } from "./fileDeletion";
+import { DirectoryRepo, FileRepo } from "#lib/server/db/index.ts";
+import type { Ciphertext } from "#lib/server/db/schema/index.ts";
+import { AppError } from "#lib/server/errors.ts";
+import { ensureFreshDekVersion } from "./common.ts";
+import { schedulePendingFileDeletions } from "./file-deletion.ts";
 
 export const getDirectory = async (userId: number, directoryId: DirectoryId) => {
   const directory =
diff --git a/src/lib/server/services/fileDeletion.ts b/src/lib/server/services/file-deletion.ts
similarity index 91%
rename from src/lib/server/services/fileDeletion.ts
rename to src/lib/server/services/file-deletion.ts
index f0a2291..d117cd6 100644
--- a/src/lib/server/services/fileDeletion.ts
+++ b/src/lib/server/services/file-deletion.ts
@@ -1,5 +1,5 @@
-import { FileDeletionRepo } from "#lib/server/db/index.js";
-import { deleteFile } from "#lib/server/storage/index.js";
+import { FileDeletionRepo } from "#lib/server/db/index.ts";
+import { deleteFile } from "#lib/server/storage/index.ts";
 
 const BATCH_SIZE = 100;
 
diff --git a/src/lib/server/services/file.ts b/src/lib/server/services/file.ts
index fab5447..cfea308 100644
--- a/src/lib/server/services/file.ts
+++ b/src/lib/server/services/file.ts
@@ -1,9 +1,9 @@
-import { FileRepo, MediaRepo } from "#lib/server/db/index.js";
-import type { Ciphertext } from "#lib/server/db/schema/index.js";
-import { AppError } from "#lib/server/errors.js";
-import { createEncContentStream } from "#lib/server/storage/index.js";
-import type { RangeRequest } from "#lib/shared/http.js";
-import { schedulePendingFileDeletions } from "./fileDeletion";
+import { FileRepo, MediaRepo } from "#lib/server/db/index.ts";
+import type { Ciphertext } from "#lib/server/db/schema/index.ts";
+import { AppError } from "#lib/server/errors.ts";
+import { createEncContentStream } from "#lib/server/storage/index.ts";
+import type { RangeRequest } from "#lib/shared/http.ts";
+import { schedulePendingFileDeletions } from "./file-deletion.ts";
 
 export const getFile = async (userId: number, fileId: number) => {
   const file = await FileRepo.getFile(userId, fileId);
diff --git a/src/lib/server/services/index.ts b/src/lib/server/services/index.ts
index 593e708..dbb2835 100644
--- a/src/lib/server/services/index.ts
+++ b/src/lib/server/services/index.ts
@@ -1,10 +1,10 @@
-export * as AuthService from "./auth";
-export * as CategoryService from "./category";
-export * as ClientService from "./client";
-export * as DirectoryService from "./directory";
-export * as FileService from "./file";
-export * as FileDeletionService from "./fileDeletion";
-export * as KeyService from "./key";
-export * as SearchService from "./search";
-export * as UploadService from "./upload";
-export * as UserService from "./user";
+export * as AuthService from "./auth.ts";
+export * as CategoryService from "./category.ts";
+export * as ClientService from "./client.ts";
+export * as DirectoryService from "./directory.ts";
+export * as FileService from "./file.ts";
+export * as FileDeletionService from "./file-deletion.ts";
+export * as KeyService from "./key.ts";
+export * as SearchService from "./search.ts";
+export * as UploadService from "./upload.ts";
+export * as UserService from "./user.ts";
diff --git a/src/lib/server/services/key.ts b/src/lib/server/services/key.ts
index 44427be..b560627 100644
--- a/src/lib/server/services/key.ts
+++ b/src/lib/server/services/key.ts
@@ -1,6 +1,6 @@
-import { ClientRepo, HskRepo, MekRepo } from "#lib/server/db/index.js";
-import { verifySignature } from "#lib/server/crypto.js";
-import { AppError } from "#lib/server/errors.js";
+import { ClientRepo, HskRepo, MekRepo } from "#lib/server/db/index.ts";
+import { verifySignature } from "#lib/server/crypto.ts";
+import { AppError } from "#lib/server/errors.ts";
 
 export const getClientMeks = async (userId: number, clientId: number) => {
   return await MekRepo.getAllValidClientMeks(userId, clientId);
diff --git a/src/lib/server/services/search.ts b/src/lib/server/services/search.ts
index a2b8955..9bbca1b 100644
--- a/src/lib/server/services/search.ts
+++ b/src/lib/server/services/search.ts
@@ -1,4 +1,4 @@
-import { DirectoryRepo, FileRepo } from "#lib/server/db/index.js";
+import { DirectoryRepo, FileRepo } from "#lib/server/db/index.ts";
 
 export const search = async (
   userId: number,
diff --git a/src/lib/server/services/upload.ts b/src/lib/server/services/upload.ts
index db95614..8c08507 100644
--- a/src/lib/server/services/upload.ts
+++ b/src/lib/server/services/upload.ts
@@ -1,15 +1,15 @@
 import type { Readable } from "stream";
-import { db, FileRepo, MediaRepo, UploadRepo } from "#lib/server/db/index.js";
-import type { Ciphertext } from "#lib/server/db/schema/index.js";
-import { AppError } from "#lib/server/errors.js";
+import { db, FileRepo, MediaRepo, UploadRepo } from "#lib/server/db/index.ts";
+import type { Ciphertext } from "#lib/server/db/schema/index.ts";
+import { AppError } from "#lib/server/errors.ts";
 import {
   deleteFile,
   hashFile,
   reserveFile,
   writeChunkAtOffset,
-} from "#lib/server/storage/index.js";
-import { ensureFreshDekVersion } from "./common";
-import { schedulePendingFileDeletions } from "./fileDeletion";
+} from "#lib/server/storage/index.ts";
+import { ensureFreshDekVersion } from "./common.ts";
+import { schedulePendingFileDeletions } from "./file-deletion.ts";
 
 const UPLOAD_EXPIRES = 24 * 3600 * 1000; // 24 hours
 const THUMBNAIL_CHUNKS = 1; // Up to 4 MiB
diff --git a/src/lib/server/services/user.ts b/src/lib/server/services/user.ts
index ce65b5a..39a06d4 100644
--- a/src/lib/server/services/user.ts
+++ b/src/lib/server/services/user.ts
@@ -1,5 +1,5 @@
-import { UserRepo } from "#lib/server/db/index.js";
-import { AppError } from "#lib/server/errors.js";
+import { UserRepo } from "#lib/server/db/index.ts";
+import { AppError } from "#lib/server/errors.ts";
 
 export const getUser = async (userId: number) => {
   const user = await UserRepo.getUser(userId);
diff --git a/src/lib/server/storage/chunks.ts b/src/lib/server/storage/chunks.ts
index 2e4b5cb..8e25739 100644
--- a/src/lib/server/storage/chunks.ts
+++ b/src/lib/server/storage/chunks.ts
@@ -1,7 +1,7 @@
 import { open } from "fs/promises";
 import type { Readable } from "stream";
-import { AppError } from "#lib/server/errors.js";
-import { ENCRYPTION_OVERHEAD, ENCRYPTED_CHUNK_SIZE } from "#lib/shared/format/index.js";
+import { AppError } from "#lib/server/errors.ts";
+import { ENCRYPTION_OVERHEAD, ENCRYPTED_CHUNK_SIZE } from "#lib/shared/format/index.ts";
 
 const invalidChunkSize = () => new AppError("BAD_REQUEST", "Invalid chunk size");
 
diff --git a/src/lib/server/storage/files.ts b/src/lib/server/storage/files.ts
index a7b98e0..fbe611e 100644
--- a/src/lib/server/storage/files.ts
+++ b/src/lib/server/storage/files.ts
@@ -2,7 +2,7 @@ import { createHash, randomUUID } from "crypto";
 import { createReadStream } from "fs";
 import { mkdir, open, unlink } from "fs/promises";
 import { dirname } from "path";
-import env from "#lib/server/config.js";
+import env from "#lib/server/config.ts";
 
 const roots = {
   library: () => env.libraryPath,
diff --git a/src/lib/server/storage/index.ts b/src/lib/server/storage/index.ts
index 2435011..cee50d7 100644
--- a/src/lib/server/storage/index.ts
+++ b/src/lib/server/storage/index.ts
@@ -1,3 +1,3 @@
-export * from "./chunks";
-export * from "./files";
-export * from "./streams";
+export * from "./chunks.ts";
+export * from "./files.ts";
+export * from "./streams.ts";
diff --git a/src/lib/server/storage/streams.ts b/src/lib/server/storage/streams.ts
index 2fd3747..ef8e835 100644
--- a/src/lib/server/storage/streams.ts
+++ b/src/lib/server/storage/streams.ts
@@ -1,8 +1,8 @@
 import { createReadStream } from "fs";
 import { stat } from "fs/promises";
 import { Readable } from "stream";
-import { AppError } from "#lib/server/errors.js";
-import { resolveRange, type RangeRequest } from "#lib/shared/http.js";
+import { AppError } from "#lib/server/errors.ts";
+import { resolveRange, type RangeRequest } from "#lib/shared/http.ts";
 
 export const createEncContentStream = async (
   path: string,
diff --git a/src/lib/shared/crypto/aes.ts b/src/lib/shared/crypto/aes.ts
index 1f71122..8d695ce 100644
--- a/src/lib/shared/crypto/aes.ts
+++ b/src/lib/shared/crypto/aes.ts
@@ -1,11 +1,11 @@
-import { AES_GCM_IV_SIZE } from "#lib/shared/format/index.js";
+import { AES_GCM_IV_SIZE } from "#lib/shared/format/index.ts";
 import {
   encodeString,
   decodeString,
   encodeToBase64,
   decodeFromBase64,
   concatenateBuffers,
-} from "./encoding";
+} from "./encoding.ts";
 
 export const generateMasterKey = async () => {
   return {
diff --git a/src/lib/shared/crypto/index.ts b/src/lib/shared/crypto/index.ts
index 623bd57..75e0f0e 100644
--- a/src/lib/shared/crypto/index.ts
+++ b/src/lib/shared/crypto/index.ts
@@ -1,4 +1,4 @@
-export * from "./aes";
-export * from "./encoding";
-export * from "./rsa";
-export * from "./sha";
+export * from "./aes.ts";
+export * from "./encoding.ts";
+export * from "./rsa.ts";
+export * from "./sha.ts";
diff --git a/src/lib/shared/crypto/rsa.ts b/src/lib/shared/crypto/rsa.ts
index e01ad42..0eebdd4 100644
--- a/src/lib/shared/crypto/rsa.ts
+++ b/src/lib/shared/crypto/rsa.ts
@@ -1,4 +1,4 @@
-import { encodeString, encodeToBase64, decodeFromBase64 } from "./encoding";
+import { encodeString, encodeToBase64, decodeFromBase64 } from "./encoding.ts";
 
 export const generateEncryptionKeyPair = async () => {
   const keyPair = await crypto.subtle.generateKey(
diff --git a/src/lib/shared/format/index.ts b/src/lib/shared/format/index.ts
index 2200e8a..fb92370 100644
--- a/src/lib/shared/format/index.ts
+++ b/src/lib/shared/format/index.ts
@@ -1,2 +1,2 @@
-export * from "./chunk";
-export * from "./stream";
+export * from "./chunk.ts";
+export * from "./stream.ts";
diff --git a/src/lib/shared/format/stream.ts b/src/lib/shared/format/stream.ts
index 8c2bda6..8d1c9dc 100644
--- a/src/lib/shared/format/stream.ts
+++ b/src/lib/shared/format/stream.ts
@@ -1,6 +1,6 @@
-import { decryptChunk } from "#lib/shared/crypto/index.js";
-import type { ByteRange } from "#lib/shared/http.js";
-import { CHUNK_SIZE, ENCRYPTED_CHUNK_SIZE } from "./chunk";
+import { decryptChunk } from "#lib/shared/crypto/index.ts";
+import type { ByteRange } from "#lib/shared/http.ts";
+import { CHUNK_SIZE, ENCRYPTED_CHUNK_SIZE } from "./chunk.ts";
 
 // Accumulates stream pieces and takes them out in fixed sizes without copying them repeatedly
 const createByteQueue = () => {
diff --git a/src/lib/shared/serviceWorker.ts b/src/lib/shared/service-worker.ts
similarity index 93%
rename from src/lib/shared/serviceWorker.ts
rename to src/lib/shared/service-worker.ts
index a7afff5..b891076 100644
--- a/src/lib/shared/serviceWorker.ts
+++ b/src/lib/shared/service-worker.ts
@@ -1,4 +1,4 @@
-export const DECRYPTED_FILE_URL_PREFIX = "/_internal/decryptedFile/";
+export const DECRYPTED_FILE_URL_PREFIX = "/_internal/decrypted-file/";
 
 export interface FileMetadata {
   isLegacy: boolean;
diff --git a/src/lib/ui/buttons/FloatingButton.svelte b/src/lib/ui/buttons/FloatingButton.svelte
index c135460..45ae61a 100644
--- a/src/lib/ui/buttons/FloatingButton.svelte
+++ b/src/lib/ui/buttons/FloatingButton.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
 
   interface Props {
     class: ClassValue;
diff --git a/src/lib/ui/buttons/IconEntryButton.svelte b/src/lib/ui/buttons/IconEntryButton.svelte
index cf194e6..75d692a 100644
--- a/src/lib/ui/buttons/IconEntryButton.svelte
+++ b/src/lib/ui/buttons/IconEntryButton.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Component, Snippet } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { EntryButton, IconLabel } from "#lib/ui/index.js";
+  import { EntryButton, IconLabel } from "#lib/ui/index.ts";
 
   interface Props {
     children: Snippet;
diff --git a/src/lib/ui/index.ts b/src/lib/ui/index.ts
index 7968c56..dbddd71 100644
--- a/src/lib/ui/index.ts
+++ b/src/lib/ui/index.ts
@@ -20,9 +20,9 @@ export * from "./overlays/ActionModal.svelte";
 export { default as ActionModal } from "./overlays/ActionModal.svelte";
 export { default as BottomSheet } from "./overlays/BottomSheet.svelte";
 export { default as Modal } from "./overlays/Modal.svelte";
-export * from "./overlays/overlayGroup.svelte";
+export * from "./overlays/overlay-group.svelte.ts";
 export { default as RenameModal } from "./overlays/RenameModal.svelte";
 export { default as TextInputModal } from "./overlays/TextInputModal.svelte";
-export * from "./overlays/toast.svelte";
+export * from "./overlays/toast.svelte.ts";
 export { default as Toasts } from "./overlays/Toasts.svelte";
 export { default as RowVirtualizer } from "./RowVirtualizer.svelte";
diff --git a/src/lib/ui/labels/CategoryLabel.svelte b/src/lib/ui/labels/CategoryLabel.svelte
index b133098..4d32656 100644
--- a/src/lib/ui/labels/CategoryLabel.svelte
+++ b/src/lib/ui/labels/CategoryLabel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { ClassValue } from "svelte/elements";
-  import { IconLabel } from "#lib/ui/index.js";
+  import { IconLabel } from "#lib/ui/index.ts";
 
   import IconCategory from "~icons/material-symbols/category";
 
diff --git a/src/lib/ui/labels/DirectoryEntryLabel.svelte b/src/lib/ui/labels/DirectoryEntryLabel.svelte
index 121d9d4..69e744c 100644
--- a/src/lib/ui/labels/DirectoryEntryLabel.svelte
+++ b/src/lib/ui/labels/DirectoryEntryLabel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { ClassValue } from "svelte/elements";
-  import { IconLabel } from "#lib/ui/index.js";
+  import { IconLabel } from "#lib/ui/index.ts";
 
   import IconFolder from "~icons/material-symbols/folder";
   import IconDriveFolderUpload from "~icons/material-symbols/drive-folder-upload";
diff --git a/src/lib/ui/layout/TitledDiv.svelte b/src/lib/ui/layout/TitledDiv.svelte
index 2a1ad97..b23c16c 100644
--- a/src/lib/ui/layout/TitledDiv.svelte
+++ b/src/lib/ui/layout/TitledDiv.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Component, Snippet } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { TitleLabel } from "#lib/ui/index.js";
+  import { TitleLabel } from "#lib/ui/index.ts";
 
   interface Props {
     children?: Snippet;
diff --git a/src/lib/ui/overlays/ActionModal.svelte b/src/lib/ui/overlays/ActionModal.svelte
index ca1ffae..d4a766f 100644
--- a/src/lib/ui/overlays/ActionModal.svelte
+++ b/src/lib/ui/overlays/ActionModal.svelte
@@ -4,7 +4,7 @@
 
 <script lang="ts">
   import type { Snippet } from "svelte";
-  import { Button, Modal } from "#lib/ui/index.js";
+  import { Button, Modal } from "#lib/ui/index.ts";
 
   interface Props {
     cancelText?: string;
diff --git a/src/lib/ui/overlays/BottomSheet.svelte b/src/lib/ui/overlays/BottomSheet.svelte
index 728ee5b..7671b32 100644
--- a/src/lib/ui/overlays/BottomSheet.svelte
+++ b/src/lib/ui/overlays/BottomSheet.svelte
@@ -2,7 +2,7 @@
   import type { Snippet } from "svelte";
   import type { ClassValue } from "svelte/elements";
   import { fade, fly } from "svelte/transition";
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
 
   interface Props {
     children: Snippet;
diff --git a/src/lib/ui/overlays/Modal.svelte b/src/lib/ui/overlays/Modal.svelte
index 180be83..965c9ed 100644
--- a/src/lib/ui/overlays/Modal.svelte
+++ b/src/lib/ui/overlays/Modal.svelte
@@ -2,7 +2,7 @@
   import type { Snippet } from "svelte";
   import type { ClassValue } from "svelte/elements";
   import { fade } from "svelte/transition";
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
 
   interface Props {
     children: Snippet;
diff --git a/src/lib/ui/overlays/RenameModal.svelte b/src/lib/ui/overlays/RenameModal.svelte
index 8d6dfda..da69e8f 100644
--- a/src/lib/ui/overlays/RenameModal.svelte
+++ b/src/lib/ui/overlays/RenameModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { TextInputModal } from "#lib/ui/index.js";
+  import { TextInputModal } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/lib/ui/overlays/TextInputModal.svelte b/src/lib/ui/overlays/TextInputModal.svelte
index 0d33fb0..11bdd03 100644
--- a/src/lib/ui/overlays/TextInputModal.svelte
+++ b/src/lib/ui/overlays/TextInputModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { TextInput, ActionModal, type ConfirmHandler } from "#lib/ui/index.js";
+  import { TextInput, ActionModal, type ConfirmHandler } from "#lib/ui/index.ts";
 
   interface Props {
     defaultValue?: string;
diff --git a/src/lib/ui/overlays/Toasts.svelte b/src/lib/ui/overlays/Toasts.svelte
index 500698c..5e2ae56 100644
--- a/src/lib/ui/overlays/Toasts.svelte
+++ b/src/lib/ui/overlays/Toasts.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { fly } from "svelte/transition";
-  import { getToasts } from "./toast.svelte";
+  import { getToasts } from "./toast.svelte.ts";
 </script>
 
 <div class="pointer-events-none fixed inset-x-0 top-4 z-50 flex flex-col items-center gap-y-2 px-4">
diff --git a/src/lib/ui/overlays/overlayGroup.svelte.ts b/src/lib/ui/overlays/overlay-group.svelte.ts
similarity index 100%
rename from src/lib/ui/overlays/overlayGroup.svelte.ts
rename to src/lib/ui/overlays/overlay-group.svelte.ts
diff --git a/src/lib/utils/concurrency/BoundedQueue.ts b/src/lib/utils/concurrency/bounded-queue.ts
similarity index 100%
rename from src/lib/utils/concurrency/BoundedQueue.ts
rename to src/lib/utils/concurrency/bounded-queue.ts
diff --git a/src/lib/utils/concurrency/index.ts b/src/lib/utils/concurrency/index.ts
index 31b055c..916b6f9 100644
--- a/src/lib/utils/concurrency/index.ts
+++ b/src/lib/utils/concurrency/index.ts
@@ -1,2 +1,2 @@
-export * from "./BoundedQueue";
-export * from "./Scheduler";
+export * from "./bounded-queue.ts";
+export * from "./scheduler.ts";
diff --git a/src/lib/utils/concurrency/Scheduler.ts b/src/lib/utils/concurrency/scheduler.ts
similarity index 100%
rename from src/lib/utils/concurrency/Scheduler.ts
rename to src/lib/utils/concurrency/scheduler.ts
diff --git a/src/lib/utils/gotoStateful.ts b/src/lib/utils/goto-stateful.ts
similarity index 100%
rename from src/lib/utils/gotoStateful.ts
rename to src/lib/utils/goto-stateful.ts
diff --git a/src/lib/utils/index.ts b/src/lib/utils/index.ts
index e830fde..fe034c2 100644
--- a/src/lib/utils/index.ts
+++ b/src/lib/utils/index.ts
@@ -1,6 +1,6 @@
-export * from "./concurrency";
-export * from "./format";
-export * from "./gotoStateful";
-export * from "./search";
-export * from "./sort";
-export * from "./speedMeter";
+export * from "./concurrency/index.ts";
+export * from "./format.ts";
+export * from "./goto-stateful.ts";
+export * from "./search.ts";
+export * from "./sort.ts";
+export * from "./speed-meter.ts";
diff --git a/src/lib/utils/speedMeter.ts b/src/lib/utils/speed-meter.ts
similarity index 100%
rename from src/lib/utils/speedMeter.ts
rename to src/lib/utils/speed-meter.ts
diff --git a/src/routes/(fullscreen)/+layout.svelte b/src/routes/(fullscreen)/+layout.svelte
index 13711d7..aa85319 100644
--- a/src/routes/(fullscreen)/+layout.svelte
+++ b/src/routes/(fullscreen)/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
 
   let { children } = $props();
 </script>
diff --git a/src/routes/(fullscreen)/auth/changePassword/+page.svelte b/src/routes/(fullscreen)/auth/change-password/+page.svelte
similarity index 93%
rename from src/routes/(fullscreen)/auth/changePassword/+page.svelte
rename to src/routes/(fullscreen)/auth/change-password/+page.svelte
index be11553..9f5ee29 100644
--- a/src/routes/(fullscreen)/auth/changePassword/+page.svelte
+++ b/src/routes/(fullscreen)/auth/change-password/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { changePassword as requestPasswordChange } from "#lib/features/auth/index.js";
-  import { tryAction } from "#lib/features/errors.js";
+  import { changePassword as requestPasswordChange } from "#lib/features/auth/index.ts";
+  import { tryAction } from "#lib/features/errors.ts";
   import {
     BottomDiv,
     Button,
@@ -10,7 +10,7 @@
     TitledDiv,
     TopBar,
     showToast,
-  } from "#lib/ui/index.js";
+  } from "#lib/ui/index.ts";
 
   let oldPassword = $state("");
   let newPassword = $state("");
diff --git a/src/routes/(fullscreen)/auth/login/+page.svelte b/src/routes/(fullscreen)/auth/login/+page.svelte
index 360f69b..719eb8a 100644
--- a/src/routes/(fullscreen)/auth/login/+page.svelte
+++ b/src/routes/(fullscreen)/auth/login/+page.svelte
@@ -4,11 +4,11 @@
     downloadMasterKeys,
     keyring,
     requestClientRegistrationAndSessionUpgrade,
-  } from "#lib/client/keys/index.js";
-  import { ForceLoginModal } from "#lib/features/auth/components/index.js";
-  import { login as requestLogin, logout as requestLogout } from "#lib/features/auth/index.js";
-  import { showErrorToast } from "#lib/features/errors.js";
-  import { cleanupDeletedFileCaches } from "#lib/features/filesystem/index.js";
+  } from "#lib/client/keys/index.ts";
+  import { ForceLoginModal } from "#lib/features/auth/components/index.ts";
+  import { login as requestLogin, logout as requestLogout } from "#lib/features/auth/index.ts";
+  import { showErrorToast } from "#lib/features/errors.ts";
+  import { cleanupDeletedFileCaches } from "#lib/features/filesystem/index.ts";
   import {
     BottomDiv,
     Button,
@@ -17,8 +17,8 @@
     TextInput,
     TitledDiv,
     showToast,
-  } from "#lib/ui/index.js";
-  import { isTRPCClientError } from "#trpc/client.js";
+  } from "#lib/ui/index.ts";
+  import { isTRPCClientError } from "#trpc/client.ts";
 
   let { data } = $props();
 
diff --git a/src/routes/(fullscreen)/client/pending/+page.svelte b/src/routes/(fullscreen)/client/pending/+page.svelte
index 725de27..c75394b 100644
--- a/src/routes/(fullscreen)/client/pending/+page.svelte
+++ b/src/routes/(fullscreen)/client/pending/+page.svelte
@@ -5,8 +5,8 @@
     downloadMasterKeys,
     generatePublicKeyFingerprint,
     keyring,
-  } from "#lib/client/keys/index.js";
-  import { FullscreenDiv, TitledDiv } from "#lib/ui/index.js";
+  } from "#lib/client/keys/index.ts";
+  import { FullscreenDiv, TitledDiv } from "#lib/ui/index.ts";
 
   import IconFingerprint from "~icons/material-symbols/fingerprint";
 
diff --git a/src/routes/(fullscreen)/file/[id]/+page.svelte b/src/routes/(fullscreen)/file/[id]/+page.svelte
index 9a2c318..8947f79 100644
--- a/src/routes/(fullscreen)/file/[id]/+page.svelte
+++ b/src/routes/(fullscreen)/file/[id]/+page.svelte
@@ -2,11 +2,11 @@
   import { untrack } from "svelte";
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { captureVideoThumbnail } from "#lib/client/media/thumbnail.js";
-  import { saveDecryptedFile } from "#lib/client/serviceWorker.js";
-  import { getFileDownloadState } from "#lib/client/transfer/index.js";
-  import { showErrorToast, tryAction } from "#lib/features/errors.js";
-  import { Categories } from "#lib/features/filesystem/components/index.js";
+  import { captureVideoThumbnail } from "#lib/client/media/thumbnail.ts";
+  import { saveDecryptedFile } from "#lib/client/service-worker.ts";
+  import { getFileDownloadState } from "#lib/client/transfer/index.ts";
+  import { showErrorToast, tryAction } from "#lib/features/errors.ts";
+  import { Categories } from "#lib/features/filesystem/components/index.ts";
   import {
     addFileToCategory,
     getFileStreamUrl,
@@ -16,8 +16,8 @@
     useFile,
     type DataKey,
     type FileInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { FullscreenDiv, IconEntryButton, TopBar } from "#lib/ui/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { FullscreenDiv, IconEntryButton, TopBar } from "#lib/ui/index.ts";
   import AddToCategoryBottomSheet from "./AddToCategoryBottomSheet.svelte";
   import DownloadStatus from "./DownloadStatus.svelte";
   import TopBarMenu from "./TopBarMenu.svelte";
diff --git a/src/routes/(fullscreen)/file/[id]/AddToCategoryBottomSheet.svelte b/src/routes/(fullscreen)/file/[id]/AddToCategoryBottomSheet.svelte
index 7e3400c..ea2d273 100644
--- a/src/routes/(fullscreen)/file/[id]/AddToCategoryBottomSheet.svelte
+++ b/src/routes/(fullscreen)/file/[id]/AddToCategoryBottomSheet.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { tryAction } from "#lib/features/errors.js";
-  import { SubCategories, CategoryCreateModal } from "#lib/features/filesystem/components/index.js";
-  import { createCategory, useCategory } from "#lib/features/filesystem/index.js";
-  import { BottomDiv, BottomSheet, Button, FullscreenDiv } from "#lib/ui/index.js";
+  import { tryAction } from "#lib/features/errors.ts";
+  import { SubCategories, CategoryCreateModal } from "#lib/features/filesystem/components/index.ts";
+  import { createCategory, useCategory } from "#lib/features/filesystem/index.ts";
+  import { BottomDiv, BottomSheet, Button, FullscreenDiv } from "#lib/ui/index.ts";
 
   interface Props {
     onAddToCategoryClick: (categoryId: number) => void;
diff --git a/src/routes/(fullscreen)/file/[id]/DownloadStatus.svelte b/src/routes/(fullscreen)/file/[id]/DownloadStatus.svelte
index 3bde890..15756b5 100644
--- a/src/routes/(fullscreen)/file/[id]/DownloadStatus.svelte
+++ b/src/routes/(fullscreen)/file/[id]/DownloadStatus.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { isFileDownloading, type FileDownloadState } from "#lib/client/transfer/index.js";
-  import { formatNetworkSpeed } from "#lib/utils/index.js";
+  import { isFileDownloading, type FileDownloadState } from "#lib/client/transfer/index.ts";
+  import { formatNetworkSpeed } from "#lib/utils/index.ts";
 
   interface Props {
     state: FileDownloadState;
diff --git a/src/routes/(fullscreen)/file/downloads/+page.svelte b/src/routes/(fullscreen)/file/downloads/+page.svelte
index 3c6a15c..7d202ff 100644
--- a/src/routes/(fullscreen)/file/downloads/+page.svelte
+++ b/src/routes/(fullscreen)/file/downloads/+page.svelte
@@ -4,9 +4,9 @@
     getDownloadingFiles,
     clearDownloadedFiles,
     type FileDownloadState,
-  } from "#lib/client/transfer/index.js";
-  import { bulkGetFileInfo, type MaybeFileInfo } from "#lib/features/filesystem/index.js";
-  import { FullscreenDiv, TopBar } from "#lib/ui/index.js";
+  } from "#lib/client/transfer/index.ts";
+  import { bulkGetFileInfo, type MaybeFileInfo } from "#lib/features/filesystem/index.ts";
+  import { FullscreenDiv, TopBar } from "#lib/ui/index.ts";
   import File from "./File.svelte";
 
   let downloadingFiles: { info: MaybeFileInfo; state: FileDownloadState }[] = $state([]);
diff --git a/src/routes/(fullscreen)/file/downloads/File.svelte b/src/routes/(fullscreen)/file/downloads/File.svelte
index a6ff37f..bc64834 100644
--- a/src/routes/(fullscreen)/file/downloads/File.svelte
+++ b/src/routes/(fullscreen)/file/downloads/File.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { FileDownloadState } from "#lib/client/transfer/index.js";
-  import type { SummarizedFileInfo } from "#lib/features/filesystem/index.js";
-  import { formatNetworkSpeed } from "#lib/utils/index.js";
+  import type { FileDownloadState } from "#lib/client/transfer/index.ts";
+  import type { SummarizedFileInfo } from "#lib/features/filesystem/index.ts";
+  import { formatNetworkSpeed } from "#lib/utils/index.ts";
 
   import IconCloudDownload from "~icons/material-symbols/cloud-download";
   import IconCheckCircle from "~icons/material-symbols/check-circle";
diff --git a/src/routes/(fullscreen)/file/uploads/+page.svelte b/src/routes/(fullscreen)/file/uploads/+page.svelte
index 10574ce..1ef5a41 100644
--- a/src/routes/(fullscreen)/file/uploads/+page.svelte
+++ b/src/routes/(fullscreen)/file/uploads/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { getUploadingFiles, clearUploadedFiles } from "#lib/client/transfer/index.js";
-  import { FullscreenDiv, TopBar } from "#lib/ui/index.js";
+  import { getUploadingFiles, clearUploadedFiles } from "#lib/client/transfer/index.ts";
+  import { FullscreenDiv, TopBar } from "#lib/ui/index.ts";
   import File from "./File.svelte";
 
   const uploadingFiles = getUploadingFiles();
diff --git a/src/routes/(fullscreen)/file/uploads/File.svelte b/src/routes/(fullscreen)/file/uploads/File.svelte
index b345bc3..2865286 100644
--- a/src/routes/(fullscreen)/file/uploads/File.svelte
+++ b/src/routes/(fullscreen)/file/uploads/File.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { FileUploadState } from "#lib/client/transfer/index.js";
-  import { formatNetworkSpeed } from "#lib/utils/index.js";
+  import type { FileUploadState } from "#lib/client/transfer/index.ts";
+  import { formatNetworkSpeed } from "#lib/utils/index.ts";
 
   import IconPending from "~icons/material-symbols/pending";
   import IconLockClock from "~icons/material-symbols/lock-clock";
diff --git a/src/routes/(fullscreen)/gallery/+page.svelte b/src/routes/(fullscreen)/gallery/+page.svelte
index 0952609..25a2db4 100644
--- a/src/routes/(fullscreen)/gallery/+page.svelte
+++ b/src/routes/(fullscreen)/gallery/+page.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { FileThumbnailButton } from "#lib/features/filesystem/components/index.js";
+  import { FileThumbnailButton } from "#lib/features/filesystem/components/index.ts";
   import {
     bulkGetFileInfo,
     type MaybeFileInfo,
     type SummarizedFileInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { FullscreenDiv, RowVirtualizer, TopBar } from "#lib/ui/index.js";
-  import { formatDate, formatDateSortable, SortBy, sortEntries } from "#lib/utils/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { FullscreenDiv, RowVirtualizer, TopBar } from "#lib/ui/index.ts";
+  import { formatDate, formatDateSortable, SortBy, sortEntries } from "#lib/utils/index.ts";
 
   let { data } = $props();
 
diff --git a/src/routes/(fullscreen)/gallery/+page.ts b/src/routes/(fullscreen)/gallery/+page.ts
index 1b2e3d5..fa4c826 100644
--- a/src/routes/(fullscreen)/gallery/+page.ts
+++ b/src/routes/(fullscreen)/gallery/+page.ts
@@ -1,4 +1,4 @@
-import { trpc } from "#trpc/client.js";
+import { trpc } from "#trpc/client.ts";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async ({ parent }) => {
diff --git a/src/routes/(fullscreen)/key/export/+page.svelte b/src/routes/(fullscreen)/key/export/+page.svelte
index a27ec4d..7e5d9ff 100644
--- a/src/routes/(fullscreen)/key/export/+page.svelte
+++ b/src/routes/(fullscreen)/key/export/+page.svelte
@@ -7,7 +7,7 @@
     requestClientRegistration,
     requestSessionUpgrade,
     serializeClientKeys,
-  } from "#lib/client/keys/index.js";
+  } from "#lib/client/keys/index.ts";
   import {
     BottomDiv,
     Button,
@@ -15,7 +15,7 @@
     TextButton,
     TitledDiv,
     showToast,
-  } from "#lib/ui/index.js";
+  } from "#lib/ui/index.ts";
   import BeforeContinueBottomSheet from "./BeforeContinueBottomSheet.svelte";
   import BeforeContinueModal from "./BeforeContinueModal.svelte";
 
diff --git a/src/routes/(fullscreen)/key/export/+page.ts b/src/routes/(fullscreen)/key/export/+page.ts
index 5f42eff..443a85f 100644
--- a/src/routes/(fullscreen)/key/export/+page.ts
+++ b/src/routes/(fullscreen)/key/export/+page.ts
@@ -1,5 +1,5 @@
 import { error } from "@sveltejs/kit";
-import { keyExportState } from "#lib/utils/index.js";
+import { keyExportState } from "#lib/utils/index.ts";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async () => {
diff --git a/src/routes/(fullscreen)/key/export/BeforeContinueBottomSheet.svelte b/src/routes/(fullscreen)/key/export/BeforeContinueBottomSheet.svelte
index c2a5547..6760fc5 100644
--- a/src/routes/(fullscreen)/key/export/BeforeContinueBottomSheet.svelte
+++ b/src/routes/(fullscreen)/key/export/BeforeContinueBottomSheet.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { BottomDiv, BottomSheet, Button, FullscreenDiv } from "#lib/ui/index.js";
+  import { BottomDiv, BottomSheet, Button, FullscreenDiv } from "#lib/ui/index.ts";
 
   interface Props {
     onRetryClick: () => void;
diff --git a/src/routes/(fullscreen)/key/export/BeforeContinueModal.svelte b/src/routes/(fullscreen)/key/export/BeforeContinueModal.svelte
index 6f29023..885cda7 100644
--- a/src/routes/(fullscreen)/key/export/BeforeContinueModal.svelte
+++ b/src/routes/(fullscreen)/key/export/BeforeContinueModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
+  import { ActionModal } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(fullscreen)/key/generate/+page.svelte b/src/routes/(fullscreen)/key/generate/+page.svelte
index 76f9af4..07c24e0 100644
--- a/src/routes/(fullscreen)/key/generate/+page.svelte
+++ b/src/routes/(fullscreen)/key/generate/+page.svelte
@@ -9,9 +9,9 @@
     keyring,
     registerInitialMasterKeyAndHmacSecret,
     requestClientRegistrationAndSessionUpgrade,
-  } from "#lib/client/keys/index.js";
-  import { ForceLoginModal } from "#lib/features/auth/components/index.js";
-  import { cleanupDeletedFileCaches } from "#lib/features/filesystem/index.js";
+  } from "#lib/client/keys/index.ts";
+  import { ForceLoginModal } from "#lib/features/auth/components/index.ts";
+  import { cleanupDeletedFileCaches } from "#lib/features/filesystem/index.ts";
   import {
     BottomDiv,
     Button,
@@ -19,8 +19,8 @@
     TextButton,
     TitledDiv,
     showToast,
-  } from "#lib/ui/index.js";
-  import { gotoStateful } from "#lib/utils/index.js";
+  } from "#lib/ui/index.ts";
+  import { gotoStateful } from "#lib/utils/index.ts";
   import Order from "./Order.svelte";
 
   import IconKey from "~icons/material-symbols/key";
diff --git a/src/routes/(fullscreen)/search/+page.svelte b/src/routes/(fullscreen)/search/+page.svelte
index 66542cd..e299348 100644
--- a/src/routes/(fullscreen)/search/+page.svelte
+++ b/src/routes/(fullscreen)/search/+page.svelte
@@ -4,16 +4,16 @@
   import { untrack } from "svelte";
   import { slide } from "svelte/transition";
   import { goto } from "$app/navigation";
-  import { showErrorToast } from "#lib/features/errors.js";
-  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.js";
+  import { showErrorToast } from "#lib/features/errors.ts";
+  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.ts";
   import {
     getDirectoryInfo,
     type LocalCategoryInfo,
     type MaybeDirectoryInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { search, type SearchFilter, type SearchResult } from "#lib/features/search/index.js";
-  import { Chip, FullscreenDiv, RowVirtualizer } from "#lib/ui/index.js";
-  import { searchString, sortEntries } from "#lib/utils/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { search, type SearchFilter, type SearchResult } from "#lib/features/search/index.ts";
+  import { Chip, FullscreenDiv, RowVirtualizer } from "#lib/ui/index.ts";
+  import { searchString, sortEntries } from "#lib/utils/index.ts";
   import SearchBar from "./SearchBar.svelte";
   import SelectCategoryBottomSheet from "./SelectCategoryBottomSheet.svelte";
 
diff --git a/src/routes/(fullscreen)/search/SelectCategoryBottomSheet.svelte b/src/routes/(fullscreen)/search/SelectCategoryBottomSheet.svelte
index 4c237ff..e26e06f 100644
--- a/src/routes/(fullscreen)/search/SelectCategoryBottomSheet.svelte
+++ b/src/routes/(fullscreen)/search/SelectCategoryBottomSheet.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { SubCategories } from "#lib/features/filesystem/components/index.js";
-  import { useCategory, type LocalCategoryInfo } from "#lib/features/filesystem/index.js";
-  import { BottomDiv, BottomSheet, Button, FullscreenDiv } from "#lib/ui/index.js";
+  import { SubCategories } from "#lib/features/filesystem/components/index.ts";
+  import { useCategory, type LocalCategoryInfo } from "#lib/features/filesystem/index.ts";
+  import { BottomDiv, BottomSheet, Button, FullscreenDiv } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(fullscreen)/settings/cache/+page.svelte b/src/routes/(fullscreen)/settings/cache/+page.svelte
index 3510924..8bd6541 100644
--- a/src/routes/(fullscreen)/settings/cache/+page.svelte
+++ b/src/routes/(fullscreen)/settings/cache/+page.svelte
@@ -3,11 +3,11 @@
   import {
     getFileCacheIndex,
     deleteFileCache as doDeleteFileCache,
-  } from "#lib/client/cache/index.js";
-  import type { FileCacheIndex } from "#lib/client/storage/indexedDB/index.js";
-  import { bulkGetFileInfo, type MaybeFileInfo } from "#lib/features/filesystem/index.js";
-  import { FullscreenDiv, TopBar } from "#lib/ui/index.js";
-  import { formatFileSize } from "#lib/utils/index.js";
+  } from "#lib/client/cache/index.ts";
+  import type { FileCacheIndex } from "#lib/client/storage/indexed-db/index.ts";
+  import { bulkGetFileInfo, type MaybeFileInfo } from "#lib/features/filesystem/index.ts";
+  import { FullscreenDiv, TopBar } from "#lib/ui/index.ts";
+  import { formatFileSize } from "#lib/utils/index.ts";
   import File from "./File.svelte";
 
   interface FileCache {
diff --git a/src/routes/(fullscreen)/settings/cache/File.svelte b/src/routes/(fullscreen)/settings/cache/File.svelte
index cb38ab4..17f5305 100644
--- a/src/routes/(fullscreen)/settings/cache/File.svelte
+++ b/src/routes/(fullscreen)/settings/cache/File.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { FileCacheIndex } from "#lib/client/storage/indexedDB/index.js";
-  import type { MaybeFileInfo } from "#lib/features/filesystem/index.js";
-  import { formatDate, formatFileSize } from "#lib/utils/index.js";
+  import type { FileCacheIndex } from "#lib/client/storage/indexed-db/index.ts";
+  import type { MaybeFileInfo } from "#lib/features/filesystem/index.ts";
+  import { formatDate, formatFileSize } from "#lib/utils/index.ts";
 
   import IconDraft from "~icons/material-symbols/draft";
   import IconScanDelete from "~icons/material-symbols/scan-delete";
diff --git a/src/routes/(fullscreen)/settings/thumbnail/+page.svelte b/src/routes/(fullscreen)/settings/thumbnail/+page.svelte
index 4b9b55f..d764d4a 100644
--- a/src/routes/(fullscreen)/settings/thumbnail/+page.svelte
+++ b/src/routes/(fullscreen)/settings/thumbnail/+page.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { deleteAllFileThumbnailCaches } from "#lib/client/cache/index.js";
-  import { FileEntry } from "#lib/features/filesystem/components/index.js";
-  import type { MaybeFileInfo } from "#lib/features/filesystem/index.js";
-  import { BottomDiv, Button, FullscreenDiv, IconEntryButton, TopBar } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  import { deleteAllFileThumbnailCaches } from "#lib/client/cache/index.ts";
+  import { FileEntry } from "#lib/features/filesystem/components/index.ts";
+  import type { MaybeFileInfo } from "#lib/features/filesystem/index.ts";
+  import { BottomDiv, Button, FullscreenDiv, IconEntryButton, TopBar } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
   import {
     getThumbnailGenerationStatus,
     clearThumbnailGenerationStatuses,
     requestMissingThumbnailFiles,
     requestThumbnailGeneration,
     type GenerationStatus,
-  } from "./service";
+  } from "./service.ts";
 
   import IconCamera from "~icons/material-symbols/camera";
   import IconDelete from "~icons/material-symbols/delete";
diff --git a/src/routes/(fullscreen)/settings/thumbnail/+page.ts b/src/routes/(fullscreen)/settings/thumbnail/+page.ts
index cca7d2d..da20fba 100644
--- a/src/routes/(fullscreen)/settings/thumbnail/+page.ts
+++ b/src/routes/(fullscreen)/settings/thumbnail/+page.ts
@@ -1,4 +1,4 @@
-import { trpc } from "#trpc/client.js";
+import { trpc } from "#trpc/client.ts";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async ({ parent }) => {
diff --git a/src/routes/(fullscreen)/settings/thumbnail/service.ts b/src/routes/(fullscreen)/settings/thumbnail/service.ts
index 2affe6b..d94acab 100644
--- a/src/routes/(fullscreen)/settings/thumbnail/service.ts
+++ b/src/routes/(fullscreen)/settings/thumbnail/service.ts
@@ -1,13 +1,13 @@
 import { limitFunction } from "p-limit";
 import { SvelteMap } from "svelte/reactivity";
-import { generateThumbnailFromUrl } from "#lib/client/media/thumbnail.js";
+import { generateThumbnailFromUrl } from "#lib/client/media/thumbnail.ts";
 import {
   getFileInfo,
   getFileStreamUrl,
   uploadFileThumbnail,
   type FileInfo,
-} from "#lib/features/filesystem/index.js";
-import type { RouterOutputs } from "#trpc/router.server.js";
+} from "#lib/features/filesystem/index.ts";
+import type { RouterOutputs } from "#trpc/router.server.ts";
 
 export type GenerationStatus = "queued" | "generating" | "uploading" | "uploaded" | "error";
 
diff --git a/src/routes/(main)/+layout.svelte b/src/routes/(main)/+layout.svelte
index c81c8ce..153db99 100644
--- a/src/routes/(main)/+layout.svelte
+++ b/src/routes/(main)/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
   import BottomBar from "./BottomBar.svelte";
 
   let { children } = $props();
diff --git a/src/routes/(main)/BottomBar.svelte b/src/routes/(main)/BottomBar.svelte
index 494edd9..e1ea2c2 100644
--- a/src/routes/(main)/BottomBar.svelte
+++ b/src/routes/(main)/BottomBar.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
 
   import IconHome from "~icons/material-symbols/home";
   import IconFolder from "~icons/material-symbols/folder";
diff --git a/src/routes/(main)/category/[[id]]/+page.svelte b/src/routes/(main)/category/[[id]]/+page.svelte
index c814250..980b9b1 100644
--- a/src/routes/(main)/category/[[id]]/+page.svelte
+++ b/src/routes/(main)/category/[[id]]/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { tryAction } from "#lib/features/errors.js";
+  import { tryAction } from "#lib/features/errors.ts";
   import {
     FileEntry,
     SubCategories,
     CategoryCreateModal,
-  } from "#lib/features/filesystem/components/index.js";
+  } from "#lib/features/filesystem/components/index.ts";
   import {
     createCategory,
     deleteCategory,
@@ -14,13 +14,13 @@
     setCategoryFileRecursive,
     useCategory,
     type LocalCategoryInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { CheckBox, OverlayGroup, RowVirtualizer, TopBar } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { CheckBox, OverlayGroup, RowVirtualizer, TopBar } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
   import CategoryDeleteModal from "./CategoryDeleteModal.svelte";
   import CategoryMenuBottomSheet from "./CategoryMenuBottomSheet.svelte";
   import CategoryRenameModal from "./CategoryRenameModal.svelte";
-  import { createContext } from "./service.svelte";
+  import { createContext } from "./service.svelte.ts";
 
   import IconClose from "~icons/material-symbols/close";
   import IconMoreVert from "~icons/material-symbols/more-vert";
diff --git a/src/routes/(main)/category/[[id]]/CategoryDeleteModal.svelte b/src/routes/(main)/category/[[id]]/CategoryDeleteModal.svelte
index db0a309..8fa65ef 100644
--- a/src/routes/(main)/category/[[id]]/CategoryDeleteModal.svelte
+++ b/src/routes/(main)/category/[[id]]/CategoryDeleteModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
-  import { truncateString } from "#lib/utils/index.js";
-  import { useContext } from "./service.svelte";
+  import { ActionModal } from "#lib/ui/index.ts";
+  import { truncateString } from "#lib/utils/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(main)/category/[[id]]/CategoryMenuBottomSheet.svelte b/src/routes/(main)/category/[[id]]/CategoryMenuBottomSheet.svelte
index 95e9f22..74d338d 100644
--- a/src/routes/(main)/category/[[id]]/CategoryMenuBottomSheet.svelte
+++ b/src/routes/(main)/category/[[id]]/CategoryMenuBottomSheet.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { BottomSheet, CategoryLabel, IconEntryButton } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { BottomSheet, CategoryLabel, IconEntryButton } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   import IconEdit from "~icons/material-symbols/edit";
   import IconDelete from "~icons/material-symbols/delete";
diff --git a/src/routes/(main)/category/[[id]]/CategoryRenameModal.svelte b/src/routes/(main)/category/[[id]]/CategoryRenameModal.svelte
index 3b1b229..c4c0da1 100644
--- a/src/routes/(main)/category/[[id]]/CategoryRenameModal.svelte
+++ b/src/routes/(main)/category/[[id]]/CategoryRenameModal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { RenameModal } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { RenameModal } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(main)/category/[[id]]/service.svelte.ts b/src/routes/(main)/category/[[id]]/service.svelte.ts
index 3a9c3ad..3f120de 100644
--- a/src/routes/(main)/category/[[id]]/service.svelte.ts
+++ b/src/routes/(main)/category/[[id]]/service.svelte.ts
@@ -1,5 +1,5 @@
 import { createContext as createSvelteContext } from "svelte";
-import type { SelectedCategory } from "#lib/features/filesystem/components/index.js";
+import type { SelectedCategory } from "#lib/features/filesystem/components/index.ts";
 
 export interface SelectedFile {
   id: number;
diff --git a/src/routes/(main)/directory/[[id]]/+page.svelte b/src/routes/(main)/directory/[[id]]/+page.svelte
index 8787785..e436fd0 100644
--- a/src/routes/(main)/directory/[[id]]/+page.svelte
+++ b/src/routes/(main)/directory/[[id]]/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { tryAction } from "#lib/features/errors.js";
-  import { createDirectory, uploadFile, useDirectory } from "#lib/features/filesystem/index.js";
-  import { FloatingButton, OverlayGroup, TopBar } from "#lib/ui/index.js";
+  import { tryAction } from "#lib/features/errors.ts";
+  import { createDirectory, uploadFile, useDirectory } from "#lib/features/filesystem/index.ts";
+  import { FloatingButton, OverlayGroup, TopBar } from "#lib/ui/index.ts";
   import DirectoryCreateModal from "./DirectoryCreateModal.svelte";
-  import DirectoryEntries from "./DirectoryEntries";
+  import DirectoryEntries from "./directory-entries/index.ts";
   import DownloadStatusCard from "./DownloadStatusCard.svelte";
   import DuplicateFileModal from "./DuplicateFileModal.svelte";
   import EntryCreateBottomSheet from "./EntryCreateBottomSheet.svelte";
@@ -13,7 +13,12 @@
   import EntryMenuBottomSheet from "./EntryMenuBottomSheet.svelte";
   import EntryRenameModal from "./EntryRenameModal.svelte";
   import UploadStatusCard from "./UploadStatusCard.svelte";
-  import { createContext, deleteEntry, renameEntry, toggleEntryFavorite } from "./service.svelte";
+  import {
+    createContext,
+    deleteEntry,
+    renameEntry,
+    toggleEntryFavorite,
+  } from "./service.svelte.ts";
 
   import IconSearch from "~icons/material-symbols/search";
   import IconAdd from "~icons/material-symbols/add";
diff --git a/src/routes/(main)/directory/[[id]]/DirectoryCreateModal.svelte b/src/routes/(main)/directory/[[id]]/DirectoryCreateModal.svelte
index f981658..18acb5c 100644
--- a/src/routes/(main)/directory/[[id]]/DirectoryCreateModal.svelte
+++ b/src/routes/(main)/directory/[[id]]/DirectoryCreateModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { TextInputModal } from "#lib/ui/index.js";
+  import { TextInputModal } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(main)/directory/[[id]]/DownloadStatusCard.svelte b/src/routes/(main)/directory/[[id]]/DownloadStatusCard.svelte
index 85b46ca..4242d71 100644
--- a/src/routes/(main)/directory/[[id]]/DownloadStatusCard.svelte
+++ b/src/routes/(main)/directory/[[id]]/DownloadStatusCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getDownloadingFiles } from "#lib/client/transfer/index.js";
+  import { getDownloadingFiles } from "#lib/client/transfer/index.ts";
 
   interface Props {
     onclick: () => void;
diff --git a/src/routes/(main)/directory/[[id]]/DuplicateFileModal.svelte b/src/routes/(main)/directory/[[id]]/DuplicateFileModal.svelte
index 9912944..0ce9eda 100644
--- a/src/routes/(main)/directory/[[id]]/DuplicateFileModal.svelte
+++ b/src/routes/(main)/directory/[[id]]/DuplicateFileModal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
-  import { truncateString } from "#lib/utils/index.js";
+  import { ActionModal } from "#lib/ui/index.ts";
+  import { truncateString } from "#lib/utils/index.ts";
 
   interface Props {
     file: File | undefined;
diff --git a/src/routes/(main)/directory/[[id]]/EntryCreateBottomSheet.svelte b/src/routes/(main)/directory/[[id]]/EntryCreateBottomSheet.svelte
index eb16dc7..ea6ff6c 100644
--- a/src/routes/(main)/directory/[[id]]/EntryCreateBottomSheet.svelte
+++ b/src/routes/(main)/directory/[[id]]/EntryCreateBottomSheet.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { BottomSheet, IconEntryButton } from "#lib/ui/index.js";
+  import { BottomSheet, IconEntryButton } from "#lib/ui/index.ts";
 
   import IconCreateNewFolder from "~icons/material-symbols/create-new-folder";
   import IconUploadFile from "~icons/material-symbols/upload-file";
diff --git a/src/routes/(main)/directory/[[id]]/EntryDeleteModal.svelte b/src/routes/(main)/directory/[[id]]/EntryDeleteModal.svelte
index fba0b0f..0a3fab6 100644
--- a/src/routes/(main)/directory/[[id]]/EntryDeleteModal.svelte
+++ b/src/routes/(main)/directory/[[id]]/EntryDeleteModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
-  import { truncateString } from "#lib/utils/index.js";
-  import { useContext } from "./service.svelte";
+  import { ActionModal } from "#lib/ui/index.ts";
+  import { truncateString } from "#lib/utils/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(main)/directory/[[id]]/EntryMenuBottomSheet.svelte b/src/routes/(main)/directory/[[id]]/EntryMenuBottomSheet.svelte
index 1e2bb6f..b10e1be 100644
--- a/src/routes/(main)/directory/[[id]]/EntryMenuBottomSheet.svelte
+++ b/src/routes/(main)/directory/[[id]]/EntryMenuBottomSheet.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { BottomSheet, DirectoryEntryLabel, IconEntryButton } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { BottomSheet, DirectoryEntryLabel, IconEntryButton } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   import IconFavorite from "~icons/material-symbols/favorite";
   import IconFavoriteBorder from "~icons/material-symbols/favorite-outline";
diff --git a/src/routes/(main)/directory/[[id]]/EntryRenameModal.svelte b/src/routes/(main)/directory/[[id]]/EntryRenameModal.svelte
index e50e0b4..e1142b3 100644
--- a/src/routes/(main)/directory/[[id]]/EntryRenameModal.svelte
+++ b/src/routes/(main)/directory/[[id]]/EntryRenameModal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { RenameModal } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { RenameModal } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;
diff --git a/src/routes/(main)/directory/[[id]]/UploadStatusCard.svelte b/src/routes/(main)/directory/[[id]]/UploadStatusCard.svelte
index 7794266..b356e77 100644
--- a/src/routes/(main)/directory/[[id]]/UploadStatusCard.svelte
+++ b/src/routes/(main)/directory/[[id]]/UploadStatusCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getUploadingFiles } from "#lib/client/transfer/index.js";
+  import { getUploadingFiles } from "#lib/client/transfer/index.ts";
 
   interface Props {
     onclick: () => void;
diff --git a/src/routes/(main)/directory/[[id]]/DirectoryEntries/DirectoryEntries.svelte b/src/routes/(main)/directory/[[id]]/directory-entries/DirectoryEntries.svelte
similarity index 92%
rename from src/routes/(main)/directory/[[id]]/DirectoryEntries/DirectoryEntries.svelte
rename to src/routes/(main)/directory/[[id]]/directory-entries/DirectoryEntries.svelte
index 63cbb36..7094bb5 100644
--- a/src/routes/(main)/directory/[[id]]/DirectoryEntries/DirectoryEntries.svelte
+++ b/src/routes/(main)/directory/[[id]]/directory-entries/DirectoryEntries.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { getUploadingFiles, type LiveFileUploadState } from "#lib/client/transfer/index.js";
-  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.js";
+  import { getUploadingFiles, type LiveFileUploadState } from "#lib/client/transfer/index.ts";
+  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.ts";
   import type {
     DirectoryInfo,
     SubDirectoryInfo,
     SummarizedFileInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { ActionEntryButton, RowVirtualizer, DirectoryEntryLabel } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { ActionEntryButton, RowVirtualizer, DirectoryEntryLabel } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
   import UploadingFile from "./UploadingFile.svelte";
-  import type { SelectedEntry } from "../service.svelte";
+  import type { SelectedEntry } from "../service.svelte.ts";
 
   import IconMoreVert from "~icons/material-symbols/more-vert";
 
diff --git a/src/routes/(main)/directory/[[id]]/DirectoryEntries/UploadingFile.svelte b/src/routes/(main)/directory/[[id]]/directory-entries/UploadingFile.svelte
similarity index 93%
rename from src/routes/(main)/directory/[[id]]/DirectoryEntries/UploadingFile.svelte
rename to src/routes/(main)/directory/[[id]]/directory-entries/UploadingFile.svelte
index c2aa834..b57403e 100644
--- a/src/routes/(main)/directory/[[id]]/DirectoryEntries/UploadingFile.svelte
+++ b/src/routes/(main)/directory/[[id]]/directory-entries/UploadingFile.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { LiveFileUploadState } from "#lib/client/transfer/index.js";
-  import { formatNetworkSpeed } from "#lib/utils/index.js";
+  import type { LiveFileUploadState } from "#lib/client/transfer/index.ts";
+  import { formatNetworkSpeed } from "#lib/utils/index.ts";
 
   import IconDraft from "~icons/material-symbols/draft";
 
diff --git a/src/routes/(main)/directory/[[id]]/DirectoryEntries/index.ts b/src/routes/(main)/directory/[[id]]/directory-entries/index.ts
similarity index 100%
rename from src/routes/(main)/directory/[[id]]/DirectoryEntries/index.ts
rename to src/routes/(main)/directory/[[id]]/directory-entries/index.ts
diff --git a/src/routes/(main)/directory/[[id]]/service.svelte.ts b/src/routes/(main)/directory/[[id]]/service.svelte.ts
index 1a5a51c..89b3855 100644
--- a/src/routes/(main)/directory/[[id]]/service.svelte.ts
+++ b/src/routes/(main)/directory/[[id]]/service.svelte.ts
@@ -7,7 +7,7 @@ import {
   setDirectoryFavorite,
   setFileFavorite,
   type DataKey,
-} from "#lib/features/filesystem/index.js";
+} from "#lib/features/filesystem/index.ts";
 
 export interface SelectedEntry {
   type: "directory" | "file";
diff --git a/src/routes/(main)/favorites/+page.svelte b/src/routes/(main)/favorites/+page.svelte
index 94e8c51..5c810c8 100644
--- a/src/routes/(main)/favorites/+page.svelte
+++ b/src/routes/(main)/favorites/+page.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { showErrorToast, tryAction } from "#lib/features/errors.js";
+  import { showErrorToast, tryAction } from "#lib/features/errors.ts";
   import {
     getFavoriteEntries,
     removeFavorite,
     type FavoriteEntry,
-  } from "#lib/features/favorites/index.js";
-  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.js";
-  import { RowVirtualizer, TopBar } from "#lib/ui/index.js";
+  } from "#lib/features/favorites/index.ts";
+  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.ts";
+  import { RowVirtualizer, TopBar } from "#lib/ui/index.ts";
 
   import IconClose from "~icons/material-symbols/close";
   import IconSearch from "~icons/material-symbols/search";
diff --git a/src/routes/(main)/home/+page.svelte b/src/routes/(main)/home/+page.svelte
index 3d6be43..66cc8ef 100644
--- a/src/routes/(main)/home/+page.svelte
+++ b/src/routes/(main)/home/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { FileThumbnailButton } from "#lib/features/filesystem/components/index.js";
-  import { type SummarizedFileInfo } from "#lib/features/filesystem/index.js";
-  import { EntryButton } from "#lib/ui/index.js";
-  import { requestFreshMediaFilesRetrieval } from "./service";
+  import { FileThumbnailButton } from "#lib/features/filesystem/components/index.ts";
+  import { type SummarizedFileInfo } from "#lib/features/filesystem/index.ts";
+  import { EntryButton } from "#lib/ui/index.ts";
+  import { requestFreshMediaFilesRetrieval } from "./service.ts";
 
   let mediaFiles: SummarizedFileInfo[] = $state([]);
 
diff --git a/src/routes/(main)/home/service.ts b/src/routes/(main)/home/service.ts
index 48b3fe6..6673323 100644
--- a/src/routes/(main)/home/service.ts
+++ b/src/routes/(main)/home/service.ts
@@ -1,4 +1,4 @@
-import { getAllFileInfos } from "#lib/client/storage/indexedDB/index.js";
+import { getAllFileInfos } from "#lib/client/storage/indexed-db/index.ts";
 
 export const requestFreshMediaFilesRetrieval = async (limit = 8) => {
   const files = await getAllFileInfos();
diff --git a/src/routes/(main)/menu/+page.svelte b/src/routes/(main)/menu/+page.svelte
index 2bb191f..b5b8c2f 100644
--- a/src/routes/(main)/menu/+page.svelte
+++ b/src/routes/(main)/menu/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import MenuEntryButton from "./MenuEntryButton.svelte";
-  import { logout as requestLogout } from "#lib/features/auth/index.js";
-  import { tryAction } from "#lib/features/errors.js";
+  import { logout as requestLogout } from "#lib/features/auth/index.ts";
+  import { tryAction } from "#lib/features/errors.ts";
 
   import IconStorage from "~icons/material-symbols/storage";
   import IconImage from "~icons/material-symbols/image";
@@ -46,7 +46,7 @@
   <div class="space-y-2">
     <p class="font-semibold">보안</p>
     <MenuEntryButton
-      onclick={() => goto("/auth/changePassword")}
+      onclick={() => goto("/auth/change-password")}
       icon={IconPassword}
       iconColor="text-blue-500"
     >
diff --git a/src/routes/(main)/menu/+page.ts b/src/routes/(main)/menu/+page.ts
index 08ff6e1..dfd9cd5 100644
--- a/src/routes/(main)/menu/+page.ts
+++ b/src/routes/(main)/menu/+page.ts
@@ -1,4 +1,4 @@
-import { trpc } from "#trpc/client.js";
+import { trpc } from "#trpc/client.ts";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async ({ parent }) => {
diff --git a/src/routes/(main)/menu/MenuEntryButton.svelte b/src/routes/(main)/menu/MenuEntryButton.svelte
index 245c6cb..6ee77a4 100644
--- a/src/routes/(main)/menu/MenuEntryButton.svelte
+++ b/src/routes/(main)/menu/MenuEntryButton.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Component, Snippet } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { IconEntryButton } from "#lib/ui/index.js";
+  import { IconEntryButton } from "#lib/ui/index.ts";
 
   interface Props {
     children: Snippet;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 19fe3fa..a0483fb 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { getDownloadingFiles, getUploadingFiles } from "#lib/client/transfer/index.js";
-  import { Toasts } from "#lib/ui/index.js";
+  import { getDownloadingFiles, getUploadingFiles } from "#lib/client/transfer/index.ts";
+  import { Toasts } from "#lib/ui/index.ts";
   import "../app.css";
 
   let { children } = $props();
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index dd93bc2..7ed68b6 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,5 +1,5 @@
 import { redirect } from "@sveltejs/kit";
-import { keyring } from "#lib/client/keys/index.js";
+import { keyring } from "#lib/client/keys/index.ts";
 import type { LayoutLoad } from "./$types";
 
 export const ssr = false;
diff --git a/src/routes/api/file/[id]/[[thumbnail=thumbnail]]/download/+server.ts b/src/routes/api/file/[id]/[[thumbnail=thumbnail]]/download/+server.ts
index f3a8d2d..b5a1f2c 100644
--- a/src/routes/api/file/[id]/[[thumbnail=thumbnail]]/download/+server.ts
+++ b/src/routes/api/file/[id]/[[thumbnail=thumbnail]]/download/+server.ts
@@ -1,9 +1,9 @@
 import { error } from "@sveltejs/kit";
 import { z } from "zod";
-import { authorize } from "#lib/server/auth.js";
-import { handleAppErrors } from "#lib/server/http.js";
-import { FileService } from "#lib/server/services/index.js";
-import { parseRangeHeader, getContentRangeHeader } from "#lib/shared/http.js";
+import { authorize } from "#lib/server/auth.ts";
+import { handleAppErrors } from "#lib/server/http.ts";
+import { FileService } from "#lib/server/services/index.ts";
+import { parseRangeHeader, getContentRangeHeader } from "#lib/shared/http.ts";
 import type { RequestEvent, RequestHandler } from "./$types";
 
 const downloadHandler = async ({ locals, params, request }: RequestEvent) => {
diff --git a/src/routes/api/trpc/[trpc]/+server.ts b/src/routes/api/trpc/[trpc]/+server.ts
index afc8d52..2297645 100644
--- a/src/routes/api/trpc/[trpc]/+server.ts
+++ b/src/routes/api/trpc/[trpc]/+server.ts
@@ -1,6 +1,6 @@
 import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
-import { createContext } from "#trpc/init.server.js";
-import { appRouter } from "#trpc/router.server.js";
+import { createContext } from "#trpc/init.server.ts";
+import { appRouter } from "#trpc/router.server.ts";
 import type { RequestHandler } from "./$types";
 
 const trpcHandler: RequestHandler = (event) =>
diff --git a/src/routes/api/upload/[id]/chunks/[index]/+server.ts b/src/routes/api/upload/[id]/chunks/[index]/+server.ts
index 45e3cdc..2c2f088 100644
--- a/src/routes/api/upload/[id]/chunks/[index]/+server.ts
+++ b/src/routes/api/upload/[id]/chunks/[index]/+server.ts
@@ -2,9 +2,9 @@ import { error } from "@sveltejs/kit";
 import { Readable } from "stream";
 import type { ReadableStream } from "stream/web";
 import { z } from "zod";
-import { authorize } from "#lib/server/auth.js";
-import { handleAppErrors } from "#lib/server/http.js";
-import { UploadService } from "#lib/server/services/index.js";
+import { authorize } from "#lib/server/auth.ts";
+import { handleAppErrors } from "#lib/server/http.ts";
+import { UploadService } from "#lib/server/services/index.ts";
 import type { RequestHandler } from "./$types";
 
 export const POST: RequestHandler = handleAppErrors(async ({ locals, params, request }) => {
diff --git a/src/service-worker/handlers/decryptFile.ts b/src/service-worker/handlers/decrypt-file.ts
similarity index 96%
rename from src/service-worker/handlers/decryptFile.ts
rename to src/service-worker/handlers/decrypt-file.ts
index 6b43f0d..b014164 100644
--- a/src/service-worker/handlers/decryptFile.ts
+++ b/src/service-worker/handlers/decrypt-file.ts
@@ -4,25 +4,25 @@ import {
   storeCachedChunk,
   touchFileCache,
   type FileCacheLayout,
-} from "#lib/client/cache/fileCache.js";
-import { getFileCacheIndexOf } from "#lib/client/storage/indexedDB/cacheIndex.js";
+} from "#lib/client/cache/file-cache.ts";
+import { getFileCacheIndexOf } from "#lib/client/storage/indexed-db/cache-index.ts";
 import {
   CHUNK_SIZE,
   createDecryptionStream,
   getChunkCount,
   getDecryptedSize,
   getEncryptedRange,
-} from "#lib/shared/format/index.js";
+} from "#lib/shared/format/index.ts";
 import {
   getContentRangeHeader,
   parseRangeHeader,
   resolveRange,
   type ByteRange,
   type RangeRequest,
-} from "#lib/shared/http.js";
-import { DECRYPTED_FILE_URL_PREFIX, type FileMetadata } from "#lib/shared/serviceWorker.js";
-import { getFileMetadata } from "../modules/metadata";
-import { trackDownloadProgress } from "../modules/progress";
+} from "#lib/shared/http.ts";
+import { DECRYPTED_FILE_URL_PREFIX, type FileMetadata } from "#lib/shared/service-worker.ts";
+import { getFileMetadata } from "../modules/metadata.ts";
+import { trackDownloadProgress } from "../modules/progress.ts";
 
 interface StreamRequest {
   fileId: number;
diff --git a/src/service-worker/handlers/index.ts b/src/service-worker/handlers/index.ts
index fe5b0f9..8bf4e43 100644
--- a/src/service-worker/handlers/index.ts
+++ b/src/service-worker/handlers/index.ts
@@ -1 +1 @@
-export { default as decryptFile } from "./decryptFile";
+export { default as decryptFile } from "./decrypt-file.ts";
diff --git a/src/service-worker/index.ts b/src/service-worker/index.ts
index a6932ba..d6aac76 100644
--- a/src/service-worker/index.ts
+++ b/src/service-worker/index.ts
@@ -3,9 +3,9 @@ import {
   DECRYPTED_FILE_URL_PREFIX,
   type ServiceWorkerMessage,
   type ServiceWorkerResponse,
-} from "#lib/shared/serviceWorker.js";
-import { decryptFile } from "./handlers";
-import { fileMetadataStore } from "./stores";
+} from "#lib/shared/service-worker.ts";
+import { decryptFile } from "./handlers/index.ts";
+import { fileMetadataStore } from "./stores.ts";
 
 self.addEventListener("message", (event) => {
   const message: ServiceWorkerMessage = event.data;
diff --git a/src/service-worker/modules/clients.ts b/src/service-worker/modules/clients.ts
index c142336..366f7e7 100644
--- a/src/service-worker/modules/clients.ts
+++ b/src/service-worker/modules/clients.ts
@@ -1,5 +1,5 @@
 import { self } from "$app/service-worker";
-import type { ServiceWorkerResponse } from "#lib/shared/serviceWorker.js";
+import type { ServiceWorkerResponse } from "#lib/shared/service-worker.ts";
 
 // Posts the message to the client that made the request, or to all windows if unknown
 // (e.g. downloads by navigation)
diff --git a/src/service-worker/modules/metadata.ts b/src/service-worker/modules/metadata.ts
index fcc8ad8..406bfc5 100644
--- a/src/service-worker/modules/metadata.ts
+++ b/src/service-worker/modules/metadata.ts
@@ -1,6 +1,6 @@
 import { self } from "$app/service-worker";
-import type { FileMetadata, ServiceWorkerResponse } from "#lib/shared/serviceWorker.js";
-import { fileMetadataStore } from "../stores";
+import type { FileMetadata, ServiceWorkerResponse } from "#lib/shared/service-worker.ts";
+import { fileMetadataStore } from "../stores.ts";
 
 const METADATA_REQUEST_TIMEOUT_MS = 3000;
 
diff --git a/src/service-worker/modules/progress.ts b/src/service-worker/modules/progress.ts
index eb05c08..8da1180 100644
--- a/src/service-worker/modules/progress.ts
+++ b/src/service-worker/modules/progress.ts
@@ -1,5 +1,5 @@
-import type { DownloadProgressMessage } from "#lib/shared/serviceWorker.js";
-import { notifyClients } from "./clients";
+import type { DownloadProgressMessage } from "#lib/shared/service-worker.ts";
+import { notifyClients } from "./clients.ts";
 
 const REPORT_INTERVAL_MS = 200;
 
diff --git a/src/service-worker/stores.ts b/src/service-worker/stores.ts
index 395a132..13e8e10 100644
--- a/src/service-worker/stores.ts
+++ b/src/service-worker/stores.ts
@@ -1,4 +1,4 @@
-import type { FileMetadata } from "#lib/shared/serviceWorker.js";
+import type { FileMetadata } from "#lib/shared/service-worker.ts";
 
 const MAX_FILE_METADATA_ENTRIES = 32;
 
diff --git a/src/trpc/client.ts b/src/trpc/client.ts
index 85a472e..03dc738 100644
--- a/src/trpc/client.ts
+++ b/src/trpc/client.ts
@@ -3,7 +3,7 @@ import { observable } from "@trpc/server/observable";
 import superjson from "superjson";
 import { goto } from "$app/navigation";
 import { navigating } from "$app/state";
-import type { AppRouter } from "./router.server";
+import type { AppRouter } from "./router.server.ts";
 
 // Procedures that report invalid credentials as UNAUTHORIZED, not an expired session
 const CREDENTIAL_PROCEDURES = new Set(["auth.login", "auth.upgrade"]);
diff --git a/src/trpc/dto.ts b/src/trpc/dto.ts
index 5e9fd67..84e278c 100644
--- a/src/trpc/dto.ts
+++ b/src/trpc/dto.ts
@@ -1,6 +1,6 @@
-import type { Category } from "#lib/server/db/repositories/category.js";
-import type { Directory } from "#lib/server/db/repositories/directory.js";
-import type { File } from "#lib/server/db/repositories/file.js";
+import type { Category } from "#lib/server/db/repositories/category.ts";
+import type { Directory } from "#lib/server/db/repositories/directory.ts";
+import type { File } from "#lib/server/db/repositories/file.ts";
 
 // Shapes of filesystem entries exposed by the API
 
diff --git a/src/trpc/init.server.ts b/src/trpc/init.server.ts
index 4919656..f9294bd 100644
--- a/src/trpc/init.server.ts
+++ b/src/trpc/init.server.ts
@@ -1,8 +1,8 @@
 import type { RequestEvent } from "@sveltejs/kit";
 import { initTRPC, TRPCError } from "@trpc/server";
 import superjson from "superjson";
-import { authorize, type ClientSession, type Session } from "#lib/server/auth.js";
-import { AppError, type ErrorCode } from "#lib/server/errors.js";
+import { authorize, type ClientSession, type Session } from "#lib/server/auth.ts";
+import { AppError, type ErrorCode } from "#lib/server/errors.ts";
 
 export const createContext = (event: RequestEvent) => event;
 export type Context = Awaited<ReturnType<typeof createContext>>;
diff --git a/src/trpc/router.server.ts b/src/trpc/router.server.ts
index 8797c79..e12985b 100644
--- a/src/trpc/router.server.ts
+++ b/src/trpc/router.server.ts
@@ -1,5 +1,5 @@
 import type { inferRouterInputs, inferRouterOutputs } from "@trpc/server";
-import { router } from "./init.server";
+import { router } from "./init.server.ts";
 import {
   authRouter,
   categoryRouter,
@@ -12,7 +12,7 @@ import {
   searchRouter,
   uploadRouter,
   userRouter,
-} from "./routers";
+} from "./routers/index.ts";
 
 export const appRouter = router({
   auth: authRouter,
diff --git a/src/trpc/routers/auth.ts b/src/trpc/routers/auth.ts
index fedd870..784f692 100644
--- a/src/trpc/routers/auth.ts
+++ b/src/trpc/routers/auth.ts
@@ -1,8 +1,8 @@
 import { z } from "zod";
-import { cookieOptions } from "#lib/server/auth.js";
-import { AuthService } from "#lib/server/services/index.js";
-import { router, publicProcedure, roleProcedure } from "#trpc/init.server.js";
-import { Base64Schema, IdSchema } from "#trpc/schemas.js";
+import { cookieOptions } from "#lib/server/auth.ts";
+import { AuthService } from "#lib/server/services/index.ts";
+import { router, publicProcedure, roleProcedure } from "#trpc/init.server.ts";
+import { Base64Schema, IdSchema } from "#trpc/schemas.ts";
 
 const authRouter = router({
   login: publicProcedure
diff --git a/src/trpc/routers/category.ts b/src/trpc/routers/category.ts
index eed25ba..418fc62 100644
--- a/src/trpc/routers/category.ts
+++ b/src/trpc/routers/category.ts
@@ -1,14 +1,14 @@
 import { z } from "zod";
-import { CategoryService } from "#lib/server/services/index.js";
-import { toCategoryDto, toFileDto } from "#trpc/dto.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
+import { CategoryService } from "#lib/server/services/index.ts";
+import { toCategoryDto, toFileDto } from "#trpc/dto.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
 import {
   Base64Schema,
   CategoryIdSchema,
   EncryptedNameSchema,
   IdSchema,
   toCiphertext,
-} from "#trpc/schemas.js";
+} from "#trpc/schemas.ts";
 
 const categoryRouter = router({
   get: roleProcedure["activeClient"]
diff --git a/src/trpc/routers/client.ts b/src/trpc/routers/client.ts
index 8a050e5..45fecd2 100644
--- a/src/trpc/routers/client.ts
+++ b/src/trpc/routers/client.ts
@@ -1,7 +1,7 @@
 import { z } from "zod";
-import { ClientService } from "#lib/server/services/index.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
-import { Base64Schema, IdSchema } from "#trpc/schemas.js";
+import { ClientService } from "#lib/server/services/index.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
+import { Base64Schema, IdSchema } from "#trpc/schemas.ts";
 
 const clientRouter = router({
   register: roleProcedure["notClient"]
diff --git a/src/trpc/routers/directory.ts b/src/trpc/routers/directory.ts
index d8fd716..5198d3b 100644
--- a/src/trpc/routers/directory.ts
+++ b/src/trpc/routers/directory.ts
@@ -1,14 +1,14 @@
 import { z } from "zod";
-import { DirectoryService } from "#lib/server/services/index.js";
-import { toDirectoryDto, toFileDto } from "#trpc/dto.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
+import { DirectoryService } from "#lib/server/services/index.ts";
+import { toDirectoryDto, toFileDto } from "#trpc/dto.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
 import {
   Base64Schema,
   DirectoryIdSchema,
   EncryptedNameSchema,
   IdSchema,
   toCiphertext,
-} from "#trpc/schemas.js";
+} from "#trpc/schemas.ts";
 
 const directoryRouter = router({
   get: roleProcedure["activeClient"]
diff --git a/src/trpc/routers/favorites.ts b/src/trpc/routers/favorites.ts
index 52137f3..72cc771 100644
--- a/src/trpc/routers/favorites.ts
+++ b/src/trpc/routers/favorites.ts
@@ -1,8 +1,8 @@
 import { z } from "zod";
-import { DirectoryService, FileService } from "#lib/server/services/index.js";
-import { toDirectoryDto, toFileDto } from "#trpc/dto.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
-import { IdSchema } from "#trpc/schemas.js";
+import { DirectoryService, FileService } from "#lib/server/services/index.ts";
+import { toDirectoryDto, toFileDto } from "#trpc/dto.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
+import { IdSchema } from "#trpc/schemas.ts";
 
 const IdInputSchema = z.object({ id: IdSchema });
 
diff --git a/src/trpc/routers/file.ts b/src/trpc/routers/file.ts
index 022f37a..958a8da 100644
--- a/src/trpc/routers/file.ts
+++ b/src/trpc/routers/file.ts
@@ -1,8 +1,8 @@
 import { z } from "zod";
-import { FileService } from "#lib/server/services/index.js";
-import { toFileDto, toFileWithCategoriesDto } from "#trpc/dto.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
-import { Base64Schema, EncryptedNameSchema, IdSchema, toCiphertext } from "#trpc/schemas.js";
+import { FileService } from "#lib/server/services/index.ts";
+import { toFileDto, toFileWithCategoriesDto } from "#trpc/dto.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
+import { Base64Schema, EncryptedNameSchema, IdSchema, toCiphertext } from "#trpc/schemas.ts";
 
 const fileRouter = router({
   get: roleProcedure["activeClient"]
diff --git a/src/trpc/routers/hsk.ts b/src/trpc/routers/hsk.ts
index c9acc52..e10a660 100644
--- a/src/trpc/routers/hsk.ts
+++ b/src/trpc/routers/hsk.ts
@@ -1,7 +1,7 @@
 import { z } from "zod";
-import { KeyService } from "#lib/server/services/index.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
-import { Base64Schema, IdSchema } from "#trpc/schemas.js";
+import { KeyService } from "#lib/server/services/index.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
+import { Base64Schema, IdSchema } from "#trpc/schemas.ts";
 
 const hskRouter = router({
   list: roleProcedure["activeClient"].query(async ({ ctx }) => {
diff --git a/src/trpc/routers/index.ts b/src/trpc/routers/index.ts
index 3e3f7ba..65a2043 100644
--- a/src/trpc/routers/index.ts
+++ b/src/trpc/routers/index.ts
@@ -1,11 +1,11 @@
-export { default as authRouter } from "./auth";
-export { default as categoryRouter } from "./category";
-export { default as clientRouter } from "./client";
-export { default as directoryRouter } from "./directory";
-export { default as favoritesRouter } from "./favorites";
-export { default as fileRouter } from "./file";
-export { default as hskRouter } from "./hsk";
-export { default as mekRouter } from "./mek";
-export { default as searchRouter } from "./search";
-export { default as uploadRouter } from "./upload";
-export { default as userRouter } from "./user";
+export { default as authRouter } from "./auth.ts";
+export { default as categoryRouter } from "./category.ts";
+export { default as clientRouter } from "./client.ts";
+export { default as directoryRouter } from "./directory.ts";
+export { default as favoritesRouter } from "./favorites.ts";
+export { default as fileRouter } from "./file.ts";
+export { default as hskRouter } from "./hsk.ts";
+export { default as mekRouter } from "./mek.ts";
+export { default as searchRouter } from "./search.ts";
+export { default as uploadRouter } from "./upload.ts";
+export { default as userRouter } from "./user.ts";
diff --git a/src/trpc/routers/mek.ts b/src/trpc/routers/mek.ts
index e0259ba..6ff88cf 100644
--- a/src/trpc/routers/mek.ts
+++ b/src/trpc/routers/mek.ts
@@ -1,7 +1,7 @@
 import { z } from "zod";
-import { KeyService } from "#lib/server/services/index.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
-import { Base64Schema } from "#trpc/schemas.js";
+import { KeyService } from "#lib/server/services/index.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
+import { Base64Schema } from "#trpc/schemas.ts";
 
 const mekRouter = router({
   list: roleProcedure["activeClient"].query(async ({ ctx }) => {
diff --git a/src/trpc/routers/search.ts b/src/trpc/routers/search.ts
index d43dd9e..03acf33 100644
--- a/src/trpc/routers/search.ts
+++ b/src/trpc/routers/search.ts
@@ -1,8 +1,8 @@
 import { z } from "zod";
-import { SearchService } from "#lib/server/services/index.js";
-import { toDirectoryDto, toFileDto } from "#trpc/dto.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
-import { DirectoryIdSchema, IdSchema } from "#trpc/schemas.js";
+import { SearchService } from "#lib/server/services/index.ts";
+import { toDirectoryDto, toFileDto } from "#trpc/dto.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
+import { DirectoryIdSchema, IdSchema } from "#trpc/schemas.ts";
 
 const searchRouter = router({
   search: roleProcedure["activeClient"]
diff --git a/src/trpc/routers/upload.ts b/src/trpc/routers/upload.ts
index f7825b9..d3d2ef4 100644
--- a/src/trpc/routers/upload.ts
+++ b/src/trpc/routers/upload.ts
@@ -1,14 +1,14 @@
 import mime from "mime";
 import { z } from "zod";
-import { UploadService } from "#lib/server/services/index.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
+import { UploadService } from "#lib/server/services/index.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
 import {
   Base64Schema,
   DirectoryIdSchema,
   EncryptedNameSchema,
   IdSchema,
   toCiphertext,
-} from "#trpc/schemas.js";
+} from "#trpc/schemas.ts";
 
 const uploadRouter = router({
   startFileUpload: roleProcedure["activeClient"]
diff --git a/src/trpc/routers/user.ts b/src/trpc/routers/user.ts
index df83c18..bf39622 100644
--- a/src/trpc/routers/user.ts
+++ b/src/trpc/routers/user.ts
@@ -1,5 +1,5 @@
-import { UserService } from "#lib/server/services/index.js";
-import { router, roleProcedure } from "#trpc/init.server.js";
+import { UserService } from "#lib/server/services/index.ts";
+import { router, roleProcedure } from "#trpc/init.server.ts";
 
 const userRouter = router({
   get: roleProcedure["any"].query(async ({ ctx }) => {
diff --git a/tests/helpers/database.ts b/tests/helpers/database.ts
index f05326e..8a01ab3 100644
--- a/tests/helpers/database.ts
+++ b/tests/helpers/database.ts
@@ -1,5 +1,5 @@
 import { sql } from "kysely";
-import db from "#lib/server/db/kysely.js";
+import db from "#lib/server/db/kysely.ts";
 
 export const resetDatabase = async () => {
   const { rows } = await sql<{ tablename: string }>`
diff --git a/tests/helpers/storage.ts b/tests/helpers/storage.ts
index 888b228..9332a59 100644
--- a/tests/helpers/storage.ts
+++ b/tests/helpers/storage.ts
@@ -1,6 +1,6 @@
 import { mkdir, writeFile } from "fs/promises";
 import { dirname, join } from "path";
-import env from "#lib/server/config.js";
+import env from "#lib/server/config.ts";
 
 let sequence = 0;
 
diff --git a/tests/server/deletion.test.ts b/tests/server/deletion.test.ts
index 78d7b0b..a19e226 100644
--- a/tests/server/deletion.test.ts
+++ b/tests/server/deletion.test.ts
@@ -1,8 +1,8 @@
 import { access } from "fs/promises";
 import { beforeEach, describe, expect, it } from "vitest";
-import { UploadRepo } from "#lib/server/db/index.js";
-import { DirectoryService, FileService } from "#lib/server/services/index.js";
-import { processPendingFileDeletions } from "#lib/server/services/fileDeletion.js";
+import { UploadRepo } from "#lib/server/db/index.ts";
+import { processPendingFileDeletions } from "#lib/server/services/file-deletion.ts";
+import { DirectoryService, FileService } from "#lib/server/services/index.ts";
 import {
   ciphertext,
   createDirectory,
@@ -11,8 +11,8 @@ import {
   getQueuedDeletions,
   newEntryParams,
   resetDatabase,
-} from "../helpers/database";
-import { createStoredFile } from "../helpers/storage";
+} from "../helpers/database.ts";
+import { createStoredFile } from "../helpers/storage.ts";
 
 const exists = (path: string) =>
   access(path).then(
diff --git a/tests/server/download.test.ts b/tests/server/download.test.ts
index b050538..edcddcb 100644
--- a/tests/server/download.test.ts
+++ b/tests/server/download.test.ts
@@ -4,7 +4,7 @@ import { join } from "path";
 import { buffer } from "stream/consumers";
 import type { ReadableStream } from "stream/web";
 import { describe, expect, it } from "vitest";
-import { createEncContentStream } from "#lib/server/storage/index.js";
+import { createEncContentStream } from "#lib/server/storage/index.ts";
 
 const createFile = async (content: string) => {
   const path = join(await mkdtemp(join(tmpdir(), "arkvault-test-")), "file");
diff --git a/tests/server/ownership.test.ts b/tests/server/ownership.test.ts
index 08d1ac2..a62a4b3 100644
--- a/tests/server/ownership.test.ts
+++ b/tests/server/ownership.test.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it } from "vitest";
-import { CategoryRepo, DirectoryRepo, UploadRepo, IntegrityError } from "#lib/server/db/index.js";
+import { CategoryRepo, DirectoryRepo, UploadRepo, IntegrityError } from "#lib/server/db/index.ts";
 import {
   createCategory,
   createDirectory,
@@ -7,7 +7,7 @@ import {
   newEntryParams,
   resetDatabase,
   ciphertext,
-} from "../helpers/database";
+} from "../helpers/database.ts";
 
 beforeEach(resetDatabase);
 
diff --git a/tests/server/trpc.test.ts b/tests/server/trpc.test.ts
index 934325c..da31bdb 100644
--- a/tests/server/trpc.test.ts
+++ b/tests/server/trpc.test.ts
@@ -1,8 +1,8 @@
 import type { RequestEvent } from "@sveltejs/kit";
 import { TRPCError } from "@trpc/server";
 import { beforeEach, describe, expect, it } from "vitest";
-import { appRouter } from "#trpc/router.server.js";
-import { createDirectory, createUser, resetDatabase } from "../helpers/database";
+import { appRouter } from "#trpc/router.server.ts";
+import { createDirectory, createUser, resetDatabase } from "../helpers/database.ts";
 
 const createCaller = (userId: number, clientId?: number) =>
   appRouter.createCaller({
diff --git a/tests/server/upload.test.ts b/tests/server/upload.test.ts
index d925757..eda34a8 100644
--- a/tests/server/upload.test.ts
+++ b/tests/server/upload.test.ts
@@ -1,10 +1,10 @@
 import { createHash } from "crypto";
 import { Readable } from "stream";
 import { beforeEach, describe, expect, it } from "vitest";
-import { UploadRepo } from "#lib/server/db/index.js";
-import { FileService, UploadService } from "#lib/server/services/index.js";
-import { isChunkUploaded } from "#lib/server/services/upload.js";
-import { ciphertext, createUser, newEntryParams, resetDatabase } from "../helpers/database";
+import { UploadRepo } from "#lib/server/db/index.ts";
+import { FileService, UploadService } from "#lib/server/services/index.ts";
+import { isChunkUploaded } from "#lib/server/services/upload.ts";
+import { ciphertext, createUser, newEntryParams, resetDatabase } from "../helpers/database.ts";
 
 beforeEach(resetDatabase);
 
diff --git a/tests/setup/database.ts b/tests/setup/database.ts
index 142e385..1557634 100644
--- a/tests/setup/database.ts
+++ b/tests/setup/database.ts
@@ -3,7 +3,7 @@ import { Kysely, PostgresDialect } from "kysely";
 import { Migrator } from "kysely/migration";
 import pg from "pg";
 import type { TestProject } from "vitest/node";
-import migrations from "../../src/lib/server/db/migrations";
+import migrations from "../../src/lib/server/db/migrations/index.ts";
 
 declare module "vitest" {
   export interface ProvidedContext {
diff --git a/tests/setup/server.ts b/tests/setup/server.ts
index a257d63..4981893 100644
--- a/tests/setup/server.ts
+++ b/tests/setup/server.ts
@@ -5,7 +5,7 @@ import { vi } from "vitest";
 
 const storagePath = await mkdtemp(join(tmpdir(), "arkvault-test-"));
 
-vi.mock("#lib/server/config.js", async () => {
+vi.mock("#lib/server/config.ts", async () => {
   const { inject } = await import("vitest");
   return {
     default: {
diff --git a/tests/unit/concurrency.test.ts b/tests/unit/concurrency.test.ts
index 3079384..f4c9f85 100644
--- a/tests/unit/concurrency.test.ts
+++ b/tests/unit/concurrency.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { BoundedQueue, Scheduler } from "#lib/utils/concurrency/index.js";
+import { BoundedQueue, Scheduler } from "#lib/utils/concurrency/index.ts";
 
 const tick = () => new Promise((resolve) => setTimeout(resolve, 0));
 
diff --git a/tests/unit/crypto.test.ts b/tests/unit/crypto.test.ts
index 055fc11..700a261 100644
--- a/tests/unit/crypto.test.ts
+++ b/tests/unit/crypto.test.ts
@@ -7,7 +7,7 @@ import {
   encryptChunk,
   encryptString,
   generateDataKey,
-} from "#lib/shared/crypto/index.js";
+} from "#lib/shared/crypto/index.ts";
 
 describe("base64", () => {
   it("round-trips large buffers", () => {
diff --git a/tests/unit/decryptionStream.test.ts b/tests/unit/decryption-stream.test.ts
similarity index 96%
rename from tests/unit/decryptionStream.test.ts
rename to tests/unit/decryption-stream.test.ts
index 146f9dd..3809873 100644
--- a/tests/unit/decryptionStream.test.ts
+++ b/tests/unit/decryption-stream.test.ts
@@ -1,12 +1,12 @@
 import { describe, expect, it } from "vitest";
-import { encryptChunk, generateDataKey } from "#lib/shared/crypto/index.js";
+import { encryptChunk, generateDataKey } from "#lib/shared/crypto/index.ts";
+import { concatenateBuffers } from "#lib/shared/crypto/index.ts";
 import {
   CHUNK_SIZE,
   createDecryptionStream,
   getEncryptedRange,
   getEncryptedSize,
-} from "#lib/shared/format/index.js";
-import { concatenateBuffers } from "#lib/shared/crypto/index.js";
+} from "#lib/shared/format/index.ts";
 
 const plaintext = Uint8Array.from({ length: 2 * CHUNK_SIZE + 12345 }, (_, i) => (i * 7) % 251);
 
diff --git a/tests/unit/filesystemCache.test.ts b/tests/unit/filesystem-cache.test.ts
similarity index 99%
rename from tests/unit/filesystemCache.test.ts
rename to tests/unit/filesystem-cache.test.ts
index 603b77a..ecbe1b4 100644
--- a/tests/unit/filesystemCache.test.ts
+++ b/tests/unit/filesystem-cache.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from "vitest";
-import { FilesystemCache } from "#lib/features/filesystem/cache.svelte.js";
+import { FilesystemCache } from "#lib/features/filesystem/cache.svelte.ts";
 
 interface Entry {
   id: number;
diff --git a/tests/unit/keyring.test.ts b/tests/unit/keyring.test.ts
index ea42642..73f2c37 100644
--- a/tests/unit/keyring.test.ts
+++ b/tests/unit/keyring.test.ts
@@ -1,8 +1,8 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { keyring } from "#lib/client/keys/keyring.svelte.js";
-import type { MasterKey } from "#lib/client/keys/types.js";
+import { keyring } from "#lib/client/keys/keyring.svelte.ts";
+import type { MasterKey } from "#lib/client/keys/types.ts";
 
-vi.mock("#lib/client/storage/indexedDB/index.js", () => ({
+vi.mock("#lib/client/storage/indexed-db/index.ts", () => ({
   getClientKey: vi.fn(async () => null),
   getMasterKeys: vi.fn(async () => []),
   getHmacSecrets: vi.fn(async () => []),
diff --git a/tests/unit/range.test.ts b/tests/unit/range.test.ts
index e904ef4..c5fc62c 100644
--- a/tests/unit/range.test.ts
+++ b/tests/unit/range.test.ts
@@ -6,8 +6,8 @@ import {
   getDecryptedSize,
   getEncryptedRange,
   getEncryptedSize,
-} from "#lib/shared/format/index.js";
-import { getContentRangeHeader, parseRangeHeader, resolveRange } from "#lib/shared/http.js";
+} from "#lib/shared/format/index.ts";
+import { getContentRangeHeader, parseRangeHeader, resolveRange } from "#lib/shared/http.ts";
 
 describe("parseRangeHeader", () => {
   it("parses byte ranges", () => {