From d16a90f08f548afbaffadab028cd3ed0e203a914 Mon Sep 17 00:00:00 2001
From: patrick <patrickjaroszewski@protonmail.com>
Date: Mon, 17 Aug 2026 10:34:50 -0400
Subject: [PATCH] feat: draw generated covers where a book has none

---
 .../components/forms/merge-books/merge-books.svelte |  5 +++++
 .../src/lib/components/view/generated-cover.svelte  | 13 ++++++++++---
 .../libraries/[libraryId]/duplicates/+page.svelte   | 12 ++++++++++++
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/forms/merge-books/merge-books.svelte b/frontend/src/lib/components/forms/merge-books/merge-books.svelte
index a3022e7..31558bb 100644
--- a/frontend/src/lib/components/forms/merge-books/merge-books.svelte
+++ b/frontend/src/lib/components/forms/merge-books/merge-books.svelte
@@ -10,6 +10,7 @@
 	import { Textarea } from '$lib/components/ui/textarea/index.js';
 	import { Badge } from '$lib/components/ui/badge/index.js';
 	import BookImage from '$lib/components/view/book-image.svelte';
+	import GeneratedCover from '$lib/components/view/generated-cover.svelte';
 	import { mergeBooks } from '$lib/api/book.remote';
 	import type { Book } from '$lib/schema';
 
@@ -132,6 +133,10 @@
 	<span class="{size} shrink-0 overflow-hidden rounded-sm border bg-muted">
 		{#if book.cover_image}
 			<BookImage src="/api/{book.cover_image}" class="h-full w-full object-cover" />
+		{:else}
+			<!-- Drawn rather than left blank, so the rail tells two coverless books
+			     apart the same way the shelves do. -->
+			<GeneratedCover {book} />
 		{/if}
 	</span>
 {/snippet}
diff --git a/frontend/src/lib/components/view/generated-cover.svelte b/frontend/src/lib/components/view/generated-cover.svelte
index 946d784..4914f8f 100644
--- a/frontend/src/lib/components/view/generated-cover.svelte
+++ b/frontend/src/lib/components/view/generated-cover.svelte
@@ -1,7 +1,14 @@
 <script lang="ts">
-	import type { Book } from '$lib/schema';
-
-	let { book, class: className = '' }: { book: Book; class?: string } = $props();
+	// Typed by what is drawn rather than by `Book`: the duplicates review holds
+	// candidates that carry a title and author names without a whole record, and a
+	// `Book` satisfies this shape anyway.
+	let {
+		book,
+		class: className = ''
+	}: {
+		book: { title: string; authors?: { name: string }[] | null };
+		class?: string;
+	} = $props();
 
 	/**
 	 * Bookcloth tones rather than a point on the hue wheel.
diff --git a/frontend/src/routes/(root)/settings/libraries/[libraryId]/duplicates/+page.svelte b/frontend/src/routes/(root)/settings/libraries/[libraryId]/duplicates/+page.svelte
index 01339ee..4ca82e2 100644
--- a/frontend/src/routes/(root)/settings/libraries/[libraryId]/duplicates/+page.svelte
+++ b/frontend/src/routes/(root)/settings/libraries/[libraryId]/duplicates/+page.svelte
@@ -10,6 +10,7 @@
 	import { Badge } from '$lib/components/ui/badge/index.js';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import BookImage from '$lib/components/view/book-image.svelte';
+	import GeneratedCover from '$lib/components/view/generated-cover.svelte';
 	import { dismissDuplicateBooks } from '$lib/api/book.remote';
 	import MergeBooks from '$lib/components/forms/merge-books/merge-books.svelte';
 	import type { Book, DuplicateBookGroup } from '$lib/schema';
@@ -134,6 +135,17 @@
 									>
 										{#if book.cover_image}
 											<BookImage src="/api/{book.cover_image}" class="h-full w-full object-cover" />
+										{:else}
+											<!-- A blank swatch here is worse than anywhere else: this screen
+											     is a side-by-side comparison, and two of them are impossible
+											     to tell apart. The candidate carries author names rather than
+											     records, which is all the cover draws. -->
+											<GeneratedCover
+												book={{
+													title: book.title,
+													authors: book.authors.map((name) => ({ name }))
+												}}
+											/>
 										{/if}
 									</span>