From 218f8d5dbdc430b8c72699cae83e09268d0d25c0 Mon Sep 17 00:00:00 2001
From: neon <18559658+neonsolstice@users.noreply.github.com>
Date: Thu, 24 Sep 2026 21:05:24 +0000
Subject: [PATCH] fix(books): list a book's formats from one ranked, read-along
 aware source

Every format chip, edition row and format menu now builds from shared helpers: content files
only, a read-along EPUB kept apart from a plain one, in the library's format priority, which
gains a read-along entry. Labels, colours and the chip each have one source, and cards, OPDS,
email, Kobo and the dashboard rank files the same way. Book detail file order is unchanged
because iOS builds its track queue from it.
---
 client/src/assets/theme/tokens.css            |   4 +
 client/src/components/AppHeader.vue           |  80 ++-----
 .../components/AnnotationListItem.vue         |   7 +-
 .../__tests__/AnnotationListItem.spec.ts      |   2 +-
 .../components/shared/AnnotationEntry.vue     |   7 +-
 .../book/components/BookCoverCard.test.ts     |   8 +-
 .../book/components/BookCoverCard.vue         |  93 ++++-----
 .../book/components/BookDownloadButton.vue    |  56 ++---
 .../book/components/BookFormatChip.vue        |  40 ++++
 .../features/book/components/BookListRow.vue  |  87 +++-----
 .../book/components/BookQuickView.vue         |  61 ++----
 .../components/__tests__/BookListRow.spec.ts  |   4 +-
 .../__tests__/BookTableCells.spec.ts          |  18 +-
 .../components/__tests__/DetailsTab.spec.ts   |   4 +-
 .../detail/details/BookEditionsCard.vue       | 117 ++---------
 .../details/BookReadingActivityCard.vue       |  21 +-
 .../detail/files/FileDetailCard.vue           |   2 +-
 .../detail/files/FileFormatGlyph.vue          |  11 +-
 .../components/detail/files/FileListCard.vue  |   5 +-
 .../components/detail/files/FilesHeroBar.vue  |  10 +-
 .../detail/reading-log/ReadingLogVitals.vue   |   5 +-
 .../components/detail/tabs/DetailsTab.vue     | 196 +++++-------------
 .../detail/tabs/EditMetadataTab.vue           |   9 +-
 .../book/components/detail/tabs/FilesTab.vue  |  12 +-
 .../detail/tabs/MetadataSourceCard.vue        |  16 +-
 .../components/detail/tabs/ReadingLogTab.vue  |  11 +-
 .../components/table/BookTableFormatCell.vue  |  74 ++-----
 .../table/BookTableReadButtonCell.vue         |  95 ++-------
 .../book/composables/useBookFileTree.ts       |  53 +++--
 .../features/book/lib/book-formats.test.ts    |  72 +++++++
 client/src/features/book/lib/book-formats.ts  |  95 +++++++++
 .../features/book/lib/file-capabilities.ts    |  11 -
 client/src/features/book/lib/format-colors.ts |  38 +++-
 .../email/components/SendBookDialog.vue       |  26 +--
 .../__tests__/SendBookDialog.spec.ts          |   8 +-
 .../components/LibraryCreatorMetadata.vue     |  21 +-
 .../components/LibraryCreatorScanner.vue      |   6 +-
 .../__tests__/LibraryCreatorMetadata.spec.ts  |  44 ++++
 .../__tests__/useLibraryCreator.spec.ts       |  23 ++
 .../library/composables/useLibraryCreator.ts  |  21 +-
 .../components/LibraryDetailPanel.vue         |   4 +-
 client/src/locales/en.json                    |  32 ++-
 packages/types/src/book.ts                    |  23 +-
 packages/types/src/format-priority.ts         |  61 ++++++
 packages/types/src/index.ts                   |   1 +
 packages/types/src/library.ts                 |  18 --
 .../primary-file-selection.utils.test.ts      | 102 ++++++++-
 .../utils/primary-file-selection.utils.ts     |  66 +++++-
 .../book-dock/book-dock-finalize.service.ts   |  12 +-
 .../src/modules/book/book.repository.test.ts  |   7 +-
 server/src/modules/book/book.repository.ts    |  29 ++-
 server/src/modules/book/book.service.ts       |   3 +-
 .../book/utils/assemble-book-cards.test.ts    |  21 +-
 .../modules/book/utils/assemble-book-cards.ts |   7 +-
 .../dashboard-widget.calculations.ts          |  30 +--
 .../dashboard-widget.repository.test.ts       |  13 +-
 .../dashboard/dashboard-widget.repository.ts  |  10 +-
 .../email/email-book-read.repository.test.ts  |  17 +-
 .../email/email-book-read.repository.ts       |  16 +-
 .../modules/email/email-file-selector.test.ts |  67 +++---
 .../src/modules/email/email-file-selector.ts  |  25 ++-
 .../email/email-send-orchestrator.service.ts  |  38 +++-
 .../kobo/services/kobo-sync.service.test.ts   |  22 ++
 .../kobo/services/kobo-sync.service.ts        |  15 +-
 .../missing-resources.repository.ts           |  14 +-
 .../opds/__tests__/opds-book.service.test.ts  |  32 +++
 server/src/modules/opds/opds-book.service.ts  |  71 ++++++-
 server/src/modules/opds/opds-xml.helpers.ts   |  15 ++
 server/src/modules/opds/opds.controller.ts    |  63 ++++--
 .../src/modules/scanner/scanner.repository.ts |  13 +-
 70 files changed, 1415 insertions(+), 905 deletions(-)
 create mode 100644 client/src/features/book/components/BookFormatChip.vue
 create mode 100644 client/src/features/book/lib/book-formats.test.ts
 create mode 100644 client/src/features/book/lib/book-formats.ts
 create mode 100644 client/src/features/library/components/__tests__/LibraryCreatorMetadata.spec.ts
 create mode 100644 packages/types/src/format-priority.ts

diff --git a/client/src/assets/theme/tokens.css b/client/src/assets/theme/tokens.css
index 38b199308..449215383 100644
--- a/client/src/assets/theme/tokens.css
+++ b/client/src/assets/theme/tokens.css
@@ -221,6 +221,7 @@
   --pill-format-opus: oklch(0.55 0.11 205);
   --pill-format-ogg: oklch(0.56 0.15 130);
   --pill-format-flac: oklch(0.55 0.13 165);
+  --pill-format-readalong: oklch(0.52 0.1 186);
 
   /* Rename diff. A bulk rename is a small edit inside a long path, so the ink that marks
      removed and added characters carries the whole feature. Tuned per theme like every other
@@ -266,6 +267,7 @@
   --pill-format-opus: oklch(0.55 0.11 205);
   --pill-format-ogg: oklch(0.56 0.15 130);
   --pill-format-flac: oklch(0.55 0.13 165);
+  --pill-format-readalong: oklch(0.52 0.1 186);
 }
 
 @media (min-width: 40rem) {
@@ -444,6 +446,7 @@
   --pill-format-opus: oklch(0.76 0.11 205);
   --pill-format-ogg: oklch(0.78 0.15 130);
   --pill-format-flac: oklch(0.75 0.13 165);
+  --pill-format-readalong: oklch(0.78 0.11 186);
 
   --diff-del: oklch(0.79 0.16 25);
   --diff-del-bg: oklch(0.79 0.16 25 / 0.16);
@@ -486,4 +489,5 @@
   --pill-format-opus: oklch(0.76 0.11 205);
   --pill-format-ogg: oklch(0.78 0.15 130);
   --pill-format-flac: oklch(0.75 0.13 165);
+  --pill-format-readalong: oklch(0.78 0.11 186);
 }
diff --git a/client/src/components/AppHeader.vue b/client/src/components/AppHeader.vue
index 7bec7bdf5..ad913d0cf 100644
--- a/client/src/components/AppHeader.vue
+++ b/client/src/components/AppHeader.vue
@@ -14,7 +14,6 @@ import {
   Trophy,
   MoreVertical,
   BadgeQuestionMark,
-  Headphones,
   ExternalLink,
   Sparkles,
   Languages,
@@ -55,12 +54,12 @@ import NotificationSheet from '@/features/notifications/components/NotificationS
 import { useNotifications } from '@/features/notifications/composables/useNotifications'
 import { useWhatsNew } from '@/features/whats-new/composables/useWhatsNew'
 import UserAvatar from '@/components/UserAvatar.vue'
-import { DEFAULT_FORMAT_PRIORITY, LOCALE_LABELS, Permission, type Locale } from '@bookorbit/types'
+import { LOCALE_LABELS, Permission, type Locale } from '@bookorbit/types'
 import { useThemeStore } from '@/stores/theme'
 import { useLocaleStore } from '@/stores/locale'
-import { getFormatColor } from '@/features/book/lib/format-colors'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
+import { bookFormatEntries } from '@/features/book/lib/book-formats'
 import { useLegalNotices } from '@/components/legal/useLegalNotices'
-import { hasReadAlong, isReadAlongFormat, READ_ALONG_FORMAT_COLOR, READ_ALONG_FORMAT_TITLE } from '@/features/book/lib/file-capabilities'
 
 const { t } = useI18n()
 const router = useRouter()
@@ -337,41 +336,8 @@ function highlightSegments(text: string | null, query: string) {
   return parts.map((part) => ({ text: part, match: part.toLowerCase() === lower }))
 }
 
-function sortFormats(formats: string[]): string[] {
-  return [...formats].sort((a, b) => {
-    const aIndex = (DEFAULT_FORMAT_PRIORITY as readonly string[]).indexOf(a.toLowerCase())
-    const bIndex = (DEFAULT_FORMAT_PRIORITY as readonly string[]).indexOf(b.toLowerCase())
-
-    if (aIndex === -1 && bIndex === -1) return a.localeCompare(b)
-    if (aIndex === -1) return 1
-    if (bIndex === -1) return -1
-    return aIndex - bIndex
-  })
-}
-
-function resultFormats(result: GlobalSearchResult): string[] {
-  const formats = new Set<string>()
-  for (const file of result.files) {
-    const fmt = file.format?.toLowerCase()
-    if (fmt) formats.add(fmt)
-  }
-  return sortFormats([...formats])
-}
-
-function formatHasReadAlong(fmt: string, result: GlobalSearchResult): boolean {
-  return isReadAlongFormat(
-    fmt,
-    result.files.some((file) => hasReadAlong(file)),
-  )
-}
-
-function formatBadgeStyle(fmt: string, result?: GlobalSearchResult) {
-  const color = result && formatHasReadAlong(fmt, result) ? READ_ALONG_FORMAT_COLOR : getFormatColor(fmt)
-  return {
-    color,
-    backgroundColor: `color-mix(in oklch, ${color} 10%, transparent)`,
-    borderColor: `color-mix(in oklch, ${color} 20%, transparent)`,
-  }
+function resultFormatEntries(result: GlobalSearchResult) {
+  return bookFormatEntries(result.files)
 }
 </script>
 
@@ -456,17 +422,13 @@ function formatBadgeStyle(fmt: string, result?: GlobalSearchResult) {
                     </template>
                   </p>
                 </div>
-                <div v-if="resultFormats(row.result).length" class="flex shrink-0 gap-1">
-                  <span
-                    v-for="fmt in resultFormats(row.result)"
-                    :key="fmt"
-                    class="inline-flex items-center gap-0.5 text-[11px] font-semibold px-1 py-0.5 rounded border uppercase"
-                    :style="formatBadgeStyle(fmt, row.result)"
-                    :title="formatHasReadAlong(fmt, row.result) ? READ_ALONG_FORMAT_TITLE : undefined"
-                  >
-                    {{ fmt }}
-                    <Headphones v-if="formatHasReadAlong(fmt, row.result)" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-                  </span>
+                <div v-if="resultFormatEntries(row.result).length" class="flex shrink-0 gap-1">
+                  <BookFormatChip
+                    v-for="entry in resultFormatEntries(row.result)"
+                    :key="entry.key"
+                    :format-key="entry.key"
+                    class="gap-0.5 text-[11px] px-1 py-0.5 rounded"
+                  />
                 </div>
               </button>
             </div>
@@ -585,17 +547,13 @@ function formatBadgeStyle(fmt: string, result?: GlobalSearchResult) {
                     </template>
                   </p>
                 </div>
-                <div v-if="resultFormats(row.result).length" class="flex shrink-0 gap-1">
-                  <span
-                    v-for="fmt in resultFormats(row.result)"
-                    :key="fmt"
-                    class="inline-flex items-center gap-0.5 text-[11px] font-semibold px-1 py-0.5 rounded border uppercase"
-                    :style="formatBadgeStyle(fmt, row.result)"
-                    :title="formatHasReadAlong(fmt, row.result) ? READ_ALONG_FORMAT_TITLE : undefined"
-                  >
-                    {{ fmt }}
-                    <Headphones v-if="formatHasReadAlong(fmt, row.result)" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-                  </span>
+                <div v-if="resultFormatEntries(row.result).length" class="flex shrink-0 gap-1">
+                  <BookFormatChip
+                    v-for="entry in resultFormatEntries(row.result)"
+                    :key="entry.key"
+                    :format-key="entry.key"
+                    class="gap-0.5 text-[11px] px-1 py-0.5 rounded"
+                  />
                 </div>
               </button>
             </div>
diff --git a/client/src/features/annotations/components/AnnotationListItem.vue b/client/src/features/annotations/components/AnnotationListItem.vue
index 014d8fdb9..7c39ad6a0 100644
--- a/client/src/features/annotations/components/AnnotationListItem.vue
+++ b/client/src/features/annotations/components/AnnotationListItem.vue
@@ -26,7 +26,7 @@ import { RouterLink } from 'vue-router'
 import { ANNOTATION_HIGHLIGHT_COLORS, type AnnotationHubItem, type AnnotationItem } from '@bookorbit/types'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { PILL_CLASS, sourcePill, statusPill } from '@/features/annotations/lib/pill-styles'
-import { getFormatColor } from '@/features/book/lib/format-colors'
+import { formatChipStyle } from '@/features/book/lib/format-colors'
 import HighlightNoteEditor from '@/features/book/components/detail/tabs/HighlightNoteEditor.vue'
 import AnnotationBookThumb from './AnnotationBookThumb.vue'
 import AnnotationSyncDetailPanel from './AnnotationSyncDetailPanel.vue'
@@ -95,10 +95,7 @@ const jumpFileFormat = computed(() => {
   const format = props.annotation.jumpFileFormat?.trim()
   return format ? format.toUpperCase() : null
 })
-const jumpFileFormatStyle = computed(() => {
-  const color = getFormatColor(jumpFileFormat.value)
-  return { color, borderColor: `${color}66`, backgroundColor: `${color}1a` }
-})
+const jumpFileFormatStyle = computed(() => formatChipStyle(jumpFileFormat.value))
 const canJump = computed(() => props.annotation.jumpFileId != null && (props.mode !== 'hub' || jumpFileFormat.value != null) && !props.trashed)
 const isLong = computed(() => props.annotation.text.length > (props.density === 'compact' ? 180 : 260))
 const isApproximate = computed(() => props.annotation.cfi == null && props.annotation.origin !== 'web')
diff --git a/client/src/features/annotations/components/__tests__/AnnotationListItem.spec.ts b/client/src/features/annotations/components/__tests__/AnnotationListItem.spec.ts
index 088b07817..fe7ed4f09 100644
--- a/client/src/features/annotations/components/__tests__/AnnotationListItem.spec.ts
+++ b/client/src/features/annotations/components/__tests__/AnnotationListItem.spec.ts
@@ -61,7 +61,7 @@ describe('AnnotationListItem', () => {
     const wrapper = mountItem({ annotation: makeHubAnnotation(), mode: 'hub' })
     const pill = wrapper.findAll('span').find((span) => span.text() === 'MOBI')
 
-    expect(pill?.attributes('style')).toContain('color: rgb(99, 102, 241)')
+    expect(pill?.attributes('style')).toContain('color: var(--pill-format-mobi)')
   })
 
   it('renders the quote and the note', () => {
diff --git a/client/src/features/annotations/components/shared/AnnotationEntry.vue b/client/src/features/annotations/components/shared/AnnotationEntry.vue
index 34803d292..634b416fd 100644
--- a/client/src/features/annotations/components/shared/AnnotationEntry.vue
+++ b/client/src/features/annotations/components/shared/AnnotationEntry.vue
@@ -18,7 +18,7 @@ import {
 } from '@lucide/vue'
 import type { AnnotationHubItem, AnnotationItem } from '@bookorbit/types'
 import { formatDate } from '@/i18n/formatters'
-import { getFormatColor } from '@/features/book/lib/format-colors'
+import { formatChipStyle } from '@/features/book/lib/format-colors'
 import AnnotationBookThumb from '../AnnotationBookThumb.vue'
 
 type EntryAnnotation = AnnotationItem | AnnotationHubItem
@@ -71,10 +71,7 @@ const hub = computed(() => ('bookTitle' in props.annotation ? props.annotation :
 const bookTitle = computed(() => hub.value?.bookTitle ?? t('annotations.unknownBook'))
 const author = computed(() => hub.value?.author ?? null)
 const format = computed(() => hub.value?.jumpFileFormat?.trim().toUpperCase() ?? null)
-const formatStyle = computed(() => {
-  const color = getFormatColor(format.value)
-  return { color, borderColor: `${color}66`, backgroundColor: `${color}1a` }
-})
+const formatStyle = computed(() => formatChipStyle(format.value))
 // A book page's rows carry no jumpFileFormat, so there it only needs a file to jump to.
 const canJump = computed(() => props.annotation.jumpFileId != null && (hub.value == null || format.value != null) && !props.trashed)
 const needsReview = computed(() => props.annotation.positionStatus != null && props.annotation.positionStatus !== 'exact')
diff --git a/client/src/features/book/components/BookCoverCard.test.ts b/client/src/features/book/components/BookCoverCard.test.ts
index c8be39860..df63f3caf 100644
--- a/client/src/features/book/components/BookCoverCard.test.ts
+++ b/client/src/features/book/components/BookCoverCard.test.ts
@@ -602,7 +602,7 @@ describe('BookCoverCard', () => {
     it('downloads a pure multi-track audiobook as an audio ZIP', async () => {
       const book = makeBook({
         id: 42,
-        files: [makeFile({ id: 10, format: 'mp3', role: 'primary' }), makeFile({ id: 11, format: 'mp3', role: 'secondary' })],
+        files: [makeFile({ id: 10, format: 'mp3', role: 'primary' }), makeFile({ id: 11, format: 'mp3', role: 'content' })],
       })
       const wrapper = mountCard({ book })
       const downloadItem = wrapper.findAll('[data-testid="dropdown-item"]').find((item) => item.text().trim() === 'Download')
@@ -619,8 +619,8 @@ describe('BookCoverCard', () => {
         id: 77,
         files: [
           makeFile({ id: 20, format: 'mp3', role: 'primary' }),
-          makeFile({ id: 21, format: 'mp3', role: 'secondary' }),
-          makeFile({ id: 22, format: 'epub', role: 'secondary' }),
+          makeFile({ id: 21, format: 'mp3', role: 'content' }),
+          makeFile({ id: 22, format: 'epub', role: 'content' }),
         ],
       })
       const wrapper = mountCard({ book })
@@ -634,7 +634,7 @@ describe('BookCoverCard', () => {
       mockExportBooks.mockClear()
       mockDownloadFile.mockClear()
 
-      const epubItems = wrapper.findAll('[data-testid="dropdown-item"]').filter((item) => item.text().trim() === 'EPUB')
+      const epubItems = wrapper.findAll('[data-testid="dropdown-item"]').filter((item) => item.text().trim() === 'EPUB e-book')
       expect(epubItems).toHaveLength(2)
       await epubItems[1]!.trigger('click')
 
diff --git a/client/src/features/book/components/BookCoverCard.vue b/client/src/features/book/components/BookCoverCard.vue
index c8d295879..b9c9a1ef4 100644
--- a/client/src/features/book/components/BookCoverCard.vue
+++ b/client/src/features/book/components/BookCoverCard.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { BookCard, BookFileRef, CoverAspectRatio } from '@bookorbit/types'
-import { FORMAT_TO_GROUP, getBookMediaProfile, READER_OPENABLE_FORMATS } from '@bookorbit/types'
-import { getFormatColor } from '../lib/format-colors'
+import { getBookMediaProfile, isAudioFormat, READER_OPENABLE_FORMATS } from '@bookorbit/types'
+import BookFormatChip from './BookFormatChip.vue'
+import { bookFormatEntries, fileFormatKey, formatKeyName } from '../lib/book-formats'
 import { computed, inject, ref, watch, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import {
@@ -12,7 +13,6 @@ import {
   Eye,
   FolderInput,
   FolderPlus,
-  Headphones,
   Image,
   Lock,
   LockOpen,
@@ -54,7 +54,6 @@ import BookCoverSurface from './BookCoverSurface.vue'
 import { fetchAuthors } from '@/features/author/api/author'
 import { useI18n } from 'vue-i18n'
 import { toast } from 'vue-sonner'
-import { hasReadAlong, READ_ALONG_FORMAT_COLOR, READ_ALONG_FORMAT_TITLE } from '@/features/book/lib/file-capabilities'
 
 const { t } = useI18n()
 
@@ -81,28 +80,19 @@ const emit = defineEmits<{
 const authorLine = computed(() => props.book.authors.join(', ') || null)
 const authorQuery = computed(() => props.book.authors[0] ?? null)
 
-const readableFiles = computed(() => props.book.files.filter((f) => f.format && READER_OPENABLE_FORMATS.has(f.format)))
-const primaryFile = computed(() => readableFiles.value.find((f) => f.role === 'primary') ?? readableFiles.value[0] ?? null)
-const mediaProfile = computed(() => getBookMediaProfile(readableFiles.value))
-const readAlongFile = computed(() => readableFiles.value.find((file) => hasReadAlong(file)) ?? null)
-const formatOverlayFile = computed(() => readAlongFile.value ?? primaryFile.value)
+// Card files arrive in edition order, so the first entry is the primary edition.
+const formatEntries = computed(() => bookFormatEntries(props.book.files))
+/** One file per edition: an audiobook downloads as a whole and opens from its first track. */
+const downloadableFiles = computed(() => formatEntries.value.map((entry) => entry.files[0]!))
+const openableFiles = computed(() => downloadableFiles.value.filter((file) => READER_OPENABLE_FORMATS.has(file.format!.toLowerCase())))
+const primaryFile = computed(() => openableFiles.value.find((f) => f.role === 'primary') ?? openableFiles.value[0] ?? null)
+const primaryDownloadFile = computed(() => downloadableFiles.value[0] ?? null)
+const mediaProfile = computed(() => getBookMediaProfile(formatEntries.value.flatMap((entry) => entry.files)))
+const formatOverlayKey = computed(() => formatEntries.value[0]?.key ?? null)
 const isAudiobook = computed(() => mediaProfile.value.primaryMediaKind === 'audiobook')
 const isComic = computed(() => mediaProfile.value.primaryMediaKind === 'comic')
 
-// For multi-file audiobooks, collapse all tracks into one representative entry.
-// The audio reader loads the full track queue from the book, so opening any track is equivalent.
-const isMultiTrackAudio = computed(() => {
-  const audioFiles = readableFiles.value.filter((f) => FORMAT_TO_GROUP[f.format!] === 'audio')
-  return audioFiles.length > 1
-})
-const openableFiles = computed(() => {
-  if (isMultiTrackAudio.value) {
-    const first = readableFiles.value.find((f) => FORMAT_TO_GROUP[f.format!] === 'audio')
-    const nonAudio = readableFiles.value.filter((f) => FORMAT_TO_GROUP[f.format!] !== 'audio')
-    return first ? [first, ...nonAudio] : nonAudio
-  }
-  return readableFiles.value
-})
+const isMultiTrackAudio = computed(() => formatEntries.value.some((entry) => entry.audio && entry.files.length > 1))
 
 const { coverUrl, bumpVersion } = useCoverVersions()
 const coverSrc = computed(() => coverUrl(props.book.id, 'thumbnail', props.book.coverVersion))
@@ -143,7 +133,7 @@ const showSendDialog = ref(false)
 
 const hasProgress = computed(() => props.book.readingProgress != null && props.book.readingProgress > 0)
 const showProgressBar = computed(() => cardOverlays.value.includes('progress-bar') && hasProgress.value)
-const showFormatOverlay = computed(() => cardOverlays.value.includes('format') && formatOverlayFile.value?.format != null)
+const showFormatOverlay = computed(() => cardOverlays.value.includes('format') && formatOverlayKey.value != null)
 const showRatingOverlay = computed(() => cardOverlays.value.includes('rating') && props.book.rating != null)
 const showLockStatusPill = computed(() => cardOverlays.value.includes('lock-status') && !props.selectionMode && !isMissing.value)
 const metadataLocked = computed(() => props.book.hasMetadataLocks)
@@ -170,13 +160,6 @@ const ratingColor = computed(() => {
   return '#059669'
 })
 
-const formatOverlayStyle = computed(() => {
-  const file = formatOverlayFile.value
-  if (!file?.format) return {}
-  const color = hasReadAlong(file) ? READ_ALONG_FORMAT_COLOR : getFormatColor(file.format)
-  return { backgroundColor: `${color}e6` }
-})
-
 const coverLoaded = ref(false)
 const coverFailed = ref(false)
 const coverImageRatio = ref<number | null>(null)
