From 7d36698916c5d9d885fdc6182f34e70b0a60b180 Mon Sep 17 00:00:00 2001
From: Ben Kugler <benkug@momentohq.com>
Date: Fri, 10 Apr 2026 17:23:28 -0700
Subject: [PATCH] feat: Add 'Add to Playlist' option when selecting multiple
 items

---
 client/components/app/Appbar.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/client/components/app/Appbar.vue b/client/components/app/Appbar.vue
index 428ae6ebf..c81f3b83e 100644
--- a/client/components/app/Appbar.vue
+++ b/client/components/app/Appbar.vue
@@ -64,6 +64,9 @@
         <ui-tooltip v-if="userCanUpdate && isBookLibrary" :text="$strings.LabelAddToCollection" direction="bottom">
           <ui-icon-btn :disabled="processingBatch" icon="collections_bookmark" @click="batchAddToCollectionClick" class="mx-1.5" />
         </ui-tooltip>
+        <ui-tooltip v-if="isBookLibrary" :text="$strings.LabelAddToPlaylist" direction="bottom">
+          <ui-icon-btn :disabled="processingBatch" icon="playlist_add" @click="batchAddToPlaylistClick" class="mx-1.5" />
+        </ui-tooltip>
         <template v-if="userCanUpdate">
           <ui-tooltip :text="$strings.LabelEdit" direction="bottom">
             <ui-icon-btn :disabled="processingBatch" icon="edit" bg-color="bg-warning" class="mx-1.5" @click="batchEditClick" />
@@ -371,6 +374,14 @@ export default {
     batchAddToCollectionClick() {
       this.$store.commit('globals/setShowBatchCollectionsModal', true)
     },
+    batchAddToPlaylistClick() {
+      const playlistItems = this.selectedMediaItems.map((i) => ({
+        libraryItem: { id: i.id },
+        episode: null
+      }))
+      this.$store.commit('globals/setSelectedPlaylistItems', playlistItems)
+      this.$store.commit('globals/setShowPlaylistsModal', true)
+    },
     setBookshelfTotalEntities(totalEntities) {
       this.totalEntities = totalEntities
     },