@itsmrtr/bunkoshelf 1.2.9 → 1.3.0

package/dist/.next/static/chunks/163ddawui.u5k.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,58700,e=>{"use strict";var a=e.i(76172),r=e.i(96505),t=e.i(21697),l=e.i(11805),n=e.i(18146);e.s(["default",0,function({currentPage:e,totalPages:i,intl:s}){let o=(0,n.useRouter)(),c=(0,n.usePathname)(),d=(0,n.useSearchParams)(),[u,f]=(0,r.useTransition)(),p=a=>{if(u||a===e||a<1||a>i)return;let r=new URLSearchParams(d.toString());r.set("page",String(a));let t=`${c}?${r.toString()}`;f(()=>{o.replace(t)})};return(0,a.jsxs)("div",{className:"flex justify-center items-center gap-2",children:[(0,a.jsx)("button",{type:"button",disabled:1===e||u,onClick:()=>p(e-1),className:"p-3 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300 disabled:opacity-40 disabled:pointer-events-none",children:(0,a.jsx)(t.ChevronLeftIcon,{size:20})}),(0,a.jsxs)("span",{className:"px-2",children:[s.reader.page," ",e," / ",i]}),(0,a.jsx)("button",{type:"button",disabled:e===i||u,onClick:()=>p(e+1),className:"p-3 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300 disabled:opacity-40 disabled:pointer-events-none",children:(0,a.jsx)(l.ChevronRightIcon,{size:20})})]})}])},53560,e=>{"use strict";let a=(0,e.i(6875).default)("trash",[["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);e.s(["TrashIcon",0,a],53560)},67872,e=>{"use strict";let a=(0,e.i(6875).default)("heart-off",[["path",{d:"M10.5 4.893a5.5 5.5 0 0 1 1.091.931.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 1.872-1.002 3.356-2.187 4.655",key:"1inpfl"}],["path",{d:"m16.967 16.967-3.459 3.346a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 2.747-4.761",key:"vbc6x7"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);e.s(["HeartOffIcon",0,a],67872)},14969,e=>{"use strict";var a=e.i(76172),r=e.i(80448),t=e.i(96556),l=e.i(96505);e.s(["default",0,function({meta:e,intl:n}){let[i,s]=(0,l.useState)(!1);return e.summary?(0,a.jsxs)("div",{className:"max-w-2xl",children:[(0,a.jsx)("p",{className:`${!i?"line-clamp-3":""} transition-all duration-300`,children:e.summary}),(0,a.jsx)("div",{className:"flex justify-center",children:(0,a.jsx)("button",{onClick:()=>s(!i),className:"mt-2 text-sm text-neutral-600 uppercase underline flex items-center gap-1 cursor-pointer",children:i?(0,a.jsxs)(a.Fragment,{children:[n.manga.showLess," ",(0,a.jsx)(r.ChevronUpIcon,{size:16})]}):(0,a.jsxs)(a.Fragment,{children:[n.manga.showMore," ",(0,a.jsx)(t.ChevronDownIcon,{size:16})]})})})]}):null}])},3099,e=>{"use strict";var a=e.i(76172),r=e.i(7284),t=e.i(53560),l=e.i(52009);let n=(0,l.createServerReference)("4001cc0fa1594088d70913766080c2b85c3071d488",l.callServer,void 0,l.findSourceMapURL,"deleteSeries"),i=(0,l.createServerReference)("40121e8ba03f75b6a1f7d21f9d7525d618a7addb0b",l.callServer,void 0,l.findSourceMapURL,"deleteVolume");e.s(["default",0,function({intl:e,type:l="volume",slug:s,section:o="manga"}){async function c(){let a=null;try{if(!confirm("volume"===l?e.libraries.deleteSure.volume:e.libraries.deleteSure.series))return;let r="volume"===l?await i({slug:s}):await n({slug:s});if(r&&!("error"in r)&&"ok"in r&&r.ok){let e=window.location.pathname.split("/").filter(Boolean)[0]||"en",a="volume"===l?`/${e}/${o}/volumes`:`/${e}/${o}/series`;window.location.href=a}else a=Error(r&&"error"in r?r.error:"Delete failed")}catch(e){a=e}finally{a&&console.error(a)}}return(0,a.jsxs)("button",{className:(0,r.default)("text-danger-alt text-xs uppercase cursor-pointer hover:underline","flex flex-row items-center gap-1"),onClick:c,children:[(0,a.jsx)(t.TrashIcon,{size:11,className:"mb-0.5"}),"volume"===l?e.libraries.deleteItem.volume:e.libraries.deleteItem.series]})}],3099)},12841,e=>{"use strict";let a=(0,e.i(6875).default)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);e.s(["Loader2Icon",0,a],12841)},70271,e=>{"use strict";var a=e.i(76172),r=e.i(96505),t=e.i(7284);let l=(0,e.i(6875).default)("scan-search",[["path",{d:"M3 7V5a2 2 0 0 1 2-2h2",key:"aa7l1z"}],["path",{d:"M17 3h2a2 2 0 0 1 2 2v2",key:"4qcy5o"}],["path",{d:"M21 17v2a2 2 0 0 1-2 2h-2",key:"6vwrx8"}],["path",{d:"M7 21H5a2 2 0 0 1-2-2v-2",key:"ioqczr"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}],["path",{d:"m16 16-1.9-1.9",key:"1dq9hf"}]]);var n=e.i(12841),i=e.i(52009);let s=(0,i.createServerReference)("40563dd06584b3e698843a705c14bdd957e467dc00",i.callServer,void 0,i.findSourceMapURL,"scanSeries"),o=(0,i.createServerReference)("407809073882d2048501f99132d538af42ac68df74",i.callServer,void 0,i.findSourceMapURL,"scanVolume");var c=e.i(65932);e.s(["default",0,function({seriesId:e,volumeId:i,intl:d}){let[u,f]=(0,r.useState)(!1),{addToast:p}=(0,c.useToast)(),v=!!i,m=async()=>{f(!0);try{let a=v?await o(i):await s(e);if(!a||"error"in a)return void p({title:"Error",description:a&&"error"in a?a.error:"Scan failed",variant:"error"});p({title:d?.manga?.scanComplete||"Escaneo completado",description:`${a.coversUpdated} portada(s), ${a.metaUpdated} metadatos`,variant:"success"}),setTimeout(()=>{window.location.reload()},2e3)}catch{p({title:"Error",description:v?"Error al escanear el volumen":"Error al escanear la serie",variant:"error"})}finally{f(!1)}};return(0,a.jsxs)("button",{onClick:m,disabled:u,className:(0,t.default)("text-xs uppercase cursor-pointer hover:underline","flex flex-row items-center gap-1","disabled:opacity-50 disabled:cursor-not-allowed"),children:[u?(0,a.jsx)(n.Loader2Icon,{size:12,className:"animate-spin"}):(0,a.jsx)(l,{size:12}),u?d.manga.scanning:v?d.manga.scanVolume:d.manga.scanSeries]})}],70271)},7404,e=>{"use strict";var a=e.i(76172),r=e.i(96505),t=e.i(86412),l=e.i(67872),n=e.i(7284),i=e.i(6875);let s=(0,i.default)("circle-fading-arrow-up",[["path",{d:"M12 2a10 10 0 0 1 7.38 16.75",key:"175t95"}],["path",{d:"m16 12-4-4-4 4",key:"177agl"}],["path",{d:"M12 16V8",key:"1sbj14"}],["path",{d:"M2.5 8.875a10 10 0 0 0-.5 3",key:"1vce0s"}],["path",{d:"M2.83 16a10 10 0 0 0 2.43 3.4",key:"o3fkw4"}],["path",{d:"M4.636 5.235a10 10 0 0 1 .891-.857",key:"1szpfk"}],["path",{d:"M8.644 21.42a10 10 0 0 0 7.631-.38",key:"9yhvd4"}]]);var o=e.i(47897),o=o;let c=(0,i.default)("circle-pause",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"10",x2:"10",y1:"15",y2:"9",key:"c1nkhi"}],["line",{x1:"14",x2:"14",y1:"15",y2:"9",key:"h65svq"}]]);var d=e.i(48589),d=d,u=e.i(52009);let f=(0,u.createServerReference)("4078618559bb558ec617c7fdb65eff5cf37bc3a64c",u.callServer,void 0,u.findSourceMapURL,"getSeriesStatus"),p=(0,u.createServerReference)("4097eaf23a8dbcb02aa6e3eb1afcc2ac7cf2ba4296",u.callServer,void 0,u.findSourceMapURL,"updateSeriesStatus"),v={ONGOING:"text-cyan-500",FINISHED:"text-pearl",HIATUS:"text-yellow-500",CANCELLED:"text-red-500"};function m({intl:e,seriesId:t}){let l=[{value:"ONGOING",label:e.manga.onGoing,icon:s},{value:"FINISHED",label:e.manga.finished,icon:o.default},{value:"HIATUS",label:e.manga.hiatus,icon:c},{value:"CANCELLED",label:e.manga.cancelled,icon:d.default}],[i,u]=(0,r.useState)(null),[b,h]=(0,r.useState)(!1),[x,g]=(0,r.useState)(!1),y=(0,r.useRef)(null),S=l.find(e=>e.value===i),k=S?.icon||s,j=v[i||""]||"text-sand";(0,r.useEffect)(()=>{let e=!0,a=async()=>{let a=await f({seriesId:t});!a||"error"in a||!e||u(a.status||"FINISHED")};return t&&a(),()=>{e=!1}},[t]),(0,r.useEffect)(()=>{let e=e=>{y.current&&!y.current.contains(e.target)&&h(!1)};return b&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[b]);let w=async e=>{g(!0);try{let a=await p({seriesId:t,status:e});!a||"error"in a||(u(a.status),h(!1))}finally{g(!1)}};return(0,a.jsxs)("div",{className:"relative",ref:y,children:[(0,a.jsx)("button",{onClick:()=>h(!b),disabled:x,className:(0,n.default)("group p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer","text-sand bg-blackamber border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl"),title:S?.label||"Seleccionar estado",children:(0,a.jsx)(k,{size:20,className:(0,n.default)(j,"transition-colors","FINISHED"===i&&"group-hover:text-onix")})}),b&&(0,a.jsx)("div",{className:"absolute top-full mt-2 left-0 bg-blackamber rounded-lg shadow-lg overflow-hidden z-10 min-w-[180px]",children:l.map(e=>{let r=e.icon;return(0,a.jsxs)("button",{onClick:()=>w(e.value),disabled:x,className:(0,n.default)("w-full flex items-center gap-3 px-4 py-3 transition-all duration-200",i===e.value?"bg-sand text-onix":"text-sand hover:bg-pearl hover:text-onix"),children:[(0,a.jsx)(r,{size:20}),(0,a.jsx)("span",{className:"text-sm font-medium",children:e.label})]},e.value)})})]})}let b=(0,u.createServerReference)("4089a0b15948afef310857f10d10b4f365ac90b9f1",u.callServer,void 0,u.findSourceMapURL,"toggleSeriesFavorite");e.s(["default",0,function({lang:e,intl:i,seriesId:s,initFavorite:o}){let[c,d]=(0,r.useState)(o),[u,f]=(0,r.useState)(!1),p=async()=>{f(!0);try{let e=await b({seriesId:s,favorite:!c});if(!e)return;e.success?d(e=>!e):"error"in e&&console.error("Failed to toggle favorite:",e.error)}catch(e){console.error("Request error:",e)}finally{f(!1)}};return(0,a.jsxs)("div",{className:"flex flex-row mt-4 gap-2",children:[(0,a.jsx)(m,{lang:e,intl:i,seriesId:s}),(0,a.jsx)("button",{onClick:p,disabled:u,className:(0,n.default)("p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer",c?"text-onix bg-sand border-sand hover:bg-pearl hover:border-pearl":"text-sand bg-blackamber border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl"),title:c?"Eliminar de favoritos":"Marcar como favorito",children:c?(0,a.jsx)(l.HeartOffIcon,{size:20}):(0,a.jsx)(t.HeartIcon,{size:20})})]})}],7404)}]);

package/dist/migrations/003_add_natural_sort_keys.sql

@@ -0,0 +1,66 @@
+CREATE OR REPLACE FUNCTION bunko_natural_sort_key(input_text TEXT)
+RETURNS TEXT
+LANGUAGE plpgsql
+IMMUTABLE
+AS $$
+DECLARE
+  result TEXT := '';
+  current_number TEXT := '';
+  current_char TEXT;
+  i INTEGER;
+BEGIN
+  IF input_text IS NULL THEN
+    RETURN '';
+  END IF;
+
+  FOR i IN 1..char_length(input_text) LOOP
+    current_char := substr(input_text, i, 1);
+
+    IF current_char ~ '[0-9]' THEN
+      current_number := current_number || current_char;
+    ELSE
+      IF current_number <> '' THEN
+        result := result || lpad(current_number, 5, '0');
+        current_number := '';
+      END IF;
+
+      result := result || lower(current_char);
+    END IF;
+  END LOOP;
+
+  IF current_number <> '' THEN
+    result := result || lpad(current_number, 5, '0');
+  END IF;
+
+  RETURN result;
+END;
+$$;
+
+ALTER TABLE manga_series
+  ADD COLUMN IF NOT EXISTS sort_title TEXT;
+
+ALTER TABLE manga_volumes
+  ADD COLUMN IF NOT EXISTS sort_title TEXT;
+
+UPDATE manga_series
+SET sort_title = bunko_natural_sort_key(title)
+WHERE sort_title IS NULL OR sort_title = '';
+
+UPDATE manga_volumes
+SET sort_title = bunko_natural_sort_key(title)
+WHERE sort_title IS NULL OR sort_title = '';
+
+ALTER TABLE manga_series
+  ALTER COLUMN sort_title SET NOT NULL;
+
+ALTER TABLE manga_volumes
+  ALTER COLUMN sort_title SET NOT NULL;
+
+CREATE INDEX IF NOT EXISTS manga_series_sort_title_idx
+  ON manga_series (sort_title);
+
+CREATE INDEX IF NOT EXISTS manga_volumes_sort_title_idx
+  ON manga_volumes (sort_title);
+
+CREATE INDEX IF NOT EXISTS manga_volumes_series_id_sort_title_idx
+  ON manga_volumes (series_id, sort_title);

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itsmrtr/bunkoshelf",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "description": "Self-hosted personal manga library.",
   "keywords": [
     "bunko",

package/dist/src/actions/read.ts

@@ -3,6 +3,7 @@
 import { verifySession } from "@/lib/auth/verifySession";
 import {
   createReadingEntryRecord,
+  ensureDailyReadingLog,
   upsertVolumeProgress,
 } from "@/lib/db/reading";
 import { syncFirstRead } from "@/actions/readingHistory";
@@ -66,6 +67,7 @@ export async function updateReadState({
 
     if (normalizedRead && typeof firstRead === "string") {
       await createReadingEntryRecord(user.id, normalizedVolumeId, firstRead);
+      await ensureDailyReadingLog(user.id, firstRead);
 
       await syncFirstRead(user.id, normalizedVolumeId);
     }

package/dist/src/actions/readingHistory.ts

@@ -4,6 +4,7 @@ import { verifySession } from "@/lib/auth/verifySession";
 import {
   createReadingEntryRecord,
   deleteReadingEntryRecord,
+  ensureDailyReadingLog,
   findOldestReadingEntryDate,
   findReadingEntryById,
   findVolumeProgress,
@@ -66,6 +67,7 @@ export async function createReadingEntry({ volumeId, readAt }: { volumeId: strin
     }
 
     const entry = await createReadingEntryRecord(user.id, volumeId, readAt);
+    await ensureDailyReadingLog(user.id, readAt);
 
     await syncFirstRead(user.id, volumeId);
 
@@ -99,6 +101,7 @@ export async function updateReadingEntry({ entryId, readAt }: { entryId: string;
     }
 
     const entry = await updateReadingEntryRecord(entryId, readAt);
+    await ensureDailyReadingLog(user.id, readAt);
 
     await syncFirstRead(user.id, existing.volume_id);
 

package/dist/src/app/[lang]/favorites/manga/page.tsx

@@ -0,0 +1,52 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import SeriesIndexFav from "@/components/library/manga/grid/SeriesIndexFav";
+import { getLibraryScope } from "@/lib/librarySection";
+import type { Locale } from "@/lib/types";
+
+interface FavoritesMangaPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function GridSkeleton() {
+  return (
+    <section className="p-4">
+      <div className="h-7 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="grid grid-cols-3 md:grid-cols-5 2xl:grid-cols-7 gap-4">
+        {Array.from({ length: 7 }).map((_, i) => (
+          <div key={i} className="aspect-[3/5] rounded-lg bg-sand animate-pulse" />
+        ))}
+      </div>
+    </section>
+  );
+}
+
+async function FavoritesMangaContent({
+  params,
+  searchParams,
+}: FavoritesMangaPageProps) {
+  const { lang = "es" } = await params;
+  const resolvedSearchParams = await searchParams;
+  const pageRaw = resolvedSearchParams.page ?? "1";
+  const page = Number.parseInt(pageRaw, 10) || 1;
+  const intl = await getDictionary(lang as Locale);
+  const scope = getLibraryScope("manga");
+
+  return (
+    <SeriesIndexFav
+      lang={lang as Locale}
+      intl={intl}
+      page={page}
+      scope={scope}
+    />
+  );
+}
+
+export default function FavoritesMangaPage(props: FavoritesMangaPageProps) {
+  return (
+    <Suspense fallback={<GridSkeleton />}>
+      <FavoritesMangaContent {...props} />
+    </Suspense>
+  );
+}

package/dist/src/app/[lang]/favorites/manga/volumes/page.tsx

@@ -0,0 +1,54 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import VolumesIndexFav from "@/components/library/manga/grid/VolumesIndexFav";
+import { getLibraryScope } from "@/lib/librarySection";
+import type { Locale } from "@/lib/types";
+
+interface FavoritesMangaVolumesPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function GridSkeleton() {
+  return (
+    <section className="p-4">
+      <div className="h-7 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="grid grid-cols-3 md:grid-cols-5 2xl:grid-cols-7 gap-4">
+        {Array.from({ length: 7 }).map((_, i) => (
+          <div key={i} className="aspect-[3/5] rounded-lg bg-sand animate-pulse" />
+        ))}
+      </div>
+    </section>
+  );
+}
+
+async function FavoritesMangaVolumesContent({
+  params,
+  searchParams,
+}: FavoritesMangaVolumesPageProps) {
+  const { lang = "es" } = await params;
+  const resolvedSearchParams = await searchParams;
+  const pageRaw = resolvedSearchParams.page ?? "1";
+  const page = Number.parseInt(pageRaw, 10) || 1;
+  const intl = await getDictionary(lang as Locale);
+  const scope = getLibraryScope("manga");
+
+  return (
+    <VolumesIndexFav
+      lang={lang as Locale}
+      intl={intl}
+      page={page}
+      scope={scope}
+    />
+  );
+}
+
+export default function FavoritesMangaVolumesPage(
+  props: FavoritesMangaVolumesPageProps
+) {
+  return (
+    <Suspense fallback={<GridSkeleton />}>
+      <FavoritesMangaVolumesContent {...props} />
+    </Suspense>
+  );
+}

package/dist/src/app/[lang]/favorites/others/page.tsx

@@ -1,12 +1,11 @@
 import { Suspense } from "react";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import SeriesIndexFav from "@/components/library/manga/grid/SeriesIndexFav";
-import VolumesIndexFav from "@/components/library/manga/grid/VolumesIndexFav";
-import Separator from "@/components/ui/Separator";
 import type { Locale } from "@/lib/types";
 
 interface FavoritesOthersPageProps {
   params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
 }
 
 function GridSkeleton() {
@@ -22,44 +21,31 @@ function GridSkeleton() {
   );
 }
 
-async function FavoritesSeries({ params }: { params: Promise<{ lang: string }> }) {
+async function FavoritesOthersContent({
+  params,
+  searchParams,
+}: FavoritesOthersPageProps) {
   const { lang = "es" } = await params;
+  const resolvedSearchParams = await searchParams;
+  const pageRaw = resolvedSearchParams.page ?? "1";
+  const page = Number.parseInt(pageRaw, 10) || 1;
   const intl = await getDictionary(lang as Locale);
-  return (
-    <SeriesIndexFav
-      lang={lang as Locale}
-      intl={intl}
-      scope="others"
-      section="others"
-    />
-  );
-}
 
-async function FavoritesVolumes({ params }: { params: Promise<{ lang: string }> }) {
-  const { lang = "es" } = await params;
-  const intl = await getDictionary(lang as Locale);
   return (
-    <VolumesIndexFav
+    <SeriesIndexFav
       lang={lang as Locale}
       intl={intl}
+      page={page}
       scope="others"
       section="others"
     />
   );
 }
 
-export default function FavoritesOthersPage({
-  params,
-}: FavoritesOthersPageProps) {
+export default function FavoritesOthersPage(props: FavoritesOthersPageProps) {
   return (
-    <>
-      <Suspense fallback={<GridSkeleton />}>
-        <FavoritesSeries params={params} />
-      </Suspense>
-      <Separator />
-      <Suspense fallback={<GridSkeleton />}>
-        <FavoritesVolumes params={params} />
-      </Suspense>
-    </>
+    <Suspense fallback={<GridSkeleton />}>
+      <FavoritesOthersContent {...props} />
+    </Suspense>
   );
 }

package/dist/src/app/[lang]/favorites/others/volumes/page.tsx

@@ -0,0 +1,53 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import VolumesIndexFav from "@/components/library/manga/grid/VolumesIndexFav";
+import type { Locale } from "@/lib/types";
+
+interface FavoritesOthersVolumesPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function GridSkeleton() {
+  return (
+    <section className="p-4">
+      <div className="h-7 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="grid grid-cols-3 md:grid-cols-5 2xl:grid-cols-7 gap-4">
+        {Array.from({ length: 7 }).map((_, i) => (
+          <div key={i} className="aspect-[3/5] rounded-lg bg-sand animate-pulse" />
+        ))}
+      </div>
+    </section>
+  );
+}
+
+async function FavoritesOthersVolumesContent({
+  params,
+  searchParams,
+}: FavoritesOthersVolumesPageProps) {
+  const { lang = "es" } = await params;
+  const resolvedSearchParams = await searchParams;
+  const pageRaw = resolvedSearchParams.page ?? "1";
+  const page = Number.parseInt(pageRaw, 10) || 1;
+  const intl = await getDictionary(lang as Locale);
+
+  return (
+    <VolumesIndexFav
+      lang={lang as Locale}
+      intl={intl}
+      page={page}
+      scope="others"
+      section="others"
+    />
+  );
+}
+
+export default function FavoritesOthersVolumesPage(
+  props: FavoritesOthersVolumesPageProps
+) {
+  return (
+    <Suspense fallback={<GridSkeleton />}>
+      <FavoritesOthersVolumesContent {...props} />
+    </Suspense>
+  );
+}

package/dist/src/app/[lang]/favorites/page.tsx

@@ -1,52 +1,11 @@
-import { Suspense } from "react";
-import { getDictionary } from "@/lib/i18n/Dictionary";
-import SeriesIndexFav from "@/components/library/manga/grid/SeriesIndexFav";
-import VolumesIndexFav from "@/components/library/manga/grid/VolumesIndexFav";
-import Separator from "@/components/ui/Separator";
-import { getLibraryScope } from "@/lib/librarySection";
-import type { Locale } from "@/lib/types";
+import { redirect } from "next/navigation";
 
 interface FavoritesPageProps {
   params: Promise<{ lang: string }>;
 }
 
-function GridSkeleton() {
-  return (
-    <section className="p-4">
-      <div className="h-7 w-48 rounded bg-sand animate-pulse mb-4" />
-      <div className="grid grid-cols-3 md:grid-cols-5 2xl:grid-cols-7 gap-4">
-        {Array.from({ length: 7 }).map((_, i) => (
-          <div key={i} className="aspect-[3/5] rounded-lg bg-sand animate-pulse" />
-        ))}
-      </div>
-    </section>
-  );
-}
-
-async function FavoritesSeries({ params }: { params: Promise<{ lang: string }> }) {
-  const { lang = "es" } = await params;
-  const intl = await getDictionary(lang as Locale);
-  const scope = getLibraryScope("manga");
-  return <SeriesIndexFav lang={lang as Locale} intl={intl} scope={scope} />;
-}
-
-async function FavoritesVolumes({ params }: { params: Promise<{ lang: string }> }) {
+export default async function FavoritesPage({ params }: FavoritesPageProps) {
   const { lang = "es" } = await params;
-  const intl = await getDictionary(lang as Locale);
-  const scope = getLibraryScope("manga");
-  return <VolumesIndexFav lang={lang as Locale} intl={intl} scope={scope} />;
-}
 
-export default function FavoritesPage({ params }: FavoritesPageProps) {
-  return (
-    <>
-      <Suspense fallback={<GridSkeleton />}>
-        <FavoritesSeries params={params} />
-      </Suspense>
-      <Separator />
-      <Suspense fallback={<GridSkeleton />}>
-        <FavoritesVolumes params={params} />
-      </Suspense>
-    </>
-  );
+  redirect(`/${lang}/favorites/manga`);
 }

package/dist/src/app/[lang]/manga/[series]/page.tsx

@@ -6,23 +6,22 @@ import { verifySession } from "@/lib/auth/verifySession";
 import { listVolumeRatings, findSeriesFavoriteState } from "@/lib/db/reading";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import {
-  findSeriesBySlug,
-  type LibraryVolumeMetadata,
+  findSeriesBySlugBasic,
+  listPagedVolumes,
+  type SeriesVolumeAggregate,
+  listSeriesVolumeAggregates,
+  listVolumeProgressByIds,
 } from "@/lib/db/library";
 import {
   getLibrarySection,
   getLibrarySeriesHref,
 } from "@/lib/librarySection";
 import { getMangaCoverUrl } from "@/lib/mangaCover";
-import { sortByPaddedTitle } from "@/lib/utils";
+import { LIBRARY_PAGE_SIZE } from "@/lib/libraryPagination";
 import type { Locale } from "@/lib/types";
 
-interface AggregatedMeta {
-  [key: string]: string[];
-}
-
 function aggregateMetadata(
-  volumes: { metadataObj?: LibraryVolumeMetadata | null }[]
+  volumes: SeriesVolumeAggregate[]
 ) {
   const fields = [
     "writer", "penciller", "inker", "colorist", "letterer",
@@ -35,10 +34,8 @@ function aggregateMetadata(
   }
 
   for (const vol of volumes) {
-    const meta = vol.metadataObj;
-    if (!meta) continue;
     for (const key of fields) {
-      const raw = meta[key];
+      const raw = vol[key];
       if (typeof raw === "string" && raw.trim() !== "") {
         raw.split(",").forEach((entry) => {
           aggregated[key].add(entry.trim());
@@ -47,7 +44,7 @@ function aggregateMetadata(
     }
   }
 
-  const result: AggregatedMeta = {};
+  const result: Record<string, string[]> = {};
   for (const key of fields) {
     result[key] = Array.from(aggregated[key]);
   }
@@ -57,23 +54,24 @@ function aggregateMetadata(
 
 interface SeriesMangaPageProps {
   params: Promise<{ lang: string; series: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
 }
 
 async function SeriesMangaPageContent({
   params,
+  searchParams,
 }: SeriesMangaPageProps) {
   const { lang = "es", series } = await params;
+  const resolvedSearchParams = await searchParams;
+  const pageRaw = resolvedSearchParams.page ?? "1";
+  const parsedPage = parseInt(pageRaw, 10);
+  const page = Number.isNaN(parsedPage) || parsedPage < 1 ? 1 : parsedPage;
   const intl = await getDictionary(lang as Locale);
 
   try {
     const user = await verifySession();
 
-    const serie = await findSeriesBySlug({
-      slug: series,
-      userId: user?.id ?? null,
-      includeGenres: true,
-      includeTags: true,
-    });
+    const serie = await findSeriesBySlugBasic(series);
 
     if (!serie) {
       return (
@@ -83,44 +81,80 @@ async function SeriesMangaPageContent({
       );
     }
 
-    const targetSection = getLibrarySection(serie.volumes[0]?.metadataObj?.mangaStyle);
+    const [firstVolumePage, volumePage, aggregateVolumes] = await Promise.all([
+      listPagedVolumes({
+        page: 1,
+        pageSize: 1,
+        seriesIds: [serie.id],
+        includeGenres: true,
+        includeTags: true,
+      }),
+      listPagedVolumes({
+        page,
+        pageSize: LIBRARY_PAGE_SIZE,
+        seriesIds: [serie.id],
+      }),
+      listSeriesVolumeAggregates(serie.id),
+    ]);
+
+    const firstVolume = firstVolumePage.items[0] ?? null;
+
+    if (!firstVolume) {
+      return (
+        <div className="text-center mt-8">
+          {(intl?.errors?.notFound as string) || "Serie no encontrada."}
+        </div>
+      );
+    }
+
+    const targetSection = getLibrarySection(firstVolume.metadataObj?.mangaStyle);
 
     if (targetSection !== "manga") {
       redirect(getLibrarySeriesHref(lang, targetSection, serie.slug));
     }
 
+    const progressById = user
+      ? await listVolumeProgressByIds(
+          user.id,
+          volumePage.items.map((volume) => volume.id)
+        )
+      : {};
+
+    const paginatedVolumes = volumePage.items.map((vol) => {
+      const meta = {
+        ...(vol.metadataObj || null),
+        genres: [],
+        tags: [],
+      };
+
+      return {
+        ...vol,
+        usersProgress: progressById[vol.id] ? [progressById[vol.id]] : [],
+        coverImage: getMangaCoverUrl(vol),
+        meta,
+      };
+    });
+
     const normalizedSerie = {
       ...serie,
       coverImage: getMangaCoverUrl({
-        slug: serie.volumes?.[0]?.slug ?? "",
-        coverImage: serie.volumes?.[0]?.coverImage ?? null,
-        updatedAt: serie.volumes?.[0]?.updatedAt,
+        slug: firstVolume.slug,
+        coverImage: firstVolume.coverImage ?? null,
+        updatedAt: firstVolume.updatedAt,
       }),
-      volumes:
-        serie.volumes?.map((vol) => {
-          const meta = {
-            ...(vol.metadataObj || null),
-            genres: Array.isArray(vol.genres)
-              ? vol.genres
-                  .map((genre) => (genre.name ? { name: genre.name.trim() } : null))
-                  .filter(Boolean)
-              : [],
-            tags: Array.isArray(vol.tags)
-              ? vol.tags
-                  .map((tag) => (tag.name ? { name: tag.name.trim() } : null))
-                  .filter(Boolean)
-              : [],
-          };
-          return {
-            ...vol,
-            coverImage: getMangaCoverUrl(vol),
-            meta,
-          };
-        }) ?? [],
+      meta: {
+        ...(firstVolume.metadataObj || null),
+        genres: (firstVolume.genres ?? [])
+          .map((genre) => (genre.name ? { name: genre.name.trim() } : null))
+          .filter(Boolean),
+        tags: (firstVolume.tags ?? [])
+          .map((tag) => (tag.name ? { name: tag.name.trim() } : null))
+          .filter(Boolean),
+      },
+      volumes: paginatedVolumes,
     };
 
-    const sortedVolumes = sortByPaddedTitle(normalizedSerie.volumes);
-    const aggregatedMeta = aggregateMetadata(sortedVolumes);
+    const aggregatedMeta = aggregateMetadata(aggregateVolumes);
 
     let isFavorite = false;
     let averageRating: number | null = null;
@@ -128,11 +162,11 @@ async function SeriesMangaPageContent({
     if (user) {
       isFavorite = await findSeriesFavoriteState(user.id, serie.id);
 
-      const volumeIds = serie.volumes.map((v) => v.id);
+      const volumeIds = aggregateVolumes.map((volume) => volume.id);
       const personalMap = await listVolumeRatings(user.id, volumeIds);
 
-      const ratings = serie.volumes
-        .map((v) => personalMap.get(v.id) ?? v.metadataObj?.communityRating)
+      const ratings = aggregateVolumes
+        .map((volume) => personalMap.get(volume.id) ?? volume.communityRating)
         .filter((r): r is number => r !== null && r !== undefined);
 
       if (ratings.length > 0) {
@@ -143,13 +177,20 @@ async function SeriesMangaPageContent({
 
     return (
       <SeriesContent
-        serieData={{ ...normalizedSerie, volumes: sortedVolumes }}
+        serieData={normalizedSerie}
         lang={lang as Locale}
         intl={intl}
         isFavorite={isFavorite}
-        aggregatedMeta={aggregatedMeta}
+        aggregatedMeta={{
+          ...aggregatedMeta,
+          genres: normalizedSerie.meta.genres as { name: string }[],
+          tags: normalizedSerie.meta.tags as { name: string }[],
+        }}
         averageRating={averageRating}
         user={user}
+        currentPage={volumePage.page}
+        totalPages={volumePage.totalPages}
+        totalVolumes={volumePage.total}
         section="manga"
       />
     );
@@ -166,10 +207,13 @@ async function SeriesMangaPageContent({
   }
 }
 
-export default function SeriesMangaPage({ params }: SeriesMangaPageProps) {
+export default function SeriesMangaPage({
+  params,
+  searchParams,
+}: SeriesMangaPageProps) {
   return (
     <Suspense fallback={<DetailSkeleton kind="series" />}>
-      <SeriesMangaPageContent params={params} />
+      <SeriesMangaPageContent params={params} searchParams={searchParams} />
     </Suspense>
   );
 }