Display first book in series when collapsed

.github/release-drafter.yml

@@ -2,9 +2,11 @@ name-template: 'v$NEXT_PATCH_VERSION 🌟'
 tag-template: 'v$NEXT_PATCH_VERSION'
 
 categories:
-  - title: '🚀 Features'
+  - title: '🚀 New Features'
     labels:
       - 'feature'
+  - title: '✨ Enhancements'
+    labels:
       - 'enhancement'
   - title: '🐛 Bug Fixes'
     labels:

booklore-ui/src/app/book/components/book-browser/filters/SeriesCollapseFilter.ts

@@ -49,24 +49,38 @@ export class SeriesCollapseFilter implements BookFilter {
       map(isCollapsed => {
         if (!isCollapsed || !bookState.books) return bookState;
 
-        const seenSeries = new Set<string>();
+        const books = [...bookState.books];
+
+        const seriesMap = new Map<string, Book[]>();
         const collapsedBooks: Book[] = [];
 
-        for (const book of bookState.books) {
-          const name = book.metadata?.seriesName?.trim();
-          if (name && !seenSeries.has(name)) {
-            const count = bookState.books.filter(b => b.metadata?.seriesName?.trim() === name).length;
-            collapsedBooks.push({
-              ...book,
-              seriesCount: count,
-            });
-            seenSeries.add(name);
-          } else if (!name) {
+        for (const book of books) {
+          const seriesName = book.metadata?.seriesName?.trim();
+          if (seriesName) {
+            if (!seriesMap.has(seriesName)) {
+              seriesMap.set(seriesName, []);
+            }
+            seriesMap.get(seriesName)!.push(book);
+          } else {
             collapsedBooks.push(book);
           }
         }
+        
+        for (const [seriesName, group] of seriesMap.entries()) {
+          const sortedGroup = group.slice().sort((a, b) => {
+            const aNum = a.metadata?.seriesNumber ?? Number.MAX_VALUE;
+            const bNum = b.metadata?.seriesNumber ?? Number.MAX_VALUE;
+            return aNum - bNum;
+          });
 
-        return {...bookState, books: collapsedBooks};
+          const firstBook = sortedGroup[0];
+          collapsedBooks.push({
+            ...firstBook,
+            seriesCount: group.length
+          });
+        }
+
+        return { ...bookState, books: collapsedBooks };
       })
     );
   }