@itsmrtr/bunkoshelf 1.1.1 → 1.2.1

package/dist/src/app/api/reader/temp-image/route.ts

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fs from "fs/promises";
@@ -14,6 +14,8 @@ const CONTENT_TYPE_MAP: Record<string, string> = {
 
 export async function GET(req: NextRequest) {
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

package/dist/src/components/favorites/FavoritesNav.tsx

@@ -9,6 +9,7 @@ import type { LucideIcon } from "lucide-react";
 
 interface FavoritesNavProps {
   intl: Dictionary;
+  isOthersEnabled: boolean;
 }
 
 interface NavLink {
@@ -18,7 +19,10 @@ interface NavLink {
   isActive: boolean;
 }
 
-export default function FavoritesNav({ intl }: FavoritesNavProps) {
+export default function FavoritesNav({
+  intl,
+  isOthersEnabled,
+}: FavoritesNavProps) {
   const params = useParams<{ lang: Locale }>();
   const pathname = usePathname();
   const currentLang = params.lang || "es";
@@ -30,6 +34,16 @@ export default function FavoritesNav({ intl }: FavoritesNavProps) {
       icon: BookHeartIcon,
       isActive: pathname === `/${currentLang}/favorites`,
     },
+    ...(isOthersEnabled
+      ? [
+          {
+            label: intl.favorites.sectionOthers,
+            href: `/${currentLang}/favorites/others`,
+            icon: BookHeartIcon,
+            isActive: pathname === `/${currentLang}/favorites/others`,
+          },
+        ]
+      : []),
     {
       label: intl.favorites.sectionBooks,
       href: `/${currentLang}/favorites/books`,

package/dist/src/components/home/manga/HeroKeepRead.tsx

@@ -4,53 +4,42 @@ import { LibraryBigIcon, ChevronRightIcon } from "lucide-react";
 import MangaCard from "@/components/ui/MangaCard";
 import ReloadButton from "@/components/ui/ReloadButton";
 import PushButton from "@/components/ui/PushButton";
-import { getMangaVolumes } from "@/actions/library";
-import { getMangaCoverUrl } from "@/lib/mangaCover";
+import {
+  getLibraryRootHref,
+  type LibrarySection,
+} from "@/lib/librarySection";
 import type { DictionarySection, Locale } from "@/lib/types";
 
+export interface HomeKeepReadingEntry {
+  title: string;
+  slug: string;
+  isOneshot: boolean;
+  coverImage: string | null;
+  section: LibrarySection;
+  meta: { title?: string | null } | null;
+  lastPage: number;
+  totalPages: number;
+}
+
 interface HeroKeepReadProps {
   lang: Locale;
   intl: DictionarySection;
   vapidPublicKey?: string;
+  entry: HomeKeepReadingEntry | null;
 }
 
-export default async function HeroKeepRead({ lang, intl, vapidPublicKey }: HeroKeepReadProps) {
-  const result = await getMangaVolumes();
-
-  const entry = (() => {
-    if (!result?.success || !result.data) return null;
-
-    return (
-      result.data
-        .map((vol) => {
-          const progress = vol.usersProgress?.[0] ?? null;
-          return {
-            title: vol.title,
-            slug: vol.slug,
-            isOneshot: vol.series?.isOneshot === true,
-            coverImage: getMangaCoverUrl(vol),
-            meta: vol.metadataObj ? { title: vol.metadataObj.title } : null,
-            lastPage: progress?.lastPage ?? 0,
-            totalPages: progress?.totalPages ?? 0,
-            lastReadAt: progress?.lastReadAt ? new Date(progress.lastReadAt) : null,
-          };
-        })
-        .filter((vol) => {
-          if (!vol.lastReadAt) return false;
-          const notStarted = vol.lastPage === 0;
-          const alreadyFinished = vol.lastPage >= vol.totalPages - 1;
-          return !notStarted && !alreadyFinished;
-        })
-        .sort((a, b) => (b.lastReadAt?.getTime() ?? 0) - (a.lastReadAt?.getTime() ?? 0))[0] ?? null
-    );
-  })();
-
+export default function HeroKeepRead({
+  lang,
+  intl,
+  vapidPublicKey,
+  entry,
+}: HeroKeepReadProps) {
   const libraries = intl.libraries as DictionarySection;
 
   return (
     <div className="flex-shrink-0 w-full md:w-1/1 2xl:w-3/5">
       <div className="flex justify-between items-center mb-4">
-        <Link href={`/${lang}/manga`}>
+        <Link href={getLibraryRootHref(lang, entry?.section ?? "manga")}>
           <h2 className="text-onix flex items-center text-base md:text-lg">
             <LibraryBigIcon size={28} className="mr-2" />
             {libraries.keepReading as string}
@@ -71,11 +60,14 @@ export default async function HeroKeepRead({ lang, intl, vapidPublicKey }: HeroK
         {entry ? (
           <MangaCard
             title={entry.meta?.title ?? entry.title}
-            href={`/${lang}/manga/volume/${entry.slug}`}
+            href={`/${lang}/${entry.section}/volume/${entry.slug}`}
             isSeries={false}
             isOneshot={entry.isOneshot}
             volumeCount={null}
             cover={entry.coverImage}
+            progressRatio={
+              entry.totalPages > 0 ? (entry.lastPage + 1) / entry.totalPages : 0
+            }
             intl={intl}
             isDragging={false}
             className="font-roboto font-bold leading-5 2xl:leading-6 text-xl 2xl:text-2xl"

package/dist/src/components/home/manga/RowNewVols.tsx

@@ -1,29 +1,12 @@
-import { getMangaVolumes } from "@/actions/library";
 import RowNewVolsCarousel, { type VolumeEntry } from "./RowNewVolsCarousel";
-import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { DictionarySection, Locale } from "@/lib/types";
 
 interface RowNewVolsProps {
   lang: Locale;
   intl: DictionarySection;
-  maxItems?: number;
+  entries: VolumeEntry[];
 }
 
-export default async function RowNewVols({ lang, intl, maxItems = 8 }: RowNewVolsProps) {
-  const result = await getMangaVolumes();
-
-  const entries: VolumeEntry[] = result?.success && result.data
-    ? [...result.data]
-        .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
-        .slice(0, maxItems)
-        .map((vol) => ({
-          title: vol.title,
-          slug: vol.slug,
-          isOneshot: vol.series?.isOneshot === true,
-          coverImage: getMangaCoverUrl(vol),
-          meta: vol.metadataObj ? { title: vol.metadataObj.title } : null,
-        }))
-    : [];
-
+export default function RowNewVols({ lang, intl, entries }: RowNewVolsProps) {
   return <RowNewVolsCarousel entries={entries} lang={lang} intl={intl} />;
 }

package/dist/src/components/home/manga/RowNewVolsCarousel.tsx

@@ -3,6 +3,10 @@
 import { useRef, useState } from "react";
 import MangaCard from "@/components/ui/MangaCard";
 import { BookPlusIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import {
+  getLibraryVolumeHref,
+  type LibrarySection,
+} from "@/lib/librarySection";
 import type { DictionarySection } from "@/lib/types";
 
 export interface VolumeEntry {
@@ -10,6 +14,7 @@ export interface VolumeEntry {
   slug: string;
   isOneshot: boolean;
   coverImage: string | null;
+  section: LibrarySection;
   meta: { title?: string | null } | null;
 }
 
@@ -102,7 +107,7 @@ export default function RowNewVolsCarousel({ entries, lang, intl }: RowNewVolsCa
           <div key={entry.slug} className="flex-shrink-0 w-1/2 md:w-2/5 2xl:w-1/4">
             <MangaCard
               title={entry.meta?.title ?? entry.title}
-              href={`/${lang}/manga/volume/${entry.slug}`}
+              href={getLibraryVolumeHref(lang, entry.section, entry.slug)}
               isSeries={false}
               isOneshot={entry.isOneshot}
               volumeCount={null}

package/dist/src/components/library/manga/DeleteMangaItem.tsx

@@ -3,15 +3,22 @@
 import clsx from "clsx";
 import { TrashIcon } from "lucide-react";
 import { deleteSeries, deleteVolume } from "@/actions/delete";
+import type { LibrarySection } from "@/lib/librarySection";
 import type { Dictionary } from "@/lib/types";
 
 interface DeleteMangaItemProps {
   intl: Dictionary;
   type?: "volume" | "series";
   slug: string;
+  section?: LibrarySection;
 }
 
-export default function DeleteMangaItem({ intl, type = "volume", slug }: DeleteMangaItemProps) {
+export default function DeleteMangaItem({
+  intl,
+  type = "volume",
+  slug,
+  section = "manga",
+}: DeleteMangaItemProps) {
   const t = intl;
 
   async function handleDelete() {
@@ -38,8 +45,8 @@ export default function DeleteMangaItem({ intl, type = "volume", slug }: DeleteM
         const lang = parts[0] || "en";
         const target =
           type === "volume"
-            ? `/${lang}/manga/volumes`
-            : `/${lang}/manga/series`;
+            ? `/${lang}/${section}/volumes`
+            : `/${lang}/${section}/series`;
         window.location.href = target;
       }
     } catch (e) {

package/dist/src/components/library/manga/Demographics.tsx

@@ -1,17 +1,23 @@
 import Link from "next/link";
+import type { LibrarySection } from "@/lib/librarySection";
 import type { Locale, Dictionary } from "@/lib/types";
 
 interface DemographicsTilesProps {
   intl: Dictionary;
   lang: Locale;
+  section?: LibrarySection;
 }
 
-export default function DemographicsTiles({ intl, lang }: DemographicsTilesProps) {
+export default function DemographicsTiles({
+  intl,
+  lang,
+  section = "manga",
+}: DemographicsTilesProps) {
   const demographics = [
-    { id: 1, name: "Shōnen", link: "/manga/volumes?tag=shonen" },
-    { id: 2, name: "Shōjo", link: "/manga/volumes?tag=shojo" },
-    { id: 3, name: "Seinen", link: "/manga/volumes?tag=seinen" },
-    { id: 4, name: "Josei", link: "/manga/volumes?tag=josei" },
+    { id: 1, name: "Shōnen", link: `/${section}/volumes?tag=shonen` },
+    { id: 2, name: "Shōjo", link: `/${section}/volumes?tag=shojo` },
+    { id: 3, name: "Seinen", link: `/${section}/volumes?tag=seinen` },
+    { id: 4, name: "Josei", link: `/${section}/volumes?tag=josei` },
   ];
 
   return (

package/dist/src/components/library/manga/FiltersDrawer.tsx

@@ -6,6 +6,7 @@ import { ChevronRightIcon } from "lucide-react";
 import Accordion from "@/components/ui/Accordion";
 import clsx from "clsx";
 import { getLibraryFilters } from "@/actions/library";
+import type { LibraryScope } from "@/lib/librarySection";
 import type { DictionarySection } from "@/lib/types";
 
 interface FilterItem {
@@ -15,9 +16,13 @@ interface FilterItem {
 
 interface FiltersDrawerProps {
   intl: DictionarySection;
+  scope?: LibraryScope;
 }
 
-export default function FiltersDrawer({ intl }: FiltersDrawerProps) {
+export default function FiltersDrawer({
+  intl,
+  scope = "all",
+}: FiltersDrawerProps) {
   const router = useRouter();
   const searchParams = useSearchParams();
 
@@ -40,7 +45,7 @@ export default function FiltersDrawer({ intl }: FiltersDrawerProps) {
   useEffect(() => {
     async function fetchFilters() {
       try {
-        const data = await getLibraryFilters();
+        const data = await getLibraryFilters({ scope });
         if (!data || "error" in data) throw new Error("Error fetching filters");
         setGenres(data.genres);
         setTags(data.tags);
@@ -49,7 +54,7 @@ export default function FiltersDrawer({ intl }: FiltersDrawerProps) {
       }
     }
     fetchFilters();
-  }, []);
+  }, [scope]);
 
   function toggleGenre(genreName: string) {
     setSelectedGenres((prev) =>

package/dist/src/components/library/manga/MangaNav.tsx

@@ -11,12 +11,17 @@ import {
 import clsx from "clsx";
 import { useEffect, useState } from "react";
 import { getReaderStats } from "@/actions/stats";
+import {
+  getLibraryRootHref,
+  type LibrarySection,
+} from "@/lib/librarySection";
 import type { Locale, Dictionary, DictionarySection } from "@/lib/types";
 import type { LucideIcon } from "lucide-react";
 
 interface MangaNavProps {
   lang: Locale;
   intl: Dictionary;
+  section?: LibrarySection;
 }
 
 interface NavLink {
@@ -33,7 +38,11 @@ interface Stats {
   totalUnread: number | null;
 }
 
-export default function MangaNav({ lang, intl }: MangaNavProps) {
+export default function MangaNav({
+  lang,
+  intl,
+  section = "manga",
+}: MangaNavProps) {
   const pathname = usePathname();
   const [stats, setStats] = useState<Stats>({
     totalVolumes: null,
@@ -61,29 +70,29 @@ export default function MangaNav({ lang, intl }: MangaNavProps) {
   const links: NavLink[] = [
     {
       label: intl.libraries.overview,
-      href: `/${lang}/manga`,
+      href: getLibraryRootHref(lang, section),
       icon: LayoutPanelTopIcon,
-      isActive: pathname === `/${lang}/manga`,
+      isActive: pathname === getLibraryRootHref(lang, section),
     },
     {
       label: intl.libraries.series,
-      href: `/${lang}/manga/series`,
+      href: `${getLibraryRootHref(lang, section)}/series`,
       icon: LibraryBigIcon,
-      isActive: pathname === `/${lang}/manga/series`,
+      isActive: pathname === `${getLibraryRootHref(lang, section)}/series`,
       count: stats.totalSeries,
     },
     {
       label: intl.libraries.volumes,
-      href: `/${lang}/manga/volumes`,
+      href: `${getLibraryRootHref(lang, section)}/volumes`,
       icon: BookCopyIcon,
-      isActive: pathname === `/${lang}/manga/volumes`,
+      isActive: pathname === `${getLibraryRootHref(lang, section)}/volumes`,
       count: stats.totalVolumes,
     },
     {
       label: intl.libraries.toRead,
-      href: `/${lang}/manga/toread`,
+      href: `${getLibraryRootHref(lang, section)}/toread`,
       icon: BookmarkIcon,
-      isActive: pathname === `/${lang}/manga/toread`,
+      isActive: pathname === `${getLibraryRootHref(lang, section)}/toread`,
       count: stats.totalUnread,
     },
   ];

package/dist/src/components/library/manga/MetadataPanel.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import type { LibrarySection } from "@/lib/librarySection";
 import type { Locale, Dictionary } from "@/lib/types";
 
 function normalize(field: unknown): string | null {
@@ -39,9 +40,16 @@ interface MetadataPanelProps {
   lang: Locale;
   intl: Dictionary;
   linkBase?: string;
+  section?: LibrarySection;
 }
 
-export default function MetadataPanel({ meta, lang, intl, linkBase = "volumes" }: MetadataPanelProps) {
+export default function MetadataPanel({
+  meta,
+  lang,
+  intl,
+  linkBase = "volumes",
+  section = "manga",
+}: MetadataPanelProps) {
   const genres = (meta.genres || []) as { name: string }[];
   const tags = (meta.tags || []) as { name: string }[];
 
@@ -69,7 +77,7 @@ export default function MetadataPanel({ meta, lang, intl, linkBase = "volumes" }
               <Link
                 key={idx}
                 href={{
-                  pathname: `/${lang}/manga/${linkBase}`,
+                  pathname: `/${lang}/${section}/${linkBase}`,
                   query: { genre: genre.name },
                 }}
                 scroll={false}
@@ -92,7 +100,7 @@ export default function MetadataPanel({ meta, lang, intl, linkBase = "volumes" }
               <Link
                 key={idx}
                 href={{
-                  pathname: `/${lang}/manga/${linkBase}`,
+                  pathname: `/${lang}/${section}/${linkBase}`,
                   query: { tag: tag.name },
                 }}
                 scroll={false}

package/dist/src/components/library/manga/ReadButtonsVolume.tsx

@@ -15,6 +15,10 @@ import { toggleVolumeFavorite } from "@/actions/favorites";
 import { updateReadState } from "@/actions/read";
 import { syncReadingProgress } from "@/actions/progress";
 import { sendPush } from "@/actions/web-push";
+import {
+  getLibraryRootHref,
+  type LibrarySection,
+} from "@/lib/librarySection";
 import type { Locale, Dictionary } from "@/lib/types";
 
 interface ReadButtonsVolumeProps {
@@ -29,6 +33,7 @@ interface ReadButtonsVolumeProps {
   mangaStyle: string;
   communityRating: number | null;
   initialPersonalRating: number | null;
+  section?: LibrarySection;
 }
 
 export default function ReadButtonsVolume({
@@ -43,6 +48,7 @@ export default function ReadButtonsVolume({
   mangaStyle,
   communityRating,
   initialPersonalRating,
+  section = "manga",
 }: ReadButtonsVolumeProps) {
   const router = useRouter();
   const [isFavorite, setIsFavorite] = useState(initFavorite);
@@ -186,7 +192,7 @@ export default function ReadButtonsVolume({
             await sendPush({
               title: intl.push.ttFirstRead as string,
               body: (intl.push.bodyFirstRead as string).replace("{title}", volumeTitle),
-              url: `/${lang}/manga`,
+              url: getLibraryRootHref(lang, section),
             });
           } catch (pushErr) {
             console.error("Error al enviar notificación push:", pushErr);

package/dist/src/components/library/manga/SeriesContent.tsx

@@ -8,6 +8,7 @@ import DeleteMangaItem from "./DeleteMangaItem";
 import ScanSeriesButton from "./ScanSeriesButton";
 import Separator from "@/components/ui/Separator";
 import SeriesRating from "./SeriesRating";
+import type { LibrarySection } from "@/lib/librarySection";
 import type { Locale, Dictionary, Session } from "@/lib/types";
 
 interface SeriesContentProps {
@@ -18,6 +19,7 @@ interface SeriesContentProps {
   aggregatedMeta: Record<string, string[]>;
   averageRating: number | null;
   user: Session | null;
+  section?: LibrarySection;
 }
 
 export default function SeriesContent({
@@ -28,6 +30,7 @@ export default function SeriesContent({
   aggregatedMeta,
   averageRating,
   user,
+  section = "manga",
 }: SeriesContentProps) {
   const volumes = serieData.volumes as Record<string, unknown>[];
   const coverImage =
@@ -119,6 +122,7 @@ export default function SeriesContent({
             lang={lang}
             intl={intl}
             linkBase="series"
+            section={section}
           />
         </div>
       </section>
@@ -133,7 +137,7 @@ export default function SeriesContent({
               <MangaCard
                 key={idx}
                 title={(volume.meta as Record<string, string>)?.title || (volume.filename as string)}
-                href={`/${lang}/manga/volume/${volume.slug as string}`}
+                href={`/${lang}/${section}/volume/${volume.slug as string}`}
                 isSeries={false}
                 isOneshot={false}
                 onGoing={false}
@@ -164,6 +168,7 @@ export default function SeriesContent({
                 intl={intl}
                 type="series"
                 slug={serieData.slug as string}
+                section={section}
               />
             </div>
           </>

package/dist/src/components/library/manga/VolumesContent.tsx

@@ -10,6 +10,7 @@ import ScanSeriesButton from "./ScanSeriesButton";
 import Separator from "@/components/ui/Separator";
 import Tabs from "@/components/ui/Tabs";
 import VolumeRating from "./VolumeRating";
+import type { LibrarySection } from "@/lib/librarySection";
 import type { Locale, Dictionary, DictionarySection, Session } from "@/lib/types";
 
 interface ReadingEntry {
@@ -27,6 +28,7 @@ interface VolumesContentProps {
   personalRating: number | null;
   readingEntries: ReadingEntry[];
   firstRead: string | null;
+  section?: LibrarySection;
 }
 
 export default function VolumesContent({
@@ -39,6 +41,7 @@ export default function VolumesContent({
   personalRating,
   readingEntries,
   firstRead,
+  section = "manga",
 }: VolumesContentProps) {
   if (!volumeData) {
     return (
@@ -93,7 +96,7 @@ export default function VolumesContent({
           {!isOneshot && (
             <div className="py-2">
               <Link
-                href={`/${lang}/manga/${seriesSlug}`}
+                href={`/${lang}/${section}/${seriesSlug}`}
                 className="italic hover:underline"
               >
                 {intl.manga.series as string} {(meta.series as string) || seriesTitle}
@@ -113,6 +116,7 @@ export default function VolumesContent({
             mangaStyle={meta.mangaStyle as string}
             communityRating={meta.communityRating as number | null}
             initialPersonalRating={personalRating}
+            section={section}
           />
 
           <div className="mt-8">
@@ -165,7 +169,14 @@ export default function VolumesContent({
             tabs={[
               {
                 label: (intl.manga as DictionarySection).details as string,
-                content: <MetadataPanel meta={meta} lang={lang} intl={intl} />,
+                content: (
+                  <MetadataPanel
+                    meta={meta}
+                    lang={lang}
+                    intl={intl}
+                    section={section}
+                  />
+                ),
               },
               {
                 label: (intl.manga as DictionarySection).readingHistory as string,
@@ -185,7 +196,11 @@ export default function VolumesContent({
               <Separator />
               <div className="flex flex-wrap items-center gap-4">
                 <ScanSeriesButton volumeId={volume.id as string} intl={intl} />
-                <DeleteMangaItem intl={intl} slug={volume.slug as string} />
+                <DeleteMangaItem
+                  intl={intl}
+                  slug={volume.slug as string}
+                  section={section}
+                />
               </div>
             </>
           )}

package/dist/src/components/library/manga/grid/SeriesIndex.tsx

@@ -6,6 +6,11 @@ import Pagination from "@/components/ui/Pagination";
 import FiltersDrawer from "@/components/library/manga/FiltersDrawer";
 import { verifySession } from "@/lib/auth/verifySession";
 import { getMangaCoverUrl } from "@/lib/mangaCover";
+import {
+  getLibrarySeriesHref,
+  type LibraryScope,
+  type LibrarySection,
+} from "@/lib/librarySection";
 import { getSeriesBulkProgress } from "@/lib/reader/readingProgress";
 import type { Locale, Dictionary } from "@/lib/types";
 
@@ -17,6 +22,8 @@ interface SeriesIndexProps {
   page?: number;
   genreFilter?: string | string[];
   tagFilter?: string | string[];
+  scope?: LibraryScope;
+  section?: LibrarySection;
 }
 
 export default async function SeriesIndex({
@@ -25,6 +32,8 @@ export default async function SeriesIndex({
   page = 1,
   genreFilter = [],
   tagFilter = [],
+  scope = "all",
+  section = "manga",
 }: SeriesIndexProps) {
   const genreList =
     typeof genreFilter === "string" ? genreFilter.split(",") : genreFilter;
@@ -38,6 +47,7 @@ export default async function SeriesIndex({
       tagNames: tagList,
       includeGenres: true,
       includeTags: true,
+      scope,
     }),
   ]);
 
@@ -78,7 +88,7 @@ export default async function SeriesIndex({
           {intl.manga.allSeries as string}
         </h2>
 
-        <FiltersDrawer intl={intl} />
+        <FiltersDrawer intl={intl} scope={scope} />
       </div>
 
       <section className="grid grid-cols-2 gap-4 md:grid-cols-5 2xl:grid-cols-7">
@@ -91,7 +101,7 @@ export default async function SeriesIndex({
             <MangaCard
               key={entry.title}
               title={entry.volumes?.[0]?.meta?.series ?? entry.title}
-              href={`/${lang}/manga/${entry.slug}`}
+              href={getLibrarySeriesHref(lang, section, entry.slug)}
               isSeries={true}
               isOneshot={false}
               onGoing={entry.status === "ONGOING"}

package/dist/src/components/library/manga/grid/SeriesIndexFav.tsx

@@ -6,6 +6,12 @@ import {
 } from "@/lib/db/library";
 import { GhostIcon, LibraryBigIcon } from "lucide-react";
 import { getMangaCoverUrl } from "@/lib/mangaCover";
+import {
+  getLibrarySeriesHref,
+  getLibraryVolumeHref,
+  type LibraryScope,
+  type LibrarySection,
+} from "@/lib/librarySection";
 import { sortByPaddedTitle } from "@/lib/utils";
 import { getSeriesBulkProgress } from "@/lib/reader/readingProgress";
 import type { Locale, Dictionary } from "@/lib/types";
@@ -13,9 +19,16 @@ import type { Locale, Dictionary } from "@/lib/types";
 interface SeriesIndexFavProps {
   lang: Locale;
   intl: Dictionary;
+  scope?: LibraryScope;
+  section?: LibrarySection;
 }
 
-export default async function SeriesIndexFav({ lang, intl }: SeriesIndexFavProps) {
+export default async function SeriesIndexFav({
+  lang,
+  intl,
+  scope = "all",
+  section = "manga",
+}: SeriesIndexFavProps) {
   const user = await verifySession();
   if (!user) return null;
 
@@ -32,6 +45,7 @@ export default async function SeriesIndexFav({ lang, intl }: SeriesIndexFavProps
 
   const favorites = await listSeriesWithVolumes({
     seriesIds: favoriteSeriesIds,
+    scope,
   });
 
   const entries = favorites.map((series) => {
@@ -74,8 +88,8 @@ export default async function SeriesIndexFav({ lang, intl }: SeriesIndexFavProps
             : 0;
 
           const href = isSeries
-            ? `/${lang}/manga/${entry.slug}`
-            : `/${lang}/manga/volume/${entry.volumes[0]?.slug}`;
+            ? getLibrarySeriesHref(lang, section, entry.slug)
+            : getLibraryVolumeHref(lang, section, entry.volumes[0]?.slug ?? "");
 
           return (
             <MangaCard