diff --git a/bun.lockb b/bun.lockb
index fe2e851e..35e091ef 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 2ab6be3c..4afc2ef7 100644
--- a/package.json
+++ b/package.json
@@ -70,11 +70,13 @@
     "@mantine/hooks": "^7.7.0",
     "@tanstack/react-router": "^1.29.2",
     "@tauri-apps/api": "^1",
+    "@types/sql.js": "^1.4.9",
     "bits-ui": "^0.14.0",
     "clsx": "^2.1.0",
     "mantine-datatable": "^7.6.1",
     "react": "18.2",
     "react-dom": "18.2",
+    "sql.js": "^1.10.3",
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.1.20",
     "tauri-settings": "^0.3.4"
diff --git a/src/App.tsx b/src/App.tsx
index 1a06c79e..aeaa8dce 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import { safeAsyncEventHandler } from "$lib/async";
-import { LibraryProvider } from "$lib/contexts/library";
+import { LocalCalibreLibraryProvider, WebCalibreLibraryProvider } from "$lib/contexts/library";
 import { SettingsProvider } from "$lib/contexts/settings";
 import { theme } from "$lib/theme";
 import { ColorSchemeScript, MantineProvider } from "@mantine/core";
@@ -21,6 +21,9 @@ declare module "@tanstack/react-router" {
 
 export const App = () => {
 	const [libraryPath, setLibraryPath] = useState<string | null>(null);
+	const [libraryFSDirectoryHandle, setLibraryFSDirectoryHandle] = useState<FileSystemDirectoryHandle | null>(
+		null
+	);
 	const updateLibraryPath = useCallback(async () => {
 		const libPath = await settings.get("calibreLibraryPath");
 		setLibraryPath(libPath);
@@ -39,19 +42,31 @@ export const App = () => {
 					onLibraryPathPicked={() => {
 						safeAsyncEventHandler(updateLibraryPath)();
 					}}
+					onLibraryFSDirectoryHandlePicked={setLibraryFSDirectoryHandle}
 				/>
 			</MantineProvider>
 		);
 	}
 
+	if (libraryFSDirectoryHandle) {
+		return <SettingsProvider value={settings}>
+			<WebCalibreLibraryProvider directoryHandle={libraryFSDirectoryHandle}>
+				<ColorSchemeScript defaultColorScheme="auto" />
+				<MantineProvider theme={theme} defaultColorScheme="auto">
+					<RouterProvider router={router} />
+				</MantineProvider>
+			</WebCalibreLibraryProvider>
+		</SettingsProvider>;
+	}
+
 	return (
 		<SettingsProvider value={settings}>
-			<LibraryProvider libraryPath={libraryPath}>
+			<LocalCalibreLibraryProvider libraryPath={libraryPath}>
 				<ColorSchemeScript defaultColorScheme="auto" />
 				<MantineProvider theme={theme} defaultColorScheme="auto">
 					<RouterProvider router={router} />
 				</MantineProvider>
-			</LibraryProvider>
+			</LocalCalibreLibraryProvider>
 		</SettingsProvider>
 	);
 };
diff --git a/src/components/pages/firstTimeSetup.tsx b/src/components/pages/firstTimeSetup.tsx
index a834ba0b..9444bdad 100644
--- a/src/components/pages/firstTimeSetup.tsx
+++ b/src/components/pages/firstTimeSetup.tsx
@@ -1,5 +1,6 @@
 import { commands } from "@/bindings";
 import { safeAsyncEventHandler } from "@/lib/async";
+import { isDesktop } from "@/lib/platform";
 import { pickLibrary } from "@/lib/services/library";
 import { createLibrary } from "@/lib/services/library/_internal/pickLibrary";
 import { settings } from "@/stores/settings";
@@ -23,7 +24,11 @@ const openFilePicker = async (): Promise<
 
 export const FirstTimeSetup = ({
 	onLibraryPathPicked,
-}: { onLibraryPathPicked: () => void }) => {
+	onLibraryFSDirectoryHandlePicked,
+}: {
+	onLibraryPathPicked: () => void;
+	onLibraryFSDirectoryHandlePicked: (handle: FileSystemDirectoryHandle) => void;
+}) => {
 	return (
 		<Stack align="center" justify="flex-start" h={"100vh"} p="sm">
 			<Title>Welcome to Citadel!</Title>
@@ -34,16 +39,33 @@ export const FirstTimeSetup = ({
 			</Text>
 			<Button
 				onPointerDown={safeAsyncEventHandler(async () => {
-					const returnStatus = await openFilePicker();
-					if (returnStatus.type === "invalid library path selected") {
-						return;
-					}
+					if (isDesktop()) {
+						const returnStatus = await openFilePicker();
+						if (returnStatus.type === "invalid library path selected") {
+							return;
+						}
+
+						if (returnStatus.type === "new library selected") {
+							await createLibrary(returnStatus.path);
+						}
+						await settings.set("calibreLibraryPath", returnStatus.path);
+						onLibraryPathPicked();
+					} else {
+						const currentDirHandle = await (
+							// This function is experimental, and not yet in the TS types.
+							window as typeof window & {
+								showDirectoryPicker: () => Promise<FileSystemDirectoryHandle>;
+							}
+						).showDirectoryPicker();
+						if (currentDirHandle === undefined) return;
 
-					if (returnStatus.type === "new library selected") {
-						await createLibrary(returnStatus.path);
+						await settings.set(
+							"calibreLibraryPath",
+							`webfilesystem://${currentDirHandle.name}`,
+						);
+						onLibraryFSDirectoryHandlePicked(currentDirHandle);
+						onLibraryPathPicked();
 					}
-					await settings.set("calibreLibraryPath", returnStatus.path);
-					onLibraryPathPicked();
 				})}
 			>
 				Choose Calibre library folder
diff --git a/src/lib/contexts/library/Provider.tsx b/src/lib/contexts/library/Provider.tsx
index e5777418..f556ae17 100644
--- a/src/lib/contexts/library/Provider.tsx
+++ b/src/lib/contexts/library/Provider.tsx
@@ -13,7 +13,7 @@ interface LibraryProviderProps {
 	children: React.ReactNode;
 	libraryPath: string;
 }
-export const LibraryProvider = ({
+export const LocalCalibreLibraryProvider = ({
 	children,
 	libraryPath,
 }: LibraryProviderProps) => {
diff --git a/src/lib/contexts/library/WebProvider.tsx b/src/lib/contexts/library/WebProvider.tsx
new file mode 100644
index 00000000..bae10f01
--- /dev/null
+++ b/src/lib/contexts/library/WebProvider.tsx
@@ -0,0 +1,50 @@
+import { useEffect, useReducer } from "react";
+import { DEFAULT_CONTEXT_VALUE, LibraryContext, LibraryState } from "./context";
+import { Options, initClient } from "@/lib/services/library";
+import { reducer } from "./reducer";
+
+const webLibraryFromHandle = (handle: FileSystemDirectoryHandle): Options => ({
+	libraryDirectoryHandle: handle,
+	libraryType: "calibre",
+	connectionType: "web",
+});
+
+interface LibraryProviderProps {
+	children: React.ReactNode;
+	directoryHandle: FileSystemDirectoryHandle;
+}
+export const WebCalibreLibraryProvider = ({
+	children,
+	directoryHandle,
+}: LibraryProviderProps) => {
+	const [context, dispatch] = useReducer(reducer, DEFAULT_CONTEXT_VALUE);
+
+	useEffect(() => {
+		if (context.state === LibraryState.error) {
+			console.log(context.error);
+		}
+	}, [context]);
+
+	useEffect(() => {
+		initClient(webLibraryFromHandle(directoryHandle))
+			.then((client) => {
+				dispatch({
+					type: "init",
+					client,
+				});
+			})
+			.catch(() => {
+				dispatch({ type: "error", error: new Error("Failed to init Library") });
+			});
+
+		return () => {
+			dispatch({ type: "shutdown" });
+		};
+	}, [directoryHandle]);
+
+	return (
+		<LibraryContext.Provider value={context}>
+			{!context.loading && children}
+		</LibraryContext.Provider>
+	);
+};
diff --git a/src/lib/contexts/library/index.ts b/src/lib/contexts/library/index.ts
index 0f9cecc6..8fd6f7c5 100644
--- a/src/lib/contexts/library/index.ts
+++ b/src/lib/contexts/library/index.ts
@@ -1,5 +1,6 @@
-import { LibraryProvider } from "./Provider";
+import { LocalCalibreLibraryProvider } from "./Provider";
+import {WebCalibreLibraryProvider} from "./WebProvider";
 import { LibraryState } from "./context";
 import { useLibrary } from "./hooks";
 
-export { LibraryProvider, useLibrary, LibraryState };
+export { LocalCalibreLibraryProvider, WebCalibreLibraryProvider, useLibrary, LibraryState };
diff --git a/src/lib/isDefined.ts b/src/lib/isDefined.ts
new file mode 100644
index 00000000..2bf4414e
--- /dev/null
+++ b/src/lib/isDefined.ts
@@ -0,0 +1,7 @@
+export const isDefined = <T>(value: T | undefined): value is T =>
+	value !== undefined;
+
+export const isNonNull = <T>(value: T | null): value is T => value !== null;
+
+export const isSomething = <T>(value: T | undefined | null): value is T =>
+	value !== undefined && value !== null;
diff --git a/src/lib/platform.ts b/src/lib/platform.ts
new file mode 100644
index 00000000..3fce07f6
--- /dev/null
+++ b/src/lib/platform.ts
@@ -0,0 +1,3 @@
+export const isDesktop = () => {
+  return "__TAURI__" in window && window.__TAURI__;
+};
diff --git a/src/lib/services/library/_internal/_types.ts b/src/lib/services/library/_internal/_types.ts
index 2cac3a98..41a100a5 100644
--- a/src/lib/services/library/_internal/_types.ts
+++ b/src/lib/services/library/_internal/_types.ts
@@ -100,7 +100,11 @@ export interface RemoteConnectionOptions {
 	connectionType: "remote";
 	url: string;
 }
+export interface WebConnectionOptions {
+	connectionType: "web";
+	libraryDirectoryHandle: FileSystemDirectoryHandle;
+}
 
 export type Options = {
 	libraryType: "calibre";
-} & (LocalConnectionOptions | RemoteConnectionOptions);
+} & (LocalConnectionOptions | RemoteConnectionOptions | WebConnectionOptions);
diff --git a/src/lib/services/library/_internal/adapters/calibre.ts b/src/lib/services/library/_internal/adapters/calibre.ts
index 827bc2e6..7e5dee82 100644
--- a/src/lib/services/library/_internal/adapters/calibre.ts
+++ b/src/lib/services/library/_internal/adapters/calibre.ts
@@ -1,3 +1,4 @@
+
 import {
 	commands,
 	type ImportableFile,
@@ -11,6 +12,7 @@ import type {
 	Options,
 	RemoteConnectionOptions,
 } from "../_types";
+import { genWebCalibreClient } from "./web";
 
 const genLocalCalibreClient = async (
 	options: LocalConnectionOptions,
@@ -176,6 +178,9 @@ export const initCalibreClient = async (options: Options): Promise<Library> => {
 	if (options.connectionType === "remote") {
 		return genRemoteCalibreClient(options);
 	}
+	if (options.connectionType === "web") {
+		return genWebCalibreClient(options);
+	}
 
 	return genLocalCalibreClient(options);
 };
diff --git a/src/lib/services/library/_internal/adapters/web.ts b/src/lib/services/library/_internal/adapters/web.ts
new file mode 100644
index 00000000..cd97fd91
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web.ts
@@ -0,0 +1,149 @@
+import initSqlJs from "sql.js";
+
+import { LibraryBook } from "@/bindings";
+
+import { Library, WebConnectionOptions } from "../_types";
+import { loadDb } from "./web/db";
+import {
+	createAuthorRepository,
+	createBookAuthorLinkRepository,
+	createBookRepository,
+} from "./web/repositories/sqljs";
+import { createCatalogService } from "./web/services/catalog";
+import { createAuthorService } from "./web/services/author";
+import { libraryAuthor } from "./web/entities/LibraryAuthor";
+
+export const genWebCalibreClient = async (
+	options: WebConnectionOptions,
+): Promise<Library> => {
+	const SQL = await initSqlJs({
+		// TODO: Now Citadel requires being online on the web? ... that is probably fine, yes.
+		locateFile: (file: string) => `https://sql.js.org/dist/${file}`,
+	});
+	const bookRepo = createBookRepository(options.libraryDirectoryHandle, SQL);
+	const bookAuthorLinkRepo = createBookAuthorLinkRepository(
+		options.libraryDirectoryHandle,
+		SQL,
+	);
+	const authorRepo = createAuthorRepository(
+		options.libraryDirectoryHandle,
+		SQL,
+	);
+	const authorService = createAuthorService(authorRepo);
+	const catalogService = createCatalogService(
+		bookRepo,
+		bookAuthorLinkRepo,
+		authorRepo,
+	);
+
+	return {
+		listBooks: async () => {
+			const db = await loadDb(options.libraryDirectoryHandle, SQL);
+			if (!db) return [];
+
+			const res = db.exec("SELECT * FROM 'books'");
+			if (res.length === 0) {
+				return [];
+			}
+			const rows = res[0].values;
+
+			const coverImagePromises = rows.map((row) => {
+				const path = (row[9] ?? "").toString();
+				if (path === "") {
+					return null;
+				}
+				return coverImageFromPath(path, options.libraryDirectoryHandle);
+			});
+			const coverImages = await Promise.all(coverImagePromises);
+
+			const addCoverImageToBook = (
+				book: LibraryBook,
+				coverImage: File | null,
+			): LibraryBook => {
+				if (coverImage === null) {
+					return book;
+				}
+				return {
+					...book,
+					cover_image: {
+						kind: "Remote",
+						url: URL.createObjectURL(coverImage),
+						local_path: null,
+					},
+				};
+			};
+			const books = (await catalogService.all()).map((book, index) =>
+				addCoverImageToBook(book, coverImages[index]),
+			);
+
+			return books;
+		},
+		listAuthors: async () => {
+			return (await authorService.all()).map(libraryAuthor.fromAuthor);
+		},
+		listValidFileTypes: () => {
+			return Promise.resolve([]);
+		},
+		getCoverPathForBook: () => {
+			throw new Error("Not implemented");
+		},
+		getCoverUrlForBook: () => {
+			throw new Error("Not implemented");
+		},
+		getDefaultFilePathForBook: () => {
+			throw new Error("Not implemented");
+		},
+		getImportableFileMetadata: () => {
+			throw new Error("Not implemented");
+		},
+		sendToDevice: () => {
+			throw new Error("Not implemented");
+		},
+		updateBook: () => {
+			throw new Error("Not implemented");
+		},
+		addImportableFileByMetadata: () => {
+			throw new Error("Not implemented");
+		},
+		checkFileImportable: () => {
+			throw new Error("Not implemented");
+		},
+	};
+};
+
+const coverImageFromPath = async (
+	path: string,
+	libraryDirectoryHandle: FileSystemDirectoryHandle,
+): Promise<File | null> => {
+	const parts = path.split("/");
+	const maxDepth = parts.length;
+	let currDepth = 0;
+	let handle: FileSystemDirectoryHandle | FileSystemFileHandle | null =
+		libraryDirectoryHandle;
+
+	while (currDepth < maxDepth) {
+		try {
+			// File names can be invalid, which throws an error.
+			handle = await handle.getDirectoryHandle(parts[currDepth]);
+		} catch (e) {
+			console.log(e, handle, parts[currDepth], parts, currDepth);
+			handle = null;
+			break;
+		}
+		if (handle === null) {
+			break;
+		}
+		currDepth++;
+	}
+
+	if (handle === null) {
+		return null;
+	}
+	try {
+		// Getting the cover image can throw errors
+		const fileHandle = await handle.getFileHandle("cover.jpg");
+		return fileHandle.getFile();
+	} catch (e) {
+		return null;
+	}
+};
diff --git a/src/lib/services/library/_internal/adapters/web/client.ts b/src/lib/services/library/_internal/adapters/web/client.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/lib/services/library/_internal/adapters/web/db.ts b/src/lib/services/library/_internal/adapters/web/db.ts
new file mode 100644
index 00000000..49e9574b
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/db.ts
@@ -0,0 +1,20 @@
+import { Database, SqlJsStatic } from "sql.js";
+
+export const loadDb = async (
+	libraryDirectoryHandle: FileSystemDirectoryHandle,
+	sqlClient: SqlJsStatic,
+): Promise<Database | null> => {
+	try {
+		const fileBuffer = await (
+			await (
+				await libraryDirectoryHandle.getFileHandle("metadata.db", {
+					create: false,
+				})
+			).getFile()
+		).arrayBuffer();
+		return new sqlClient.Database(new Uint8Array(fileBuffer));
+	} catch (e) {
+		console.error(e);
+		return null;
+	}
+};
diff --git a/src/lib/services/library/_internal/adapters/web/entities/Author.ts b/src/lib/services/library/_internal/adapters/web/entities/Author.ts
new file mode 100644
index 00000000..a1fd8d0f
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/entities/Author.ts
@@ -0,0 +1,17 @@
+import { AuthorId } from "../types";
+
+export interface Author {
+	id: AuthorId;
+	name: string;
+  sort: string;
+}
+
+export const Author = {
+	fromRow: (row: any[]): Author => {
+		return {
+			id: row[0].toString() as AuthorId,
+			name: row[1],
+      sort: row[2],
+		};
+	},
+};
diff --git a/src/lib/services/library/_internal/adapters/web/entities/Book.ts b/src/lib/services/library/_internal/adapters/web/entities/Book.ts
new file mode 100644
index 00000000..a3a12b77
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/entities/Book.ts
@@ -0,0 +1,50 @@
+import { BookId } from "../types";
+
+export interface Book {
+	id: BookId;
+	uuid?: string;
+	title: string;
+	sort?: string;
+	timestamp?: Date;
+	pubdate?: Date;
+	series_index: number;
+	author_sort?: string;
+	path: string;
+	flags: number;
+	has_cover?: boolean;
+	last_modified: Date;
+}
+
+export const Book = {
+	fromRow: (row: any[]): Book => {
+		return {
+			id: row[0].toString() as BookId,
+			title: row[1],
+			sort: row[2],
+			timestamp: row[3],
+			pubdate: row[4],
+			series_index: row[5],
+			path: row[9],
+			flags: row[10],
+			uuid: row[11],
+			has_cover: row[12],
+			last_modified: row[13],
+		};
+	},
+	toRow: (book: Book): any[] => {
+		return [
+			Number(book.id),
+			book.uuid,
+			book.title,
+			book.sort,
+			book.timestamp,
+			book.pubdate,
+			book.series_index,
+			book.author_sort,
+			book.path,
+			book.flags,
+			book.has_cover,
+			book.last_modified,
+		];
+	},
+};
diff --git a/src/lib/services/library/_internal/adapters/web/entities/LibraryAuthor.ts b/src/lib/services/library/_internal/adapters/web/entities/LibraryAuthor.ts
new file mode 100644
index 00000000..31a4875a
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/entities/LibraryAuthor.ts
@@ -0,0 +1,13 @@
+import { LibraryAuthor } from "@/bindings";
+
+import { Author } from "./Author";
+
+export const libraryAuthor = {
+	fromAuthor: (author: Author): LibraryAuthor => {
+		return {
+			id: author.id.toString(),
+			name: author.name,
+			sortable_name: author.sort ?? author.name,
+		};
+	},
+};
diff --git a/src/lib/services/library/_internal/adapters/web/entities/LibraryBook.ts b/src/lib/services/library/_internal/adapters/web/entities/LibraryBook.ts
new file mode 100644
index 00000000..9065f584
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/entities/LibraryBook.ts
@@ -0,0 +1,40 @@
+import { LibraryBook, LibraryAuthor } from "@/bindings";
+import { Book } from "./Book";
+
+export const libraryBook = {
+	fromRow: (row: any[]): LibraryBook => {
+		return {
+			id: row[0]?.toString() ?? "",
+			title: row[1]?.toString() ?? "",
+			author_list: [
+				{
+					sortable_name: "",
+					name: "",
+					id: "",
+				},
+			],
+			uuid: null,
+			sortable_title: "",
+			author_sort_lookup: {},
+			file_list: [],
+			cover_image: null,
+			identifier_list: [],
+		};
+	},
+	fromBookAndAuthorList: (
+		book: Book,
+		authorList: LibraryAuthor[],
+	): LibraryBook => {
+		return {
+			id: book.id.toString(),
+			title: book.title,
+			author_list: authorList,
+			uuid: book.uuid ?? null,
+			sortable_title: book.sort ?? "",
+			author_sort_lookup: {},
+			file_list: [],
+			cover_image: null,
+			identifier_list: [],
+		};
+	},
+};
diff --git a/src/lib/services/library/_internal/adapters/web/repositories/Repository.ts b/src/lib/services/library/_internal/adapters/web/repositories/Repository.ts
new file mode 100644
index 00000000..a420d864
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/repositories/Repository.ts
@@ -0,0 +1,22 @@
+import { SqlJsStatic } from "sql.js";
+
+import { Book } from "../entities/Book";
+import { AuthorId, BookId } from "../types";
+import { Author } from "../entities/Author";
+
+export interface BookAuthorLinkRepository {
+  getAuthorsForBook: (bookId: BookId) => Promise<AuthorId[]>;
+}
+
+export interface AuthorRepository {
+  all: () => Promise<Author[]>;
+}
+
+export interface BookRepository {
+  all: () => Promise<Book[]>;
+}
+
+export type SqljsRepository<Repository> = (
+	directoryHandle: FileSystemDirectoryHandle,
+	sqlClient: SqlJsStatic,
+) => Repository;
diff --git a/src/lib/services/library/_internal/adapters/web/repositories/sqljs.ts b/src/lib/services/library/_internal/adapters/web/repositories/sqljs.ts
new file mode 100644
index 00000000..03accc5b
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/repositories/sqljs.ts
@@ -0,0 +1,61 @@
+import { SqlJsStatic } from "sql.js";
+
+import { BookAuthorLinkRepository, SqljsRepository } from "./Repository";
+import { AuthorId } from "../types";
+import { Author } from "../entities/Author";
+import { Book } from "../entities/Book";
+import { loadDb } from "../db";
+
+export const createBookAuthorLinkRepository: SqljsRepository<
+	BookAuthorLinkRepository
+> = (directoryHandle, sqlClient) => {
+	return {
+		getAuthorsForBook: async (bookId) => {
+			const db = await loadDb(directoryHandle, sqlClient);
+			if (!db) throw new Error("No database");
+
+			const res = db.exec(
+				`SELECT author FROM 'books_authors_link' WHERE book = ${bookId}`,
+			);
+			return res[0].values.map((row) => (row[0] ?? "").toString() as AuthorId);
+		},
+	};
+};
+
+export const createAuthorRepository = (
+	directoryHandle: FileSystemDirectoryHandle,
+	sqlClient: SqlJsStatic,
+) => {
+	return {
+		all: async (): Promise<Author[]> => {
+			const db = await loadDb(directoryHandle, sqlClient);
+			if (!db) return [];
+
+			const res = db.exec("SELECT * FROM 'authors'");
+			if (res.length === 0) {
+				return [];
+			}
+			const rows = res[0].values.map(Author.fromRow);
+			return rows;
+		},
+	};
+};
+
+export const createBookRepository = (
+	directoryHandle: FileSystemDirectoryHandle,
+	sqlClient: SqlJsStatic,
+) => {
+	return {
+		all: async (): Promise<Book[]> => {
+			const db = await loadDb(directoryHandle, sqlClient);
+			if (!db) return [];
+
+			const res = db.exec("SELECT * FROM 'books'");
+			if (res.length === 0) {
+				return [];
+			}
+			const rows = res[0].values.map(Book.fromRow);
+			return rows;
+		},
+	};
+};
diff --git a/src/lib/services/library/_internal/adapters/web/services/author.ts b/src/lib/services/library/_internal/adapters/web/services/author.ts
new file mode 100644
index 00000000..248d4b4a
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/services/author.ts
@@ -0,0 +1,10 @@
+import { AuthorRepository } from "../repositories/Repository";
+import { Author } from "../entities/Author";
+
+export const createAuthorService = (authorRepository: AuthorRepository) => {
+	return {
+		all: async (): Promise<Author[]> => {
+			return await authorRepository.all();
+		},
+	};
+};
diff --git a/src/lib/services/library/_internal/adapters/web/services/catalog.ts b/src/lib/services/library/_internal/adapters/web/services/catalog.ts
new file mode 100644
index 00000000..7687fda4
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/services/catalog.ts
@@ -0,0 +1,43 @@
+import { LibraryBook } from "@/bindings";
+import { isDefined } from "@/lib/isDefined";
+import { Author } from "../entities/Author";
+import {
+	BookRepository,
+	BookAuthorLinkRepository,
+	AuthorRepository,
+} from "../repositories/Repository";
+import { BookId, AuthorId } from "../types";
+import { libraryAuthor } from "../entities/LibraryAuthor";
+import { libraryBook } from "../entities/LibraryBook";
+
+export const createCatalogService = (
+	bookRepository: BookRepository,
+	bookAuthorLinkRepository: BookAuthorLinkRepository,
+	authorRepository: AuthorRepository,
+) => {
+	const authorsForBook = async (bookId: BookId): Promise<AuthorId[]> => {
+		return bookAuthorLinkRepository.getAuthorsForBook(bookId);
+	};
+
+	return {
+		all: async (): Promise<LibraryBook[]> => {
+			const books = await bookRepository.all();
+			const authors = await authorRepository.all();
+			const authorLookup = new Map<AuthorId, Author>(
+				authors.map((author) => [author.id, author]),
+			);
+
+			const libraryBooks = books.map(async (book) => {
+				const bookLibraryAuthors = (await authorsForBook(book.id))
+					.map((id) => authorLookup.get(id))
+					.filter(isDefined)
+					.map(libraryAuthor.fromAuthor);
+
+				return libraryBook.fromBookAndAuthorList(book, bookLibraryAuthors);
+			});
+
+			return Promise.all(libraryBooks);
+		},
+		authorsForBook,
+	};
+};
diff --git a/src/lib/services/library/_internal/adapters/web/types.ts b/src/lib/services/library/_internal/adapters/web/types.ts
new file mode 100644
index 00000000..b2020b8c
--- /dev/null
+++ b/src/lib/services/library/_internal/adapters/web/types.ts
@@ -0,0 +1,2 @@
+export type AuthorId = string & { readonly __brand: "AuthorId" };
+export type BookId = string & { readonly __brand: "BookId" };
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index d7f2664c..3485f4f6 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -1,4 +1,5 @@
 import { safeAsyncEventHandler } from "@/lib/async";
+import { isDesktop } from "@/lib/platform";
 import { writable } from "svelte/store";
 import {
 	SettingsManager as TauriSettingsManager,
@@ -30,9 +31,10 @@ const genSettingsManager = <T extends SettingsSchema>(
 	defaultSettings: T,
 	config: ConfigOptions,
 ): SettingsManager<T> => {
-	if (window.__TAURI__) {
+	if (isDesktop()) {
 		return new TauriSettingsManager(defaultSettings, config);
 	}
+
 	return {
 		initialize: () => {
 			for (const setting of Object.entries(defaultSettings)) {