Show title when hovering top author book covers

Author: codebude

backend/app/routers/statistics.py

@@ -489,7 +489,7 @@ def get_statistics(
         for author_name in top_author_names:
             max_slots = min(5, author_counts[author_name])
             cover_rows = session.exec(
-                select(Book.id, Book.reading_status, Book.cover_url)
+                select(Book.id, Book.title, Book.reading_status, Book.cover_url)
                 .where(
                     Book.user_id == current_user.id,
                     Book.author == author_name,
@@ -499,14 +499,14 @@ def get_statistics(
                 .limit(max_slots)
             ).all()
             results = [
-                TopAuthorCover(book_id=book_id, reading_status=reading_status, cover_url=cover_url)
-                for book_id, reading_status, cover_url in cover_rows
+                TopAuthorCover(book_id=book_id, title=title, reading_status=reading_status, cover_url=cover_url)
+                for book_id, title, reading_status, cover_url in cover_rows
                 if book_id is not None
             ]
             remaining = max_slots - len(results)
             if remaining > 0:
                 no_cover_rows = session.exec(
-                    select(Book.id, Book.reading_status, Book.cover_url)
+                    select(Book.id, Book.title, Book.reading_status, Book.cover_url)
                     .where(
                         Book.user_id == current_user.id,
                         Book.author == author_name,
@@ -516,8 +516,8 @@ def get_statistics(
                     .limit(remaining)
                 ).all()
                 results.extend(
-                    TopAuthorCover(book_id=book_id, reading_status=reading_status, cover_url=cover_url)
-                    for book_id, reading_status, cover_url in no_cover_rows
+                    TopAuthorCover(book_id=book_id, title=title, reading_status=reading_status, cover_url=cover_url)
+                    for book_id, title, reading_status, cover_url in no_cover_rows
                     if book_id is not None
                 )
             covers_by_author[author_name] = results

backend/app/schemas.py

@@ -223,6 +223,7 @@ class TopAuthor(SQLModel):
 class TopAuthorCover(SQLModel):
     """Cover reference for a book by a top author."""
     book_id: int
+    title: str
     reading_status: ReadingStatus
     cover_url: str | None
 

frontend/src/lib/types.ts

@@ -140,6 +140,7 @@ export interface TopAuthor {
 
 export interface TopAuthorCover {
 	book_id: number;
+	title: string;
 	reading_status: ReadingStatus;
 	cover_url: string;
 }

frontend/src/routes/statistics/+page.svelte

@@ -411,9 +411,16 @@
 									{$_('statistics.booksCount', { values: { count: author.book_count } })}
 								</div>
 								{#if author.covers.length > 0}
+									{@const hoveredCover = author.covers.find(c => c.book_id === activeBookId)}
+									<div class="h-5 overflow-hidden mb-1">
+										<p
+											class="text-xs font-medium truncate transition-all duration-300 {hoveredCover ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1'}"
+											title={hoveredCover?.title ?? ''}
+										>{hoveredCover?.title ?? ''}</p>
+									</div>
 									<!-- Covers overlap with -ml-3 to save space, pl-3 keeps the first cover fully visible. -->
 									<div
-										class="flex items-end overflow-hidden pt-4 pb-1 pl-3"
+										class="flex items-end overflow-hidden pt-2 pb-1 pl-3"
 										role="group"
 										aria-label={$_('statistics.coversForAuthor', { values: { author: author.author } })}
 										ontouchmove={(e) => {
@@ -436,6 +443,8 @@
 											style:z-index={activeBookId === cover.book_id ? 50 : coverIdx + 1}
 											data-book-id={cover.book_id}
 											onclick={() => openCoverBook(cover.book_id)}
+											onmouseenter={() => { activeBookId = cover.book_id; }}
+											onmouseleave={() => { activeBookId = null; }}
 										>
 											<img
 												src={cover.cover_url ?? '/placeholder-cover.svg'}