@@ -368,7 +351,12 @@ const showBelowCoverLabelArea = computed(() => props.showLabel && cardInfoMode.v
 const { downloadFile, exportBooks } = useBookDownload()
 
 function isAudioFile(file: BookFileRef) {
-  return !!file.format && FORMAT_TO_GROUP[file.format] === 'audio'
+  return !!file.format && isAudioFormat(file.format)
+}
+
+function fileFormatName(file: BookFileRef): string {
+  const key = fileFormatKey(file)
+  return key ? formatKeyName(key) : t('book.unknownFormat')
 }
 
 function handleDownloadFile(file: BookFileRef) {
@@ -512,14 +500,11 @@ const secondaryLabelText = computed(() => resolveBookLabel(gridCardSecondaryLabe
             class="absolute bottom-1.5 right-1.5 z-10 flex items-center gap-0.5 pointer-events-none transition-opacity duration-150"
             :class="overlayFadeClass"
           >
-            <span
-              class="inline-flex items-center gap-0.5 text-[8px] font-semibold uppercase tracking-widest px-1.5 py-0.5 rounded text-white"
-              :style="formatOverlayStyle"
-              :title="hasReadAlong(formatOverlayFile) ? READ_ALONG_FORMAT_TITLE : undefined"
-            >
-              {{ formatOverlayFile!.format!.toUpperCase() }}
-              <Headphones v-if="hasReadAlong(formatOverlayFile)" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-            </span>
+            <BookFormatChip
+              :format-key="formatOverlayKey!"
+              variant="solid"
+              class="gap-0.5 rounded px-1.5 py-0.5 text-[8px] font-semibold tracking-widest opacity-90"
+            />
           </div>
 
           <!-- Reading progress bar - bottom edge -->
@@ -651,8 +636,8 @@ const secondaryLabelText = computed(() => resolveBookLabel(gridCardSecondaryLabe
                     </DropdownMenuSubTrigger>
                     <DropdownMenuSubContent>
                       <DropdownMenuItem v-for="file in openableFiles" :key="file.id" @click="openFile(file)">
-                        <span v-if="isMultiTrackAudio && FORMAT_TO_GROUP[file.format!] === 'audio'">{{ t('book.file.audiobook') }}</span>
-                        <span v-else>{{ file.format?.toUpperCase() ?? '?' }}</span>
+                        <span v-if="isMultiTrackAudio && isAudioFile(file)">{{ t('book.file.audiobook') }}</span>
+                        <span v-else>{{ fileFormatName(file) }}</span>
                         <span v-if="file.role === 'primary' && !isMultiTrackAudio" class="ml-auto pl-4 text-[10px] text-primary">{{
                           t('book.file.primary')
                         }}</span>
@@ -666,21 +651,21 @@ const secondaryLabelText = computed(() => resolveBookLabel(gridCardSecondaryLabe
 
                   <!-- Download submenu -->
                   <DropdownMenuItem
-                    v-if="hasPermission('library_download') && openableFiles.length === 1 && primaryFile"
-                    @click="handleDownloadFile(primaryFile)"
+                    v-if="hasPermission('library_download') && downloadableFiles.length === 1 && primaryDownloadFile"
+                    @click="handleDownloadFile(primaryDownloadFile)"
                   >
                     <Download class="size-4 mr-2" />
                     {{ t('book.actions.download') }}
                   </DropdownMenuItem>
-                  <DropdownMenuSub v-else-if="hasPermission('library_download') && openableFiles.length > 1">
+                  <DropdownMenuSub v-else-if="hasPermission('library_download') && downloadableFiles.length > 1">
                     <DropdownMenuSubTrigger>
                       <Download class="size-4 mr-2" />
                       {{ t('book.actions.download') }}
                     </DropdownMenuSubTrigger>
                     <DropdownMenuSubContent>
-                      <DropdownMenuItem v-for="file in openableFiles" :key="file.id" @click="handleDownloadFile(file)">
+                      <DropdownMenuItem v-for="file in downloadableFiles" :key="file.id" @click="handleDownloadFile(file)">
                         <span v-if="isMultiTrackAudio && isAudioFile(file)">{{ t('book.download.audiobookZip') }}</span>
-                        <span v-else>{{ file.format?.toUpperCase() ?? '?' }}</span>
+                        <span v-else>{{ fileFormatName(file) }}</span>
                         <span v-if="file.role === 'primary' && !isMultiTrackAudio" class="ml-auto pl-4 text-[10px] text-primary">{{
                           t('book.file.primary')
                         }}</span>
@@ -794,8 +779,8 @@ const secondaryLabelText = computed(() => resolveBookLabel(gridCardSecondaryLabe
               </DropdownMenuSubTrigger>
               <DropdownMenuSubContent>
                 <DropdownMenuItem v-for="file in openableFiles" :key="file.id" @click="openFile(file)">
-                  <span v-if="isMultiTrackAudio && FORMAT_TO_GROUP[file.format!] === 'audio'">{{ t('book.file.audiobook') }}</span>
-                  <span v-else>{{ file.format?.toUpperCase() ?? '?' }}</span>
+                  <span v-if="isMultiTrackAudio && isAudioFile(file)">{{ t('book.file.audiobook') }}</span>
+                  <span v-else>{{ fileFormatName(file) }}</span>
                   <span v-if="file.role === 'primary' && !isMultiTrackAudio" class="ml-auto pl-4 text-[10px] text-primary">{{
                     t('book.file.primary')
                   }}</span>
@@ -808,21 +793,21 @@ const secondaryLabelText = computed(() => resolveBookLabel(gridCardSecondaryLabe
             </DropdownMenuItem>
 
             <DropdownMenuItem
-              v-if="hasPermission('library_download') && openableFiles.length === 1 && primaryFile"
-              @click="handleDownloadFile(primaryFile)"
+              v-if="hasPermission('library_download') && downloadableFiles.length === 1 && primaryDownloadFile"
+              @click="handleDownloadFile(primaryDownloadFile)"
             >
               <Download class="size-4 mr-2" />
               {{ t('book.actions.download') }}
             </DropdownMenuItem>
-            <DropdownMenuSub v-else-if="hasPermission('library_download') && openableFiles.length > 1">
+            <DropdownMenuSub v-else-if="hasPermission('library_download') && downloadableFiles.length > 1">
               <DropdownMenuSubTrigger>
                 <Download class="size-4 mr-2" />
                 {{ t('book.actions.download') }}
               </DropdownMenuSubTrigger>
               <DropdownMenuSubContent>
-                <DropdownMenuItem v-for="file in openableFiles" :key="file.id" @click="handleDownloadFile(file)">
+                <DropdownMenuItem v-for="file in downloadableFiles" :key="file.id" @click="handleDownloadFile(file)">
                   <span v-if="isMultiTrackAudio && isAudioFile(file)">{{ t('book.download.audiobookZip') }}</span>
-                  <span v-else>{{ file.format?.toUpperCase() ?? '?' }}</span>
+                  <span v-else>{{ fileFormatName(file) }}</span>
                   <span v-if="file.role === 'primary' && !isMultiTrackAudio" class="ml-auto pl-4 text-[10px] text-primary">{{
                     t('book.file.primary')
                   }}</span>
diff --git a/client/src/features/book/components/BookDownloadButton.vue b/client/src/features/book/components/BookDownloadButton.vue
index 5563b721a..47c9604ac 100644
--- a/client/src/features/book/components/BookDownloadButton.vue
+++ b/client/src/features/book/components/BookDownloadButton.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { ChevronDown, Download } from '@lucide/vue'
-import { FORMAT_TO_GROUP, READER_OPENABLE_FORMATS } from '@bookorbit/types'
+import { isAudioFormat } from '@bookorbit/types'
 import type { BookDetailFile } from '@bookorbit/types'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { getFormatColor } from '@/features/book/lib/format-colors'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
+import { fileFormatKey, rankedContentFiles } from '@/features/book/lib/book-formats'
 import { useBookDownload } from '@/features/book/composables/useBookDownload'
 import { useI18n } from 'vue-i18n'
 import { formatBytes as formatFileSize } from '@/lib/formatting'
@@ -15,32 +16,29 @@ const { t } = useI18n()
 const props = defineProps<{
   files: BookDetailFile[]
   bookId: number
+  /** The library's format priority, so the list follows the same order as the book's editions. */
+  formatPriority?: string[] | null
 }>()
 
 const { isDownloading, downloadFile, downloadAudiolessEpub, exportBooks } = useBookDownload()
 
-const readableFiles = computed(() => props.files.filter((f) => f.format && READER_OPENABLE_FORMATS.has(f.format)))
+const readableFiles = computed(() => rankedContentFiles(props.files, props.formatPriority))
 const audiolessEpubFiles = computed(() => readableFiles.value.filter((f) => f.format?.toLowerCase() === 'epub' && f.mediaOverlay?.available))
 
 const primaryFile = computed(() => readableFiles.value.find((f) => f.role === 'primary') ?? readableFiles.value[0] ?? null)
 
 // For multi-file audiobooks, show a single ZIP option instead of 35 individual track rows.
 const isMultiTrackAudio = computed(() => {
-  const audioFiles = readableFiles.value.filter((f) => FORMAT_TO_GROUP[f.format!] === 'audio')
+  const audioFiles = readableFiles.value.filter((f) => isAudioFormat(f.format!))
   return audioFiles.length > 1
 })
-const nonAudioFiles = computed(() => readableFiles.value.filter((f) => FORMAT_TO_GROUP[f.format!] !== 'audio'))
+const nonAudioFiles = computed(() => readableFiles.value.filter((f) => !isAudioFormat(f.format!)))
 
 const hasMultiple = computed(() => {
   if (isMultiTrackAudio.value) return nonAudioFiles.value.length > 0
   return readableFiles.value.length > 1 || audiolessEpubFiles.value.length > 0
 })
 
-function formatBadgeStyle(fmt: string) {
-  const color = getFormatColor(fmt)
-  return { color, borderColor: `${color}66`, backgroundColor: `${color}1a` }
-}
-
 function handleSingleDownload() {
   if (isMultiTrackAudio.value) {
     exportBooks([props.bookId], false, 'audio')
@@ -80,6 +78,7 @@ function handleExportPrimary() {
       <button
         class="flex w-full items-center justify-center h-9 rounded-md border border-input bg-background text-sm hover:bg-muted transition-colors disabled:opacity-50"
         :disabled="!primaryFile || isDownloading"
+        :aria-label="t('book.download.action')"
         @click="handleSingleDownload"
       >
         <Download class="size-3.5" />
@@ -94,6 +93,7 @@ function handleExportPrimary() {
         class="flex w-full items-center justify-center gap-1.5 h-9 rounded-md border border-input bg-background text-sm hover:bg-muted transition-colors disabled:opacity-50"
         :disabled="!primaryFile || isDownloading"
         :title="t('book.download.action')"
+        :aria-label="t('book.download.action')"
       >
         <Download class="size-3.5" />
         <ChevronDown class="size-3" />
@@ -112,25 +112,19 @@ function handleExportPrimary() {
           class="flex w-full items-center gap-2.5 px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors"
           @click="handleFileDownload(file)"
         >
-          <span
-            class="text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded border shrink-0"
-            :style="formatBadgeStyle(file.format ?? '?')"
-            >{{ file.format ?? '?' }}</span
-          >
+          <BookFormatChip :format-key="fileFormatKey(file) ?? '?'" class="shrink-0 rounded px-1.5 py-0.5 text-[10px] tracking-wider" />
           <span class="flex-1 text-left text-muted-foreground text-xs truncate">{{ formatFileSize(file.sizeBytes) }}</span>
         </button>
         <button
           v-for="file in audiolessEpubFiles"
           :key="`audioless-${file.id}`"
           class="flex w-full items-center gap-2.5 px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors"
-          title="Download EPUB for KOReader with audio files removed"
+          :title="t('book.download.audiolessEpubHint')"
           @click="handleAudiolessEpubDownload(file)"
         >
-          <span class="text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded border shrink-0" :style="formatBadgeStyle('epub')"
-            >EPUB</span
-          >
-          <span class="flex-1 text-left text-muted-foreground text-xs truncate">KOReader EPUB</span>
-          <span class="text-[10px] font-medium text-muted-foreground shrink-0">no audio</span>
+          <BookFormatChip format-key="epub" class="shrink-0 rounded px-1.5 py-0.5 text-[10px] tracking-wider" />
+          <span class="flex-1 text-left text-muted-foreground text-xs truncate">{{ t('book.download.audiolessEpub') }}</span>
+          <span class="text-[10px] font-medium text-muted-foreground shrink-0">{{ t('book.download.noAudio') }}</span>
         </button>
       </template>
 
@@ -142,11 +136,7 @@ function handleExportPrimary() {
           class="flex w-full items-center gap-2.5 px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors"
           @click="handleFileDownload(file)"
         >
-          <span
-            class="text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded border shrink-0"
-            :style="formatBadgeStyle(file.format ?? '?')"
-            >{{ file.format ?? '?' }}</span
-          >
+          <BookFormatChip :format-key="fileFormatKey(file) ?? '?'" class="shrink-0 rounded px-1.5 py-0.5 text-[10px] tracking-wider" />
           <span class="flex-1 text-left text-muted-foreground text-xs truncate">{{ formatFileSize(file.sizeBytes) }}</span>
           <span v-if="file.role === 'primary'" class="text-[10px] text-primary font-medium shrink-0">{{ t('book.file.primary') }}</span>
         </button>
@@ -154,15 +144,15 @@ function handleExportPrimary() {
           v-for="file in audiolessEpubFiles"
           :key="`audioless-${file.id}`"
           class="flex w-full items-center gap-2.5 px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors"
-          title="Download EPUB for KOReader with audio files removed"
+          :title="t('book.download.audiolessEpubHint')"
           @click="handleAudiolessEpubDownload(file)"
         >
-          <span class="text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded border shrink-0" :style="formatBadgeStyle('epub')"
-            >EPUB</span
-          >
-          <span class="flex-1 text-left text-muted-foreground text-xs truncate">KOReader EPUB</span>
-          <span class="text-[10px] font-medium text-muted-foreground shrink-0">no audio</span>
-          <span v-if="isAudiolessEpubCandidate(file) && file.role === 'primary'" class="text-[10px] text-primary font-medium shrink-0">Primary</span>
+          <BookFormatChip format-key="epub" class="shrink-0 rounded px-1.5 py-0.5 text-[10px] tracking-wider" />
+          <span class="flex-1 text-left text-muted-foreground text-xs truncate">{{ t('book.download.audiolessEpub') }}</span>
+          <span class="text-[10px] font-medium text-muted-foreground shrink-0">{{ t('book.download.noAudio') }}</span>
+          <span v-if="isAudiolessEpubCandidate(file) && file.role === 'primary'" class="text-[10px] text-primary font-medium shrink-0">{{
+            t('book.file.primary')
+          }}</span>
         </button>
         <div class="my-1 border-t border-border" />
         <button
diff --git a/client/src/features/book/components/BookFormatChip.vue b/client/src/features/book/components/BookFormatChip.vue
new file mode 100644
index 000000000..00e75423e
--- /dev/null
+++ b/client/src/features/book/components/BookFormatChip.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { Headphones } from '@lucide/vue'
+import { isReadAlongFormatKey } from '@bookorbit/types'
+
+import { formatKeyCode, formatKeyName } from '../lib/book-formats'
+import { formatChipStyle, type FormatChipVariant } from '../lib/format-colors'
+
+const props = withDefaults(
+  defineProps<{
+    /** A format, or `epub:readalong`; see `bookFormatEntries`. */
+    formatKey: string
+    primary?: boolean
+    variant?: FormatChipVariant
+  }>(),
+  { primary: false, variant: 'soft' },
+)
+
+const { t } = useI18n()
+
+const readAlong = computed(() => isReadAlongFormatKey(props.formatKey))
+const name = computed(() => formatKeyName(props.formatKey))
+const style = computed(() => formatChipStyle(props.formatKey, props.variant))
+</script>
+
+<template>
+  <span
+    class="inline-flex items-center gap-1 border font-bold uppercase"
+    :class="variant === 'solid' ? 'text-white' : undefined"
+    :style="style"
+    :title="name"
+  >
+    <span v-if="primary" class="size-1.5 shrink-0 rounded-full bg-current" aria-hidden="true" />
+    <span aria-hidden="true">{{ formatKeyCode(formatKey) }}</span>
+    <Headphones v-if="readAlong" class="size-[1.1em] shrink-0" :stroke-width="2.5" aria-hidden="true" />
+    <span class="sr-only">{{ name }}</span>
+    <span v-if="primary" class="sr-only">{{ t('book.formats.primary') }}</span>
+  </span>
+</template>
diff --git a/client/src/features/book/components/BookListRow.vue b/client/src/features/book/components/BookListRow.vue
index 8f3d5cc91..acdef3af0 100644
--- a/client/src/features/book/components/BookListRow.vue
+++ b/client/src/features/book/components/BookListRow.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { BookCard, BookFileRef } from '@bookorbit/types'
-import { getBookMediaProfile } from '@bookorbit/types'
+import { getBookMediaProfile, getPrimaryBookFile } from '@bookorbit/types'
 import BookCoverArtwork from './BookCoverArtwork.vue'
 import BookCoverSurface from './BookCoverSurface.vue'
 import { api } from '@/lib/api'
@@ -37,7 +37,8 @@ import SendBookDialog from '@/features/email/components/SendBookDialog.vue'
 import { RATING_STARS, getRatingStarClass } from '@/features/book/lib/rating-stars'
 import { useDisplaySettings } from '@/composables/useDisplaySettings'
 import { displayPublishedDate } from '../lib/published-date'
-import { hasReadAlong, READ_ALONG_FORMAT_COLOR, READ_ALONG_FORMAT_TITLE } from '@/features/book/lib/file-capabilities'
+import { bookFormatEntries, formatKeyCode, type BookFormatEntry } from '@/features/book/lib/book-formats'
+import { formatChipStyle } from '@/features/book/lib/format-colors'
 
 const COLLAPSED_SERIES_COVER_LIMIT = 3
 
@@ -94,24 +95,11 @@ const seriesLine = computed(() => {
 })
 
 const isMissing = computed(() => props.book.status === 'missing')
-const primaryFile = computed(() => props.book.files.find((f) => f.role === 'primary') ?? props.book.files[0] ?? null)
+const primaryFile = computed(() => getPrimaryBookFile(props.book.files))
 const mediaProfile = computed(() => getBookMediaProfile(props.book.files))
 const isAudiobook = computed(() => mediaProfile.value.primaryMediaKind === 'audiobook')
 const isComic = computed(() => mediaProfile.value.primaryMediaKind === 'comic')
-const secondaryFiles = computed(() => props.book.files.filter((f) => f !== primaryFile.value))
-
-const uniqueSecondaryFiles = computed(() => {
-  const seenFormats = new Set<string>()
-  if (primaryFile.value?.format) seenFormats.add(primaryFile.value.format)
-
-  return secondaryFiles.value.filter((f) => {
-    const format = f.format
-    if (!format) return true
-    if (seenFormats.has(format)) return false
-    seenFormats.add(format)
-    return true
-  })
-})
+const formatEntries = computed(() => bookFormatEntries(props.book.files))
 
 const metaLine = computed(() => {
   const parts: string[] = []
@@ -160,21 +148,19 @@ function openFile(file: BookFileRef, mode?: 'peek') {
   })
 }
 
-function formatButtonClasses(file: BookFileRef, primary: boolean): string {
-  if (hasReadAlong(file)) return 'bg-transparent text-white hover:opacity-90 transition-opacity'
-  return primary
+function formatButtonClasses(entry: BookFormatEntry): string {
+  if (entry.readAlong) return 'text-white hover:opacity-90 transition-opacity'
+  return entry.primary
     ? 'bg-primary/15 text-primary hover:bg-primary/25 transition-colors'
-    : 'bg-muted text-muted-foreground hover:bg-muted/70 transition-colors'
+    : 'bg-muted text-foreground hover:bg-muted/70 transition-colors'
 }
 
-function formatButtonStyle(file: BookFileRef): Record<string, string> | undefined {
-  return hasReadAlong(file) ? { backgroundColor: READ_ALONG_FORMAT_COLOR } : undefined
+function formatButtonStyle(entry: BookFormatEntry): Record<string, string> | undefined {
+  return entry.readAlong ? formatChipStyle(entry.key, 'solid') : undefined
 }
 
-function formatButtonTooltip(file: BookFileRef): string {
-  return hasReadAlong(file)
-    ? t('book.actions.openReadAlong')
-    : t('book.actions.openAs', { format: file.format?.toUpperCase() ?? t('book.unknownFormat') })
+function formatButtonTooltip(entry: BookFormatEntry): string {
+  return entry.readAlong ? t('book.actions.openReadAlong') : t('book.actions.openAs', { format: formatKeyCode(entry.key) })
 }
 
 function peekPrimaryFile() {
@@ -392,36 +378,23 @@ function handleRowClick(event: MouseEvent) {
           <TriangleAlert class="size-3 shrink-0" />
           <span class="hidden sm:inline">{{ t('book.card.missing') }}</span>
         </span>
-        <Tooltip v-if="primaryFile && !isMissing">
-          <TooltipTrigger as-child>
-            <button
-              class="inline-flex items-center gap-0.5 text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded"
-              :class="formatButtonClasses(primaryFile, true)"
-              :style="formatButtonStyle(primaryFile)"
-              :title="hasReadAlong(primaryFile) ? READ_ALONG_FORMAT_TITLE : undefined"
-              @click="openFile(primaryFile)"
-            >
-              {{ primaryFile.format ?? '?' }}
-              <Headphones v-if="hasReadAlong(primaryFile)" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-            </button>
-          </TooltipTrigger>
-          <TooltipContent>{{ formatButtonTooltip(primaryFile) }}</TooltipContent>
-        </Tooltip>
-        <Tooltip v-for="file in uniqueSecondaryFiles" :key="file.id">
-          <TooltipTrigger as-child>
-            <button
-              class="inline-flex items-center gap-0.5 text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded"
-              :class="formatButtonClasses(file, false)"
-              :style="formatButtonStyle(file)"
-              :title="hasReadAlong(file) ? READ_ALONG_FORMAT_TITLE : undefined"
-              @click="openFile(file)"
-            >
-              {{ file.format ?? '?' }}
-              <Headphones v-if="hasReadAlong(file)" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-            </button>
-          </TooltipTrigger>
-          <TooltipContent>{{ formatButtonTooltip(file) }}</TooltipContent>
-        </Tooltip>
+        <template v-if="!isMissing">
+          <Tooltip v-for="entry in formatEntries" :key="entry.key">
+            <TooltipTrigger as-child>
+              <button
+                class="inline-flex items-center gap-0.5 text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded"
+                :class="formatButtonClasses(entry)"
+                :style="formatButtonStyle(entry)"
+                :aria-label="formatButtonTooltip(entry)"
+                @click="openFile(entry.files[0]!)"
+              >
+                <span aria-hidden="true">{{ formatKeyCode(entry.key) }}</span>
+                <Headphones v-if="entry.readAlong" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent>{{ formatButtonTooltip(entry) }}</TooltipContent>
+          </Tooltip>
+        </template>
       </div>
 
       <DropdownMenu>
diff --git a/client/src/features/book/components/BookQuickView.vue b/client/src/features/book/components/BookQuickView.vue
index 6ca7d5b57..724e25117 100644
--- a/client/src/features/book/components/BookQuickView.vue
+++ b/client/src/features/book/components/BookQuickView.vue
@@ -11,9 +11,10 @@ import { getProviderColor } from '@/lib/provider-colors'
 import { createBookProviderLinks } from '@/features/book/lib/provider-links'
 import { useBookDetail } from '../composables/useBookDetail'
 import { useCoverVersions } from '../composables/useCoverVersions'
-import { getFormatColor } from '../lib/format-colors'
+import BookFormatChip from './BookFormatChip.vue'
+import { bookFormatEntries, fileFormatKey } from '../lib/book-formats'
 import { displayPublishedDate } from '../lib/published-date'
-import { FORMAT_TO_GROUP, type BookFileRef } from '@bookorbit/types'
+import { FORMAT_TO_GROUP, getPrimaryBookFile } from '@bookorbit/types'
 import { COVER_ASPECT_RATIO_KEY, DEFAULT_COVER_ASPECT_RATIO } from '../lib/cover-aspect-ratio'
 import { useDisplaySettings } from '@/composables/useDisplaySettings'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
@@ -21,7 +22,6 @@ import { useSafeHtml } from '@/features/book/composables/useSafeHtml'
 import BookCoverArtwork from './BookCoverArtwork.vue'
 import BookCoverSurface from './BookCoverSurface.vue'
 import { useI18n } from 'vue-i18n'
-import { hasReadAlong, isReadAlongFormat, READ_ALONG_FORMAT_COLOR, READ_ALONG_FORMAT_TITLE } from '@/features/book/lib/file-capabilities'
 
 const { t } = useI18n()
 
@@ -93,13 +93,10 @@ const quickViewCoverAspectRatio = computed(() => {
   return `${coverImageRatio.value} / 1`
 })
 
-const primaryFile = computed(() => detail.value?.files.find((f) => f.role === 'primary') ?? detail.value?.files[0] ?? null)
-const readAlongFile = computed(() => detail.value?.files.find((file) => hasReadAlong(file)) ?? null)
+const primaryFile = computed(() => (detail.value ? getPrimaryBookFile(detail.value.files) : null))
 const isPrimaryAudio = computed(() => primaryFile.value?.format != null && FORMAT_TO_GROUP[primaryFile.value.format] === 'audio')
 const isPrimaryComic = computed(() => primaryFile.value?.format != null && FORMAT_TO_GROUP[primaryFile.value.format] === 'cbx')
-const knownFormats = computed(() => [
-  ...new Set((detail.value?.files ?? []).filter((f) => f.format && FORMAT_TO_GROUP[f.format]).map((f) => f.format!)),
-])
+const formatEntries = computed(() => (detail.value ? bookFormatEntries(detail.value.files, detail.value.formatPriority) : []))
 const publishedDisplay = computed(() => (detail.value ? displayPublishedDate(detail.value.publishedDate, detail.value.publishedYear) : null))
 
 function providerLinkStyle(provider: string) {
@@ -110,28 +107,6 @@ function providerLinkStyle(provider: string) {
   }
 }
 
-function formatBadgeStyle(fmt: string) {
-  const color = formatHasReadAlong(fmt) ? READ_ALONG_FORMAT_COLOR : getFormatColor(fmt)
-  return {
-    color,
-    borderColor: `${color}66`,
-    backgroundColor: `${color}1a`,
-  }
-}
-
-function fileFormatBadgeStyle(file: Pick<BookFileRef, 'format' | 'mediaOverlay'>) {
-  const color = hasReadAlong(file) ? READ_ALONG_FORMAT_COLOR : getFormatColor(file.format ?? '?')
-  return {
-    color,
-    borderColor: `${color}66`,
-    backgroundColor: `${color}1a`,
-  }
-}
-
-function formatHasReadAlong(fmt: string): boolean {
-  return isReadAlongFormat(fmt, readAlongFile.value != null)
-}
-
 function handleCoverLoad(ratio: number | null) {
   coverLoaded.value = true
   coverFailed.value = false
@@ -301,16 +276,13 @@ function handleDelete() {
             <template v-else-if="detail">
               <!-- Format badges + meta chips -->
               <div class="flex flex-wrap gap-1.5">
-                <span
-                  v-for="fmt in knownFormats"
-                  :key="fmt"
-                  class="inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded border"
-                  :style="formatBadgeStyle(fmt)"
-                  :title="formatHasReadAlong(fmt) ? READ_ALONG_FORMAT_TITLE : undefined"
-                >
-                  {{ fmt }}
-                  <Headphones v-if="formatHasReadAlong(fmt)" class="size-3 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-                </span>
+                <BookFormatChip
+                  v-for="entry in formatEntries"
+                  :key="entry.key"
+                  :format-key="entry.key"
+                  :primary="entry.primary"
+                  class="rounded px-2 py-0.5 text-[10px] tracking-wider"
+                />
                 <span v-if="detail.pageCount" class="text-[10px] font-semibold px-2 py-0.5 rounded bg-muted text-muted-foreground">
                   {{ t('book.quickView.pages', { count: detail.pageCount }) }}
                 </span>
@@ -337,14 +309,7 @@ function handleDelete() {
                   {{ primaryFile.filename ?? t('book.quickView.fileNumber', { id: primaryFile.id }) }}
                 </p>
                 <div class="mt-1.5 flex items-center gap-1.5">
-                  <span
-                    class="inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded border"
-                    :style="fileFormatBadgeStyle(primaryFile)"
-                    :title="hasReadAlong(primaryFile) ? READ_ALONG_FORMAT_TITLE : undefined"
-                  >
-                    {{ (primaryFile.format ?? '?').toUpperCase() }}
-                    <Headphones v-if="hasReadAlong(primaryFile)" class="size-3 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-                  </span>
+                  <BookFormatChip :format-key="fileFormatKey(primaryFile) ?? '?'" class="rounded px-2 py-0.5 text-[10px] tracking-wider" />
                   <span class="text-[10px] px-2 py-0.5 rounded bg-muted text-muted-foreground">
                     {{ formatBytes(primaryFile.sizeBytes) }}
                   </span>
diff --git a/client/src/features/book/components/__tests__/BookListRow.spec.ts b/client/src/features/book/components/__tests__/BookListRow.spec.ts
index 54b68fad2..32b36a995 100644
--- a/client/src/features/book/components/__tests__/BookListRow.spec.ts
+++ b/client/src/features/book/components/__tests__/BookListRow.spec.ts
@@ -204,7 +204,7 @@ describe('BookListRow - present state', () => {
     thumbnailClickAction.value = 'details'
     const wrapper = mount(BookListRow, { props: { book: presentBook }, global: globalStubs })
 
-    const formatButton = wrapper.findAll('button').find((button) => button.text() === 'epub')
+    const formatButton = wrapper.findAll('button').find((button) => button.text() === 'EPUB')
     expect(formatButton).toBeDefined()
     await formatButton!.trigger('click')
 
@@ -234,7 +234,7 @@ describe('BookListRow - present state', () => {
       global: globalStubs,
     })
 
-    expect(wrapper.text()).toContain('epub')
+    expect(wrapper.text()).toContain('EPUB')
     expect(wrapper.text()).not.toContain('NARR')
     expect(wrapper.text()).toContain('Open read-along EPUB')
     expect(wrapper.find('.lucide-headphones').exists()).toBe(true)
diff --git a/client/src/features/book/components/__tests__/BookTableCells.spec.ts b/client/src/features/book/components/__tests__/BookTableCells.spec.ts
index 7f26dc4b2..32c77f53f 100644
--- a/client/src/features/book/components/__tests__/BookTableCells.spec.ts
+++ b/client/src/features/book/components/__tests__/BookTableCells.spec.ts
@@ -156,12 +156,12 @@ describe('BookTableFormatCell', () => {
 
   it('shows primary format badge', () => {
     const wrapper = mountFormat([{ id: 1, format: 'epub', role: 'primary', sizeBytes: null }])
-    expect(wrapper.text()).toContain('epub')
+    expect(wrapper.text()).toContain('EPUB')
   })
 
   it('marks the EPUB format badge for media-overlay read-along files', () => {
     const wrapper = mountFormat([{ id: 1, format: 'epub', role: 'primary', sizeBytes: null, mediaOverlay: { available: true, durationSeconds: 42 } }])
-    expect(wrapper.text()).toContain('epub')
+    expect(wrapper.text()).toContain('EPUB')
     expect(wrapper.text()).not.toContain('NARR')
     expect(wrapper.text()).toContain('Read-along EPUB')
     expect(wrapper.find('.lucide-headphones').exists()).toBe(true)
@@ -170,17 +170,17 @@ describe('BookTableFormatCell', () => {
   it('shows multiple format badges for multiple files', () => {
     const wrapper = mountFormat([
       { id: 1, format: 'epub', role: 'primary', sizeBytes: null },
-      { id: 2, format: 'pdf', role: 'secondary', sizeBytes: null },
+      { id: 2, format: 'pdf', role: 'content', sizeBytes: null },
     ])
-    expect(wrapper.text()).toContain('epub')
-    expect(wrapper.text()).toContain('pdf')
+    expect(wrapper.text()).toContain('EPUB')
+    expect(wrapper.text()).toContain('PDF')
   })
 
   it('shows overflow indicator for more than 2 formats', () => {
     const wrapper = mountFormat([
       { id: 1, format: 'epub', role: 'primary', sizeBytes: null },
-      { id: 2, format: 'pdf', role: 'secondary', sizeBytes: null },
-      { id: 3, format: 'mobi', role: 'secondary', sizeBytes: null },
+      { id: 2, format: 'pdf', role: 'content', sizeBytes: null },
+      { id: 3, format: 'mobi', role: 'content', sizeBytes: null },
     ])
     expect(wrapper.text()).toContain('+1')
   })
@@ -287,7 +287,7 @@ describe('BookTableReadButtonCell', () => {
   it('opens the primary readable file in peek mode from the peek button', async () => {
     routerPush.mockReset()
     const wrapper = mountReadButton(makeBook([{ id: 1, format: 'epub', role: 'primary', sizeBytes: null }]))
-    const peekButton = wrapper.findAll('button').find((button) => button.attributes('aria-label') === 'Peek EPUB')
+    const peekButton = wrapper.findAll('button').find((button) => button.attributes('aria-label') === 'Peek EPUB e-book')
     expect(peekButton).toBeTruthy()
     await peekButton!.trigger('click')
     expect(routerPush).toHaveBeenCalledWith({
@@ -302,7 +302,7 @@ describe('BookTableReadButtonCell', () => {
     const wrapper = mountReadButton(
       makeBook([
         { id: 10, format: 'm4b', role: 'primary', sizeBytes: null },
-        { id: 11, format: 'epub', role: 'secondary', sizeBytes: null },
+        { id: 11, format: 'epub', role: 'content', sizeBytes: null },
       ]),
     )
 
diff --git a/client/src/features/book/components/__tests__/DetailsTab.spec.ts b/client/src/features/book/components/__tests__/DetailsTab.spec.ts
index 54f5e3beb..f28dfbae0 100644
--- a/client/src/features/book/components/__tests__/DetailsTab.spec.ts
+++ b/client/src/features/book/components/__tests__/DetailsTab.spec.ts
@@ -596,7 +596,7 @@ describe('DetailsTab - present state', () => {
 
     await flushPromises()
 
-    expect(wrapper.text()).toContain('epub')
+    expect(wrapper.text()).toContain('Read-along EPUB')
     expect(wrapper.text()).toContain('25%')
   })
 
@@ -641,7 +641,7 @@ describe('DetailsTab - present state', () => {
 
     await flushPromises()
 
-    const fileResetButton = wrapper.find('button[aria-label="Reset file progress"]')
+    const fileResetButton = wrapper.find('button[aria-label="Reset progress for EPUB e-book"]')
     expect(fileResetButton.exists()).toBe(true)
 
     await fileResetButton.trigger('click')
diff --git a/client/src/features/book/components/detail/details/BookEditionsCard.vue b/client/src/features/book/components/detail/details/BookEditionsCard.vue
index 800d487ea..903fbc037 100644
--- a/client/src/features/book/components/detail/details/BookEditionsCard.vue
+++ b/client/src/features/book/components/detail/details/BookEditionsCard.vue
@@ -2,15 +2,15 @@
 import { computed } from 'vue'
 import { RotateCcw } from '@lucide/vue'
 import { useI18n } from 'vue-i18n'
+import type { BookDetail } from '@bookorbit/types'
 import { formatBytes } from '@/lib/formatting'
 import { formatNumber, formatPercent } from '@/i18n/formatters'
-import { formatColorVar } from '@/features/book/lib/format-colors'
-import { FORMAT_TO_GROUP } from '@bookorbit/types'
-import type { BookDetail } from '@bookorbit/types'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
+import { bookFormatEntries, formatKeyName, type BookFormatEntry } from '@/features/book/lib/book-formats'
 
 export interface EditionProgress {
-  /** Lower-cased format the bar belongs to. */
-  format: string
+  /** The edition's format key, as `bookFormatEntries` gives it. */
+  key: string
   percentage: number
   finished: boolean
   /** Present when this edition's progress can be reset. */
@@ -28,99 +28,27 @@ const props = withDefaults(
   { progress: () => [], maxRows: 4, resettingFileIds: () => [] },
 )
 
-const emit = defineEmits<{ resetProgress: [format: string] }>()
+const emit = defineEmits<{ resetProgress: [key: string] }>()
 
-function handleReset(row: EditionRow) {
-  emit('resetProgress', row.format)
+function handleReset(row: BookFormatEntry) {
+  emit('resetProgress', row.key)
 }
 
-function isResetting(row: EditionRow): boolean {
+function isResetting(row: BookFormatEntry): boolean {
   const entry = progressFor(row)
   return entry?.resetFileId != null && props.resettingFileIds.includes(entry.resetFileId)
 }
 
 const { t } = useI18n()
 
-interface EditionRow {
-  key: string
-  format: string
-  sizeBytes: number
-  durationSeconds: number | null
-  trackCount: number
-  isPrimary: boolean
-  isAudio: boolean
-}
-
-/**
- * A multi-track audiobook is one edition, not thirty-eight. Collapsing it here matches how the
- * reader treats those files and keeps a 38-file book from printing 38 rows.
- */
-const rows = computed<EditionRow[]>(() => {
-  const files = props.book.files.filter((file) => file.format != null)
-  const audio = files.filter((file) => FORMAT_TO_GROUP[file.format!] === 'audio')
-  const rest = files.filter((file) => FORMAT_TO_GROUP[file.format!] !== 'audio')
-  const result: EditionRow[] = []
-
-  const firstAudio = audio[0]
-  if (firstAudio?.format != null) {
-    result.push({
-      key: 'audio',
-      format: firstAudio.format,
-      sizeBytes: audio.reduce((total, file) => total + (file.sizeBytes ?? 0), 0),
-      durationSeconds: props.book.audioMetadata?.durationSeconds ?? null,
-      trackCount: audio.length,
-      isPrimary: audio.some((file) => file.role === 'primary'),
-      isAudio: true,
-    })
-  }
-
-  const byFormat = new Map<string, EditionRow>()
-  for (const file of rest) {
-    const format = file.format!
-    const existing = byFormat.get(format)
-    if (existing) {
-      existing.sizeBytes += file.sizeBytes ?? 0
-      existing.trackCount += 1
-      existing.isPrimary = existing.isPrimary || file.role === 'primary'
-      continue
-    }
-    byFormat.set(format, {
-      key: format,
-      format,
-      sizeBytes: file.sizeBytes ?? 0,
-      durationSeconds: null,
-      trackCount: 1,
-      isPrimary: file.role === 'primary',
-      isAudio: false,
-    })
-  }
-  result.push(...byFormat.values())
-
-  return result.sort((a, b) => Number(b.isPrimary) - Number(a.isPrimary) || a.format.localeCompare(b.format))
-})
+const rows = computed(() => bookFormatEntries(props.book.files, props.book.formatPriority))
 
 const visibleRows = computed(() => rows.value.slice(0, props.maxRows))
 const hiddenCount = computed(() => Math.max(0, rows.value.length - visibleRows.value.length))
 const totalBytes = computed(() => rows.value.reduce((total, row) => total + row.sizeBytes, 0))
-const fileCount = computed(() => props.book.files.filter((file) => file.format != null).length)
 
-const progressByFormat = computed(() => {
-  const map = new Map<string, EditionProgress>()
-  for (const entry of props.progress) map.set(entry.format.toLowerCase(), entry)
-  return map
-})
-
-function progressFor(row: EditionRow): EditionProgress | null {
-  return progressByFormat.value.get(row.format.toLowerCase()) ?? null
-}
-
-function formatBadgeStyle(format: string) {
-  const color = formatColorVar(format)
-  return {
-    color,
-    borderColor: `color-mix(in oklch, ${color} 45%, transparent)`,
-    backgroundColor: `color-mix(in oklch, ${color} 12%, transparent)`,
-  }
+function progressFor(row: BookFormatEntry): EditionProgress | null {
+  return props.progress.find((entry) => entry.key === row.key) ?? null
 }
 
 function formatDuration(seconds: number): string {
@@ -137,8 +65,9 @@ function progressLabel(percentage: number): string {
   return formatPercent(Math.round(clamped) / 100)
 }
 
-function rowMeasure(row: EditionRow): string {
-  if (row.isAudio && row.durationSeconds != null) return formatDuration(row.durationSeconds)
+function rowMeasure(row: BookFormatEntry): string {
+  const durationSeconds = row.audio ? props.book.audioMetadata?.durationSeconds : null
+  if (durationSeconds != null) return formatDuration(durationSeconds)
   return formatBytes(row.sizeBytes)
 }
 </script>
@@ -156,13 +85,11 @@ function rowMeasure(row: EditionRow): string {
 
     <ul class="mt-2.5 flex flex-col gap-2">
       <li v-for="row in visibleRows" :key="row.key" class="flex items-center gap-2.5">
-        <span
-          class="inline-flex h-5 w-13 shrink-0 items-center justify-center gap-1 rounded-md border text-[10px] font-bold uppercase leading-none tracking-wider"
-          :style="formatBadgeStyle(row.format)"
-        >
-          <span v-if="row.isPrimary" class="size-1.5 shrink-0 rounded-full bg-current" />
-          {{ row.format }}
-        </span>
+        <BookFormatChip
+          :format-key="row.key"
+          :primary="row.primary"
+          class="h-5 min-w-13 shrink-0 justify-center rounded-md px-1.5 text-[10px] leading-none tracking-wider"
+        />
 
         <template v-if="progressFor(row)">
           <span class="h-1 min-w-0 flex-1 overflow-hidden rounded-full bg-muted">
@@ -186,7 +113,7 @@ function rowMeasure(row: EditionRow): string {
           v-if="progressFor(row)?.resetFileId != null"
           type="button"
           class="inline-flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50"
-          :aria-label="t('book.detail.details.resetFileProgress')"
+          :aria-label="t('book.detail.details.resetEditionProgress', { format: formatKeyName(row.key) })"
           :disabled="isResetting(row)"
           @click="handleReset(row)"
         >
@@ -201,7 +128,7 @@ function rowMeasure(row: EditionRow): string {
 
     <div class="mt-2.5 flex items-baseline gap-2 border-t border-border pt-2">
       <p class="text-[11px] text-muted-foreground">{{ t('book.detail.details.filesOnDisk') }}</p>
-      <p class="ml-auto text-[11px] font-semibold tabular-nums">{{ formatNumber(fileCount) }}</p>
+      <p class="ml-auto text-[11px] font-semibold tabular-nums">{{ formatNumber(book.files.length) }}</p>
     </div>
   </section>
 </template>
diff --git a/client/src/features/book/components/detail/details/BookReadingActivityCard.vue b/client/src/features/book/components/detail/details/BookReadingActivityCard.vue
index c67f05e52..9099a06b8 100644
--- a/client/src/features/book/components/detail/details/BookReadingActivityCard.vue
+++ b/client/src/features/book/components/detail/details/BookReadingActivityCard.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { formatNumber, formatPercent, formatRelativeFromNow } from '@/i18n/formatters'
-import { formatColorVar } from '@/features/book/lib/format-colors'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
 import type { BookReadingSession, BookReadingSessionStats } from '@bookorbit/types'
 
 const props = withDefaults(
@@ -83,15 +83,6 @@ function relative(iso: string | null | undefined): string {
 function dayLabel(day: string, minutes: number): string {
   return t('book.detail.details.activityDayTooltip', { day, minutes: Math.round(minutes) })
 }
-
-function formatBadgeStyle(format: string) {
-  const color = formatColorVar(format)
-  return {
-    color,
-    borderColor: `color-mix(in oklch, ${color} 45%, transparent)`,
-    backgroundColor: `color-mix(in oklch, ${color} 12%, transparent)`,
-  }
-}
 </script>
 
 <template>
@@ -140,13 +131,11 @@ function formatBadgeStyle(format: string) {
           <span class="min-w-0 flex-1 truncate text-[11px] tabular-nums text-muted-foreground">
             {{ t('book.detail.details.activityReached', { percent: formatPercent((session.endProgress ?? 0) / 100) }) }}
           </span>
-          <span
+          <BookFormatChip
             v-if="session.format"
-            class="inline-flex h-4.5 shrink-0 items-center rounded border px-1.5 text-[9px] font-bold uppercase leading-none tracking-wider"
-            :style="formatBadgeStyle(session.format)"
-          >
-            {{ session.source ?? session.format }}
-          </span>
+            :format-key="session.format"
+            class="h-4.5 shrink-0 rounded px-1.5 text-[9px] leading-none tracking-wider"
+          />
         </li>
       </ul>
     </template>
diff --git a/client/src/features/book/components/detail/files/FileDetailCard.vue b/client/src/features/book/components/detail/files/FileDetailCard.vue
index 5653f563e..f99d4ef2c 100644
--- a/client/src/features/book/components/detail/files/FileDetailCard.vue
+++ b/client/src/features/book/components/detail/files/FileDetailCard.vue
@@ -107,7 +107,7 @@ function handleCopyPath() {
 
     <div class="flex flex-col gap-3.5 px-3.5 py-3.5">
       <div class="flex items-start gap-3">
-        <FileFormatGlyph :format="file.formatKey" size="lg" />
+        <FileFormatGlyph :format="file.editionKey ?? file.formatKey" size="lg" />
         <div class="min-w-0 flex-1">
           <p class="line-clamp-3 text-[13.5px] font-semibold leading-snug [overflow-wrap:anywhere]" :title="file.leaf">{{ file.leaf }}</p>
           <div class="mt-2 flex flex-wrap items-center gap-1.5">
diff --git a/client/src/features/book/components/detail/files/FileFormatGlyph.vue b/client/src/features/book/components/detail/files/FileFormatGlyph.vue
index 9c7138661..68736d7c7 100644
--- a/client/src/features/book/components/detail/files/FileFormatGlyph.vue
+++ b/client/src/features/book/components/detail/files/FileFormatGlyph.vue
@@ -1,9 +1,15 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { Headphones } from '@lucide/vue'
+import { isReadAlongFormatKey } from '@bookorbit/types'
+import { formatKeyCode } from '@/features/book/lib/book-formats'
 import { formatColorVar } from '@/features/book/lib/format-colors'
 
+/** `format` is a file format or an edition key; a read-along EPUB carries headphones under its code. */
 const props = withDefaults(defineProps<{ format: string | null; size?: 'sm' | 'md' | 'lg' }>(), { size: 'md' })
 
+const readAlong = computed(() => props.format != null && isReadAlongFormatKey(props.format))
+
 const sizeClass = computed(
   () =>
     ({
@@ -36,6 +42,9 @@ const glyphStyle = computed(() => {
     aria-hidden="true"
   >
     <span class="absolute right-0 top-0 bg-current opacity-25" :class="cornerClass" />
-    <span class="relative">{{ format || '?' }}</span>
+    <span class="relative flex flex-col items-center gap-[0.2em]">
+      <Headphones v-if="readAlong" class="size-[1.1em]" :stroke-width="2.5" />
+      {{ format ? formatKeyCode(format) : '?' }}
+    </span>
   </span>
 </template>
diff --git a/client/src/features/book/components/detail/files/FileListCard.vue b/client/src/features/book/components/detail/files/FileListCard.vue
index b421d5732..20572050b 100644
--- a/client/src/features/book/components/detail/files/FileListCard.vue
+++ b/client/src/features/book/components/detail/files/FileListCard.vue
@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n'
 import { ChevronDown, MoreVertical } from '@lucide/vue'
 import { formatBytes } from '@/lib/formatting'
 import { formatPercent } from '@/i18n/formatters'
+import { formatKeyName } from '@/features/book/lib/book-formats'
 import { splitExtension } from '@/features/book/lib/filename-stem'
 import type { FileGroup, TreeFile } from '@/features/book/composables/useBookFileTree'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
@@ -95,7 +96,7 @@ function durationLabel(seconds: number | null): string | null {
 
 /** The stacked phone row states format, size and length once, where the columns cannot fit. */
 function stackedMeta(file: TreeFile): string {
-  const parts = [file.formatKey.toUpperCase() || '?', formatBytes(file.sizeBytes)]
+  const parts = [file.editionKey ? formatKeyName(file.editionKey) : file.formatKey.toUpperCase() || '?', formatBytes(file.sizeBytes)]
   const duration = durationLabel(file.durationSeconds)
   if (duration) parts.push(duration)
   return parts.join(' · ')
@@ -216,7 +217,7 @@ function handleCopyPath(file: TreeFile) {
               :aria-current="file.id === selectedId ? 'true' : undefined"
               @click="handleSelect(file)"
             />
-            <FileFormatGlyph :format="file.formatKey" size="sm" class="pointer-events-none relative" />
+            <FileFormatGlyph :format="file.editionKey ?? file.formatKey" size="sm" class="pointer-events-none relative" />
             <span class="pointer-events-none relative min-w-0 flex-1">
               <span class="row-name flex items-baseline text-[13.5px] leading-tight" :title="file.leaf">
                 <span class="row-base min-w-0 truncate">{{ splitExtension(file.display).base }}</span>
diff --git a/client/src/features/book/components/detail/files/FilesHeroBar.vue b/client/src/features/book/components/detail/files/FilesHeroBar.vue
index 72755c9df..b0bfd78a2 100644
--- a/client/src/features/book/components/detail/files/FilesHeroBar.vue
+++ b/client/src/features/book/components/detail/files/FilesHeroBar.vue
@@ -4,6 +4,8 @@ import { useI18n } from 'vue-i18n'
 import { ArrowDown, ArrowUp, ArrowUpDown, CircleCheck, FilePlus, TriangleAlert } from '@lucide/vue'
 import type { BookDetail } from '@bookorbit/types'
 import { formatBytes } from '@/lib/formatting'
+import { formatList } from '@/i18n/formatters'
+import { formatKeyName } from '@/features/book/lib/book-formats'
 import { formatColorVar } from '@/features/book/lib/format-colors'
 import { useCoverVersions } from '@/features/book/composables/useCoverVersions'
 import type { FormatShare, SortDirection, SortKey } from '@/features/book/composables/useBookFileTree'
@@ -37,14 +39,14 @@ const isMissing = computed(() => props.book.status === 'missing')
  */
 const meterSegments = computed(() =>
   props.formatShares.map((share) => ({
-    format: share.format,
-    color: formatColorVar(share.format),
+    key: share.key,
+    color: formatColorVar(share.key),
     width: `${Math.max(share.fraction * 100, 1.5)}%`,
   })),
 )
 
 const meterLabel = computed(() =>
-  [t('book.detail.files.compositionAria'), props.formatShares.map((share) => share.format.toUpperCase()).join(', ')].join(': '),
+  [t('book.detail.files.compositionAria'), formatList(props.formatShares.map((share) => formatKeyName(share.key)))].join(': '),
 )
 
 function handleSort(key: SortKey) {
@@ -100,7 +102,7 @@ function handleAddFile() {
           <span class="flex h-1.5 flex-1 gap-px overflow-hidden rounded-full bg-muted" role="img" :aria-label="meterLabel">
             <span
               v-for="segment in meterSegments"
-              :key="segment.format"
+              :key="segment.key"
               class="block h-full first:rounded-l-full last:rounded-r-full"
               :style="{ width: segment.width, backgroundColor: segment.color }"
             />
diff --git a/client/src/features/book/components/detail/reading-log/ReadingLogVitals.vue b/client/src/features/book/components/detail/reading-log/ReadingLogVitals.vue
index da5e0e061..ebe988b29 100644
--- a/client/src/features/book/components/detail/reading-log/ReadingLogVitals.vue
+++ b/client/src/features/book/components/detail/reading-log/ReadingLogVitals.vue
@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n'
 import { Check, ChevronDown, Clock, Minus, Plus, TrendingDown, TrendingUp } from '@lucide/vue'
 import type { BookDetail, BookReadingSessionStats, ReadStatus, UserBookStatus } from '@bookorbit/types'
 import { isAudioFormat } from '@bookorbit/types'
+import { bookFormatEntries, formatKeyName } from '@/features/book/lib/book-formats'
 import { api } from '@/lib/api'
 import { formatDate, formatNumber, formatRelativeFromNow } from '@/i18n/formatters'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
@@ -257,8 +258,8 @@ const momentumTitle = computed(() => {
 })
 
 const formatLine = computed(() =>
-  [...new Set(props.book.files.map((file) => file.format).filter((format): format is string => format != null && format.length > 0))]
-    .map((format) => format.toUpperCase())
+  bookFormatEntries(props.book.files, props.book.formatPriority)
+    .map((entry) => formatKeyName(entry.key))
     .join(' · '),
 )
 
diff --git a/client/src/features/book/components/detail/tabs/DetailsTab.vue b/client/src/features/book/components/detail/tabs/DetailsTab.vue
index 2f3d9441e..a18ec31c4 100644
--- a/client/src/features/book/components/detail/tabs/DetailsTab.vue
+++ b/client/src/features/book/components/detail/tabs/DetailsTab.vue
@@ -23,7 +23,8 @@ import {
   TriangleAlert,
   X,
 } from '@lucide/vue'
-import { getFormatColor } from '@/features/book/lib/format-colors'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
+import { bookFormatEntries, fileFormatKey, formatKeyName } from '@/features/book/lib/book-formats'
 import { providerIconPathSafe } from '@/features/book/lib/provider-icons'
 import { createBookProviderLinks } from '@/features/book/lib/provider-links'
 import { faceMedium } from '@/features/book/lib/cover-slots'
@@ -31,7 +32,7 @@ import { readingDateToDateKey } from '@/features/book/lib/reading-date'
 import { getProviderColor, PROVIDER_SHORT_LABELS } from '@/lib/provider-colors'
 import { useCoverVersions } from '@/features/book/composables/useCoverVersions'
 import { COVER_ASPECT_RATIO_KEY, DEFAULT_COVER_ASPECT_RATIO } from '@/features/book/lib/cover-aspect-ratio'
-import { FORMAT_TO_GROUP, READER_OPENABLE_FORMATS } from '@bookorbit/types'
+import { FORMAT_TO_GROUP, getPrimaryBookFile, READER_OPENABLE_FORMATS } from '@bookorbit/types'
 import type { BookDetail, BookKoboState, CustomMetadataBookValue, ReadAloudProgressSync, ReadStatus, UserBookStatus } from '@bookorbit/types'
 import { STATUS_OPTIONS, STATUS_ICONS, STATUS_COLORS, useBookStatus } from '@/features/book/composables/useBookStatus'
 import BookDownloadButton from '@/features/book/components/BookDownloadButton.vue'
@@ -64,11 +65,11 @@ import BookCoverSurface from '@/features/book/components/BookCoverSurface.vue'
 import { useDisplaySettings } from '@/composables/useDisplaySettings'
 import HardcoverBookSyncGridItem from '@/features/hardcover/components/HardcoverBookSyncGridItem.vue'
 import StorygraphBookSyncGridItem from '@/features/storygraph/components/StorygraphBookSyncGridItem.vue'
-import BookEditionsCard from '@/features/book/components/detail/details/BookEditionsCard.vue'
+import BookEditionsCard, { type EditionProgress } from '@/features/book/components/detail/details/BookEditionsCard.vue'
 import BookReadingActivityCard from '@/features/book/components/detail/details/BookReadingActivityCard.vue'
 import { useBookReadingLog } from '@/features/book/composables/useBookReadingLog'
 import { useProviderLinkSettings } from '@/features/book/composables/useProviderLinkSettings'
-import { hasReadAlong, isReadAlongFormat, READ_ALONG_FORMAT_COLOR, READ_ALONG_FORMAT_TITLE } from '@/features/book/lib/file-capabilities'
+import { hasReadAlong } from '@/features/book/lib/file-capabilities'
 
 type FileProgress = {
   percentage: number
@@ -349,7 +350,7 @@ const detailCoverAspectRatio = computed(() => {
 
   return `${coverImageRatio.value} / 1`
 })
-const primaryFile = computed(() => props.book.files.find((f) => f.role === 'primary') ?? props.book.files[0] ?? null)
+const primaryFile = computed(() => getPrimaryBookFile(props.book.files))
 const readAlongFile = computed(() => props.book.files.find((file) => hasReadAlong(file)) ?? null)
 const hasAudioFile = computed(() => props.book.files.some((file) => file.format != null && FORMAT_TO_GROUP[file.format] === 'audio'))
 const isPrimaryAudio = computed(() => primaryFile.value?.format != null && FORMAT_TO_GROUP[primaryFile.value.format] === 'audio')
@@ -359,21 +360,14 @@ const isFaceAudio = computed(() => {
   return faceMedium(props.book, coverAspectRatio.value) === 'audio'
 })
 const isPrimaryComic = computed(() => primaryFile.value?.format != null && FORMAT_TO_GROUP[primaryFile.value.format] === 'cbx')
-const readableFiles = computed(() => props.book.files.filter((f) => f.format && READER_OPENABLE_FORMATS.has(f.format)))
-
-// For multi-file audiobooks, collapse all tracks into one representative entry.
-const isMultiTrackAudio = computed(() => {
-  const audioFiles = readableFiles.value.filter((f) => FORMAT_TO_GROUP[f.format!] === 'audio')
-  return audioFiles.length > 1
-})
-const openableFiles = computed(() => {
-  if (isMultiTrackAudio.value) {
-    const first = readableFiles.value.find((f) => FORMAT_TO_GROUP[f.format!] === 'audio')
-    const nonAudio = readableFiles.value.filter((f) => FORMAT_TO_GROUP[f.format!] !== 'audio')
-    return first ? [first, ...nonAudio] : nonAudio
-  }
-  return readableFiles.value
-})
+const formatEntries = computed(() => bookFormatEntries(props.book.files, props.book.formatPriority))
+const isMultiTrackAudio = computed(() => formatEntries.value.some((entry) => entry.audio && entry.files.length > 1))
+// A multi-file audiobook opens from its first track, so it is one entry in the menu.
+const openableFiles = computed(() =>
+  formatEntries.value
+    .flatMap((entry) => (entry.audio ? entry.files.slice(0, 1) : entry.files))
+    .filter((file) => READER_OPENABLE_FORMATS.has(file.format!.toLowerCase())),
+)
 const hasMultipleFiles = computed(() => openableFiles.value.length > 1)
 const readAloudSync = ref<ReadAloudProgressSync>(props.book.readAloudSync)
 const readAloudSyncSaving = ref(false)
@@ -445,27 +439,11 @@ async function handleToggleReadAloudSync() {
 }
 const authorLinks = computed(() => props.book.authors.filter((author) => author.name.trim().length > 0))
 const narratorLine = computed(() => props.book.audioMetadata?.narrators?.map((n) => n.name).join(', ') || null)
-const formats = computed(() => {
-  const all = [...new Set(props.book.files.filter((f) => f.format && FORMAT_TO_GROUP[f.format]).map((f) => f.format!))]
-  const priority = props.book.formatPriority
-  const sorted = priority.length
-    ? all.sort((a, b) => {
-        const ai = priority.indexOf(a)
-        const bi = priority.indexOf(b)
-        return (ai === -1 ? Infinity : ai) - (bi === -1 ? Infinity : bi)
-      })
-    : all
-  const primary = primaryFile.value?.format
-  if (!primary) return sorted
-  return [primary, ...sorted.filter((f) => f !== primary)]
-})
-
 function formatDuration(seconds: number | null | undefined): string {
   if (seconds == null) return '-'
-  const h = Math.floor(seconds / 3600)
-  const m = Math.floor((seconds % 3600) / 60)
-  if (h > 0) return `${h}h ${m}m`
-  return `${m}m`
+  const hours = Math.floor(seconds / 3600)
+  const minutes = Math.floor((seconds % 3600) / 60)
+  return hours > 0 ? t('book.detail.details.durationHm', { hours, minutes }) : t('book.detail.details.durationM', { minutes })
 }
 
 const localRating = ref<number | null>(null)
@@ -863,85 +841,33 @@ const detailProgressRows = computed(() =>
     .filter(({ progress, percentage }) => percentage > 0 || hasMediaOverlayProgress(progress)),
 )
 
-type ProgressRow = {
-  label: string
-  percentage: number
-  color: string
-  badgeStyle: Record<string, string>
-  finished: boolean
-  resetFileId: number | null
-}
-
-const KOBO_COLOR = '#f59e0b'
-
-const leftColumnProgressRows = computed<ProgressRow[]>(() => {
-  const rows: ProgressRow[] = []
-
+/**
+ * One bar per edition: each read file's own progress, and the audiobook's playback position on the
+ * audio edition. Two files of one edition keep the further of the two.
+ */
+const editionProgress = computed<EditionProgress[]>(() => {
+  const byKey = new Map<string, EditionProgress>()
   for (const { file, percentage } of detailProgressRows.value) {
-    const color = getFormatColor(file.format ?? '?')
-    rows.push({
-      label: (file.format ?? '?').toUpperCase(),
-      percentage,
-      color,
-      badgeStyle: { color, borderColor: `${color}66`, backgroundColor: `${color}1a` },
-      finished: percentage >= 100,
-      resetFileId: file.id,
-    })
+    const key = fileFormatKey(file)
+    if (!key) continue
+    const current = byKey.get(key)
+    if (current && current.percentage >= percentage) continue
+    byKey.set(key, { key, percentage, finished: percentage >= 100, resetFileId: file.id })
   }
-
-  if (audiobookProgress.value && audiobookProgress.value.percentage > 0) {
-    const format = 'audio'
-    const color = getFormatColor(format)
-    rows.push({
-      label: format.toUpperCase(),
-      percentage: audiobookProgress.value.percentage,
-      color,
-      badgeStyle: { color, borderColor: `${color}66`, backgroundColor: `${color}1a` },
-      finished: audiobookProgress.value.percentage >= 100,
-      resetFileId: -props.book.id,
-    })
+  const audioEntry = formatEntries.value.find((entry) => entry.audio)
+  const audioPercentage = audiobookProgress.value?.percentage ?? 0
+  if (audioEntry && audioPercentage > 0) {
+    byKey.set(audioEntry.key, { key: audioEntry.key, percentage: audioPercentage, finished: audioPercentage >= 100, resetFileId: -props.book.id })
   }
-  const koboPercent = koboState.value?.readingState?.progressPercent
-  if (canViewKobo.value && koboPercent != null && koboPercent > 0) {
-    rows.push({
-      label: 'Kobo',
-      percentage: koboPercent,
-      color: KOBO_COLOR,
-      badgeStyle: { color: KOBO_COLOR, borderColor: `${KOBO_COLOR}66`, backgroundColor: `${KOBO_COLOR}1a` },
-      finished: koboPercent >= 100,
-      resetFileId: null,
-    })
-  }
-  if (canViewKoreader.value && koreaderBookProgress.value != null && koreaderBookProgress.value.canonicalPercentage > 0) {
-    const koreaderColor = '#b3b910'
-    rows.push({
-      label: 'KO-R',
-      percentage: koreaderBookProgress.value.canonicalPercentage,
-      color: koreaderColor,
-      badgeStyle: { color: koreaderColor, borderColor: `${koreaderColor}66`, backgroundColor: `${koreaderColor}1a` },
-      finished: koreaderBookProgress.value.canonicalPercentage >= 100,
-      resetFileId: null,
-    })
-  }
-  return rows
+  return [...byKey.values()]
 })
 
-/** Editions renders one bar per format, so device rows collapse onto their format's row. */
 watch(bookIdRef, () => {
   void reloadReadingLog()
 })
 
-const editionProgress = computed(() =>
-  leftColumnProgressRows.value.map((row) => ({
-    format: row.label.toLowerCase(),
-    percentage: row.percentage,
-    finished: row.finished,
-    resetFileId: row.resetFileId,
-  })),
-)
-
-function handleEditionReset(format: string) {
-  const row = leftColumnProgressRows.value.find((entry) => entry.label.toLowerCase() === format.toLowerCase())
+function handleEditionReset(key: string) {
+  const row = editionProgress.value.find((entry) => entry.key === key)
   if (row) void handleResetFileProgress(row)
 }
 
@@ -1050,19 +976,6 @@ function formatDate(iso: string): string {
   return formatLocaleDate(new Date(iso), { year: 'numeric', month: 'short', day: 'numeric', timeZone: userTimeZone.value })
 }
 
-function formatBadgeStyle(fmt: string) {
-  const color = formatHasReadAlong(fmt) ? READ_ALONG_FORMAT_COLOR : getFormatColor(fmt)
-  return {
-    color,
-    borderColor: `${color}66`,
-    backgroundColor: `${color}1a`,
-  }
-}
-
-function formatHasReadAlong(fmt: string): boolean {
-  return isReadAlongFormat(fmt, readAlongFile.value != null)
-}
-
 function providerLinkStyle(provider: string) {
   const color = getProviderColor(provider)
   return {
@@ -1184,10 +1097,10 @@ function setFileResetting(fileId: number, resetting: boolean): void {
   resettingFileIds.value = resettingFileIds.value.filter((id) => id !== fileId)
 }
 
-async function handleResetFileProgress(row: ProgressRow) {
+async function handleResetFileProgress(row: EditionProgress) {
   const fileId = row.resetFileId
   if (fileId == null || isResettingFile(fileId)) return
-  if (!window.confirm(t('book.detail.details.resetProgressConfirm', { label: row.label }))) return
+  if (!window.confirm(t('book.detail.details.resetProgressConfirm', { label: formatKeyName(row.key) }))) return
 
   setFileResetting(fileId, true)
   try {
@@ -1460,7 +1373,7 @@ watch(
                 :disabled="!primaryFile"
                 @click="openBook"
               >
-                <BookOpen v-if="isPrimaryAudio" class="size-4" />
+                <Headphones v-if="isPrimaryAudio" class="size-4" />
                 <BookOpen v-else class="size-4" />
                 {{ isPrimaryAudio ? t('book.detail.details.listen') : t('book.detail.details.read') }}
               </button>
@@ -1481,11 +1394,7 @@ watch(
                     class="flex w-full items-center gap-2.5 px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors"
                     @click="openBookFile(file)"
                   >
-                    <span
-                      class="text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded border shrink-0"
-                      :style="formatBadgeStyle(file.format ?? '?')"
-                      >{{ file.format ?? '?' }}</span
-                    >
+                    <BookFormatChip :format-key="fileFormatKey(file) ?? '?'" class="shrink-0 rounded px-1.5 py-0.5 text-[10px] tracking-wider" />
                     <span class="flex-1 text-left text-muted-foreground text-xs truncate">
                       <template v-if="isMultiTrackAudio && FORMAT_TO_GROUP[file.format!] === 'audio'">{{
                         t('book.detail.details.audiobook')
@@ -1527,7 +1436,7 @@ watch(
 
           <div class="flex gap-2">
             <div v-if="hasPermission('library_download')" class="flex-1">
-              <BookDownloadButton :files="book.files" :book-id="book.id" />
+              <BookDownloadButton :files="book.files" :book-id="book.id" :format-priority="book.formatPriority" />
             </div>
             <button
               class="flex flex-1 items-center justify-center h-9 rounded-md border border-input bg-background text-sm hover:bg-muted transition-colors"
@@ -1737,23 +1646,14 @@ watch(
       </div>
 
       <!-- Format badges + provider links -->
-      <div v-if="formats.length || providerLinks.length || unlinkedCommunityBadges.length" class="flex flex-wrap items-center gap-2">
-        <span
-          v-for="fmt in formats"
-          :key="fmt"
-          class="inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded border"
-          :style="formatBadgeStyle(fmt)"
-          :title="formatHasReadAlong(fmt) ? READ_ALONG_FORMAT_TITLE : undefined"
-        >
-          <Tooltip v-if="fmt === primaryFile?.format">
-            <TooltipTrigger as-child>
-              <span class="size-1.5 rounded-full shrink-0" :style="{ backgroundColor: 'currentColor' }" />
-            </TooltipTrigger>
-            <TooltipContent>{{ t('book.detail.details.primaryFormat') }}</TooltipContent>
-          </Tooltip>
-          {{ fmt }}
-          <Headphones v-if="formatHasReadAlong(fmt)" class="size-3 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-        </span>
+      <div v-if="formatEntries.length || providerLinks.length || unlinkedCommunityBadges.length" class="flex flex-wrap items-center gap-2">
+        <BookFormatChip
+          v-for="entry in formatEntries"
+          :key="entry.key"
+          :format-key="entry.key"
+          :primary="entry.primary"
+          class="rounded px-2 py-0.5 text-[10px] tracking-wider"
+        />
         <div v-if="providerLinks.length || unlinkedCommunityBadges.length" class="flex items-center flex-wrap gap-2 w-full sm:w-auto sm:shrink-0">
           <div class="hidden sm:block w-px h-3.5 bg-border" />
           <a
diff --git a/client/src/features/book/components/detail/tabs/EditMetadataTab.vue b/client/src/features/book/components/detail/tabs/EditMetadataTab.vue
index 030a757f1..9804f0d52 100644
--- a/client/src/features/book/components/detail/tabs/EditMetadataTab.vue
+++ b/client/src/features/book/components/detail/tabs/EditMetadataTab.vue
@@ -25,7 +25,7 @@ import type {
   MetadataProviderInfo,
   WriteResult,
 } from '@bookorbit/types'
-import { BOOK_FILE_WRITE_FIELD_LABELS, FORMAT_TO_GROUP, isValidSeriesIndex, parseSeriesIndex } from '@bookorbit/types'
+import { BOOK_FILE_WRITE_FIELD_LABELS, FORMAT_TO_GROUP, getPrimaryBookFile, isValidSeriesIndex, parseSeriesIndex } from '@bookorbit/types'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { api } from '@/lib/api'
 import { metadataScoreColor } from '@/lib/metadata-score-color'
@@ -111,7 +111,7 @@ const COMIC_FIELD_MAP = {
   locations: 'comicLocations',
 } as const
 
-const primaryFile = computed(() => props.book.files.find((f) => f.role === 'primary') ?? props.book.files[0] ?? null)
+const primaryFile = computed(() => getPrimaryBookFile(props.book.files))
 const isPrimaryAudio = computed(() => primaryFile.value?.format != null && FORMAT_TO_GROUP[primaryFile.value.format] === 'audio')
 const isPrimaryComic = computed(() => primaryFile.value?.format != null && FORMAT_TO_GROUP[primaryFile.value.format] === 'cbx')
 const fileWriteStatus = computed(() => props.book.fileWriteStatus ?? null)
@@ -410,10 +410,7 @@ function clearHoverRating() {
 }
 
 function formatWritableFormatList(formats: string[]): string {
-  const labels = formats.map((format) => format.toUpperCase())
-  if (labels.length <= 1) return labels[0] ?? ''
-  if (labels.length === 2) return `${labels[0]} and ${labels[1]}`
-  return `${labels.slice(0, -1).join(', ')}, and ${labels[labels.length - 1]}`
+  return formatList(formats.map((format) => format.toUpperCase()))
 }
 
 function toggleComicSection() {
diff --git a/client/src/features/book/components/detail/tabs/FilesTab.vue b/client/src/features/book/components/detail/tabs/FilesTab.vue
index e20812bd3..72b549b0c 100644
--- a/client/src/features/book/components/detail/tabs/FilesTab.vue
+++ b/client/src/features/book/components/detail/tabs/FilesTab.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n'
 import { useElementSize } from '@vueuse/core'
 import { FilePlus, Files, X } from '@lucide/vue'
 import type { BookDetail } from '@bookorbit/types'
-import { Permission } from '@bookorbit/types'
+import { getPrimaryBookFile, isAudioFormat, Permission } from '@bookorbit/types'
 import { api } from '@/lib/api'
 import { copyToClipboard } from '@/lib/clipboard'
 import { useBookDownload } from '@/features/book/composables/useBookDownload'
@@ -95,10 +95,14 @@ const runtimeLabel = computed(() => {
   return t('book.detail.files.duration.minutes', { minutes: Math.max(minutes, 1) })
 })
 
+/** Write-back goes to the primary file, or to every track when the primary is an audiobook. */
 const isWriteTarget = computed(() => {
-  const format = selectedFile.value?.formatKey
-  if (!format) return false
-  return (props.book.fileWriteStatus?.writableFormats ?? []).includes(format as never)
+  const file = selectedFile.value
+  if (!file?.formatKey) return false
+  if (!(props.book.fileWriteStatus?.writableFormats ?? []).includes(file.formatKey as never)) return false
+  if (file.role === 'primary') return true
+  const primaryFormat = getPrimaryBookFile(props.book.files)?.format
+  return file.isAudio && primaryFormat != null && isAudioFormat(primaryFormat)
 })
 
 function handleSort(key: SortKey) {
diff --git a/client/src/features/book/components/detail/tabs/MetadataSourceCard.vue b/client/src/features/book/components/detail/tabs/MetadataSourceCard.vue
index 3ac2cea90..2a7bc1698 100644
--- a/client/src/features/book/components/detail/tabs/MetadataSourceCard.vue
+++ b/client/src/features/book/components/detail/tabs/MetadataSourceCard.vue
@@ -2,23 +2,25 @@
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { FileCheck, FileX } from '@lucide/vue'
-import type { BookDetail } from '@bookorbit/types'
+import { getPrimaryBookFile, type BookDetail } from '@bookorbit/types'
 import { formatBytes } from '@/lib/formatting'
 import { formatRelativeFromNow } from '@/i18n/formatters'
+import { fileFormatKey, formatKeyName, rankedContentFiles } from '@/features/book/lib/book-formats'
 
 const props = defineProps<{ book: BookDetail }>()
 
 const { t } = useI18n()
 
-const primaryFile = computed(() => props.book.files.find((file) => file.role === 'primary') ?? props.book.files[0] ?? null)
-const otherFiles = computed(() => props.book.files.filter((file) => file !== primaryFile.value))
+const primaryFile = computed(() => getPrimaryBookFile(props.book.files))
+const otherFiles = computed(() => rankedContentFiles(props.book.files, props.book.formatPriority).filter((file) => file !== primaryFile.value))
 const writeStatus = computed(() => props.book.fileWriteStatus ?? null)
 const writeEnabled = computed(() => writeStatus.value?.enabled === true)
 const writableFieldCount = computed(() => writeStatus.value?.writableFields?.length ?? 0)
 const lastWritten = computed(() => (props.book.lastWrittenAt ? formatRelativeFromNow(new Date(props.book.lastWrittenAt)) : null))
 
-function formatLabel(format: string | null): string {
-  return format ? format.toUpperCase() : t('book.detail.editMetadata.unknownFormat')
+function formatLabel(file: BookDetail['files'][number]): string {
+  const key = fileFormatKey(file)
+  return key ? formatKeyName(key) : t('book.detail.editMetadata.unknownFormat')
 }
 </script>
 
@@ -41,7 +43,7 @@ function formatLabel(format: string | null): string {
         <dt class="text-[10px] font-semibold tracking-wide text-muted-foreground uppercase">{{ t('book.detail.editMetadata.primaryRow') }}</dt>
         <dd class="flex min-w-0 items-center justify-end gap-1.5">
           <span class="shrink-0 rounded bg-primary/15 px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary">
-            {{ formatLabel(primaryFile.format) }}
+            {{ formatLabel(primaryFile) }}
           </span>
           <span class="truncate text-muted-foreground">{{ formatBytes(primaryFile.sizeBytes) }}</span>
         </dd>
@@ -63,7 +65,7 @@ function formatLabel(format: string | null): string {
 
       <template v-for="file in otherFiles" :key="file.id">
         <dt class="truncate text-[10px] font-semibold tracking-wide text-muted-foreground uppercase" :title="file.filename ?? undefined">
-          {{ formatLabel(file.format) }}
+          {{ formatLabel(file) }}
         </dt>
         <dd class="truncate text-right text-muted-foreground">{{ formatBytes(file.sizeBytes) }}</dd>
       </template>
diff --git a/client/src/features/book/components/detail/tabs/ReadingLogTab.vue b/client/src/features/book/components/detail/tabs/ReadingLogTab.vue
index aa867d9c0..c3f72f260 100644
--- a/client/src/features/book/components/detail/tabs/ReadingLogTab.vue
+++ b/client/src/features/book/components/detail/tabs/ReadingLogTab.vue
@@ -2,7 +2,8 @@
 import { computed, nextTick, onActivated, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { Ellipsis, RotateCcw } from '@lucide/vue'
-import { Permission, type BookDetail, type UserBookStatus } from '@bookorbit/types'
+import { formatOfKey, Permission, type BookDetail, type UserBookStatus } from '@bookorbit/types'
+import { bookFormatEntries } from '@/features/book/lib/book-formats'
 import { usePermissions } from '@/features/auth/composables/usePermissions'
 import { useDeferredLoading } from '@/composables/useDeferredLoading'
 import { useBookReadingLog, type AddReadingSessionPayload } from '@/features/book/composables/useBookReadingLog'
@@ -89,10 +90,10 @@ type QuickFilter = 'all' | 'last30' | 'last90' | 'thisYear'
 const activeQuick = ref<QuickFilter>('all')
 const selectedFormat = ref<string | undefined>(undefined)
 
-const uniqueFormats = computed(() => {
-  const formats = props.book.files.map((file) => file.format).filter((format): format is string => format != null && format.length > 0)
-  return [...new Set(formats)]
-})
+// Sessions record the file format, so a read-along and a plain EPUB share the `epub` filter.
+const uniqueFormats = computed(() => [
+  ...new Set(bookFormatEntries(props.book.files, props.book.formatPriority).map((entry) => formatOfKey(entry.key))),
+])
 
 const hasMultipleFormats = computed(() => uniqueFormats.value.length >= 2)
 
diff --git a/client/src/features/book/components/table/BookTableFormatCell.vue b/client/src/features/book/components/table/BookTableFormatCell.vue
index ca58d0b3d..8d35a4147 100644
--- a/client/src/features/book/components/table/BookTableFormatCell.vue
+++ b/client/src/features/book/components/table/BookTableFormatCell.vue
@@ -1,77 +1,37 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { Headphones } from '@lucide/vue'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { getFormatColor } from '@/features/book/lib/format-colors'
 import type { BookFileRef } from '@bookorbit/types'
-import { hasAnyReadAlong, isReadAlongFormat, READ_ALONG_FORMAT_COLOR, READ_ALONG_FORMAT_TITLE } from '@/features/book/lib/file-capabilities'
-
-const { t } = useI18n()
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
+import { bookFormatEntries, formatKeyName } from '@/features/book/lib/book-formats'
 
 const props = defineProps<{
   files: BookFileRef[]
 }>()
 
-const formattedFiles = computed(() => {
-  const primary = props.files.find((file) => file.role === 'primary')
-  const ordered = primary ? [primary, ...props.files.filter((file) => file.id !== primary.id)] : props.files
-  return ordered.filter((file) => file.format?.trim())
-})
+const MAX_VISIBLE = 2
 
-const formats = computed(() => {
-  const seen = new Set<string>()
-  return formattedFiles.value.reduce<string[]>((result, file) => {
-    const normalized = file.format!.trim().toLowerCase()
-    if (seen.has(normalized)) return result
-    seen.add(normalized)
-    result.push(normalized)
-    return result
-  }, [])
-})
-
-const hasReadAlongCapability = computed(() => hasAnyReadAlong(formattedFiles.value))
-
-function formatIsReadAlong(format: string): boolean {
-  return isReadAlongFormat(format, hasReadAlongCapability.value)
-}
-
-function formatBadgeStyle(format: string): Record<string, string> {
-  return {
-    backgroundColor: formatIsReadAlong(format) ? READ_ALONG_FORMAT_COLOR : getFormatColor(format.toLowerCase()),
-  }
-}
-
-const visibleFormats = computed(() => {
-  const visible = formats.value.slice(0, 2)
-  const readAlongFormat = formats.value.find((format) => formatIsReadAlong(format))
-  if (!readAlongFormat || visible.includes(readAlongFormat)) return visible
-  return [readAlongFormat, ...visible].slice(0, 2)
-})
+const entries = computed(() => bookFormatEntries(props.files))
+const visibleEntries = computed(() => entries.value.slice(0, MAX_VISIBLE))
+const hiddenCount = computed(() => entries.value.length - visibleEntries.value.length)
 </script>
 
 <template>
-  <Tooltip v-if="formats.length > 0">
+  <Tooltip v-if="entries.length > 0">
     <TooltipTrigger as-child>
       <div class="flex items-center gap-0.5">
-        <span
-          v-for="fmt in visibleFormats"
-          :key="fmt"
-          class="inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-white"
-          :style="formatBadgeStyle(fmt)"
-          :title="formatIsReadAlong(fmt) ? READ_ALONG_FORMAT_TITLE : undefined"
-        >
-          {{ fmt }}
-          <Headphones v-if="formatIsReadAlong(fmt)" class="size-2.5 shrink-0" :stroke-width="2.5" aria-hidden="true" />
-        </span>
-        <span v-if="formats.length > visibleFormats.length" class="ml-0.5 text-xs text-muted-foreground"
-          >+{{ formats.length - visibleFormats.length }}</span
-        >
+        <BookFormatChip
+          v-for="entry in visibleEntries"
+          :key="entry.key"
+          :format-key="entry.key"
+          variant="solid"
+          class="gap-0.5 rounded px-1.5 py-0.5 text-[10px] tracking-wide"
+        />
+        <span v-if="hiddenCount > 0" class="ml-0.5 text-xs text-muted-foreground">+{{ hiddenCount }}</span>
       </div>
     </TooltipTrigger>
     <TooltipContent>
-      <div v-for="file in formattedFiles" :key="file.id" class="text-xs">{{ file.format ?? t('book.table.format.unknown') }} ({{ file.role }})</div>
-      <div v-if="hasReadAlongCapability" class="text-xs">{{ READ_ALONG_FORMAT_TITLE }}</div>
+      <div v-for="entry in entries" :key="entry.key" class="text-xs">{{ formatKeyName(entry.key) }}</div>
     </TooltipContent>
   </Tooltip>
   <span v-else class="text-xs text-muted-foreground">-</span>
diff --git a/client/src/features/book/components/table/BookTableReadButtonCell.vue b/client/src/features/book/components/table/BookTableReadButtonCell.vue
index 4e209b232..684fd722e 100644
--- a/client/src/features/book/components/table/BookTableReadButtonCell.vue
+++ b/client/src/features/book/components/table/BookTableReadButtonCell.vue
@@ -4,9 +4,10 @@ import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { BookOpen, ChevronDown, Eye, Play } from '@lucide/vue'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { FORMAT_TO_GROUP, READER_OPENABLE_FORMATS } from '@bookorbit/types'
+import { isAudioFormat, READER_OPENABLE_FORMATS } from '@bookorbit/types'
 import type { BookCard, BookFileRef } from '@bookorbit/types'
-import { getFormatColor } from '@/features/book/lib/format-colors'
+import BookFormatChip from '@/features/book/components/BookFormatChip.vue'
+import { bookFormatEntries, fileFormatKey, formatKeyName } from '@/features/book/lib/book-formats'
 
 const props = defineProps<{
   book: BookCard
@@ -15,78 +16,31 @@ const props = defineProps<{
 const router = useRouter()
 const { t } = useI18n()
 
-const readableFiles = computed(() => {
-  const normalized = props.book.files.filter((file) => {
-    const format = file.format?.trim().toLowerCase()
-    return format ? READER_OPENABLE_FORMATS.has(format) : false
-  })
-  const primary = normalized.find((file) => file.role === 'primary')
-  return primary ? [primary, ...normalized.filter((file) => file.id !== primary.id)] : normalized
-})
+const entries = computed(() => bookFormatEntries(props.book.files))
+const isMultiTrackAudio = computed(() => entries.value.some((entry) => entry.audio && entry.files.length > 1))
 
-const isMultiTrackAudio = computed(() => {
-  const audioFiles = readableFiles.value.filter((file) => {
-    const format = file.format?.toLowerCase()
-    return format ? FORMAT_TO_GROUP[format] === 'audio' : false
-  })
-  return audioFiles.length > 1
-})
-
-const openableFiles = computed<BookFileRef[]>(() => {
-  const collapsed = isMultiTrackAudio.value
-    ? (() => {
-        const firstAudio = readableFiles.value.find((file) => {
-          const format = file.format?.toLowerCase()
-          return format ? FORMAT_TO_GROUP[format] === 'audio' : false
-        })
-        const nonAudio = readableFiles.value.filter((file) => {
-          const format = file.format?.toLowerCase()
-          return format ? FORMAT_TO_GROUP[format] !== 'audio' : false
-        })
-        return firstAudio ? [firstAudio, ...nonAudio] : nonAudio
-      })()
-    : readableFiles.value
-
-  const seen = new Set<string>()
-  return collapsed.filter((file) => {
-    const key = file.format!.trim().toLowerCase()
-    if (seen.has(key)) return false
-    seen.add(key)
-    return true
-  })
-})
+/** One file per edition the reader can open; an audiobook opens from its first track. */
+const openableFiles = computed<BookFileRef[]>(() =>
+  entries.value.map((entry) => entry.files[0]!).filter((file) => READER_OPENABLE_FORMATS.has(file.format!.toLowerCase())),
+)
 
 const primaryFile = computed(() => openableFiles.value.find((file) => file.role === 'primary') ?? openableFiles.value[0] ?? null)
 
-const primaryIsAudio = computed(() => {
-  const format = primaryFile.value?.format?.toLowerCase()
-  return format ? FORMAT_TO_GROUP[format] === 'audio' : false
-})
-
 const canOpen = computed(() => props.book.status !== 'missing' && !!primaryFile.value)
 const hasMultipleFormats = computed(() => openableFiles.value.length > 1)
 
-function actionVerb(file: BookFileRef | null): string {
-  const format = file?.format?.toLowerCase()
-  return format && FORMAT_TO_GROUP[format] === 'audio' ? t('book.table.read.play') : t('book.table.read.read')
-}
-
 function isAudioFile(file: BookFileRef | null): boolean {
-  const format = file?.format?.toLowerCase()
-  return format ? FORMAT_TO_GROUP[format] === 'audio' : false
+  return file?.format != null && isAudioFormat(file.format)
 }
 
 function formatLabel(file: BookFileRef | null): string {
-  return file?.format?.trim().toUpperCase() ?? t('book.table.read.fileFallback')
+  const key = file ? fileFormatKey(file) : null
+  return key ? formatKeyName(key) : t('book.table.read.fileFallback')
 }
 
-function formatBadgeStyle(format: string) {
-  const color = getFormatColor(format)
-  return {
-    color,
-    borderColor: `${color}66`,
-    backgroundColor: `${color}1a`,
-  }
+function actionLabel(file: BookFileRef | null): string {
+  const format = formatLabel(file)
+  return isAudioFile(file) ? t('book.table.read.playFormat', { format }) : t('book.table.read.readFormat', { format })
 }
 
 function openFile(file: BookFileRef | null, mode?: 'peek') {
@@ -113,11 +67,11 @@ function peekPrimaryFile() {
       <button
         type="button"
         class="inline-flex h-7 w-7 items-center justify-center rounded-l-md text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground"
-        :aria-label="`${actionVerb(primaryFile)} ${formatLabel(primaryFile)}`"
-        :title="`${actionVerb(primaryFile)} ${formatLabel(primaryFile)}`"
+        :aria-label="actionLabel(primaryFile)"
+        :title="actionLabel(primaryFile)"
         @click.stop="openPrimaryFile"
       >
-        <Play v-if="primaryIsAudio" :size="13" class="text-sky-500" />
+        <Play v-if="isAudioFile(primaryFile)" :size="13" class="text-sky-500" />
         <BookOpen v-else :size="13" class="text-emerald-500" />
       </button>
       <div class="w-px shrink-0 bg-border/80" />
@@ -134,13 +88,8 @@ function peekPrimaryFile() {
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end" class="w-48">
           <DropdownMenuItem v-for="file in openableFiles" :key="file.id" class="gap-2" @select="openFile(file)">
-            <span
-              class="rounded border px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide"
-              :style="formatBadgeStyle(file.format?.toLowerCase() ?? '?')"
-            >
-              {{ file.format }}
-            </span>
-            <span class="flex-1 truncate text-xs">{{ actionVerb(file) }} {{ formatLabel(file) }}</span>
+            <BookFormatChip :format-key="fileFormatKey(file) ?? '?'" class="rounded px-1.5 py-0.5 text-[10px] tracking-wide" />
+            <span class="flex-1 truncate text-xs">{{ actionLabel(file) }}</span>
             <span v-if="file.role === 'primary' && !isMultiTrackAudio" class="text-[10px] text-primary">{{ t('book.table.read.primary') }}</span>
           </DropdownMenuItem>
           <DropdownMenuItem v-for="file in openableFiles" :key="`peek-${file.id}`" class="gap-2" @select="openFile(file, 'peek')">
@@ -155,8 +104,8 @@ function peekPrimaryFile() {
       <button
         type="button"
         class="inline-flex h-7 w-7 items-center justify-center rounded-l-md text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground"
-        :aria-label="`${actionVerb(primaryFile)} ${formatLabel(primaryFile)}`"
-        :title="`${actionVerb(primaryFile)} ${formatLabel(primaryFile)}`"
+        :aria-label="actionLabel(primaryFile)"
+        :title="actionLabel(primaryFile)"
         @click.stop="openPrimaryFile"
       >
         <Play v-if="isAudioFile(primaryFile)" :size="13" class="text-sky-500" />
diff --git a/client/src/features/book/composables/useBookFileTree.ts b/client/src/features/book/composables/useBookFileTree.ts
index e4d897a18..637a6d97f 100644
--- a/client/src/features/book/composables/useBookFileTree.ts
+++ b/client/src/features/book/composables/useBookFileTree.ts
@@ -1,6 +1,15 @@
 import { computed, ref, watch, type Ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { FORMAT_TO_GROUP, READER_OPENABLE_FORMATS, type BookDetail, type BookDetailFile } from '@bookorbit/types'
+import {
+  FORMAT_TO_GROUP,
+  isAudioFormat,
+  isComicFormat,
+  isContentBookFile,
+  READER_OPENABLE_FORMATS,
+  type BookDetail,
+  type BookDetailFile,
+} from '@bookorbit/types'
+import { bookFormatEntries, fileFormatKey } from '@/features/book/lib/book-formats'
 import { api } from '@/lib/api'
 import { applyCommonStem } from '@/features/book/lib/filename-stem'
 
@@ -17,6 +26,8 @@ export type FileGroupKey = (typeof GROUP_ORDER)[number]
 export type TreeFile = BookDetailFile & {
   /** Lower-cased format, or an empty string when the scan could not name one. */
   formatKey: string
+  /** The edition a content file belongs to (`epub:readalong` or its format); null for covers and sidecars. */
+  editionKey: string | null
   group: FileGroupKey
   /** Filename with no directory part, always present even when `filename` is null. */
   leaf: string
@@ -38,7 +49,8 @@ export type FileGroup = {
 }
 
 export type FormatShare = {
-  format: string
+  /** Edition key, as `bookFormatEntries` gives it. */
+  key: string
   count: number
   sizeBytes: number
   /** Share of the folder's bytes, 0-1. */
@@ -48,12 +60,13 @@ export type FormatShare = {
 export type SortKey = 'name' | 'format' | 'size' | 'date'
 export type SortDirection = 'asc' | 'desc'
 
-function groupOf(format: string): FileGroupKey {
-  const group = FORMAT_TO_GROUP[format]
-  if (group === 'audio') return 'audio'
-  if (group === 'pdf') return 'document'
-  if (group === 'cbx') return 'comic'
-  return group === 'epub' ? 'ebook' : 'extras'
+function groupOf(file: BookDetailFile): FileGroupKey {
+  if (!isContentBookFile(file)) return 'extras'
+  const format = file.format!.toLowerCase()
+  if (isAudioFormat(format)) return 'audio'
+  if (format === 'pdf') return 'document'
+  if (isComicFormat(format)) return 'comic'
+  return 'ebook'
 }
 
 const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' })
@@ -81,7 +94,8 @@ export function useBookFileTree(book: Ref<BookDetail>) {
       return {
         ...file,
         formatKey,
-        group: formatKey ? groupOf(formatKey) : 'extras',
+        editionKey: isContentBookFile(file) ? fileFormatKey(file) : null,
+        group: groupOf(file),
         leaf: file.filename ?? file.absolutePath.split('/').pop() ?? '-',
         display: file.filename ?? file.absolutePath.split('/').pop() ?? '-',
         track: audioIds.get(file.id) ?? null,
@@ -104,19 +118,16 @@ export function useBookFileTree(book: Ref<BookDetail>) {
     return summed > 0 ? summed : null
   })
 
+  /** The book's editions and what share of their bytes each holds; covers and sidecars are not editions. */
   const formatShares = computed<FormatShare[]>(() => {
-    const byFormat = new Map<string, FormatShare>()
-    for (const file of files.value) {
-      const format = file.formatKey || '?'
-      const entry = byFormat.get(format) ?? { format, count: 0, sizeBytes: 0, fraction: 0 }
-      entry.count += 1
-      entry.sizeBytes += file.sizeBytes ?? 0
-      byFormat.set(format, entry)
-    }
-    const total = totalBytes.value
-    return [...byFormat.values()]
-      .map((entry) => ({ ...entry, fraction: total > 0 ? entry.sizeBytes / total : 0 }))
-      .sort((a, b) => b.sizeBytes - a.sizeBytes)
+    const entries = bookFormatEntries(book.value.files, book.value.formatPriority)
+    const total = entries.reduce((sum, entry) => sum + entry.sizeBytes, 0)
+    return entries.map((entry) => ({
+      key: entry.key,
+      count: entry.files.length,
+      sizeBytes: entry.sizeBytes,
+      fraction: total > 0 ? entry.sizeBytes / total : 0,
+    }))
   })
 
   function compare(a: TreeFile, b: TreeFile): number {
diff --git a/client/src/features/book/lib/book-formats.test.ts b/client/src/features/book/lib/book-formats.test.ts
new file mode 100644
index 000000000..2c455cb6a
--- /dev/null
+++ b/client/src/features/book/lib/book-formats.test.ts
@@ -0,0 +1,72 @@
+// @vitest-environment node
+import { beforeEach, describe, expect, it } from 'vitest'
+import { READ_ALONG_FORMAT_PRIORITY, type BookFileRef } from '@bookorbit/types'
+
+import { i18n } from '@/i18n'
+import { bookFormatEntries, formatKeyCode, formatKeyName, rankedContentFiles } from './book-formats'
+
+function file(id: number, format: string | null, role = 'content', extra: Partial<BookFileRef> = {}): BookFileRef {
+  return { id, format, role, sizeBytes: 100, ...extra }
+}
+
+const readAlong = { mediaOverlay: { available: true, durationSeconds: 60 } }
+
+describe('bookFormatEntries', () => {
+  it('lists content files only, never covers or sidecars', () => {
+    const entries = bookFormatEntries([file(1, 'epub', 'primary'), file(2, 'jpg', 'cover'), file(3, 'txt', 'supplement'), file(4, 'opf', 'metadata')])
+    expect(entries.map((entry) => entry.key)).toEqual(['epub'])
+  })
+
+  it('keeps a read-along EPUB apart from a plain one', () => {
+    const entries = bookFormatEntries([file(1, 'epub', 'primary'), file(2, 'epub', 'content', readAlong)])
+    expect(entries.map((entry) => [entry.key, entry.readAlong])).toEqual([
+      ['epub', false],
+      [READ_ALONG_FORMAT_PRIORITY, true],
+    ])
+  })
+
+  it("collapses an audiobook's tracks into one entry in track order", () => {
+    const entries = bookFormatEntries([file(1, 'mp3'), file(2, 'epub', 'primary'), file(3, 'mp3')])
+    const audio = entries.find((entry) => entry.audio)!
+    expect(audio.key).toBe('mp3')
+    expect(audio.files.map((f) => f.id)).toEqual([1, 3])
+    expect(audio.sizeBytes).toBe(200)
+  })
+
+  it('puts the primary first and ranks the rest by the library priority', () => {
+    const files = [file(1, 'pdf', 'primary'), file(2, 'epub'), file(3, 'm4b'), file(4, 'epub', 'content', readAlong)]
+    const keys = bookFormatEntries(files, [READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub', 'pdf']).map((entry) => entry.key)
+    expect(keys).toEqual(['pdf', READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])
+  })
+
+  it('places read-along directly before epub when the stored list predates it', () => {
+    const files = [file(1, 'm4b', 'primary'), file(2, 'epub'), file(3, 'epub', 'content', readAlong)]
+    expect(bookFormatEntries(files, ['m4b', 'epub']).map((entry) => entry.key)).toEqual(['m4b', READ_ALONG_FORMAT_PRIORITY, 'epub'])
+  })
+
+  it('keeps the source order when no priority is given', () => {
+    expect(bookFormatEntries([file(1, 'pdf'), file(2, 'epub')]).map((entry) => entry.key)).toEqual(['pdf', 'epub'])
+  })
+
+  it('returns every content file in edition order', () => {
+    const files = [file(1, 'mp3'), file(2, 'jpg', 'cover'), file(3, 'epub', 'primary'), file(4, 'mp3')]
+    expect(rankedContentFiles(files).map((f) => f.id)).toEqual([3, 1, 4])
+  })
+})
+
+describe('format labels', () => {
+  beforeEach(() => {
+    i18n.global.locale.value = 'en'
+  })
+
+  it('shows the file format as the code, EPUB for a read-along', () => {
+    expect(formatKeyCode('m4b')).toBe('M4B')
+    expect(formatKeyCode(READ_ALONG_FORMAT_PRIORITY)).toBe('EPUB')
+  })
+
+  it('names formats from the translated catalog', () => {
+    expect(formatKeyName('epub')).toBe('EPUB e-book')
+    expect(formatKeyName(READ_ALONG_FORMAT_PRIORITY)).toBe('Read-along EPUB')
+    expect(formatKeyName('djvu')).toBe('DJVU')
+  })
+})
diff --git a/client/src/features/book/lib/book-formats.ts b/client/src/features/book/lib/book-formats.ts
new file mode 100644
index 000000000..9e99d5a25
--- /dev/null
+++ b/client/src/features/book/lib/book-formats.ts
@@ -0,0 +1,95 @@
+import {
+  bookFormatKey,
+  formatKeyRank,
+  formatOfKey,
+  isAudioFormat,
+  isBookFormat,
+  isContentBookFile,
+  isReadAlongFormatKey,
+  normalizeFormatPriority,
+  type BookFileRef,
+} from '@bookorbit/types'
+
+import { i18n } from '@/i18n'
+import { hasReadAlong } from './file-capabilities'
+
+type FormatFile = Pick<BookFileRef, 'id' | 'format' | 'role' | 'sizeBytes' | 'mediaOverlay'>
+
+export type BookFormatEntry<T extends FormatFile = FormatFile> = {
+  /** `epub:readalong` or the format: what the entry ranks, colours and is labelled by. */
+  key: string
+  readAlong: boolean
+  audio: boolean
+  primary: boolean
+  /** Source order; for an audiobook, its tracks in play order. */
+  files: T[]
+  sizeBytes: number
+}
+
+export function fileFormatKey(file: Pick<BookFileRef, 'format' | 'mediaOverlay'>): string | null {
+  return file.format ? bookFormatKey(file.format, hasReadAlong(file)) : null
+}
+
+/**
+ * A book's editions, the one list every format chip, edition row and format menu is built from:
+ * content files only, a read-along EPUB apart from a plain one, an audiobook's tracks as one entry,
+ * the primary first and the rest in the library's priority. Without a priority the source order is
+ * kept, which for cards is the order the server already ranked them in.
+ */
+export function bookFormatEntries<T extends FormatFile>(files: readonly T[], formatPriority?: readonly string[] | null): BookFormatEntry<T>[] {
+  const groups = new Map<string, { entry: BookFormatEntry<T>; firstIndex: number }>()
+
+  files.forEach((file, index) => {
+    if (!isContentBookFile(file)) return
+    const audio = isAudioFormat(file.format!)
+    const groupKey = audio ? 'audio' : fileFormatKey(file)!
+    const existing = groups.get(groupKey)
+    if (existing) {
+      existing.entry.files.push(file)
+      existing.entry.sizeBytes += file.sizeBytes ?? 0
+      existing.entry.primary ||= file.role === 'primary'
+      return
+    }
+    const key = audio ? file.format!.toLowerCase() : groupKey
+    groups.set(groupKey, {
+      firstIndex: index,
+      entry: {
+        key,
+        readAlong: isReadAlongFormatKey(key),
+        audio,
+        primary: file.role === 'primary',
+        files: [file],
+        sizeBytes: file.sizeBytes ?? 0,
+      },
+    })
+  })
+
+  const priority = formatPriority ? normalizeFormatPriority(formatPriority) : null
+  return [...groups.values()]
+    .sort((a, b) => {
+      if (a.entry.primary !== b.entry.primary) return a.entry.primary ? -1 : 1
+      if (priority) {
+        const rank = formatKeyRank(a.entry.key, priority) - formatKeyRank(b.entry.key, priority)
+        if (rank !== 0) return rank
+      }
+      return a.firstIndex - b.firstIndex
+    })
+    .map((group) => group.entry)
+}
+
+/** Every content file in edition order: what a Read, Download or Send menu lists. */
+export function rankedContentFiles<T extends FormatFile>(files: readonly T[], formatPriority?: readonly string[] | null): T[] {
+  return bookFormatEntries(files, formatPriority).flatMap((entry) => entry.files)
+}
+
+/** The short code a chip shows. A read-along EPUB is `EPUB`; its headphones tell it apart. */
+export function formatKeyCode(key: string): string {
+  return formatOfKey(key).toUpperCase()
+}
+
+/** The translated name of a format, such as "EPUB e-book" or "Read-along EPUB". */
+export function formatKeyName(key: string): string {
+  if (isReadAlongFormatKey(key)) return i18n.global.t('book.formats.readAlong')
+  const format = key.toLowerCase()
+  return isBookFormat(format) ? i18n.global.t(`book.formats.${format}`) : formatKeyCode(key)
+}
diff --git a/client/src/features/book/lib/file-capabilities.ts b/client/src/features/book/lib/file-capabilities.ts
index 43433cd43..7a602a00c 100644
--- a/client/src/features/book/lib/file-capabilities.ts
+++ b/client/src/features/book/lib/file-capabilities.ts
@@ -1,18 +1,7 @@
 import type { BookFileRef } from '@bookorbit/types'
 
-export const READ_ALONG_FORMAT_TITLE = 'Read-along EPUB'
-export const READ_ALONG_FORMAT_COLOR = '#0f766e'
-
 export type ReadAlongFile = Pick<BookFileRef, 'format' | 'mediaOverlay'> | null | undefined
 
 export function hasReadAlong(file: ReadAlongFile): boolean {
   return file?.format?.toLowerCase() === 'epub' && file.mediaOverlay?.available === true
 }
-
-export function hasAnyReadAlong(files: readonly ReadAlongFile[] | null | undefined): boolean {
-  return files?.some((file) => hasReadAlong(file)) ?? false
-}
-
-export function isReadAlongFormat(format: string | null | undefined, available: boolean): boolean {
-  return available && format?.toLowerCase() === 'epub'
-}
diff --git a/client/src/features/book/lib/format-colors.ts b/client/src/features/book/lib/format-colors.ts
index 422739c07..bb39e61cf 100644
--- a/client/src/features/book/lib/format-colors.ts
+++ b/client/src/features/book/lib/format-colors.ts
@@ -1,8 +1,14 @@
+import { isReadAlongFormatKey } from '@bookorbit/types'
+
 const DEFAULT_FORMAT_COLOR = '#6b7280'
 
-/** Every format BookOrbit imports, plus `txt`. Each one also has a `--pill-format-*` token. */
+/**
+ * Every format BookOrbit imports, plus `txt` and the read-along EPUB. Each one also has a
+ * `--pill-format-*` token. Keys are formats, or `epub:readalong` via `paletteKey`.
+ */
 const FORMAT_COLORS: Record<string, string> = {
   epub: '#16a34a',
+  readalong: '#0f766e',
   kepub: '#0d9488',
   mobi: '#6366f1',
   azw3: '#14b8a6',
@@ -23,13 +29,18 @@ const FORMAT_COLORS: Record<string, string> = {
   flac: '#10b981',
 }
 
+function paletteKey(formatOrKey: string): string {
+  return isReadAlongFormatKey(formatOrKey) ? 'readalong' : formatOrKey.toLowerCase()
+}
+
 /**
  * A fixed hex per format, for the places a CSS variable cannot reach: a chart draws to a canvas,
- * where `var(--x)` is not a colour. Everything rendered as DOM should use `formatColorVar`.
+ * where `var(--x)` is not a colour. It is also fine as a solid fill under white text. Everything
+ * that paints text in a format colour uses `formatColorVar`.
  */
 export function getFormatColor(format: string | null | undefined): string {
   if (!format) return DEFAULT_FORMAT_COLOR
-  return FORMAT_COLORS[format.toLowerCase()] ?? DEFAULT_FORMAT_COLOR
+  return FORMAT_COLORS[paletteKey(format)] ?? DEFAULT_FORMAT_COLOR
 }
 
 /**
@@ -41,6 +52,25 @@ export function getFormatColor(format: string | null | undefined): string {
  * label paints with. Alpha variants belong in `color-mix`, never composited onto the text itself.
  */
 export function formatColorVar(format: string | null | undefined): string {
-  const key = format?.toLowerCase()
+  const key = format ? paletteKey(format) : null
   return key && key in FORMAT_COLORS ? `var(--pill-format-${key})` : 'var(--pill-format-default)'
 }
+
+export type FormatChipVariant = 'soft' | 'solid'
+
+/**
+ * How every format chip is painted. `soft` carries the colour in its text over a faint tint;
+ * `solid` is only the fill, for a chip whose text is white (over a cover, in a dense table).
+ */
+export function formatChipStyle(format: string | null | undefined, variant: FormatChipVariant = 'soft'): Record<string, string> {
+  if (variant === 'solid') {
+    const fill = getFormatColor(format)
+    return { borderColor: fill, backgroundColor: fill }
+  }
+  const color = formatColorVar(format)
+  return {
+    color,
+    borderColor: `color-mix(in oklch, ${color} 40%, transparent)`,
+    backgroundColor: `color-mix(in oklch, ${color} 10%, transparent)`,
+  }
+}
diff --git a/client/src/features/email/components/SendBookDialog.vue b/client/src/features/email/components/SendBookDialog.vue
index ae3e61166..934bf15b6 100644
--- a/client/src/features/email/components/SendBookDialog.vue
+++ b/client/src/features/email/components/SendBookDialog.vue
@@ -9,22 +9,25 @@ import { useEmailRecipients } from '../composables/useEmailRecipients'
 import { useEmailGroups } from '../composables/useEmailGroups'
 import { useEmailTemplates } from '../composables/useEmailTemplates'
 import { useEmailSend } from '../composables/useEmailSend'
-import type { BookSelectionPayload } from '@bookorbit/types'
-
-interface BookFile {
-  id: number
-  format: string | null
-  role: string
-}
+import { isAudioFormat, type BookFileRef, type BookSelectionPayload } from '@bookorbit/types'
+import { fileFormatKey, formatKeyName, rankedContentFiles } from '@/features/book/lib/book-formats'
 
 const props = defineProps<{
   open: boolean
   selectionPayload: BookSelectionPayload
   selectedCount?: number
-  bookFiles?: BookFile[]
+  bookFiles?: BookFileRef[]
   bookTitle?: string
 }>()
 
+/** Editions an email can carry: content files in edition order, without audiobook tracks. */
+const sendableFiles = computed(() => rankedContentFiles(props.bookFiles ?? []).filter((file) => !isAudioFormat(file.format!)))
+
+function sendableFileLabel(file: BookFileRef): string {
+  const key = fileFormatKey(file)
+  return key ? formatKeyName(key) : t('email.send.unknownFormat')
+}
+
 const emit = defineEmits<{
   'update:open': [value: boolean]
   sent: []
@@ -199,16 +202,15 @@ function close() {
               </summary>
               <div class="mt-3 space-y-3">
                 <!-- File picker -->
-                <div v-if="bookFiles && bookFiles.length > 1">
+                <div v-if="sendableFiles.length > 1">
                   <label class="block text-xs font-medium text-muted-foreground mb-1.5">{{ t('email.send.fileFormat') }}</label>
                   <select
                     v-model="selectedFileId"
                     class="w-full h-9 px-3 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary"
                   >
                     <option :value="null">{{ t('email.send.autoRecipientPreference') }}</option>
-                    <option v-for="f in bookFiles" :key="f.id" :value="f.id">
-                      {{ f.format?.toUpperCase() ?? t('email.send.unknownFormat')
-                      }}{{ f.role === 'primary' ? ` ${t('email.send.primarySuffix')}` : '' }}
+                    <option v-for="f in sendableFiles" :key="f.id" :value="f.id">
+                      {{ sendableFileLabel(f) }}{{ f.role === 'primary' ? ` ${t('email.send.primarySuffix')}` : '' }}
                     </option>
                   </select>
                 </div>
diff --git a/client/src/features/email/components/__tests__/SendBookDialog.spec.ts b/client/src/features/email/components/__tests__/SendBookDialog.spec.ts
index 18b0283b0..cb8cd4ae2 100644
--- a/client/src/features/email/components/__tests__/SendBookDialog.spec.ts
+++ b/client/src/features/email/components/__tests__/SendBookDialog.spec.ts
@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import type { BookSelectionPayload } from '@bookorbit/types'
+import type { BookFileRef, BookSelectionPayload } from '@bookorbit/types'
 import SendBookDialog from '../SendBookDialog.vue'
 
 const mockState = vi.hoisted(() => ({
@@ -63,7 +63,7 @@ function mountDialog(
     open: boolean
     selectionPayload: BookSelectionPayload
     selectedCount: number
-    bookFiles: Array<{ id: number; format: string | null; role: string }>
+    bookFiles: BookFileRef[]
   }> = {},
 ) {
   return mount(SendBookDialog, {
@@ -128,8 +128,8 @@ describe('SendBookDialog', () => {
       selectionPayload: { bookIds: [12, 13] },
       selectedCount: 2,
       bookFiles: [
-        { id: 101, format: 'epub', role: 'primary' },
-        { id: 102, format: 'pdf', role: 'secondary' },
+        { id: 101, format: 'epub', role: 'primary', sizeBytes: null },
+        { id: 102, format: 'pdf', role: 'content', sizeBytes: null },
       ],
     })
 
diff --git a/client/src/features/library/components/LibraryCreatorMetadata.vue b/client/src/features/library/components/LibraryCreatorMetadata.vue
index 1061dc07e..0936b43ee 100644
--- a/client/src/features/library/components/LibraryCreatorMetadata.vue
+++ b/client/src/features/library/components/LibraryCreatorMetadata.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { ChevronDown, ChevronUp, GripVertical } from '@lucide/vue'
-import { METADATA_LABELS, FORMAT_LABELS } from '../composables/useLibraryCreator'
+import { ChevronDown, ChevronUp, GripVertical, Headphones } from '@lucide/vue'
+import { isReadAlongFormatKey } from '@bookorbit/types'
+import { formatKeyCode, formatKeyName } from '@/features/book/lib/book-formats'
+import { METADATA_LABELS } from '../composables/useLibraryCreator'
 
 const { t } = useI18n()
 
@@ -105,7 +107,7 @@ function moveFormat(index: number, direction: -1 | 1) {
               type="button"
               class="flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30"
               :disabled="index === 0"
-              :aria-label="`Move ${METADATA_LABELS[key] ?? key} up`"
+              :aria-label="t('library.creator.metadata.moveUp', { item: METADATA_LABELS[key] ?? key })"
               @click="moveMetadata(index, -1)"
             >
               <ChevronUp :size="14" />
@@ -114,7 +116,7 @@ function moveFormat(index: number, direction: -1 | 1) {
               type="button"
               class="flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30"
               :disabled="index === metadataPrecedence.length - 1"
-              :aria-label="`Move ${METADATA_LABELS[key] ?? key} down`"
+              :aria-label="t('library.creator.metadata.moveDown', { item: METADATA_LABELS[key] ?? key })"
               @click="moveMetadata(index, 1)"
             >
               <ChevronDown :size="14" />
@@ -147,14 +149,17 @@ function moveFormat(index: number, direction: -1 | 1) {
           <span class="flex items-center justify-center w-5 h-5 rounded-full bg-primary/10 text-primary text-[10.5px] font-bold shrink-0">
             {{ index + 1 }}
           </span>
-          <span class="flex-1 text-sm font-mono text-foreground uppercase">{{ fmt }}</span>
-          <span class="hidden text-xs text-muted-foreground sm:block">{{ FORMAT_LABELS[fmt] ?? fmt }}</span>
+          <span class="flex flex-1 items-center gap-1.5 text-sm font-mono text-foreground">
+            {{ formatKeyCode(fmt) }}
+            <Headphones v-if="isReadAlongFormatKey(fmt)" :size="13" :stroke-width="2.5" aria-hidden="true" />
+          </span>
+          <span class="sr-only text-xs text-muted-foreground sm:not-sr-only">{{ formatKeyName(fmt) }}</span>
           <div class="flex items-center gap-0.5">
             <button
               type="button"
               class="flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30"
               :disabled="index === 0"
-              :aria-label="`Move ${fmt.toUpperCase()} up`"
+              :aria-label="t('library.creator.metadata.moveUp', { item: formatKeyName(fmt) })"
               @click="moveFormat(index, -1)"
             >
               <ChevronUp :size="14" />
@@ -163,7 +168,7 @@ function moveFormat(index: number, direction: -1 | 1) {
               type="button"
               class="flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30"
               :disabled="index === formatPriority.length - 1"
-              :aria-label="`Move ${fmt.toUpperCase()} down`"
+              :aria-label="t('library.creator.metadata.moveDown', { item: formatKeyName(fmt) })"
               @click="moveFormat(index, 1)"
             >
               <ChevronDown :size="14" />
diff --git a/client/src/features/library/components/LibraryCreatorScanner.vue b/client/src/features/library/components/LibraryCreatorScanner.vue
index c13b2c261..6899f383a 100644
--- a/client/src/features/library/components/LibraryCreatorScanner.vue
+++ b/client/src/features/library/components/LibraryCreatorScanner.vue
@@ -5,7 +5,7 @@ import { Lock, Plus, RefreshCw, X } from '@lucide/vue'
 import type { AddedAtRecomputeJob, AddedAtSource, OrganizationMode } from '@bookorbit/types'
 import { formatNumber } from '@/i18n/formatters'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { FORMAT_LABELS } from '../composables/useLibraryCreator'
+import { BOOK_FORMATS } from '@bookorbit/types'
 
 const { t } = useI18n()
 
@@ -93,7 +93,7 @@ function handleSelectFileMode() {
 
 // ── Allowed formats ──────────────────────────────────────────────────────────
 
-const ALL_FORMATS = Object.keys(FORMAT_LABELS)
+const ALL_FORMATS: readonly string[] = BOOK_FORMATS
 
 function toggleAllowedFormat(fmt: string) {
   const current = [...props.allowedFormats]
@@ -347,7 +347,7 @@ function onPatternKeydown(e: KeyboardEvent) {
           </button>
         </div>
         <p v-if="allowedFormats.length > 0" class="mt-2 text-xs font-medium text-foreground">
-          Books in other formats already in the library will be marked as missing on the next scan.
+          {{ t('library.creator.scanner.allowedFormats.warning') }}
         </p>
       </div>
 
diff --git a/client/src/features/library/components/__tests__/LibraryCreatorMetadata.spec.ts b/client/src/features/library/components/__tests__/LibraryCreatorMetadata.spec.ts
new file mode 100644
index 000000000..047e1f5b2
--- /dev/null
+++ b/client/src/features/library/components/__tests__/LibraryCreatorMetadata.spec.ts
@@ -0,0 +1,44 @@
+import { mount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it } from 'vitest'
+import { READ_ALONG_FORMAT_PRIORITY } from '@bookorbit/types'
+
+import { i18n } from '@/i18n'
+import LibraryCreatorMetadata from '../LibraryCreatorMetadata.vue'
+
+function mountMetadata(formatPriority: string[]) {
+  return mount(LibraryCreatorMetadata, {
+    props: { metadataPrecedence: ['embedded'], formatPriority },
+  })
+}
+
+describe('LibraryCreatorMetadata', () => {
+  beforeEach(() => {
+    i18n.global.locale.value = 'en'
+  })
+
+  it('shows the read-along entry as an EPUB row marked with headphones', () => {
+    const wrapper = mountMetadata([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])
+    const formatRows = wrapper.findAll('[draggable="true"]').slice(1)
+
+    expect(formatRows.map((row) => row.find('.font-mono').text())).toEqual(['EPUB', 'M4B', 'EPUB'])
+    expect(formatRows[0]!.find('.font-mono svg').exists()).toBe(true)
+    expect(formatRows[2]!.find('.font-mono svg').exists()).toBe(false)
+    expect(formatRows[0]!.text()).toContain('Read-along EPUB')
+    expect(formatRows[2]!.text()).toContain('EPUB e-book')
+  })
+
+  it('labels move controls with the translated format name', () => {
+    const wrapper = mountMetadata([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])
+
+    expect(wrapper.find('button[aria-label="Move Read-along EPUB down"]').exists()).toBe(true)
+    expect(wrapper.find('button[aria-label="Move M4B audiobook up"]').exists()).toBe(true)
+  })
+
+  it('moves the read-along entry like any other format', async () => {
+    const wrapper = mountMetadata([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])
+
+    await wrapper.find('button[aria-label="Move Read-along EPUB down"]').trigger('click')
+
+    expect(wrapper.emitted('update:formatPriority')).toEqual([[['m4b', READ_ALONG_FORMAT_PRIORITY, 'epub']]])
+  })
+})
diff --git a/client/src/features/library/composables/__tests__/useLibraryCreator.spec.ts b/client/src/features/library/composables/__tests__/useLibraryCreator.spec.ts
index 96e022d18..db6dc2f82 100644
--- a/client/src/features/library/composables/__tests__/useLibraryCreator.spec.ts
+++ b/client/src/features/library/composables/__tests__/useLibraryCreator.spec.ts
@@ -1,4 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { READ_ALONG_FORMAT_PRIORITY } from '@bookorbit/types'
 import type { Library, PrescanResult } from '@bookorbit/types'
 
 const apiMock = vi.hoisted(() => vi.fn<(input: RequestInfo | URL, init?: RequestInit) => Promise<Response>>())
@@ -261,6 +262,28 @@ describe('useLibraryCreator', () => {
     expect(creator.error.value).toBe('Name already exists')
     expect(creator.loading.value).toBe(false)
   })
+
+  it('shows the read-along entry above EPUB and saves it only once it is moved', async () => {
+    const { useLibraryCreator } = await import('../useLibraryCreator')
+    const creator = useLibraryCreator()
+    creator.initEdit(makeLibrary({ id: 12, formatPriority: ['m4b', 'epub', 'pdf'] }))
+    apiMock.mockResolvedValue(jsonResponse(makeLibrary({ id: 12 })))
+
+    expect(creator.form.formatPriority.slice(0, 4)).toEqual(['m4b', READ_ALONG_FORMAT_PRIORITY, 'epub', 'pdf'])
+
+    await creator.save()
+    const unmoved = JSON.parse(apiMock.mock.calls[0]?.[1]?.body as string).formatPriority as string[]
+    expect(unmoved.slice(0, 3)).toEqual(['m4b', 'epub', 'pdf'])
+    expect(unmoved).not.toContain(READ_ALONG_FORMAT_PRIORITY)
+
+    creator.form.formatPriority = [
+      READ_ALONG_FORMAT_PRIORITY,
+      ...creator.form.formatPriority.filter((format) => format !== READ_ALONG_FORMAT_PRIORITY),
+    ]
+    await creator.save()
+    const moved = JSON.parse(apiMock.mock.calls[1]?.[1]?.body as string).formatPriority as string[]
+    expect(moved.slice(0, 3)).toEqual([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])
+  })
 })
 
 function jsonResponse(body: unknown, status = 200): Response {
diff --git a/client/src/features/library/composables/useLibraryCreator.ts b/client/src/features/library/composables/useLibraryCreator.ts
index 33cab74bb..242ea6a73 100644
--- a/client/src/features/library/composables/useLibraryCreator.ts
+++ b/client/src/features/library/composables/useLibraryCreator.ts
@@ -1,10 +1,15 @@
 import { computed, reactive, ref } from 'vue'
 import { api } from '@/lib/api'
-import { DEFAULT_FORMAT_PRIORITY, FORMAT_LABELS, isFiveFieldCronExpression } from '@bookorbit/types'
+import {
+  DEFAULT_FORMAT_PRIORITY,
+  isFiveFieldCronExpression,
+  withoutImplicitReadAlongFormatPriority,
+  withReadAlongFormatPriority,
+} from '@bookorbit/types'
 import type { AddedAtSource, CoverAspectRatio, Library, LibraryType, OrganizationMode, PrescanResult } from '@bookorbit/types'
 import { coveringFolderPath, normalizeFolderPath } from './folder-paths'
 
-export { DEFAULT_FORMAT_PRIORITY, FORMAT_LABELS }
+export { DEFAULT_FORMAT_PRIORITY }
 
 export const DEFAULT_METADATA_PRECEDENCE = ['embedded', 'opfFile']
 
@@ -31,7 +36,7 @@ function blankForm() {
     watchLocalFolders: true,
     autoScanCronExpression: null as string | null,
     metadataPrecedence: [...DEFAULT_METADATA_PRECEDENCE],
-    formatPriority: [...DEFAULT_FORMAT_PRIORITY] as string[],
+    formatPriority: withReadAlongFormatPriority(DEFAULT_FORMAT_PRIORITY),
     allowedFormats: [] as string[],
     organizationMode: 'book_per_folder' as OrganizationMode,
     addedAtSource: 'imported' as AddedAtSource,
@@ -122,7 +127,7 @@ export function useLibraryCreator() {
     form.autoScanCronExpression = library.autoScanCronExpression ?? null
     form.metadataPrecedence = [...library.metadataPrecedence]
     const missing = DEFAULT_FORMAT_PRIORITY.filter((f) => !library.formatPriority.includes(f))
-    form.formatPriority = [...library.formatPriority, ...missing]
+    form.formatPriority = withReadAlongFormatPriority([...library.formatPriority, ...missing])
     form.allowedFormats = [...library.allowedFormats]
     form.organizationMode = library.organizationMode
     form.addedAtSource = library.addedAtSource
@@ -202,7 +207,13 @@ export function useLibraryCreator() {
               localFolders: [...new Set(form.localFolders.map((path) => path.trim()))],
               watchLocalFolders: form.watchLocalFolders,
             }
-          : { ...form, ...sharedPayload, localFolders: undefined, watchLocalFolders: undefined }
+          : {
+              ...form,
+              ...sharedPayload,
+              formatPriority: withoutImplicitReadAlongFormatPriority(form.formatPriority),
+              localFolders: undefined,
+              watchLocalFolders: undefined,
+            }
       let res: Response
       if (mode.value === 'create') {
         res = await api('/api/v1/libraries', {
diff --git a/client/src/features/settings/libraries/components/LibraryDetailPanel.vue b/client/src/features/settings/libraries/components/LibraryDetailPanel.vue
index 1a0bcdba2..b2d75f3ab 100644
--- a/client/src/features/settings/libraries/components/LibraryDetailPanel.vue
+++ b/client/src/features/settings/libraries/components/LibraryDetailPanel.vue
@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { Clock, FolderOpen, History, Pencil, Tags, Users } from '@lucide/vue'
 import type { Library, LibraryScanHistoryEntry } from '@bookorbit/types'
-import { FORMAT_LABELS } from '@bookorbit/types'
+import { formatKeyName } from '@/features/book/lib/book-formats'
 import { Button } from '@/components/ui/button'
 import { Skeleton } from '@/components/ui/skeleton'
 import { formatDate, formatList, formatPercent } from '@/i18n/formatters'
@@ -38,7 +38,7 @@ const precedenceLabel = computed(() =>
 const formatsLabel = computed(() =>
   props.library.allowedFormats.length === 0
     ? t('settings.admin.libraries.detail.allSupported')
-    : formatList(props.library.allowedFormats.map((format) => FORMAT_LABELS[format] ?? format.toUpperCase())),
+    : formatList(props.library.allowedFormats.map((format) => formatKeyName(format))),
 )
 const accessLabel = computed(() => (props.accessCount === null ? '' : t('settings.admin.libraries.detail.peopleCount', { count: props.accessCount })))
 
diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index 177269b38..9e9dba01d 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -4785,6 +4785,26 @@
       "primary": "Primary",
       "audiobook": "Audiobook"
     },
+    "formats": {
+      "epub": "EPUB e-book",
+      "kepub": "KEPUB e-book",
+      "pdf": "PDF document",
+      "cbz": "CBZ comic",
+      "cbr": "CBR comic",
+      "cb7": "CB7 comic",
+      "mobi": "MOBI e-book",
+      "azw3": "AZW3 e-book",
+      "azw": "AZW e-book",
+      "fb2": "FictionBook",
+      "m4b": "M4B audiobook",
+      "mp3": "MP3 audio",
+      "m4a": "M4A audio",
+      "opus": "Opus audio",
+      "ogg": "OGG audio",
+      "flac": "FLAC audio",
+      "readAlong": "Read-along EPUB",
+      "primary": "Primary format"
+    },
     "actions": {
       "read": "Read",
       "listen": "Listen",
@@ -4834,7 +4854,10 @@
       "progressPercent": "Downloading {percent} of {total}",
       "progressBytes": "Downloading {transferred}",
       "failed": "Download failed",
-      "exportFailed": "Export failed"
+      "exportFailed": "Export failed",
+      "audiolessEpub": "KOReader EPUB",
+      "audiolessEpubHint": "Download EPUB for KOReader with audio files removed",
+      "noAudio": "no audio"
     },
     "sort": {
       "moveUp": "Move up",
@@ -5279,6 +5302,7 @@
         "viewCover": "View larger cover",
         "finished": "Finished",
         "resetFileProgress": "Reset file progress",
+        "resetEditionProgress": "Reset progress for {format}",
         "resetting": "Resetting...",
         "resetProgressConfirm": "Reset stored reading progress for {label}?",
         "moreCount": "+{count} more",
@@ -6305,6 +6329,8 @@
       "read": {
         "play": "Play",
         "read": "Read",
+        "readFormat": "Read {format}",
+        "playFormat": "Play {format}",
         "primary": "Primary",
         "peekFormat": "Peek {format}",
         "chooseFormat": "Choose format to read or play",
@@ -8560,7 +8586,9 @@
         "formatPriority": {
           "title": "Format priority",
           "hint": "When a book has multiple formats, the format highest in the list is preferred."
-        }
+        },
+        "moveUp": "Move {item} up",
+        "moveDown": "Move {item} down"
       },
       "fileWrite": {
         "maxFileSizeMb": "Max file size (MB)",
diff --git a/packages/types/src/book.ts b/packages/types/src/book.ts
index 2b8a37e1d..867830ca9 100644
--- a/packages/types/src/book.ts
+++ b/packages/types/src/book.ts
@@ -27,6 +27,21 @@ export function isComicFormat(format: string): boolean {
   return COMIC_FORMATS.has(format.toLowerCase());
 }
 
+const BOOK_FORMAT_SET = new Set<string>(BOOK_FORMATS);
+
+/** A format BookOrbit reads or plays. Covers, sidecars and anything else a book folder holds are not. */
+export function isBookFormat(format: string | null | undefined): boolean {
+  return format != null && BOOK_FORMAT_SET.has(format.toLowerCase());
+}
+
+/**
+ * A readable or listenable edition of the book, as opposed to its cover or a sidecar such as an
+ * OPF or a text file. `primary` is the role the API reports for the book's primary file.
+ */
+export function isContentBookFile(file: { format: string | null; role: string }): boolean {
+  return (file.role === "content" || file.role === "primary") && isBookFormat(file.format);
+}
+
 /** What BookOrbit accepts as an ebook, and what an ebook tier may therefore ask for. */
 export const EBOOK_FORMAT_LIST = ["epub", "kepub", "mobi", "azw3", "azw", "fb2", "pdf", "djvu"] as const;
 
@@ -133,7 +148,13 @@ export function getCoverMedia(files: readonly CoverMediaFile[]): CoverMedia {
 }
 
 export function getPrimaryBookFile<T extends BookMediaFile>(files: readonly T[]): T | null {
-  return files.find((file) => file.role === "primary") ?? files.find((file) => file.format != null) ?? files[0] ?? null;
+  return (
+    files.find((file) => file.role === "primary") ??
+    files.find((file) => isContentBookFile(file)) ??
+    files.find((file) => file.format != null) ??
+    files[0] ??
+    null
+  );
 }
 
 export function getBookMediaKind(format: string | null | undefined): BookMediaKind {
diff --git a/packages/types/src/format-priority.ts b/packages/types/src/format-priority.ts
new file mode 100644
index 000000000..3a5832b85
--- /dev/null
+++ b/packages/types/src/format-priority.ts
@@ -0,0 +1,61 @@
+import { DEFAULT_FORMAT_PRIORITY } from "./library";
+
+/**
+ * Format-priority entry that ranks EPUBs with media overlays apart from plain EPUBs. It is not a
+ * file format, so it stays out of `DEFAULT_FORMAT_PRIORITY`, which doubles as the list of book
+ * formats. A list without it ranks read-along EPUBs first within the `epub` slot, which is the same
+ * as placing it directly before `epub`.
+ */
+export const READ_ALONG_FORMAT_PRIORITY = "epub:readalong";
+
+/**
+ * The key a file ranks, groups and is labelled under: its format, or `epub:readalong` for an EPUB
+ * with media overlays. Two EPUBs of one book stay apart only when exactly one of them reads along.
+ */
+export function bookFormatKey(format: string, readAlong: boolean): string {
+  const normalized = format.toLowerCase();
+  return normalized === "epub" && readAlong ? READ_ALONG_FORMAT_PRIORITY : normalized;
+}
+
+export function isReadAlongFormatKey(key: string): boolean {
+  return key === READ_ALONG_FORMAT_PRIORITY;
+}
+
+/** The file format a key stands for. */
+export function formatOfKey(key: string): string {
+  return isReadAlongFormatKey(key) ? "epub" : key;
+}
+
+/** The list as the editor shows it: the read-along entry in its implicit slot when absent. */
+export function withReadAlongFormatPriority(priority: readonly string[]): string[] {
+  if (priority.includes(READ_ALONG_FORMAT_PRIORITY)) return [...priority];
+  const epubIndex = priority.indexOf("epub");
+  if (epubIndex === -1) return [...priority, READ_ALONG_FORMAT_PRIORITY];
+  return [...priority.slice(0, epubIndex), READ_ALONG_FORMAT_PRIORITY, ...priority.slice(epubIndex)];
+}
+
+/**
+ * The list as it is saved: the read-along entry dropped when it sits in its implicit slot, so
+ * libraries that never move it keep the stored list, and the scan-settings hash, they had before.
+ */
+export function withoutImplicitReadAlongFormatPriority(priority: readonly string[]): string[] {
+  const index = priority.indexOf(READ_ALONG_FORMAT_PRIORITY);
+  if (index === -1 || priority[index + 1] !== "epub") return [...priority];
+  return priority.filter((_, i) => i !== index);
+}
+
+/**
+ * A library's stored priority completed for ranking: book formats it predates appended in default
+ * order, and the read-along entry placed. An empty or missing list means the default order.
+ */
+export function normalizeFormatPriority(stored: readonly string[] | null | undefined): string[] {
+  const base = stored && stored.length > 0 ? stored.map((entry) => entry.toLowerCase()) : [...DEFAULT_FORMAT_PRIORITY];
+  const missing = DEFAULT_FORMAT_PRIORITY.filter((format) => !base.includes(format));
+  return withReadAlongFormatPriority([...base, ...missing]);
+}
+
+/** Position of a key in a normalized priority; unknown keys rank last. */
+export function formatKeyRank(key: string, normalizedPriority: readonly string[]): number {
+  const index = normalizedPriority.indexOf(key);
+  return index === -1 ? Number.MAX_SAFE_INTEGER : index;
+}
diff --git a/packages/types/src/index.ts b/packages/types/src/index.ts
index a348e2a15..3398b3c28 100644
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@@ -23,6 +23,7 @@ export * from "./media";
 export * from "./collection";
 export * from "./smart-scope";
 export * from "./library";
+export * from "./format-priority";
 export * from "./maintenance";
 export * from "./metadata-fetch";
 export * from "./pattern-resolver";
diff --git a/packages/types/src/library.ts b/packages/types/src/library.ts
index b1319bb54..3e061d02b 100644
--- a/packages/types/src/library.ts
+++ b/packages/types/src/library.ts
@@ -28,24 +28,6 @@ export const DEFAULT_FORMAT_PRIORITY = [
   "flac",
 ] as const;
 
-export const FORMAT_LABELS: Record<string, string> = {
-  epub: "EPUB e-book",
-  kepub: "KEPUB e-book",
-  pdf: "PDF document",
-  cbz: "CBZ comic",
-  cbr: "CBR comic",
-  cb7: "CB7 comic",
-  mobi: "MOBI e-book",
-  azw3: "AZW3 e-book",
-  azw: "AZW e-book",
-  fb2: "FictionBook",
-  m4b: "M4B audiobook",
-  mp3: "MP3 audio",
-  m4a: "M4A audio",
-  opus: "Opus audio",
-  ogg: "OGG audio",
-  flac: "FLAC audio",
-};
 export type AccessLevel = "viewer" | "editor" | "owner";
 
 /**
diff --git a/server/src/common/utils/primary-file-selection.utils.test.ts b/server/src/common/utils/primary-file-selection.utils.test.ts
index 954e312c4..6446a40f5 100644
--- a/server/src/common/utils/primary-file-selection.utils.test.ts
+++ b/server/src/common/utils/primary-file-selection.utils.test.ts
@@ -1,4 +1,6 @@
-import { selectPrimaryFile } from './primary-file-selection.utils';
+import { READ_ALONG_FORMAT_PRIORITY, withoutImplicitReadAlongFormatPriority, withReadAlongFormatPriority } from '@bookorbit/types';
+
+import { rankFileRowsByBook, rankFilesByFormatPriority, selectPrimaryFile } from './primary-file-selection.utils';
 
 describe('selectPrimaryFile', () => {
   const plainEpub = { id: 1, format: 'epub', sizeBytes: 100, mediaOverlayAvailable: false };
@@ -13,9 +15,107 @@ describe('selectPrimaryFile', () => {
     expect(selectPrimaryFile([plainEpub, readAlongEpub, audiobook], ['m4b', 'epub'])).toBe(audiobook);
   });
 
+  describe('with the read-along entry', () => {
+    const readAlongFirst = [READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'];
+
+    it('ranks a read-along EPUB above audio when the entry is placed first', () => {
+      expect(selectPrimaryFile([plainEpub, audiobook, readAlongEpub], readAlongFirst)).toBe(readAlongEpub);
+    });
+
+    it('ranks a plain EPUB by its own entry, below audio', () => {
+      expect(selectPrimaryFile([plainEpub, audiobook], readAlongFirst)).toBe(audiobook);
+    });
+
+    it('prefers a plain EPUB over a read-along one when plain EPUB is ranked higher', () => {
+      expect(selectPrimaryFile([readAlongEpub, plainEpub], ['epub', READ_ALONG_FORMAT_PRIORITY])).toBe(plainEpub);
+    });
+
+    it('falls through to the read-along entry when no plain EPUB exists', () => {
+      expect(selectPrimaryFile([readAlongEpub, audiobook], ['epub', 'pdf', READ_ALONG_FORMAT_PRIORITY, 'm4b'])).toBe(readAlongEpub);
+    });
+
+    it('treats an EPUB whose overlay state is unknown as a plain EPUB', () => {
+      const unknownEpub = { id: 4, format: 'epub', sizeBytes: 100 };
+      expect(selectPrimaryFile([unknownEpub, audiobook], readAlongFirst)).toBe(audiobook);
+    });
+
+    it('matches the stored list without the entry when it sits directly before epub', () => {
+      const files = [plainEpub, readAlongEpub, audiobook];
+      expect(selectPrimaryFile(files, ['m4b', READ_ALONG_FORMAT_PRIORITY, 'epub'])).toBe(selectPrimaryFile(files, ['m4b', 'epub']));
+      expect(selectPrimaryFile([plainEpub, readAlongEpub], [READ_ALONG_FORMAT_PRIORITY, 'epub'])).toBe(
+        selectPrimaryFile([plainEpub, readAlongEpub], ['epub']),
+      );
+    });
+  });
+
   it('rejects zero-byte candidates unless fallback is explicitly enabled', () => {
     const empty = { ...readAlongEpub, sizeBytes: 0 };
     expect(selectPrimaryFile([empty], ['epub'])).toBeNull();
     expect(selectPrimaryFile([empty], ['epub'], { allowZeroByteFallback: true })).toBe(empty);
   });
 });
+
+describe('read-along format priority helpers', () => {
+  it('shows the read-along entry directly before epub when a stored list lacks it', () => {
+    expect(withReadAlongFormatPriority(['m4b', 'epub', 'pdf'])).toEqual(['m4b', READ_ALONG_FORMAT_PRIORITY, 'epub', 'pdf']);
+  });
+
+  it('keeps a stored read-along position and appends the entry when epub is missing', () => {
+    expect(withReadAlongFormatPriority([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])).toEqual([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub']);
+    expect(withReadAlongFormatPriority(['pdf'])).toEqual(['pdf', READ_ALONG_FORMAT_PRIORITY]);
+  });
+
+  it('saves the list without the entry only while it sits in its implicit slot', () => {
+    expect(withoutImplicitReadAlongFormatPriority(['m4b', READ_ALONG_FORMAT_PRIORITY, 'epub'])).toEqual(['m4b', 'epub']);
+    expect(withoutImplicitReadAlongFormatPriority([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub'])).toEqual([READ_ALONG_FORMAT_PRIORITY, 'm4b', 'epub']);
+    expect(withoutImplicitReadAlongFormatPriority(['m4b', 'epub'])).toEqual(['m4b', 'epub']);
+  });
+
+  it('round-trips a legacy list unchanged', () => {
+    const legacy = ['m4b', 'm4a', 'mp3', 'epub', 'pdf'];
+    expect(withoutImplicitReadAlongFormatPriority(withReadAlongFormatPriority(legacy))).toEqual(legacy);
+  });
+});
+
+describe('rankFilesByFormatPriority', () => {
+  const files = [
+    { id: 1, format: 'jpg', role: 'cover', sizeBytes: 10 },
+    { id: 2, format: 'mp3', role: 'content', sizeBytes: 10 },
+    { id: 3, format: 'epub', role: 'content', sizeBytes: 10, mediaOverlayAvailable: true },
+    { id: 4, format: 'mp3', role: 'content', sizeBytes: 10 },
+    { id: 5, format: 'epub', role: 'content', sizeBytes: 10 },
+  ];
+
+  it('puts the primary first, then content by priority, then covers and sidecars', () => {
+    const ranked = rankFilesByFormatPriority(files, ['m4b', 'mp3', 'epub'], 5);
+    expect(ranked.map((file) => file.id)).toEqual([5, 2, 4, 3, 1]);
+  });
+
+  it('ranks a read-along EPUB by its own entry and keeps audio tracks in order', () => {
+    const ranked = rankFilesByFormatPriority(files, [READ_ALONG_FORMAT_PRIORITY, 'mp3', 'epub'], null);
+    expect(ranked.map((file) => file.id)).toEqual([3, 2, 4, 5, 1]);
+  });
+
+  it('ranks by the default priority when the library has none', () => {
+    expect(rankFilesByFormatPriority(files, null).map((file) => file.id)).toEqual([3, 5, 2, 4, 1]);
+  });
+});
+
+describe('rankFileRowsByBook', () => {
+  it("ranks each book's rows with that book's own priority", () => {
+    const rows = [
+      { bookId: 1, id: 10, format: 'epub', role: 'content', sizeBytes: 1 },
+      { bookId: 1, id: 11, format: 'm4b', role: 'content', sizeBytes: 1 },
+      { bookId: 2, id: 20, format: 'epub', role: 'content', sizeBytes: 1 },
+      { bookId: 2, id: 21, format: 'm4b', role: 'content', sizeBytes: 1 },
+    ];
+    const ranked = rankFileRowsByBook(
+      rows,
+      new Map([
+        [1, { formatPriority: ['m4b', 'epub'], primaryFileId: null }],
+        [2, { formatPriority: ['epub', 'm4b'], primaryFileId: null }],
+      ]),
+    );
+    expect(ranked.map((row) => row.id)).toEqual([11, 10, 20, 21]);
+  });
+});
diff --git a/server/src/common/utils/primary-file-selection.utils.ts b/server/src/common/utils/primary-file-selection.utils.ts
index 43af705d4..fa2f2df5a 100644
--- a/server/src/common/utils/primary-file-selection.utils.ts
+++ b/server/src/common/utils/primary-file-selection.utils.ts
@@ -1,3 +1,5 @@
+import { bookFormatKey, formatKeyRank, isContentBookFile, normalizeFormatPriority, READ_ALONG_FORMAT_PRIORITY } from '@bookorbit/types';
+
 export type PrimaryFileCandidate = {
   id: number;
   format: string | null;
@@ -5,6 +7,16 @@ export type PrimaryFileCandidate = {
   mediaOverlayAvailable?: boolean | null;
 };
 
+function isReadAlong(file: PrimaryFileCandidate): boolean {
+  return file.format?.toLowerCase() === 'epub' && file.mediaOverlayAvailable === true;
+}
+
+function matchesPriorityEntry(file: PrimaryFileCandidate, entry: string, readAlongRankedApart: boolean): boolean {
+  if (entry === READ_ALONG_FORMAT_PRIORITY) return isReadAlong(file);
+  if (entry === 'epub' && readAlongRankedApart) return file.format?.toLowerCase() === 'epub' && !isReadAlong(file);
+  return file.format?.toLowerCase() === entry;
+}
+
 export function selectPrimaryFile<T extends PrimaryFileCandidate>(
   files: readonly T[],
   formatPriority: readonly string[],
@@ -19,10 +31,56 @@ export function selectPrimaryFile<T extends PrimaryFileCandidate>(
   if (pool.length === 0) return null;
 
   const normalizedPriority = formatPriority.map((format) => format.toLowerCase());
-  const preferredFormat = normalizedPriority.find((format) => pool.some((file) => file.format?.toLowerCase() === format));
-  const formatPool = preferredFormat ? pool.filter((file) => file.format?.toLowerCase() === preferredFormat) : pool;
-  const first = formatPool[0] ?? null;
+  const readAlongRankedApart = normalizedPriority.includes(READ_ALONG_FORMAT_PRIORITY);
+  const preferredEntry = normalizedPriority.find((entry) => pool.some((file) => matchesPriorityEntry(file, entry, readAlongRankedApart)));
+  const entryPool = preferredEntry ? pool.filter((file) => matchesPriorityEntry(file, preferredEntry, readAlongRankedApart)) : pool;
+  const first = entryPool[0] ?? null;
+  if (readAlongRankedApart && preferredEntry) return first;
   if (first?.format?.toLowerCase() !== 'epub') return first;
 
-  return formatPool.find((file) => file.mediaOverlayAvailable === true) ?? first;
+  return entryPool.find((file) => file.mediaOverlayAvailable === true) ?? first;
+}
+
+/**
+ * A book's files in edition order: the primary first, then content files by the library's format
+ * priority (a read-along EPUB ranked apart from a plain one), then covers and sidecars. The sort is
+ * stable, so files of one format, an audiobook's tracks, keep the order they came in.
+ */
+export function rankFilesByFormatPriority<T extends PrimaryFileCandidate & { role: string }>(
+  files: readonly T[],
+  formatPriority: readonly string[] | null | undefined,
+  primaryFileId?: number | null,
+): T[] {
+  const priority = normalizeFormatPriority(formatPriority);
+  return files
+    .map((file, index) => {
+      const content = isContentBookFile(file);
+      const rank = content ? formatKeyRank(bookFormatKey(file.format!, file.mediaOverlayAvailable === true), priority) : Number.MAX_SAFE_INTEGER;
+      return { file, index, content, rank, primary: primaryFileId != null && file.id === primaryFileId };
+    })
+    .sort((a, b) => {
+      if (a.primary !== b.primary) return a.primary ? -1 : 1;
+      if (a.content !== b.content) return a.content ? -1 : 1;
+      return a.rank - b.rank || a.index - b.index;
+    })
+    .map((entry) => entry.file);
+}
+
+export type FileRankingContext = { formatPriority: readonly string[] | null | undefined; primaryFileId: number | null };
+
+/** File rows for many books, each book's files ranked with its own library priority and primary. */
+export function rankFileRowsByBook<T extends PrimaryFileCandidate & { bookId: number; role: string }>(
+  rows: readonly T[],
+  contextByBook: ReadonlyMap<number, FileRankingContext>,
+): T[] {
+  const rowsByBook = new Map<number, T[]>();
+  for (const row of rows) {
+    const list = rowsByBook.get(row.bookId) ?? [];
+    list.push(row);
+    rowsByBook.set(row.bookId, list);
+  }
+  return [...rowsByBook.entries()].flatMap(([bookId, bookRows]) => {
+    const context = contextByBook.get(bookId);
+    return rankFilesByFormatPriority(bookRows, context?.formatPriority, context?.primaryFileId);
+  });
 }
diff --git a/server/src/modules/book-dock/book-dock-finalize.service.ts b/server/src/modules/book-dock/book-dock-finalize.service.ts
index e62a6da28..79a0f2c71 100644
--- a/server/src/modules/book-dock/book-dock-finalize.service.ts
+++ b/server/src/modules/book-dock/book-dock-finalize.service.ts
@@ -30,9 +30,10 @@ import type {
   MetadataSeriesMembership,
 } from '@bookorbit/types';
 import {
-  DEFAULT_FORMAT_PRIORITY,
+  formatKeyRank,
   isAudioFormat,
   MetadataProviderKey,
+  normalizeFormatPriority,
   NotificationType,
   parseSeriesIndex,
   Permission,
@@ -190,16 +191,15 @@ function reduceUnitForLibrary(
 
   if (importFormats === 'all') return { files: kept };
 
-  const priority = library.formatPriority?.length ? library.formatPriority : [...DEFAULT_FORMAT_PRIORITY];
+  const priority = normalizeFormatPriority(library.formatPriority);
   const best = [...content].sort((a, b) => formatRank(a.format, priority) - formatRank(b.format, priority))[0]!;
   // The chosen format keeps the artwork and sidecars that came with the unit; the other formats go.
   return { files: looseFileLibrary ? [best] : [best, ...unitFiles.filter((file) => file.role !== 'content')] };
 }
 
-function formatRank(format: string | null, priority: string[]): number {
-  if (!format) return Number.MAX_SAFE_INTEGER;
-  const index = priority.indexOf(format.toLowerCase());
-  return index === -1 ? Number.MAX_SAFE_INTEGER : index;
+/** Dock files are not inspected for media overlays yet, so an EPUB ranks by the plain `epub` entry. */
+function formatRank(format: string | null, priority: readonly string[]): number {
+  return format ? formatKeyRank(format.toLowerCase(), priority) : Number.MAX_SAFE_INTEGER;
 }
 
 /**
diff --git a/server/src/modules/book/book.repository.test.ts b/server/src/modules/book/book.repository.test.ts
index 2a1ea2829..ce29711c1 100644
--- a/server/src/modules/book/book.repository.test.ts
+++ b/server/src/modules/book/book.repository.test.ts
@@ -238,8 +238,9 @@ describe('BookRepository', () => {
         .fn()
         .mockReturnValueOnce(makeSelectChain('offset', rows))
         .mockReturnValueOnce(makeSelectChain('orderBy', authorRows))
-        .mockReturnValueOnce(makeSelectChain('where', fileRows))
+        .mockReturnValueOnce(makeSelectChain('orderBy', fileRows))
         .mockReturnValueOnce(makeSelectChain('where', genreRows))
+        .mockReturnValueOnce(makeSelectChain('where', [{ bookId: 10, formatPriority: null }]))
         .mockReturnValueOnce(makeSelectChain('where', tagRows))
         .mockReturnValueOnce(makeSelectChain('orderBy', narratorRows))
         .mockReturnValueOnce(makeSelectChain('orderBy', seriesMembershipRows))
@@ -276,7 +277,7 @@ describe('BookRepository', () => {
         .fn()
         .mockReturnValueOnce(makeSelectChain('offset', rows))
         .mockReturnValueOnce(makeSelectChain('orderBy', []))
-        .mockReturnValueOnce(makeSelectChain('where', []))
+        .mockReturnValueOnce(makeSelectChain('orderBy', []))
         .mockReturnValueOnce(makeSelectChain('where', []))
         .mockReturnValueOnce(makeSelectChain('where', []))
         .mockReturnValueOnce(makeSelectChain('orderBy', []))
@@ -305,7 +306,7 @@ describe('BookRepository', () => {
         .fn()
         .mockReturnValueOnce(makeSelectChain('offset', rows))
         .mockReturnValueOnce(tracked('orderBy', 0))
-        .mockReturnValueOnce(tracked('where', 0))
+        .mockReturnValueOnce(tracked('orderBy', 0))
         .mockReturnValueOnce(tracked('where', 0))
         .mockReturnValueOnce(tracked('where', 1))
         .mockReturnValueOnce(tracked('orderBy', 1))
diff --git a/server/src/modules/book/book.repository.ts b/server/src/modules/book/book.repository.ts
index ee3c9c41b..2f1aec69f 100644
--- a/server/src/modules/book/book.repository.ts
+++ b/server/src/modules/book/book.repository.ts
@@ -16,6 +16,7 @@ import type {
 import type { UnscopedBookRecommendation } from '@bookorbit/types';
 import { isAudioFormat, isComicFormat, normalizeCoverAspectRatio } from '@bookorbit/types';
 import { buildContentFilterClauses } from '../../common/utils/content-filter-sql.utils';
+import { rankFileRowsByBook } from '../../common/utils/primary-file-selection.utils';
 import { accentInsensitiveIlike } from '../../common/utils/accent-insensitive-search.utils';
 import { advanceIsoTimestamp } from '../../common/utils/iso-timestamp.utils';
 import { parsePgTimestamptz } from '../../common/utils/pg-timestamp.utils';
@@ -608,6 +609,27 @@ export class BookRepository {
     return rows.map((row) => row.id);
   }
 
+  /**
+   * Card files in edition order, so every card, row and search result lists a book's formats the
+   * way its library ranks them. Libraries are few, so their priorities come in one small query.
+   */
+  private async rankCardFileRows<
+    T extends { bookId: number; id: number; format: string | null; role: string; sizeBytes: number | null; mediaOverlayAvailable: boolean },
+  >(fileRows: T[], bookRefs: Array<{ id: number; primaryFileId: number | null }>): Promise<T[]> {
+    if (fileRows.length === 0) return fileRows;
+    const bookIds = [...new Set(fileRows.map((row) => row.bookId))];
+    const priorityRows = await this.db
+      .select({ bookId: books.id, formatPriority: libraries.formatPriority })
+      .from(books)
+      .innerJoin(libraries, eq(libraries.id, books.libraryId))
+      .where(inArray(books.id, bookIds));
+    const priorityByBook = new Map(priorityRows.map((row) => [row.bookId, row.formatPriority as string[] | null]));
+    const contextByBook = new Map(
+      bookRefs.map((book) => [book.id, { formatPriority: priorityByBook.get(book.id), primaryFileId: book.primaryFileId }]),
+    );
+    return rankFileRowsByBook(fileRows, contextByBook);
+  }
+
   private async enrichBookIds(bookRefs: Array<{ id: number; primaryFileId: number | null }>, userId: number) {
     const bookIds = bookRefs.map((book) => book.id);
     const primaryFileIds = bookRefs.map((book) => book.primaryFileId).filter((id): id is number => id != null);
@@ -650,7 +672,7 @@ export class BookRepository {
 
     // Keep book-card hydration below the database pool's capacity when list requests overlap.
     // Three small batches retain useful parallelism without allowing one request to claim nine connections.
-    const [authorRows, fileRows, genreRows] = await Promise.all([
+    const [authorRows, unrankedFileRows, genreRows] = await Promise.all([
       this.db
         .select({ bookId: bookAuthors.bookId, name: authors.name })
         .from(bookAuthors)
@@ -669,7 +691,8 @@ export class BookRepository {
           mediaOverlayCheckedAt: bookFiles.mediaOverlayCheckedAt,
         })
         .from(bookFiles)
-        .where(inArray(bookFiles.bookId, bookIds)),
+        .where(inArray(bookFiles.bookId, bookIds))
+        .orderBy(asc(bookFiles.bookId), asc(bookFiles.sortOrder), asc(bookFiles.id)),
       this.db
         .select({ bookId: bookGenres.bookId, name: genres.name })
         .from(bookGenres)
@@ -677,6 +700,8 @@ export class BookRepository {
         .where(inArray(bookGenres.bookId, bookIds)),
     ]);
 
+    const fileRows = await this.rankCardFileRows(unrankedFileRows, bookRefs);
+
     const [tagRows, narratorRows, seriesMembershipRows] = await Promise.all([
       this.db
         .select({ bookId: bookTags.bookId, name: tags.name })
diff --git a/server/src/modules/book/book.service.ts b/server/src/modules/book/book.service.ts
index 36be454f8..4820ba6f7 100644
--- a/server/src/modules/book/book.service.ts
+++ b/server/src/modules/book/book.service.ts
@@ -1573,8 +1573,7 @@ export class BookService {
       } else if (wasPrimary) {
         const contentFiles = remaining.filter((candidate) => candidate.role === 'content');
         const library = await this.libraryService.findOne(file.libraryId);
-        const newPrimary =
-          selectPrimaryFile(contentFiles, library.formatPriority ?? DEFAULT_FORMAT_PRIORITY, { allowZeroByteFallback: true }) ?? remaining[0];
+        const newPrimary = selectPrimaryFile(contentFiles, library.formatPriority ?? DEFAULT_FORMAT_PRIORITY, { allowZeroByteFallback: true });
         await this.bookRepo.updateBookPrimaryFile(file.bookId, newPrimary?.id ?? null);
       }
       void this.coverReconciler?.enqueue([file.bookId], { filesChanged: true });
diff --git a/server/src/modules/book/utils/assemble-book-cards.test.ts b/server/src/modules/book/utils/assemble-book-cards.test.ts
index 6366fabe4..31553751d 100644
--- a/server/src/modules/book/utils/assemble-book-cards.test.ts
+++ b/server/src/modules/book/utils/assemble-book-cards.test.ts
@@ -139,14 +139,31 @@ describe('assembleBookCards', () => {
     expect(card.readingProgress).toBe(45);
   });
 
-  it('falls back to first file for progress when no primary file exists', () => {
+  it('falls back to the first content file for progress when no primary file exists', () => {
     const rows = [makeBookRow(1)];
-    const fileRows = [{ bookId: 1, id: 11, format: 'pdf', role: 'supplemental', sizeBytes: null }];
+    const fileRows = [
+      { bookId: 1, id: 10, format: 'jpg', role: 'cover', sizeBytes: null },
+      { bookId: 1, id: 11, format: 'pdf', role: 'content', sizeBytes: null },
+    ];
     const progressRows = [{ bookFileId: 11, percentage: 30 }];
 
     const [card] = assembleBookCards(rows, [], fileRows, [], progressRows);
 
     expect(card.readingProgress).toBe(30);
+    expect(card.files.find((file) => file.role === 'primary')?.id).toBe(11);
+  });
+
+  it('never makes a cover or sidecar the primary', () => {
+    const rows = [makeBookRow(1)];
+    const fileRows = [
+      { bookId: 1, id: 10, format: 'jpg', role: 'cover', sizeBytes: null },
+      { bookId: 1, id: 11, format: 'opf', role: 'metadata', sizeBytes: null },
+    ];
+
+    const [card] = assembleBookCards(rows, [], fileRows, [], [{ bookFileId: 10, percentage: 30 }]);
+
+    expect(card.files.some((file) => file.role === 'primary')).toBe(false);
+    expect(card.readingProgress).toBeNull();
   });
 
   it('returns null readingProgress when there are no files', () => {
diff --git a/server/src/modules/book/utils/assemble-book-cards.ts b/server/src/modules/book/utils/assemble-book-cards.ts
index 5a4d4a91f..3ebf6ceec 100644
--- a/server/src/modules/book/utils/assemble-book-cards.ts
+++ b/server/src/modules/book/utils/assemble-book-cards.ts
@@ -1,7 +1,7 @@
 import { basename } from 'path';
 
 import type { BookCard, BookMetadataLockField, CollapsedSeriesInfo, CustomMetadataBookValue, UserBookStatus } from '@bookorbit/types';
-import { BOOK_METADATA_LOCK_FIELDS, compareSeriesIndices, normalizeCoverAspectRatio } from '@bookorbit/types';
+import { BOOK_METADATA_LOCK_FIELDS, compareSeriesIndices, isContentBookFile, normalizeCoverAspectRatio } from '@bookorbit/types';
 import { mediaOverlayCapabilityFromFields } from '../../reader/epub/epub-media-overlay-capability';
 
 const LOCK_FIELD_SET = new Set<string>(BOOK_METADATA_LOCK_FIELDS);
@@ -190,11 +190,10 @@ export function assembleBookCards(
 
   return rows.map((row) => {
     const rawFiles = filesByBook.get(row.id) ?? [];
+    // A cover or sidecar is never the primary: a book with no content file has none.
     const primaryFile =
       (row.primaryFileId != null ? rawFiles.find((f) => f.id === row.primaryFileId) : undefined) ??
-      rawFiles.find((f) => f.role === 'primary') ??
-      rawFiles.find((f) => f.role === 'content') ??
-      rawFiles[0] ??
+      rawFiles.find((f) => isContentBookFile(f)) ??
       null;
     const files = rawFiles.map((f) => {
       const mediaOverlay = mediaOverlayCapabilityFromFields(f);
diff --git a/server/src/modules/dashboard/dashboard-widget.calculations.ts b/server/src/modules/dashboard/dashboard-widget.calculations.ts
index 25523976f..96a513c67 100644
--- a/server/src/modules/dashboard/dashboard-widget.calculations.ts
+++ b/server/src/modules/dashboard/dashboard-widget.calculations.ts
@@ -1,4 +1,4 @@
-import { isAudioFormat } from '@bookorbit/types';
+import { formatKeyRank, isAudioFormat, normalizeFormatPriority } from '@bookorbit/types';
 import type {
   ChallengeType,
   DiversityScoreWidgetData,
@@ -432,11 +432,11 @@ export function computeRhythm(days: { readingSeconds: number }[]): Omit<ReadingR
 // ── Currently Reading resume modes ──────────────────────────────────
 
 /**
- * Formats a BookOrbit reader opens, best first. KEPUB is deliberately absent: it is a Kobo
- * delivery format that no reader in the product opens directly, so offering it as the read file
- * would hand a client a file it cannot display.
+ * Formats a BookOrbit reader opens. KEPUB is deliberately absent: it is a Kobo delivery format that
+ * no reader in the product opens directly, so offering it as the read file would hand a client a
+ * file it cannot display. Which of them wins is the library's format priority.
  */
-const READABLE_FORMAT_PRIORITY = ['epub', 'mobi', 'azw3', 'azw', 'fb2', 'pdf', 'cbz', 'cbr', 'cb7'];
+const READABLE_FORMATS = new Set(['epub', 'mobi', 'azw3', 'azw', 'fb2', 'pdf', 'cbz', 'cbr', 'cb7']);
 
 export type ResumeModeFile = {
   id: number;
@@ -451,13 +451,8 @@ export type ResumeModes = {
   hasAudio: boolean;
 };
 
-function readableRank(format: string | null): number {
-  const index = READABLE_FORMAT_PRIORITY.indexOf((format ?? '').toLowerCase());
-  return index === -1 ? READABLE_FORMAT_PRIORITY.length : index;
-}
-
 function isReadable(format: string | null): boolean {
-  return readableRank(format) < READABLE_FORMAT_PRIORITY.length;
+  return READABLE_FORMATS.has((format ?? '').toLowerCase());
 }
 
 /**
@@ -465,16 +460,21 @@ function isReadable(format: string | null): boolean {
  *
  * The primary file wins the read slot when it is readable at all, so the resumed file matches the
  * one the book's own page leads with; otherwise the best readable file stands in, which is what
- * lets an audiobook-primary book still be read. Read-along needs an EPUB with media overlays, and
- * prefers the primary for the same reason.
+ * lets an audiobook-primary book still be read. That stand-in follows the library's format priority,
+ * and a plain EPUB beats a read-along copy, which has a slot of its own. Read-along needs an EPUB with
+ * media overlays, and prefers the primary for the same reason.
  */
-export function resolveResumeModes(files: ResumeModeFile[], primaryFileId: number | null): ResumeModes {
+export function resolveResumeModes(files: ResumeModeFile[], primaryFileId: number | null, formatPriority?: readonly string[] | null): ResumeModes {
   const primary = files.find((file) => file.id === primaryFileId) ?? null;
+  const priority = normalizeFormatPriority(formatPriority);
+  const rank = (file: ResumeModeFile) => formatKeyRank((file.format ?? '').toLowerCase(), priority);
 
   const readFile =
     primary && isReadable(primary.format)
       ? primary
-      : ([...files.filter((file) => isReadable(file.format))].sort((a, b) => readableRank(a.format) - readableRank(b.format))[0] ?? null);
+      : ([...files.filter((file) => isReadable(file.format))].sort(
+          (a, b) => rank(a) - rank(b) || Number(a.mediaOverlayAvailable) - Number(b.mediaOverlayAvailable),
+        )[0] ?? null);
 
   const overlayFiles = files.filter((file) => file.mediaOverlayAvailable && (file.format ?? '').toLowerCase() === 'epub');
   const readAlongFile = overlayFiles.find((file) => file.id === primaryFileId) ?? overlayFiles[0] ?? null;
diff --git a/server/src/modules/dashboard/dashboard-widget.repository.test.ts b/server/src/modules/dashboard/dashboard-widget.repository.test.ts
index 6e0cf596e..b252e2140 100644
--- a/server/src/modules/dashboard/dashboard-widget.repository.test.ts
+++ b/server/src/modules/dashboard/dashboard-widget.repository.test.ts
@@ -142,15 +142,22 @@ describe('resolveResumeModes', () => {
     expect(resolveResumeModes(files, 1)).toMatchObject({ readFileId: 1, readFileFormat: 'pdf' });
   });
 
-  it('falls back to the best readable file when the primary is an audiobook', () => {
+  it("falls back to the library's best readable file when the primary is an audiobook", () => {
     const files = [file(1, 'm4b'), file(2, 'pdf'), file(3, 'mobi')];
 
     expect(resolveResumeModes(files, 1)).toEqual({
-      readFileId: 3,
-      readFileFormat: 'mobi',
+      readFileId: 2,
+      readFileFormat: 'pdf',
       readAlongFileId: null,
       hasAudio: true,
     });
+    expect(resolveResumeModes(files, 1, ['m4b', 'mobi', 'pdf'])).toMatchObject({ readFileId: 3, readFileFormat: 'mobi' });
+  });
+
+  it('reads the plain EPUB and keeps the read-along copy for read-along', () => {
+    const files = [file(1, 'm4b'), file(2, 'epub', true), file(3, 'epub')];
+
+    expect(resolveResumeModes(files, 1)).toMatchObject({ readFileId: 3, readAlongFileId: 2, hasAudio: true });
   });
 
   it('offers no read file for an audio-only book', () => {
diff --git a/server/src/modules/dashboard/dashboard-widget.repository.ts b/server/src/modules/dashboard/dashboard-widget.repository.ts
index 44bbb115b..1545b9bfc 100644
--- a/server/src/modules/dashboard/dashboard-widget.repository.ts
+++ b/server/src/modules/dashboard/dashboard-widget.repository.ts
@@ -1,5 +1,5 @@
 import { Inject, Injectable } from '@nestjs/common';
-import { and, desc, eq, gt, gte, inArray, isNotNull, isNull, lt, notInArray, sql } from 'drizzle-orm';
+import { and, asc, desc, eq, gt, gte, inArray, isNotNull, isNull, lt, notInArray, sql } from 'drizzle-orm';
 import type { NodePgDatabase } from 'drizzle-orm/node-postgres';
 
 import type {
@@ -25,6 +25,7 @@ import {
   bookMetadata,
   books,
   genres,
+  libraries,
   readingProgress,
   readingAttempts,
   readingSessions,
@@ -107,9 +108,11 @@ export class DashboardWidgetRepository {
         fileId: bookFiles.id,
         fileFormat: bookFiles.format,
         primaryFileId: books.primaryFileId,
+        formatPriority: libraries.formatPriority,
       })
       .from(userBookStatus)
       .innerJoin(books, eq(books.id, userBookStatus.bookId))
+      .innerJoin(libraries, eq(libraries.id, books.libraryId))
       .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
       .leftJoin(bookFiles, eq(bookFiles.id, books.primaryFileId))
       .leftJoin(readingProgress, and(isNotNull(bookFiles.id), eq(readingProgress.bookFileId, bookFiles.id), eq(readingProgress.userId, userId)))
@@ -148,7 +151,8 @@ export class DashboardWidgetRepository {
           mediaOverlayAvailable: bookFiles.mediaOverlayAvailable,
         })
         .from(bookFiles)
-        .where(inArray(bookFiles.bookId, bookIds)),
+        .where(and(inArray(bookFiles.bookId, bookIds), eq(bookFiles.role, 'content')))
+        .orderBy(asc(bookFiles.bookId), asc(bookFiles.sortOrder), asc(bookFiles.id)),
     ]);
 
     const authorsByBookId = new Map<number, string[]>();
@@ -173,7 +177,7 @@ export class DashboardWidgetRepository {
       hasCover: row.coverSource != null,
       fileId: row.fileId ?? null,
       fileFormat: row.fileFormat ?? null,
-      ...resolveResumeModes(filesByBookId.get(row.bookId) ?? [], row.primaryFileId),
+      ...resolveResumeModes(filesByBookId.get(row.bookId) ?? [], row.primaryFileId, row.formatPriority as string[] | null),
     }));
 
     return { books: result };
diff --git a/server/src/modules/email/email-book-read.repository.test.ts b/server/src/modules/email/email-book-read.repository.test.ts
index 0835e5ba3..1b7df1191 100644
--- a/server/src/modules/email/email-book-read.repository.test.ts
+++ b/server/src/modules/email/email-book-read.repository.test.ts
@@ -1,5 +1,6 @@
 vi.mock('drizzle-orm', () => ({
   and: vi.fn((...clauses: unknown[]) => ({ op: 'and', clauses })),
+  asc: vi.fn((column: unknown) => ({ op: 'asc', column })),
   eq: vi.fn((left: unknown, right: unknown) => ({ op: 'eq', left, right })),
   sql: vi.fn((parts: TemplateStringsArray, ...values: unknown[]) => ({ op: 'sql', parts, values })),
 }));
@@ -65,15 +66,27 @@ describe('EmailBookReadRepository', () => {
     expect(and).toHaveBeenCalledWith({ op: 'eq', left: bookFiles.id, right: 5 }, { op: 'eq', left: bookFiles.bookId, right: 3 });
   });
 
-  it('findFilesByBookId returns all file rows for the book', async () => {
+  it('findFilesByBookId returns all file rows for the book in stored order', async () => {
     const chain = selectChain();
-    chain.where.mockResolvedValue([{ id: 1 }, { id: 2 }]);
+    chain.orderBy.mockResolvedValue([{ id: 1 }, { id: 2 }]);
     const db = { select: vi.fn().mockReturnValue(chain) };
     const repo = new EmailBookReadRepository(db as never);
 
     await expect(repo.findFilesByBookId(8)).resolves.toEqual([{ id: 1 }, { id: 2 }]);
     expect(chain.from).toHaveBeenCalledWith(bookFiles);
     expect(eq).toHaveBeenCalledWith(bookFiles.bookId, 8);
+    expect(chain.orderBy).toHaveBeenCalledWith({ op: 'asc', column: bookFiles.sortOrder }, { op: 'asc', column: bookFiles.id });
+  });
+
+  it('findLibraryFormatPriority returns the book library priority or null', async () => {
+    const chain = selectChain();
+    chain.limit.mockResolvedValueOnce([{ formatPriority: ['m4b', 'epub'] }]).mockResolvedValueOnce([]);
+    const db = { select: vi.fn().mockReturnValue(chain) };
+    const repo = new EmailBookReadRepository(db as never);
+
+    await expect(repo.findLibraryFormatPriority(3)).resolves.toEqual(['m4b', 'epub']);
+    await expect(repo.findLibraryFormatPriority(4)).resolves.toBeNull();
+    expect(eq).toHaveBeenCalledWith(books.id, 3);
   });
 
   it('findMetadataByBookId returns metadata row or null', async () => {
diff --git a/server/src/modules/email/email-book-read.repository.ts b/server/src/modules/email/email-book-read.repository.ts
index c4919352a..ef9504265 100644
--- a/server/src/modules/email/email-book-read.repository.ts
+++ b/server/src/modules/email/email-book-read.repository.ts
@@ -1,10 +1,10 @@
 import { Inject, Injectable } from '@nestjs/common';
-import { and, eq } from 'drizzle-orm';
+import { and, asc, eq } from 'drizzle-orm';
 import { NodePgDatabase } from 'drizzle-orm/node-postgres';
 
 import { DB } from '../../db';
 import * as schema from '../../db/schema';
-import { authors, bookAuthors, bookFiles, bookMetadata, bookTags, books, tags } from '../../db/schema';
+import { authors, bookAuthors, bookFiles, bookMetadata, bookTags, books, libraries, tags } from '../../db/schema';
 
 type Db = NodePgDatabase<typeof schema>;
 
@@ -32,7 +32,17 @@ export class EmailBookReadRepository {
   }
 
   findFilesByBookId(bookId: number): Promise<(typeof bookFiles.$inferSelect)[]> {
-    return this.db.select().from(bookFiles).where(eq(bookFiles.bookId, bookId));
+    return this.db.select().from(bookFiles).where(eq(bookFiles.bookId, bookId)).orderBy(asc(bookFiles.sortOrder), asc(bookFiles.id));
+  }
+
+  async findLibraryFormatPriority(bookId: number): Promise<string[] | null> {
+    const [row] = await this.db
+      .select({ formatPriority: libraries.formatPriority })
+      .from(books)
+      .innerJoin(libraries, eq(libraries.id, books.libraryId))
+      .where(eq(books.id, bookId))
+      .limit(1);
+    return (row?.formatPriority as string[] | null | undefined) ?? null;
   }
 
   async findMetadataByBookId(bookId: number): Promise<typeof bookMetadata.$inferSelect | null> {
diff --git a/server/src/modules/email/email-file-selector.test.ts b/server/src/modules/email/email-file-selector.test.ts
index 3b777fc6a..a1ce9fe96 100644
--- a/server/src/modules/email/email-file-selector.test.ts
+++ b/server/src/modules/email/email-file-selector.test.ts
@@ -9,56 +9,73 @@ describe('EmailFileSelector', () => {
     findFileForBook: ReturnType<typeof vi.fn>;
     findFilesByBookId: ReturnType<typeof vi.fn>;
     findBookPrimaryFileId: ReturnType<typeof vi.fn>;
+    findLibraryFormatPriority: ReturnType<typeof vi.fn>;
   };
 
-  const mockFile = { id: 100, bookId: 1, format: 'EPUB', role: 'primary' };
-  const mockFile2 = { id: 101, bookId: 1, format: 'PDF', role: 'secondary' };
+  const epub = { id: 100, bookId: 1, format: 'epub', role: 'content', sizeBytes: 10, mediaOverlayAvailable: false };
+  const pdf = { id: 101, bookId: 1, format: 'pdf', role: 'content', sizeBytes: 10, mediaOverlayAvailable: false };
+  const readAlong = { id: 102, bookId: 1, format: 'epub', role: 'content', sizeBytes: 10, mediaOverlayAvailable: true };
+  const audiobook = { id: 103, bookId: 1, format: 'm4b', role: 'content', sizeBytes: 10, mediaOverlayAvailable: false };
+  const cover = { id: 104, bookId: 1, format: 'jpg', role: 'cover', sizeBytes: 10, mediaOverlayAvailable: false };
 
   beforeEach(() => {
     repo = {
       findFileForBook: vi.fn(),
       findFilesByBookId: vi.fn(),
-      findBookPrimaryFileId: vi.fn(),
+      findBookPrimaryFileId: vi.fn().mockResolvedValue(null),
+      findLibraryFormatPriority: vi.fn().mockResolvedValue(null),
     };
     selector = new EmailFileSelector(repo as unknown as EmailBookReadRepository);
   });
 
-  it('should select by fileId if provided', async () => {
-    repo.findFileForBook.mockResolvedValue(mockFile);
-    const result = await selector.select(1, 100, null);
-    expect(result).toEqual(mockFile);
+  it('selects by fileId if provided', async () => {
+    repo.findFileForBook.mockResolvedValue(epub);
+    await expect(selector.select(1, 100, null)).resolves.toEqual(epub);
     expect(repo.findFileForBook).toHaveBeenCalledWith(1, 100);
   });
 
-  it('should throw NotFoundException if specific fileId not found', async () => {
+  it('rejects a fileId that is missing or not a sendable edition', async () => {
     repo.findFileForBook.mockResolvedValue(null);
     await expect(selector.select(1, 999, null)).rejects.toThrow(NotFoundException);
+    repo.findFileForBook.mockResolvedValue(cover);
+    await expect(selector.select(1, 104, null)).rejects.toThrow(NotFoundException);
+    repo.findFileForBook.mockResolvedValue(audiobook);
+    await expect(selector.select(1, 103, null)).rejects.toThrow(NotFoundException);
   });
 
-  it('should select preferred format if available', async () => {
-    repo.findFilesByBookId.mockResolvedValue([mockFile, mockFile2]);
-    const result = await selector.select(1, null, 'pdf');
-    expect(result).toEqual(mockFile2);
+  it('selects the preferred format when the book has it', async () => {
+    repo.findFilesByBookId.mockResolvedValue([epub, pdf]);
+    await expect(selector.select(1, null, 'PDF')).resolves.toEqual(pdf);
   });
 
-  it('should fallback to primary if preferred format not found', async () => {
-    repo.findFilesByBookId.mockResolvedValue([mockFile, mockFile2]);
-    repo.findBookPrimaryFileId.mockResolvedValue(100);
-    const result = await selector.select(1, null, 'mobi');
-    expect(result).toEqual(mockFile);
+  it('prefers the plain EPUB over a read-along copy for an EPUB recipient', async () => {
+    repo.findFilesByBookId.mockResolvedValue([readAlong, epub]);
+    repo.findBookPrimaryFileId.mockResolvedValue(102);
+    await expect(selector.select(1, null, 'epub')).resolves.toEqual(epub);
   });
 
-  it('should fallback to first file when primary file is missing', async () => {
-    repo.findFilesByBookId.mockResolvedValue([mockFile, mockFile2]);
-    repo.findBookPrimaryFileId.mockResolvedValue(404);
-
-    const result = await selector.select(1, null, 'mobi');
-
-    expect(result).toEqual(mockFile);
+  it('falls back to the primary when the preferred format is absent', async () => {
+    repo.findFilesByBookId.mockResolvedValue([epub, pdf]);
+    repo.findBookPrimaryFileId.mockResolvedValue(101);
+    await expect(selector.select(1, null, 'mobi')).resolves.toEqual(pdf);
   });
 
-  it('should throw if no files found for book', async () => {
+  it('never sends an audiobook or a cover, even when the audiobook is primary', async () => {
+    repo.findFilesByBookId.mockResolvedValue([cover, audiobook, epub]);
+    repo.findBookPrimaryFileId.mockResolvedValue(103);
+    await expect(selector.select(1, null, null)).resolves.toEqual(epub);
+  });
+
+  it('ranks the fallback by the library format priority', async () => {
+    repo.findFilesByBookId.mockResolvedValue([epub, pdf]);
+    repo.findLibraryFormatPriority.mockResolvedValue(['pdf', 'epub']);
+    await expect(selector.select(1, null, null)).resolves.toEqual(pdf);
+  });
+
+  it('throws when the book has no files or nothing sendable', async () => {
     repo.findFilesByBookId.mockResolvedValue([]);
     await expect(selector.select(1, null, null)).rejects.toThrow(NotFoundException);
+    repo.findFilesByBookId.mockResolvedValue([audiobook, cover]);
+    await expect(selector.select(1, null, null)).rejects.toThrow(NotFoundException);
   });
 });
diff --git a/server/src/modules/email/email-file-selector.ts b/server/src/modules/email/email-file-selector.ts
index b78c43dbb..324b2d6f3 100644
--- a/server/src/modules/email/email-file-selector.ts
+++ b/server/src/modules/email/email-file-selector.ts
@@ -1,8 +1,15 @@
 import { Injectable, NotFoundException } from '@nestjs/common';
+import { isAudioFormat, isContentBookFile } from '@bookorbit/types';
 
 import type { BookFile } from '../../db/schema';
+import { rankFilesByFormatPriority } from '../../common/utils/primary-file-selection.utils';
 import { EmailBookReadRepository } from './email-book-read.repository';
 
+/** A file an email can carry: a readable edition, never a cover, sidecar or audiobook track. */
+function isSendable(file: BookFile): boolean {
+  return isContentBookFile(file) && !isAudioFormat(file.format!);
+}
+
 @Injectable()
 export class EmailFileSelector {
   constructor(private readonly bookReadRepository: EmailBookReadRepository) {}
@@ -10,20 +17,28 @@ export class EmailFileSelector {
   async select(bookId: number, fileId: number | null | undefined, preferredFormat: string | null | undefined): Promise<BookFile> {
     if (fileId !== null && fileId !== undefined) {
       const file = await this.bookReadRepository.findFileForBook(bookId, fileId);
-      if (!file) throw new NotFoundException('Book file not found');
+      if (!file || !isSendable(file)) throw new NotFoundException('Book file not found');
       return file;
     }
 
     const allFiles = await this.bookReadRepository.findFilesByBookId(bookId);
     if (allFiles.length === 0) throw new NotFoundException('No files found for this book');
 
+    const [primaryFileId, formatPriority] = await Promise.all([
+      this.bookReadRepository.findBookPrimaryFileId(bookId),
+      this.bookReadRepository.findLibraryFormatPriority(bookId),
+    ]);
+    const sendable = rankFilesByFormatPriority(allFiles.filter(isSendable), formatPriority, primaryFileId);
+    if (sendable.length === 0) throw new NotFoundException('This book has no file that can be sent by email');
+
     if (preferredFormat) {
-      const match = allFiles.find((f) => f.format?.toLowerCase() === preferredFormat.toLowerCase());
+      const wanted = preferredFormat.toLowerCase();
+      const matches = sendable.filter((file) => file.format?.toLowerCase() === wanted);
+      // An e-reader gets the plain EPUB when a book has one beside its read-along copy.
+      const match = matches.find((file) => !file.mediaOverlayAvailable) ?? matches[0];
       if (match) return match;
     }
 
-    const primaryFileId = await this.bookReadRepository.findBookPrimaryFileId(bookId);
-    const primary = allFiles.find((f) => f.id === primaryFileId);
-    return primary ?? allFiles[0];
+    return sendable[0];
   }
 }
diff --git a/server/src/modules/email/email-send-orchestrator.service.ts b/server/src/modules/email/email-send-orchestrator.service.ts
index 39049d5dd..ba83e765c 100644
--- a/server/src/modules/email/email-send-orchestrator.service.ts
+++ b/server/src/modules/email/email-send-orchestrator.service.ts
@@ -1,12 +1,16 @@
-import { BadRequestException, Injectable, Logger } from '@nestjs/common';
+import { BadRequestException, Injectable, Logger, Optional } from '@nestjs/common';
 import { createReadStream } from 'fs';
-import { basename } from 'path';
+import { mkdtemp, rm } from 'fs/promises';
+import { tmpdir } from 'os';
+import { basename, join } from 'path';
 
 import { NotificationType } from '@bookorbit/types';
 import type { BookFile } from '../../db/schema';
 import type { RequestUser } from '../../common/types/request-user';
 import { NotificationService } from '../notification/notification.service';
+import { AudiolessEpubService } from '../book/audioless-epub.service';
 import { BookService } from '../book/book.service';
+import { sanitizeLogValue } from '../../common/utils/log-sanitize.utils';
 import { EmailBookAccessService } from './email-book-access.service';
 import { EmailFileSelector } from './email-file-selector';
 import { EmailPreferencesService } from './email-preferences.service';
@@ -54,6 +58,7 @@ export class EmailSendOrchestrator {
     private readonly sendLogService: EmailSendLogService,
     private readonly transportService: EmailTransportService,
     private readonly notificationService: NotificationService,
+    @Optional() private readonly audiolessEpubService?: AudiolessEpubService,
   ) {}
 
   async send(dto: SendBookDto, user: RequestUser): Promise<{ queued: number }> {
@@ -248,6 +253,7 @@ export class EmailSendOrchestrator {
     bodyText: string,
     attemptCount: number,
   ) {
+    const attachment = await this.prepareAttachment(file, task);
     try {
       const transporter = this.transportService.buildTransporter(smtpConfig);
       const effectiveSubject = task.deviceType === 'kindle' ? KINDLE_CONVERT_SUBJECT : subject;
@@ -261,7 +267,7 @@ export class EmailSendOrchestrator {
         attachments: [
           {
             filename: this.buildAttachmentFilename(file),
-            content: createReadStream(file.absolutePath),
+            content: createReadStream(attachment.path),
           },
         ],
       });
@@ -308,6 +314,32 @@ export class EmailSendOrchestrator {
           })
           .catch(() => {});
       }
+    } finally {
+      await attachment.cleanup().catch(() => undefined);
+    }
+  }
+
+  /**
+   * A read-along EPUB is mailed without its narration audio, as Kobo and KOReader receive it: the
+   * audio is most of its size and an e-reader cannot play it. A failed rebuild sends the original.
+   */
+  private async prepareAttachment(file: BookFile, task: SendTask): Promise<{ path: string; cleanup: () => Promise<void> }> {
+    const original = { path: file.absolutePath, cleanup: () => Promise.resolve() };
+    if (!this.audiolessEpubService || file.format?.toLowerCase() !== 'epub' || !file.mediaOverlayAvailable) return original;
+
+    const tempDir = await mkdtemp(join(tmpdir(), 'bookorbit-email-epub-'));
+    const cleanup = () => rm(tempDir, { recursive: true, force: true });
+    try {
+      const path = join(tempDir, 'attachment.epub');
+      await this.audiolessEpubService.writeArchive(file.absolutePath, path);
+      return { path, cleanup };
+    } catch (error) {
+      await cleanup().catch(() => undefined);
+      const err = error instanceof Error ? error : new Error(String(error));
+      this.logger.warn(
+        `[${EMAIL_DISPATCH_EVENT}] [fail] bookId=${task.bookId} fileId=${file.id} errorClass=${err.constructor.name} error="${sanitizeLogValue(err.message)}" - audioless rebuild failed, sending original EPUB`,
+      );
+      return original;
     }
   }
 
diff --git a/server/src/modules/kobo/services/kobo-sync.service.test.ts b/server/src/modules/kobo/services/kobo-sync.service.test.ts
index af4bb6eb0..30ee72fce 100644
--- a/server/src/modules/kobo/services/kobo-sync.service.test.ts
+++ b/server/src/modules/kobo/services/kobo-sync.service.test.ts
@@ -1406,6 +1406,28 @@ describe('KoboSyncService', () => {
       };
     }
 
+    it('announces a read-along EPUB by its size without audio, as the download converts it', async () => {
+      const rows = comicRows(false);
+      for (const batch of rows.select.slice(0, 2)) {
+        for (const row of batch as Array<Record<string, unknown>>) {
+          row.fileSizeBytes = 900 * 1024 * 1024;
+          row.fileMediaOverlayAvailable = true;
+        }
+      }
+      const service = makeService(makeDb(rows));
+      vi.spyOn(service as any, 'buildEligibleBooksWhereClause').mockResolvedValue({ where: true });
+      vi.spyOn(service as any, 'getDeliverySettings').mockResolvedValue({
+        convertToKepub: true,
+        forceEnableHyphenation: false,
+        kepubConversionLimitMb: 100,
+      });
+
+      await (service as any).fetchEligibleSnapshotRows(8, false, new Map());
+      const books = await (service as any).fetchEligibleBooksByIds(8, [5], false, new Map());
+
+      expect(books.get(5)?.deliveryFormat).toBe('KEPUB');
+    });
+
     it('announces a stored fixed-layout book as EPUB3FL in the payload the device receives', async () => {
       const db = makeDb(comicRows(true));
       const service = makeService(db);
diff --git a/server/src/modules/kobo/services/kobo-sync.service.ts b/server/src/modules/kobo/services/kobo-sync.service.ts
index 2068d11fb..73e6ee79d 100644
--- a/server/src/modules/kobo/services/kobo-sync.service.ts
+++ b/server/src/modules/kobo/services/kobo-sync.service.ts
@@ -116,6 +116,15 @@ export interface KoboBookEntry {
   updatedAt: Date;
 }
 
+/**
+ * The size the kepub limit is judged by. A read-along is delivered with its narration stripped, which
+ * the download measures after the rebuild; announcing by the size with audio would pick EPUB3 for a
+ * book the download then streams as a kepub.
+ */
+function deliverySizeBytes(row: { fileSizeBytes: number | null; fileMediaOverlayAvailable: boolean | null }): number | null {
+  return row.fileMediaOverlayAvailable ? null : row.fileSizeBytes;
+}
+
 @Injectable()
 export class KoboSyncService {
   private readonly logger = new Logger(KoboSyncService.name);
@@ -1111,6 +1120,7 @@ export class KoboSyncService {
         coverUpdatedAt: schema.bookMetadata.coverUpdatedAt,
         fileFormat: schema.bookFiles.format,
         fileSizeBytes: schema.bookFiles.sizeBytes,
+        fileMediaOverlayAvailable: schema.bookFiles.mediaOverlayAvailable,
         fileHash: schema.bookFiles.fileHash,
         fileId: schema.bookFiles.id,
         fileAbsolutePath: schema.bookFiles.absolutePath,
@@ -1151,7 +1161,7 @@ export class KoboSyncService {
 
     return rows.map((row) => {
       const isFixedLayout = row.isFixedLayout ?? fixedLayoutByFileId.get(row.fileId) ?? null;
-      const delivery = this.getDeliveryInfo(row.fileFormat, row.fileSizeBytes, deliverySettings, isFixedLayout);
+      const delivery = this.getDeliveryInfo(row.fileFormat, deliverySizeBytes(row), deliverySettings, isFixedLayout);
       const identity = identitiesById.get(row.bookId);
       const coverImageId = identity
         ? this.bookIdentityService.buildVersionedCoverImageId(identity.coverImageId, row.coverUpdatedAt)
@@ -1204,6 +1214,7 @@ export class KoboSyncService {
         seriesIndex: schema.bookMetadata.seriesIndex,
         fileFormat: schema.bookFiles.format,
         fileSizeBytes: schema.bookFiles.sizeBytes,
+        fileMediaOverlayAvailable: schema.bookFiles.mediaOverlayAvailable,
         fileHash: schema.bookFiles.fileHash,
         isFixedLayout: schema.bookFiles.isFixedLayout,
         metadataUpdatedAt: schema.bookMetadata.updatedAt,
@@ -1258,7 +1269,7 @@ export class KoboSyncService {
     const byId = new Map<number, KoboBookEntry>();
     for (const row of rows) {
       const authors = authorsByBook.get(row.bookId) ?? [];
-      const delivery = this.getDeliveryInfo(row.fileFormat, row.fileSizeBytes, deliverySettings, row.isFixedLayout);
+      const delivery = this.getDeliveryInfo(row.fileFormat, deliverySizeBytes(row), deliverySettings, row.isFixedLayout);
       const identity = identitiesById.get(row.bookId);
       if (!identity) continue;
       const coverImageId = this.bookIdentityService.buildVersionedCoverImageId(identity.coverImageId, row.coverUpdatedAt);
diff --git a/server/src/modules/maintenance/missing-resources.repository.ts b/server/src/modules/maintenance/missing-resources.repository.ts
index 0096bec26..9880ecaf0 100644
--- a/server/src/modules/maintenance/missing-resources.repository.ts
+++ b/server/src/modules/maintenance/missing-resources.repository.ts
@@ -5,6 +5,7 @@ import type { NodePgDatabase } from 'drizzle-orm/node-postgres';
 import { DB } from '../../db';
 import * as schema from '../../db/schema';
 import { bookMetadata, books, libraries } from '../../db/schema';
+import { formatKeyRank, normalizeFormatPriority } from '@bookorbit/types';
 
 type Db = NodePgDatabase<typeof schema>;
 
@@ -18,7 +19,7 @@ const authorsSubquery = sql<string[]>`COALESCE((
 const formatsSubquery = sql<string[]>`COALESCE((
   SELECT array_agg(DISTINCT file.format)
   FROM book_files file
-  WHERE file.book_id = ${books.id} AND file.format IS NOT NULL
+  WHERE file.book_id = ${books.id} AND file.format IS NOT NULL AND file.role = 'content'
 ), ARRAY[]::varchar[])`;
 
 @Injectable()
@@ -34,9 +35,10 @@ export class MissingResourcesRepository {
     return row?.value ?? 0;
   }
 
+  /** Each book's formats are its editions, in its library's format priority. */
   async findMissingBooks(libraryIds: number[], offset: number, limit: number) {
     if (libraryIds.length === 0) return [];
-    return this.db
+    const rows = await this.db
       .select({
         id: books.id,
         title: bookMetadata.title,
@@ -45,6 +47,7 @@ export class MissingResourcesRepository {
         libraryName: libraries.name,
         folderPath: books.folderPath,
         formats: formatsSubquery,
+        formatPriority: libraries.formatPriority,
         updatedAt: books.updatedAt,
       })
       .from(books)
@@ -54,6 +57,13 @@ export class MissingResourcesRepository {
       .orderBy(asc(books.libraryId), asc(books.id))
       .offset(offset)
       .limit(limit);
+    return rows.map(({ formatPriority, ...row }) => {
+      const priority = normalizeFormatPriority(formatPriority as string[] | null);
+      return {
+        ...row,
+        formats: [...row.formats].sort((a, b) => formatKeyRank(a.toLowerCase(), priority) - formatKeyRank(b.toLowerCase(), priority)),
+      };
+    });
   }
 
   async findMissingBookIds(libraryIds: number[], afterId: number, limit: number): Promise<number[]> {
diff --git a/server/src/modules/opds/__tests__/opds-book.service.test.ts b/server/src/modules/opds/__tests__/opds-book.service.test.ts
index f03c6b37c..587378e59 100644
--- a/server/src/modules/opds/__tests__/opds-book.service.test.ts
+++ b/server/src/modules/opds/__tests__/opds-book.service.test.ts
@@ -259,11 +259,43 @@ describe('OpdsBookService', () => {
     await expect(service.getBookFiles(7)).resolves.toEqual({
       absolutePath: '/books/a.epub',
       format: 'unknown',
+      readAlong: false,
       title: 'book-7',
       authorName: '',
     });
   });
 
+  it('serves a readable edition by default when the primary is an audiobook', async () => {
+    const rows = [
+      {
+        id: 1,
+        absolutePath: '/books/a.m4b',
+        format: 'm4b',
+        role: 'content',
+        sizeBytes: 9,
+        mediaOverlayAvailable: false,
+        title: 'A',
+        primaryFileId: 1,
+        formatPriority: null,
+      },
+      {
+        id: 2,
+        absolutePath: '/books/a.epub',
+        format: 'epub',
+        role: 'content',
+        sizeBytes: 9,
+        mediaOverlayAvailable: true,
+        title: 'A',
+        primaryFileId: 1,
+        formatPriority: null,
+      },
+    ];
+    const { service } = makeService([rows, [{ name: 'Author' }], rows, [{ name: 'Author' }]]);
+
+    await expect(service.getBookFiles(7)).resolves.toMatchObject({ absolutePath: '/books/a.epub', format: 'epub', readAlong: true });
+    await expect(service.getBookFiles(7, 1)).resolves.toMatchObject({ absolutePath: '/books/a.m4b', readAlong: false });
+  });
+
   it('applies text search inside smartScope when q is provided', async () => {
     const { service } = makeService([[{ id: 3, userId: 7, mediaType: 'books', isPublic: false, filter: null }]]);
     const privateService = testable(service);
diff --git a/server/src/modules/opds/opds-book.service.ts b/server/src/modules/opds/opds-book.service.ts
index edeb44c9d..6f8d8d8ff 100644
--- a/server/src/modules/opds/opds-book.service.ts
+++ b/server/src/modules/opds/opds-book.service.ts
@@ -21,7 +21,8 @@ import {
   userLibraryAccess,
 } from '../../db/schema';
 import { BookQueryBuilder } from '../book/book-query-builder.service';
-import type { ContentFilterRules, GroupRule } from '@bookorbit/types';
+import { isAudioFormat, type ContentFilterRules, type GroupRule } from '@bookorbit/types';
+import { rankFileRowsByBook, rankFilesByFormatPriority } from '../../common/utils/primary-file-selection.utils';
 import { buildContentFilterClauses } from '../../common/utils/content-filter-sql.utils';
 import { seriesIndexOrderBy } from '../../common/utils/series-index-sql.utils';
 
@@ -133,6 +134,20 @@ export interface OpdsManifestBookRow {
   files: OpdsManifestFileRow[];
 }
 
+/**
+ * A read-along EPUB downloads over OPDS without its audio, so beside a plain EPUB of the same book
+ * it would be a second link to the same text. The plain one stands for both.
+ */
+function isRedundantReadAlong(
+  row: { bookId: number; id: number; format: string | null; mediaOverlayAvailable: boolean },
+  rows: readonly { bookId: number; id: number; format: string | null; mediaOverlayAvailable: boolean }[],
+): boolean {
+  if (row.format?.toLowerCase() !== 'epub' || !row.mediaOverlayAvailable) return false;
+  return rows.some(
+    (other) => other.bookId === row.bookId && other.id !== row.id && other.format?.toLowerCase() === 'epub' && !other.mediaOverlayAvailable,
+  );
+}
+
 @Injectable()
 export class OpdsBookService {
   constructor(
@@ -655,20 +670,41 @@ export class OpdsBookService {
     }
   }
 
-  async getBookFiles(bookId: number, fileId?: number): Promise<{ absolutePath: string; format: string; title: string; authorName: string } | null> {
-    const fileQuery = this.db
+  /**
+   * The file a download serves: the one asked for when it is a content file, otherwise the edition an
+   * OPDS reader can open, the primary unless that is an audiobook with a readable edition beside it.
+   */
+  async getBookFiles(
+    bookId: number,
+    fileId?: number,
+  ): Promise<{ absolutePath: string; format: string; readAlong: boolean; title: string; authorName: string } | null> {
+    const candidates = await this.db
       .select({
+        id: bookFiles.id,
         absolutePath: bookFiles.absolutePath,
         format: bookFiles.format,
+        role: bookFiles.role,
+        sizeBytes: bookFiles.sizeBytes,
+        mediaOverlayAvailable: bookFiles.mediaOverlayAvailable,
         title: bookMetadata.title,
+        primaryFileId: books.primaryFileId,
+        formatPriority: libraries.formatPriority,
       })
       .from(bookFiles)
-      .leftJoin(books, eq(books.id, bookFiles.bookId))
+      .innerJoin(books, eq(books.id, bookFiles.bookId))
+      .leftJoin(libraries, eq(libraries.id, books.libraryId))
       .leftJoin(bookMetadata, eq(bookMetadata.bookId, bookFiles.bookId))
-      .where(fileId ? and(eq(bookFiles.id, fileId), eq(bookFiles.bookId, bookId)) : and(eq(books.id, bookId), eq(bookFiles.id, books.primaryFileId)))
-      .limit(1);
+      .where(and(eq(bookFiles.bookId, bookId), eq(bookFiles.role, 'content')))
+      .orderBy(bookFiles.sortOrder, bookFiles.id);
 
-    const [file] = await fileQuery;
+    const first = candidates[0];
+    if (!first) return null;
+    const file = fileId
+      ? candidates.find((candidate) => candidate.id === fileId)
+      : (() => {
+          const ranked = rankFilesByFormatPriority(candidates, first.formatPriority as string[] | null, first.primaryFileId);
+          return ranked.find((candidate) => candidate.format != null && !isAudioFormat(candidate.format)) ?? ranked[0];
+        })();
     if (!file) return null;
 
     const [authorRow] = await this.db
@@ -682,6 +718,7 @@ export class OpdsBookService {
     return {
       absolutePath: file.absolutePath,
       format: file.format ?? 'unknown',
+      readAlong: file.format?.toLowerCase() === 'epub' && file.mediaOverlayAvailable,
       title: file.title ?? `book-${bookId}`,
       authorName: authorRow?.name ?? '',
     };
@@ -817,9 +854,12 @@ export class OpdsBookService {
           publisher: bookMetadata.publisher,
           isbn13: bookMetadata.isbn13,
           coverSource: bookMetadata.coverSource,
+          primaryFileId: books.primaryFileId,
+          formatPriority: libraries.formatPriority,
         })
         .from(books)
         .leftJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .leftJoin(libraries, eq(libraries.id, books.libraryId))
         .where(inArray(books.id, bookIds)),
       this.db
         .select({ bookId: bookAuthors.bookId, name: authors.name })
@@ -828,7 +868,14 @@ export class OpdsBookService {
         .where(inArray(bookAuthors.bookId, bookIds))
         .orderBy(bookAuthors.displayOrder),
       this.db
-        .select({ bookId: books.id, id: bookFiles.id, format: bookFiles.format, role: bookFiles.role })
+        .select({
+          bookId: books.id,
+          id: bookFiles.id,
+          format: bookFiles.format,
+          role: bookFiles.role,
+          sizeBytes: bookFiles.sizeBytes,
+          mediaOverlayAvailable: bookFiles.mediaOverlayAvailable,
+        })
         .from(bookFiles)
         .innerJoin(books, eq(books.id, bookFiles.bookId))
         .where(and(inArray(bookFiles.bookId, bookIds), eq(bookFiles.role, 'content')))
@@ -843,9 +890,13 @@ export class OpdsBookService {
       authorsByBook.set(row.bookId, list);
     }
 
+    const rankedFileRows = rankFileRowsByBook(
+      fileRows,
+      new Map(metaRows.map((row) => [row.id, { formatPriority: row.formatPriority as string[] | null, primaryFileId: row.primaryFileId }])),
+    );
     const filesByBook = new Map<number, { id: number; format: string }[]>();
-    for (const row of fileRows) {
-      if (row.role !== 'content') continue;
+    for (const row of rankedFileRows) {
+      if (row.role !== 'content' || isRedundantReadAlong(row, rankedFileRows)) continue;
       const list = filesByBook.get(row.bookId) ?? [];
       list.push({ id: row.id, format: row.format ?? 'unknown' });
       filesByBook.set(row.bookId, list);
diff --git a/server/src/modules/opds/opds-xml.helpers.ts b/server/src/modules/opds/opds-xml.helpers.ts
index 81cf979e7..cb888537d 100644
--- a/server/src/modules/opds/opds-xml.helpers.ts
+++ b/server/src/modules/opds/opds-xml.helpers.ts
@@ -35,11 +35,14 @@ export function fileMimeType(format: string): string {
   switch (format.toLowerCase()) {
     case 'epub':
       return 'application/epub+zip';
+    case 'kepub':
+      return 'application/kepub+zip';
     case 'pdf':
       return 'application/pdf';
     case 'mobi':
       return 'application/x-mobipocket-ebook';
     case 'azw3':
+    case 'azw':
       return 'application/vnd.amazon.ebook';
     case 'fb2':
       return 'application/x-fictionbook+xml';
@@ -47,6 +50,18 @@ export function fileMimeType(format: string): string {
       return 'application/vnd.comicbook+zip';
     case 'cbr':
       return 'application/vnd.comicbook-rar';
+    case 'cb7':
+      return 'application/x-cb7';
+    case 'm4b':
+    case 'm4a':
+      return 'audio/mp4';
+    case 'mp3':
+      return 'audio/mpeg';
+    case 'ogg':
+    case 'opus':
+      return 'audio/ogg';
+    case 'flac':
+      return 'audio/flac';
     default:
       return 'application/octet-stream';
   }
diff --git a/server/src/modules/opds/opds.controller.ts b/server/src/modules/opds/opds.controller.ts
index a192a4924..927e975c6 100644
--- a/server/src/modules/opds/opds.controller.ts
+++ b/server/src/modules/opds/opds.controller.ts
@@ -4,7 +4,9 @@ import {
   DefaultValuePipe,
   Get,
   Headers,
+  Logger,
   NotFoundException,
+  Optional,
   Param,
   ParseIntPipe,
   Query,
@@ -12,7 +14,9 @@ import {
   UseGuards,
 } from '@nestjs/common';
 import { createReadStream } from 'fs';
-import { stat } from 'fs/promises';
+import { mkdtemp, rm, stat } from 'fs/promises';
+import { tmpdir } from 'os';
+import { join } from 'path';
 import type { FastifyReply } from 'fastify';
 
 import { MAX_OFFSET_ROWS, isOffsetWithinLimit } from '../../common/constants/pagination.constants';
@@ -26,7 +30,9 @@ import { OpdsEnabledGuard } from './opds-enabled.guard';
 import { OpdsUser } from './opds-user.decorator';
 import { OpdsBookService } from './opds-book.service';
 import { OpdsService } from './opds.service';
+import { AudiolessEpubService } from '../book/audioless-epub.service';
 import { BookService } from '../book/book.service';
+import { sanitizeLogValue } from '../../common/utils/log-sanitize.utils';
 import { BookCoverStore } from '../book-cover-store/book-cover-store.service';
 
 @Controller('opds')
@@ -38,8 +44,11 @@ export class OpdsController {
     private readonly opdsBookService: OpdsBookService,
     private readonly bookService: BookService,
     private readonly coverStore: BookCoverStore,
+    @Optional() private readonly audiolessEpubService?: AudiolessEpubService,
   ) {}
 
+  private readonly logger = new Logger(OpdsController.name);
+
   private assertPaginationWindow(page: number, size: number): void {
     if (!isOffsetWithinLimit((page - 1) * size)) {
       throw new BadRequestException(`pagination window is too deep; (page - 1) * size must be <= ${MAX_OFFSET_ROWS}`);
@@ -282,19 +291,49 @@ export class OpdsController {
     if (!bookFiles) throw new NotFoundException('File not found');
 
     const { absolutePath, format } = bookFiles;
-    const { size: fileSize } = await stat(absolutePath);
-    const mime = fileMimeType(format);
+    const served = bookFiles.readAlong ? await this.audiolessCopy(absolutePath, bookId, fileId) : null;
+    const servedPath = served?.path ?? absolutePath;
+    try {
+      const { size: fileSize } = await stat(servedPath);
+      const filename = await this.bookService.resolveDownloadFilename({
+        bookId,
+        absolutePath,
+        format: format === 'unknown' ? null : format,
+      });
 
-    const filename = await this.bookService.resolveDownloadFilename({
-      bookId,
-      absolutePath,
-      format: format === 'unknown' ? null : format,
-    });
+      reply.header('Content-Disposition', contentDispositionHeader('attachment', filename, 'download'));
+      reply.header('Content-Length', fileSize);
+      reply.type(fileMimeType(format));
+      const stream = createReadStream(servedPath);
+      // The rebuilt copy is only safe to delete once the response has finished reading it.
+      if (served) stream.once('close', () => void served.cleanup().catch(() => undefined));
+      reply.send(stream);
+    } catch (error) {
+      await served?.cleanup().catch(() => undefined);
+      throw error;
+    }
+  }
 
-    reply.header('Content-Disposition', contentDispositionHeader('attachment', filename, 'download'));
-    reply.header('Content-Length', fileSize);
-    reply.type(mime);
-    reply.send(createReadStream(absolutePath));
+  /**
+   * A read-along EPUB reaches an OPDS reader without its narration audio, as it reaches Kobo and
+   * KOReader: the audio is most of its size and a reader cannot play it. A failed rebuild serves the original.
+   */
+  private async audiolessCopy(absolutePath: string, bookId: number, fileId: number): Promise<{ path: string; cleanup: () => Promise<void> } | null> {
+    if (!this.audiolessEpubService) return null;
+    const tempDir = await mkdtemp(join(tmpdir(), 'bookorbit-opds-epub-'));
+    const cleanup = () => rm(tempDir, { recursive: true, force: true });
+    try {
+      const path = join(tempDir, 'download.epub');
+      await this.audiolessEpubService.writeArchive(absolutePath, path);
+      return { path, cleanup };
+    } catch (error) {
+      await cleanup().catch(() => undefined);
+      const err = error instanceof Error ? error : new Error(String(error));
+      this.logger.warn(
+        `[opds.download] [fail] bookId=${bookId} fileId=${fileId} errorClass=${err.constructor.name} error="${sanitizeLogValue(err.message)}" - audioless rebuild failed, serving original EPUB`,
+      );
+      return null;
+    }
   }
 
   private sendXml(reply: FastifyReply, xml: string, mimeType: string) {
diff --git a/server/src/modules/scanner/scanner.repository.ts b/server/src/modules/scanner/scanner.repository.ts
index 2dc025451..6a4fd2e8d 100644
--- a/server/src/modules/scanner/scanner.repository.ts
+++ b/server/src/modules/scanner/scanner.repository.ts
@@ -1,5 +1,5 @@
 import { Inject, Injectable } from '@nestjs/common';
-import { and, desc, eq, gte, inArray, lt, ne, or, sql } from 'drizzle-orm';
+import { and, asc, desc, eq, gte, inArray, lt, ne, or, sql } from 'drizzle-orm';
 import { NodePgDatabase } from 'drizzle-orm/node-postgres';
 
 import { DB } from '../../db';
@@ -19,6 +19,7 @@ import {
   userLibraryAccess,
   users,
 } from '../../db/schema';
+import { rankFileRowsByBook } from '../../common/utils/primary-file-selection.utils';
 
 type Db = NodePgDatabase<typeof schema>;
 type DbTransaction = Parameters<Parameters<Db['transaction']>[0]>[0];
@@ -583,12 +584,13 @@ export class ScannerRepository {
   async findBookCardData(bookIds: number[]) {
     if (bookIds.length === 0) return { rows: [], authorRows: [], fileRows: [], genreRows: [] };
 
-    const [rows, authorRows, fileRows, genreRows] = await Promise.all([
+    const [rows, authorRows, unrankedFileRows, genreRows] = await Promise.all([
       this.db
         .select({
           id: books.id,
           status: books.status,
           coverAspectRatio: libraries.coverAspectRatio,
+          formatPriority: libraries.formatPriority,
           primaryFileId: books.primaryFileId,
           folderPath: books.folderPath,
           addedAt: books.addedAt,
@@ -630,7 +632,8 @@ export class ScannerRepository {
           mediaOverlayCheckedAt: bookFiles.mediaOverlayCheckedAt,
         })
         .from(bookFiles)
-        .where(inArray(bookFiles.bookId, bookIds)),
+        .where(inArray(bookFiles.bookId, bookIds))
+        .orderBy(asc(bookFiles.bookId), asc(bookFiles.sortOrder), asc(bookFiles.id)),
       this.db
         .select({ bookId: bookGenres.bookId, name: genres.name })
         .from(bookGenres)
@@ -638,6 +641,10 @@ export class ScannerRepository {
         .where(inArray(bookGenres.bookId, bookIds)),
     ]);
 
+    const fileRows = rankFileRowsByBook(
+      unrankedFileRows,
+      new Map(rows.map((row) => [row.id, { formatPriority: row.formatPriority as string[] | null, primaryFileId: row.primaryFileId }])),
+    );
     return { rows, authorRows, fileRows, genreRows };
   }