From b266828b452ddbf5eba9500f76e09e0f03385db6 Mon Sep 17 00:00:00 2001
From: Ben Kugler <benkug@momentohq.com>
Date: Fri, 10 Apr 2026 17:46:27 -0700
Subject: [PATCH] feat: Add Series and Sequence number to the playlist view for
 items when applicable

---
 client/components/tables/playlist/ItemTableRow.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/client/components/tables/playlist/ItemTableRow.vue b/client/components/tables/playlist/ItemTableRow.vue
index 48563bbb4..e240ca7d0 100644
--- a/client/components/tables/playlist/ItemTableRow.vue
+++ b/client/components/tables/playlist/ItemTableRow.vue
@@ -19,6 +19,9 @@
           <div class="truncate max-w-48 md:max-w-md">
             <nuxt-link :to="`/item/${libraryItem.id}`" class="truncate hover:underline text-sm md:text-base">{{ itemTitle }}</nuxt-link>
           </div>
+          <div v-if="seriesList.length" class="truncate max-w-48 md:max-w-md text-xs md:text-sm text-gray-300">
+            <nuxt-link v-for="_series in seriesList" :key="_series.id" :to="`/library/${libraryItem.libraryId}/series/${_series.id}`" class="hover:underline font-sans text-gray-300"> {{ _series.text }}</nuxt-link>
+          </div>
           <div class="truncate max-w-48 md:max-w-md text-xs md:text-sm text-gray-300">
             <template v-for="(author, index) in bookAuthors">
               <nuxt-link :key="author.id" :to="`/author/${author.id}`" class="truncate hover:underline">{{ author.name }}</nuxt-link
@@ -105,6 +108,17 @@ export default {
       if (this.episode) return []
       return this.mediaMetadata.authors || []
     },
+    series() {
+      if (this.episode) return []
+      return this.mediaMetadata.series || []
+    },
+    seriesList() {
+      return this.series.map((se) => {
+        let text = se.name
+        if (se.sequence) text += ` #${se.sequence}`
+        return { ...se, text }
+      })
+    },
     itemDuration() {
       if (this.episode) return this.$elapsedPretty(this.episode.duration)
       return this.$elapsedPretty(this.media.duration)