@itsmrtr/bunkoshelf 1.3.2 → 1.4.0

package/dist/.next/static/chunks/17v_tfp3zlci-.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,32098,e=>{"use strict";var t=e.i(76172),a=e.i(96505),r=e.i(41128);e.s(["default",0,function({isOpen:e,onClose:s,children:n}){let l=(0,a.useRef)(null);return((0,a.useEffect)(()=>{let t=t=>{"Escape"===t.key&&e&&s()};return e&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[e,s]),(0,a.useEffect)(()=>{if(e&&l.current){let e=setTimeout(()=>{l.current?.focus()},50);return()=>clearTimeout(e)}},[e]),e)?(0,t.jsx)("div",{id:"mob-nav-modal",ref:l,tabIndex:-1,className:"fixed inset-0 z-50 bg-black/70 flex items-center justify-center p-4 pointer-events-auto transition-opacity duration-200 ease-in-out opacity-100",onClick:s,children:(0,t.jsxs)("div",{className:"bg-pearl text-onix p-6 rounded-lg w-full max-w-5xl space-y-4 relative",onClick:e=>e.stopPropagation(),children:[(0,t.jsx)("button",{onClick:s,className:"absolute top-4 right-4 text-onix cursor-pointer",children:(0,t.jsx)(r.Minimize2Icon,{size:28,className:"hover:scale-90 transition-all duration-300"})}),(0,t.jsx)("div",{className:"my-5 md:m-4",children:n})]})}):null}])},53560,e=>{"use strict";let t=(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,t],53560)},12841,e=>{"use strict";let t=(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,t],12841)},34631,e=>{"use strict";var t=e.i(52009);let a=(0,t.createServerReference)("406684cf37e71c651a923b03901593733bc1136d13",t.callServer,void 0,t.findSourceMapURL,"deleteVolume");e.s(["deleteVolume",0,a])},27132,18380,e=>{"use strict";let t=(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"}]]);e.s(["ScanSearchIcon",0,t],27132);var a=e.i(52009);let r=(0,a.createServerReference)("40d520d36b9548af972b5ba01d049ecfdcb8cdb628",a.callServer,void 0,a.findSourceMapURL,"scanVolume");e.s(["scanVolume",0,r],18380)},67872,e=>{"use strict";let t=(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,t],67872)},14969,e=>{"use strict";var t=e.i(76172),a=e.i(80448),r=e.i(96556),s=e.i(96505);e.s(["default",0,function({meta:e,intl:n}){let[l,i]=(0,s.useState)(!1);return e.summary?(0,t.jsxs)("div",{className:"max-w-2xl",children:[(0,t.jsx)("p",{className:`${!l?"line-clamp-3":""} transition-all duration-300`,children:e.summary}),(0,t.jsx)("div",{className:"flex justify-center",children:(0,t.jsx)("button",{onClick:()=>i(!l),className:"mt-2 text-sm text-neutral-600 uppercase underline flex items-center gap-1 cursor-pointer",children:l?(0,t.jsxs)(t.Fragment,{children:[n.manga.showLess," ",(0,t.jsx)(a.ChevronUpIcon,{size:16})]}):(0,t.jsxs)(t.Fragment,{children:[n.manga.showMore," ",(0,t.jsx)(r.ChevronDownIcon,{size:16})]})})})]}):null}])},3099,e=>{"use strict";var t=e.i(76172),a=e.i(7284),r=e.i(53560),s=e.i(52009);let n=(0,s.createServerReference)("4000d84645ae7a6b4d75cf5a84cb0b71a4a927f4fa",s.callServer,void 0,s.findSourceMapURL,"deleteSeries");var l=e.i(34631);e.s(["default",0,function({intl:e,type:s="volume",slug:i,section:o="manga"}){async function c(){let t=null;try{if(!confirm("volume"===s?e.libraries.deleteSure.volume:e.libraries.deleteSure.series))return;let a="volume"===s?await (0,l.deleteVolume)({slug:i}):await n({slug:i});if(a&&!("error"in a)&&"ok"in a&&a.ok){let e=window.location.pathname.split("/").filter(Boolean)[0]||"en",t="volume"===s?`/${e}/${o}/volumes`:`/${e}/${o}/series`;window.location.href=t}else t=Error(a&&"error"in a?a.error:"Delete failed")}catch(e){t=e}finally{t&&console.error(t)}}return(0,t.jsxs)("button",{className:(0,a.default)("text-danger-alt text-xs uppercase cursor-pointer hover:underline","flex flex-row items-center gap-1"),onClick:c,children:[(0,t.jsx)(r.TrashIcon,{size:11,className:"mb-0.5"}),"volume"===s?e.libraries.deleteItem.volume:e.libraries.deleteItem.series]})}],3099)},70271,e=>{"use strict";var t=e.i(76172),a=e.i(96505),r=e.i(7284),s=e.i(27132),n=e.i(12841),l=e.i(52009);let i=(0,l.createServerReference)("40cb410552e2cb477cf087d337d5936fd92d738ed3",l.callServer,void 0,l.findSourceMapURL,"scanSeries");var o=e.i(18380),c=e.i(65932);e.s(["default",0,function({seriesId:e,volumeId:l,intl:d}){let[u,m]=(0,a.useState)(!1),{addToast:x}=(0,c.useToast)(),p=!!l,f=async()=>{m(!0);try{let t=p?await (0,o.scanVolume)(l):await i(e);if(!t||"error"in t)return void x({title:"Error",description:t&&"error"in t?t.error:"Scan failed",variant:"error"});x({title:d?.manga?.scanComplete||"Escaneo completado",description:`${t.coversUpdated} portada(s), ${t.metaUpdated} metadatos`,variant:"success"}),setTimeout(()=>{window.location.reload()},2e3)}catch{x({title:"Error",description:p?"Error al escanear el volumen":"Error al escanear la serie",variant:"error"})}finally{m(!1)}};return(0,t.jsxs)("button",{onClick:f,disabled:u,className:(0,r.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,t.jsx)(n.Loader2Icon,{size:12,className:"animate-spin"}):(0,t.jsx)(s.ScanSearchIcon,{size:12}),u?d.manga.scanning:p?d.manga.scanVolume:d.manga.scanSeries]})}],70271)},45181,e=>{"use strict";let t=(0,e.i(6875).default)("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);e.s(["MinusIcon",0,t],45181)},89107,e=>{"use strict";let t=(0,e.i(6875).default)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);e.s(["PlusIcon",0,t],89107)},28321,e=>{"use strict";var t=e.i(52009);let a=(0,t.createServerReference)("40699379406ff6843ce0944100089cd5166e07c03c",t.callServer,void 0,t.findSourceMapURL,"sendPush");e.s(["sendPush",0,a])},19086,e=>{"use strict";var t=e.i(76172),a=e.i(96505);let r=(0,e.i(6875).default)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);var s=e.i(45181),n=e.i(89107),l=e.i(52009);let i=(0,l.createServerReference)("40b561ee77de24ff9e14d016b73ab17e2e6baa57b8",l.callServer,void 0,l.findSourceMapURL,"updatePersonalRating");e.s(["default",0,function({volumeId:e,communityRating:l,initialPersonalRating:o}){let[c,d]=(0,a.useState)(o),[u,m]=(0,a.useState)(!1),[x,p]=(0,a.useState)(!1),[f,h]=(0,a.useState)(5),b=(0,a.useRef)(null),v=null!=c,g=v?c:l,y=async t=>{m(!1),p(!0);let a=await i({volumeId:e,rating:t});a?.success&&d(t),p(!1)};(0,a.useEffect)(()=>{function e(e){b.current&&!b.current.contains(e.target)&&y(f)}return u&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[u,f]);let j=()=>{h(v?c:5),m(!0)},k=async()=>{p(!0);let t=await i({volumeId:e,rating:null});t?.success&&d(null),p(!1),m(!1)};return null!=g||u?(0,t.jsxs)("div",{className:"relative",ref:b,children:[(0,t.jsxs)("button",{onClick:()=>u?y(f):j(),className:`flex items-center gap-1.5 text-4xl transition-colors cursor-pointer ${v?"text-amber-400 hover:text-amber-300":"text-neutral-500 hover:text-neutral-300"}`,children:[(0,t.jsx)(r,{size:20,className:v?"fill-amber-400":""}),(0,t.jsx)("span",{className:"tabular-nums font-bold",children:Number(g).toFixed(1)})]}),u&&(0,t.jsxs)("div",{className:"absolute z-50 mt-2 bg-neutral-900 border border-neutral-700 rounded-lg p-3 shadow-lg",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("button",{disabled:x||f<=.5,onClick:()=>h(e=>Math.max(.5,e-.5)),className:"p-1.5 rounded bg-neutral-800 text-neutral-300 hover:bg-neutral-700 disabled:opacity-30 cursor-pointer transition-colors",children:(0,t.jsx)(s.MinusIcon,{size:16})}),(0,t.jsx)("span",{className:"text-2xl font-bold tabular-nums text-neutral-100 w-10 text-center",children:f.toFixed(1)}),(0,t.jsx)("button",{disabled:x||f>=10,onClick:()=>h(e=>Math.min(10,e+.5)),className:"p-1.5 rounded bg-neutral-800 text-neutral-300 hover:bg-neutral-700 disabled:opacity-30 cursor-pointer transition-colors",children:(0,t.jsx)(n.PlusIcon,{size:16})})]}),v&&(0,t.jsx)("button",{disabled:x,onClick:k,className:"mt-3 w-full text-xs text-neutral-500 hover:text-neutral-300 transition-colors cursor-pointer",children:"Quitar valoración"})]})]}):(0,t.jsxs)("button",{onClick:j,className:"mt-4 flex items-center gap-1.5 text-sm text-neutral-500 hover:text-neutral-300 transition-colors cursor-pointer",children:[(0,t.jsx)(r,{size:14}),(0,t.jsx)("span",{children:"Valorar"})]})}],19086)},74452,e=>{"use strict";var t=e.i(76172),a=e.i(96505),r=e.i(18146),s=e.i(7284),n=e.i(6875);let l=(0,n.default)("book-check",[["path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20",key:"k3hazp"}],["path",{d:"m9 9.5 2 2 4-4",key:"1dth82"}]]),i=(0,n.default)("hat-glasses",[["path",{d:"M14 18a2 2 0 0 0-4 0",key:"1v8fkw"}],["path",{d:"m19 11-2.11-6.657a2 2 0 0 0-2.752-1.148l-1.276.61A2 2 0 0 1 12 4H8.5a2 2 0 0 0-1.925 1.456L5 11",key:"1fkr7p"}],["path",{d:"M2 11h20",key:"3eubbj"}],["circle",{cx:"17",cy:"18",r:"3",key:"82mm0e"}],["circle",{cx:"7",cy:"18",r:"3",key:"lvkj7j"}]]),o=(0,n.default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);var c=e.i(86412),d=e.i(67872),u=e.i(41128),m=e.i(21697),x=e.i(11805),p=e.i(12841);function f(){return(0,t.jsx)("div",{className:"flex items-center justify-center h-screen",children:(0,t.jsx)(p.Loader2Icon,{size:32,className:"animate-spin"})})}var h=e.i(19086),b=e.i(52009);let v=(0,b.createServerReference)("40966beb8dba5a21ea9b2efdabe73657f5379b79a7",b.callServer,void 0,b.findSourceMapURL,"getMangaImages"),g=(0,b.createServerReference)("40ebfff1c9092c39509e2ad0055a9a80a178f3041a",b.callServer,void 0,b.findSourceMapURL,"getReadingProgress");function y({isOpen:e,onClose:r,slug:s,intl:n,isYoureiMode:l,readingDirection:i="rtl",coverSrc:o,mangaTitle:p,isFavorite:b=!1,onToggleFavorite:j,volumeId:k,communityRating:w,initialPersonalRating:S}){let N=(0,a.useRef)(null),R=(0,a.useRef)(null),[M,z]=(0,a.useState)([]),[E,C]=(0,a.useState)(0),[I,L]=(0,a.useState)(!0),[P,U]=(0,a.useState)(!1),[T,F]=(0,a.useState)(!1),[H,O]=(0,a.useState)(""),V=`reader-progress:${s}`,$="rtl"===i,A=n.reader;(0,a.useEffect)(()=>{s&&e();async function e(){let e=null;L(!0),U(!1);try{let e=await v({slug:s});if(e&&"images"in e&&e.images?.length)if(z(e.images),l)C(0);else{let t=await g({slug:s}),a=0;t&&"lastPage"in t&&"number"==typeof t.lastPage&&t.lastPage>=0&&t.lastPage<e.images.length&&(a=t.lastPage),C(a)}else console.error(e&&"error"in e?e.error:"No se encontraron imágenes")}catch(t){e=t}finally{e&&console.error("Reader error:",e),L(!1)}}},[s,l,$]),(0,a.useEffect)(()=>{!l&&M.length>0&&localStorage.setItem(V,JSON.stringify({lastPage:E,totalPages:M.length,lastReadAt:new Date().toISOString()}))},[E,M.length,l,V]);let D=(0,a.useCallback)(()=>{P?U(!1):E>0&&C(e=>e-1)},[P,E]),q=(0,a.useCallback)(()=>{E<M.length-1?C(e=>e+1):U(!0)},[E,M.length]);if((0,a.useEffect)(()=>{let t=e=>{"Escape"===e.key?r():"ArrowLeft"===e.key?$?q():D():"ArrowRight"===e.key&&($?D():q())};return e&&(document.body.style.overflow="hidden",window.addEventListener("keydown",t)),()=>{document.body.style.overflow="",window.removeEventListener("keydown",t)}},[e,r,q,D,$]),(0,a.useEffect)(()=>{if(e&&N.current){let e=setTimeout(()=>{N.current?.focus()},50);return()=>clearTimeout(e)}},[e]),(0,a.useEffect)(()=>{if(!e||!("wakeLock"in navigator))return;let t=async()=>{try{R.current=await navigator.wakeLock.request("screen")}catch{}},a=()=>{"visible"===document.visibilityState&&t()};return t(),document.addEventListener("visibilitychange",a),()=>{document.removeEventListener("visibilitychange",a),R.current?.release(),R.current=null}},[e]),!e)return null;if(I)return(0,t.jsx)("div",{className:"fixed inset-0 z-50 bg-black flex items-center justify-center",children:(0,t.jsx)(f,{})});let B=E+1;return(0,t.jsxs)("div",{id:"mob-nav-modal",ref:N,tabIndex:-1,className:"fixed inset-0 z-50 bg-black flex flex-col items-center justify-center pointer-events-auto transition-opacity duration-200 ease-in-out opacity-100",children:[(0,t.jsx)("button",{onClick:r,className:"absolute top-4 right-4 z-50",title:A.ttExit,children:(0,t.jsx)(u.Minimize2Icon,{size:28,className:"hover:scale-90 transition-all duration-300 cursor-pointer"})}),P?(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center flex-grow gap-6 px-8 text-center z-30",children:[o&&(0,t.jsx)("img",{src:o,alt:p,className:"max-h-64 md:max-h-81 2xl:max-h-96 w-auto rounded-lg"}),p&&(0,t.jsx)("h2",{className:"text-xl",children:p}),(0,t.jsx)(h.default,{volumeId:k,communityRating:w,initialPersonalRating:S}),(0,t.jsxs)("div",{className:"flex flex-col md:flex-row gap-4 mt-2 w-full md:w-auto",children:[j&&(0,t.jsxs)("button",{onClick:j,title:b?A.finishUnfavorite:A.finishFavorite,className:"flex items-center justify-center gap-2 w-full md:w-auto px-5 py-2 rounded-lg border border-blackamber bg-blackamber text-sand hover:bg-pearl hover:text-onix hover:border-pearl transition-all duration-300 cursor-pointer font-bold uppercase",children:[b?(0,t.jsx)(d.HeartOffIcon,{size:20}):(0,t.jsx)(c.HeartIcon,{size:20}),b?A.finishUnfavorite:A.finishFavorite]}),(0,t.jsxs)("button",{onClick:r,title:A.ttExit,className:"flex items-center justify-center gap-2 w-full md:w-auto px-5 py-2 rounded-lg border border-blackamber bg-blackamber text-sand hover:bg-pearl hover:text-onix hover:border-pearl transition-all duration-300 cursor-pointer font-bold uppercase",children:[(0,t.jsx)(u.Minimize2Icon,{size:20}),A.ttExit]})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"absolute inset-0 z-40 flex",children:[(0,t.jsx)("div",{className:"w-1/3 h-full",onTouchStart:$?q:D}),(0,t.jsx)("div",{className:"w-1/3 h-full"}),(0,t.jsx)("div",{className:"w-1/3 h-full",onTouchStart:$?D:q})]}),(0,t.jsx)("div",{className:"flex-grow flex items-center justify-center z-30 mt-8 md:mt-0",children:M.length>0?(0,t.jsx)("img",{src:M[E],alt:`P\xe1gina ${B}`,className:"max-h-[93vh] w-auto px-0.5"}):(0,t.jsx)("p",{children:"No se encontraron páginas."})}),(0,t.jsxs)("div",{className:"flex items-center justify-between w-full max-w-md z-50 mb-5 md:mb-2",children:[(0,t.jsx)("button",{onClick:$?q:D,disabled:!$&&E<=0,className:"p-2 disabled:opacity-30",title:$?A.ttNext:A.ttPrev,children:(0,t.jsx)(m.ChevronLeftIcon,{size:28,className:"hover:scale-125 transition-all duration-300 cursor-pointer"})}),(0,t.jsxs)("span",{className:"select-none",children:[A.page," ",T?(0,t.jsx)("input",{type:"text",inputMode:"numeric",pattern:"[0-9]*",value:H,autoFocus:!0,onChange:e=>O(e.target.value.replace(/\D/g,"")),onKeyDown:e=>{if("Enter"===e.key){let e=parseInt(H,10);!isNaN(e)&&e>=1&&e<=M.length&&C(e-1),F(!1)}else"Escape"===e.key&&F(!1);e.stopPropagation()},onBlur:()=>{let e=parseInt(H,10);!isNaN(e)&&e>=1&&e<=M.length&&C(e-1),F(!1)},className:"w-10 text-center bg-white/10 rounded text-white outline-none"}):(0,t.jsx)("span",{onClick:()=>{O(String(B)),F(!0)},className:"cursor-pointer",children:B})," ","/ ",M.length]}),(0,t.jsx)("button",{onClick:$?D:q,disabled:!!$&&E<=0,className:"p-2 disabled:opacity-30",title:$?A.ttPrev:A.ttNext,children:(0,t.jsx)(x.ChevronRightIcon,{size:28,className:"hover:scale-125 transition-all duration-300 cursor-pointer"})})]})]})]})}let j=(0,b.createServerReference)("40825f4681b9e808ad39af2d1dccf3bd317b678ec9",b.callServer,void 0,b.findSourceMapURL,"toggleVolumeFavorite"),k=(0,b.createServerReference)("40213b7ac1d71e5e6f7598a46e6ea6e3e6698afc57",b.callServer,void 0,b.findSourceMapURL,"updateReadState"),w=(0,b.createServerReference)("40e19c6d23e9a9d0ec2f9d085ffa26778020d367da",b.callServer,void 0,b.findSourceMapURL,"syncReadingProgress");var S=e.i(28321),N=e.i(85036);e.s(["default",0,function({lang:e,intl:n,volumeId:u,volumeTitle:m,coverSrc:x,slug:p,initFavorite:f,initRead:h,mangaStyle:b,communityRating:v,initialPersonalRating:g,section:R="manga"}){let M=(0,r.useRouter)(),[z,E]=(0,a.useState)(f),[C,I]=(0,a.useState)(h),[L,P]=(0,a.useState)(!1),[U,T]=(0,a.useState)(!1),[F,H]=(0,a.useState)(!1),O=()=>{let e=new Date,t=new Date(e.getFullYear(),e.getMonth(),e.getDate()),a=t.getFullYear(),r=String(t.getMonth()+1).padStart(2,"0"),s=String(t.getDate()).padStart(2,"0");return`${a}-${r}-${s}`},V=async()=>{let e=null;P(!0);try{let e=await fetch("/api/reader/manga",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:p})}),t=await e.json();if(!e.ok||!t.images?.length)return void console.error("No se pudieron obtener las páginas del volumen");let a=t.images.length,r=new Date,s=O(),n=await k({volumeId:u,read:!C,totalPages:a,lastReadAt:C?void 0:r.toISOString(),firstRead:C?void 0:s});if(!n)return;n.success?I(e=>!e):"error"in n&&console.error("Failed to toggle read state:",n.error)}catch(t){e=t}finally{e&&console.error("Request error:",e),P(!1)}},$=async()=>{let e=null;P(!0);try{let e=await j({volumeId:u,favorite:!z});if(!e)return;e.success?E(e=>!e):"error"in e&&console.error("Failed to toggle favorite:",e.error)}catch(t){e=t}finally{e&&console.error("Request error:",e),P(!1)}},A=async()=>{let t=null;try{let t=`reader-progress:${p}`,a=localStorage.getItem(t);if(a&&!F){let{lastPage:t,totalPages:r,lastReadAt:s}=JSON.parse(a),l=t>=r-1,i=O(),o=await w({volumeSlug:p,lastPage:t,totalPages:r,lastReadAt:s,date:i});if(o&&o.success||console.error("Sync failed:",o&&"error"in o?o.error:"Unknown error"),l&&o?.success&&I(!0),l&&o?.success)try{await (0,S.sendPush)({title:n.push.ttFirstRead,body:n.push.bodyFirstRead.replace("{title}",m),url:(0,N.getLibraryRootHref)(e,R)})}catch(e){console.error("Error al enviar notificación push:",e)}}}catch(e){t=e}finally{t&&console.error("Error syncing progress:",t),T(!1),M.refresh()}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex flex-row mt-4 gap-2",children:[(0,t.jsxs)("button",{onClick:()=>{H(!1),T(!0)},className:"flex items-center font-bold px-5 py-2 2xl:px-6 2xl:py-4 rounded-lg leading-none uppercase text-sand bg-lilah border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300",children:[(0,t.jsx)(l,{size:20,className:"mr-2"}),n.manga.read]}),(0,t.jsx)("button",{onClick:()=>{H(!0),T(!0)},title:"Leer de incógnito",className:"p-3 2xl:p-4 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",children:(0,t.jsx)(i,{size:20})}),(0,t.jsx)("button",{onClick:V,disabled:L,title:C?"Marcar como no leído":"Marcar como leído",className:(0,s.default)("p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer",{"text-onix bg-sand border-sand hover:bg-pearl hover:border-pearl":C,"text-sand bg-blackamber border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl":!C}),children:(0,t.jsx)(o,{size:20})}),(0,t.jsx)("button",{onClick:$,disabled:L,title:z?"Eliminar de favoritos":"Marcar como favorito",className:(0,s.default)("p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer",{"text-onix bg-sand border-sand hover:bg-pearl hover:border-pearl":z,"text-sand bg-blackamber border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl":!z}),children:z?(0,t.jsx)(d.HeartOffIcon,{size:20}):(0,t.jsx)(c.HeartIcon,{size:20})})]}),(0,t.jsx)(y,{isOpen:U,onClose:A,slug:p,intl:n,isYoureiMode:F,readingDirection:"YesLTR"===b||"No"===b?"ltr":"rtl",coverSrc:x,mangaTitle:m,isFavorite:z,onToggleFavorite:$,volumeId:u,communityRating:v,initialPersonalRating:g})]})}],74452)},49083,e=>{"use strict";var t=e.i(76172),a=e.i(96505),r=e.i(6875);let s=(0,r.default)("book-open-check",[["path",{d:"M12 21V7",key:"gj6g52"}],["path",{d:"m16 12 2 2 4-4",key:"mdajum"}],["path",{d:"M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3 3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3",key:"8arnkb"}]]),n=(0,r.default)("repeat",[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}]]);var l=e.i(89107);let i=(0,r.default)("archive-restore",[["rect",{width:"20",height:"5",x:"2",y:"3",rx:"1",key:"1wp1u1"}],["path",{d:"M4 8v11a2 2 0 0 0 2 2h2",key:"tvwodi"}],["path",{d:"M20 8v11a2 2 0 0 1-2 2h-2",key:"1gkqxj"}],["path",{d:"m9 15 3-3 3 3",key:"1pd0qc"}],["path",{d:"M12 12v9",key:"192myk"}]]);var o=e.i(52009);let c=(0,o.createServerReference)("40b36cf0c95572f45fd1f4ad7e892ba525bbe76dde",o.callServer,void 0,o.findSourceMapURL,"createReadingEntry"),d=(0,r.default)("pen-line",[["path",{d:"M13 21h8",key:"1jsn5i"}],["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}]]);var u=e.i(32098);let m=(0,o.createServerReference)("40c3712efb4235bdb7f65ebf834c96c9234a2a240b",o.callServer,void 0,o.findSourceMapURL,"updateReadingEntry"),x=(0,o.createServerReference)("409ab1c145d14d5181da024f7f32688cb6bea7535d",o.callServer,void 0,o.findSourceMapURL,"deleteReadingEntry");function p({isOpen:e,onClose:r,volumeId:s,entry:n,intl:l}){let[i,o]=(0,a.useState)(""),[f,h]=(0,a.useState)(!1),b=!!n;(0,a.useEffect)(()=>{e&&o(n?.readAt||"")},[e,n]);let v=async e=>{if(e.preventDefault(),!i)return;h(!0);let t=b?await m({entryId:n.id,readAt:i}):await c({volumeId:s,readAt:i});h(!1),t?.success&&window.location.reload()},g=async()=>{if(!window.confirm(l.alerts?.confirmDelete||"Are you sure?"))return;h(!0);let e=await x({entryId:n.id});e?.success&&window.location.reload()};return(0,t.jsxs)(u.default,{isOpen:e,onClose:r,children:[(0,t.jsxs)("h2",{className:"flex items-center mb-6",children:[(0,t.jsx)(d,{size:24,className:"mr-2"}),b?l.manga.editEntry:l.manga.addEntry]}),(0,t.jsxs)("form",{onSubmit:v,className:"space-y-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"block text-sm uppercase mb-1",children:l.manga.date}),(0,t.jsx)("input",{type:"date",value:i,onChange:e=>o(e.target.value),className:"bg-pearl border border-onix rounded-lg w-full px-5 py-3",required:!0})]}),(0,t.jsxs)("div",{className:"flex gap-3",children:[(0,t.jsx)("button",{type:"submit",disabled:f,className:"font-bold px-8 py-4 rounded-lg leading-none uppercase text-onix bg-sand border border-sand hover:text-sand hover:bg-onix hover:border-onix transition-all duration-300 cursor-pointer disabled:opacity-50",children:l.manga.save}),b&&(0,t.jsx)("button",{type:"button",onClick:g,disabled:f,className:"font-bold px-8 py-4 rounded-lg leading-none uppercase text-sand bg-red-700 border border-red-700 hover:bg-red-800 transition-all duration-300 cursor-pointer disabled:opacity-50",children:l.manga.deleteEntry})]})]})]})}e.s(["default",0,function({volumeId:e,intl:r,initialEntries:o,firstRead:d}){let[u,m]=(0,a.useState)(o||[]),[x,f]=(0,a.useState)(!1),[h,b]=(0,a.useState)(null),[v,g]=(0,a.useState)(!1),y=d&&0===u.length,j=e=>e<u.length-1,k=async()=>{g(!0);let t=await c({volumeId:e,readAt:d});t?.success&&window.location.reload(),g(!1)};return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,t.jsxs)("button",{onClick:()=>{b(null),f(!0)},className:"flex items-center gap-1 text-sm uppercase text-lilah hover:text-sand transition-colors duration-300 cursor-pointer",children:[(0,t.jsx)(l.PlusIcon,{size:18}),r.manga.addEntry]}),y&&(0,t.jsxs)("button",{onClick:k,disabled:v,className:"flex items-center gap-1 text-sm uppercase text-lilah hover:text-sand transition-colors duration-300 cursor-pointer disabled:opacity-50",children:[(0,t.jsx)(i,{size:16}),r.manga.migrateEntry]})]}),0===u.length?(0,t.jsx)("p",{className:"text-neutral-500",children:r.manga.noEntries}):(0,t.jsx)("div",{className:"relative",children:u.map((e,a)=>(0,t.jsxs)("div",{className:"relative pb-4 last:pb-0",children:[(0,t.jsxs)("div",{className:"inline-flex items-start gap-4 cursor-pointer group",onClick:()=>{b(e),f(!0)},children:[(0,t.jsx)("div",{className:"relative",children:j(a)?(0,t.jsx)(n,{size:20,className:"text-lilah group-hover:text-sand transition-colors duration-300"}):(0,t.jsx)(s,{size:20,className:"text-lilah group-hover:text-sand transition-colors duration-300"})}),(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("span",{className:"text-sand leading-none",children:j(a)?r.manga.reread:r.manga.firstRead}),(0,t.jsx)("span",{className:"text-neutral-500 text-sm mt-1",children:e.readAt})]})]}),a!==u.length-1&&(0,t.jsx)("div",{className:"absolute left-[9px] top-[24px] bottom-[4px] w-[2px] bg-lilah"})]},e.id))}),(0,t.jsx)(p,{isOpen:x,onClose:()=>f(!1),volumeId:e,entry:h,intl:r})]})}],49083)},73668,e=>{"use strict";var t=e.i(76172),a=e.i(96505),r=e.i(7284);e.s(["default",0,function({tabs:e}){let[s,n]=(0,a.useState)(0);return(0,t.jsxs)("div",{className:"mt-8",children:[(0,t.jsx)("div",{className:"flex gap-4 border-b border-neutral-700 mb-6",children:e.map((e,a)=>(0,t.jsx)("button",{onClick:()=>n(a),className:(0,r.default)("pb-2 text-sm uppercase cursor-pointer transition-colors duration-300",s===a?"text-lilah border-b-2 border-lilah":"text-neutral-500 hover:text-sand"),children:e.label},a))}),(0,t.jsx)("div",{children:e[s].content})]})}])}]);

package/dist/.next/static/chunks/{turbopack-03_uc1mxw0t3m.js → turbopack-0w27t_n7du0rs.js}

@@ -1 +1 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,{otherChunks:["static/chunks/034.po9-x_6e_.js","static/chunks/17mf9df0ge8d_.js","static/chunks/01lwva-nto8jr.js","static/chunks/0m58q2exkjk_h.js","static/chunks/0utu1_5tooo1j.js","static/chunks/094kqvfb6hqi1.js"],runtimeModuleIds:[7634]}]),(()=>{let e;if(!Array.isArray(globalThis.TURBOPACK))return;let t="/_next/",r=function(){if(null!=self.TURBOPACK_ASSET_SUFFIX)return self.TURBOPACK_ASSET_SUFFIX;let e=document?.currentScript?.getAttribute?.("src")??"",t=e.indexOf("?");return t>=0?e.slice(t):""}(),n=["NEXT_DEPLOYMENT_ID","NEXT_CLIENT_ASSET_SUFFIX"];var o,i=((o=i||{})[o.Runtime=0]="Runtime",o[o.Parent=1]="Parent",o[o.Update=2]="Update",o);let l=new WeakMap;function s(e,t){this.m=e,this.e=t}let u=s.prototype,a=Object.prototype.hasOwnProperty,c="u">typeof Symbol&&Symbol.toStringTag;function f(e,t,r){a.call(e,t)||Object.defineProperty(e,t,r)}function p(e,t){let r=e[t];return r||(r=h(t),e[t]=r),r}function h(e){return{exports:{},error:void 0,id:e,namespaceObject:void 0}}function d(e,t){f(e,"__esModule",{value:!0}),c&&f(e,c,{value:"Module"});let r=0;for(;r<t.length;){let n=t[r++],o=t[r++];if("number"==typeof o)if(0===o)f(e,n,{value:t[r++],enumerable:!0,writable:!1});else throw Error(`unexpected tag: ${o}`);else"function"==typeof t[r]?f(e,n,{get:o,set:t[r++],enumerable:!0}):f(e,n,{get:o,enumerable:!0})}Object.seal(e)}function m(e,t){(null!=t?p(this.c,t):this.m).exports=e}u.s=function(e,t){let r,n;null!=t?n=(r=p(this.c,t)).exports:(r=this.m,n=this.e),r.namespaceObject=n,d(n,e)},u.j=function(e,t){var r,n;let o,i,s;null!=t?i=(o=p(this.c,t)).exports:(o=this.m,i=this.e);let u=(r=o,n=i,(s=l.get(r))||(l.set(r,s=[]),r.exports=r.namespaceObject=new Proxy(n,{get(e,t){if(a.call(e,t)||"default"===t||"__esModule"===t)return Reflect.get(e,t);for(let e of s){let r=Reflect.get(e,t);if(void 0!==r)return r}},ownKeys(e){let t=Reflect.ownKeys(e);for(let e of s)for(let r of Reflect.ownKeys(e))"default"===r||t.includes(r)||t.push(r);return t}})),s);"object"==typeof e&&null!==e&&u.push(e)},u.v=m,u.n=function(e,t){let r;(r=null!=t?p(this.c,t):this.m).exports=r.namespaceObject=e};let b=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,y=[null,b({}),b([]),b(b)];function g(e,t,r){let n=[],o=-1;for(let t=e;("object"==typeof t||"function"==typeof t)&&!y.includes(t);t=b(t))for(let r of Object.getOwnPropertyNames(t))n.push(r,function(e,t){return()=>e[t]}(e,r)),-1===o&&"default"===r&&(o=n.length-1);return r&&o>=0||(o>=0?n.splice(o,1,0,e):n.push("default",0,e)),d(t,n),t}function O(e){let t=B(e,this.m);if(t.namespaceObject)return t.namespaceObject;let r=t.exports;return t.namespaceObject=g(r,"function"==typeof r?function(...e){return r.apply(this,e)}:Object.create(null),r&&r.__esModule)}function w(e){let t=e.indexOf("#");-1!==t&&(e=e.substring(0,t));let r=e.indexOf("?");return -1!==r&&(e=e.substring(0,r)),e}function j(){let e,t;return{promise:new Promise((r,n)=>{t=n,e=r}),resolve:e,reject:t}}u.i=O,u.A=function(e){return this.r(e)(O.bind(this))},u.t="function"==typeof require?require:function(){throw Error("Unexpected use of runtime require")},u.r=function(e){return B(e,this.m).exports},u.f=function(e){function t(t){if(t=w(t),a.call(e,t))return e[t].module();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r}return t.keys=()=>Object.keys(e),t.resolve=t=>{if(t=w(t),a.call(e,t))return e[t].id();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r},t.import=async e=>await t(e),t};let k=Symbol("turbopack queues"),v=Symbol("turbopack exports"),U=Symbol("turbopack error");function C(e){e&&1!==e.status&&(e.status=1,e.forEach(e=>e.queueCount--),e.forEach(e=>e.queueCount--?e.queueCount++:e()))}u.a=function(e,t){let r=this.m,n=t?Object.assign([],{status:-1}):void 0,o=new Set,{resolve:i,reject:l,promise:s}=j(),u=Object.assign(s,{[v]:r.exports,[k]:e=>{n&&e(n),o.forEach(e),u.catch(()=>{})}}),a={get:()=>u,set(e){e!==u&&(u[v]=e)}};Object.defineProperty(r,"exports",a),Object.defineProperty(r,"namespaceObject",a),e(function(e){let t=e.map(e=>{if(null!==e&&"object"==typeof e){if(k in e)return e;if(null!=e&&"object"==typeof e&&"then"in e&&"function"==typeof e.then){let t=Object.assign([],{status:0}),r={[v]:{},[k]:e=>e(t)};return e.then(e=>{r[v]=e,C(t)},e=>{r[U]=e,C(t)}),r}}return{[v]:e,[k]:()=>{}}}),r=()=>t.map(e=>{if(e[U])throw e[U];return e[v]}),{promise:i,resolve:l}=j(),s=Object.assign(()=>l(r),{queueCount:0});function u(e){e!==n&&!o.has(e)&&(o.add(e),e&&0===e.status&&(s.queueCount++,e.push(s)))}return t.map(e=>e[k](u)),s.queueCount?i:r()},function(e){e?l(u[U]=e):i(u[v]),C(n)}),n&&-1===n.status&&(n.status=0)};let P=function(e){let t=new URL(e,"x:/"),r={};for(let e in t)r[e]=t[e];for(let t in r.href=e,r.pathname=e.replace(/[?#].*/,""),r.origin=r.protocol="",r.toString=r.toJSON=(...t)=>e,r)Object.defineProperty(this,t,{enumerable:!0,configurable:!0,value:r[t]})};function _(e,t){throw Error(`Invariant: ${t(e)}`)}P.prototype=URL.prototype,u.U=P,u.z=function(e){throw Error("dynamic usage of require is not supported")},u.g=globalThis;let R=s.prototype,S=new Map;u.M=S;let $=new Map,E=new Map;async function T(e,t,r){let n;if("string"==typeof r)return M(e,t,q(r));let o=r.included||[],i=o.map(e=>!!S.has(e)||$.get(e));if(i.length>0&&i.every(e=>e))return void await Promise.all(i);let l=r.moduleChunks||[],s=l.map(e=>E.get(e)).filter(e=>e);if(s.length>0){if(s.length===l.length)return void await Promise.all(s);let r=new Set;for(let e of l)E.has(e)||r.add(e);for(let n of r){let r=M(e,t,q(n));E.set(n,r),s.push(r)}n=Promise.all(s)}else{for(let o of(n=M(e,t,q(r.path)),l))E.has(o)||E.set(o,n)}for(let e of o)$.has(e)||$.set(e,n);await n}R.l=function(e){return T(i.Parent,this.m.id,e)};let A=Promise.resolve(void 0),x=new WeakMap;function M(t,r,n){let o=e.loadChunkCached(t,n),l=x.get(o);if(void 0===l){let e=x.set.bind(x,o,A);l=o.then(e).catch(e=>{let o;switch(t){case i.Runtime:o=`as a runtime dependency of chunk ${r}`;break;case i.Parent:o=`from module ${r}`;break;case i.Update:o="from an HMR update";break;default:_(t,e=>`Unknown source type: ${e}`)}let l=Error(`Failed to load chunk ${n} ${o}${e?`: ${e}`:""}`,e?{cause:e}:void 0);throw l.name="ChunkLoadError",l}),x.set(o,l)}return l}function q(e){return`${t}${e.split("/").map(e=>encodeURIComponent(e)).join("/")}${r}`}R.L=function(e){return M(i.Parent,this.m.id,e)},R.R=function(e){let t=this.r(e);return t?.default??t},R.P=function(e){return`/ROOT/${e??""}`},R.q=function(e,t){m.call(this,`${e}${r}`,t)},R.b=function(e,t,o,i){let l="SharedWorker"===e.name,s=[o.map(e=>q(e)).reverse(),r];for(let e of n)s.push(globalThis[e]);let u=new URL(q(t),location.origin),a=JSON.stringify(s);return l?u.searchParams.set("params",a):u.hash="#params="+encodeURIComponent(a),new e(u,i?{...i,type:void 0}:void 0)};let N=/\.js(?:\?[^#]*)?(?:#.*)?$/,K=/\.css(?:\?[^#]*)?(?:#.*)?$/;function L(e){return K.test(e)}u.w=function(t,r,n){return e.loadWebAssembly(i.Parent,this.m.id,t,r,n)},u.u=function(t,r){return e.loadWebAssemblyModule(i.Parent,this.m.id,t,r)};let I={};u.c=I;let B=(e,t)=>{let r=I[e];if(r){if(r.error)throw r.error;return r}return W(e,i.Parent,t.id)};function W(e,t,r){let n=S.get(e);if("function"!=typeof n)throw Error(function(e,t,r){let n;switch(t){case 0:n=`as a runtime entry of chunk ${r}`;break;case 1:n=`because it was required from module ${r}`;break;case 2:n="because of an HMR update";break;default:_(t,e=>`Unknown source type: ${e}`)}return`Module ${e} was instantiated ${n}, but the module factory is not available.`}(e,t,r));let o=h(e),i=o.exports;I[e]=o;let l=new s(o,i);try{n(l,o,i)}catch(e){throw o.error=e,e}return o.namespaceObject&&o.exports!==o.namespaceObject&&g(o.exports,o.namespaceObject),o}function F(t){let r,n=function(e){if("string"==typeof e)return e;if(e)return{src:e.getAttribute("src")};if("u">typeof TURBOPACK_NEXT_CHUNK_URLS)return{src:TURBOPACK_NEXT_CHUNK_URLS.pop()};throw Error("chunk path empty but not in a worker")}(t[0]);return 2===t.length?r=t[1]:(r=void 0,!function(e,t){let r=1;for(;r<e.length;){let n,o=r+1;for(;o<e.length&&"function"!=typeof e[o];)o++;if(o===e.length)throw Error("malformed chunk format, expected a factory function");let i=e[o];for(let i=r;i<o;i++){let r=e[i],o=t.get(r);if(o){n=o;break}}let l=n??i,s=!1;for(let n=r;n<o;n++){let r=e[n];t.has(r)||(s||(l===i&&Object.defineProperty(i,"name",{value:"module evaluation"}),s=!0),t.set(r,l))}r=o+1}}(t,S)),e.registerChunk(n,r)}let X=new Map;function D(e){let t=X.get(e);if(!t){let r,n;t={resolved:!1,loadingStarted:!1,promise:new Promise((e,t)=>{r=e,n=t}),resolve:()=>{t.resolved=!0,r()},reject:n},X.set(e,t)}return t}e={async registerChunk(e,r){let n=function(e){if("string"==typeof e)return e;let r=decodeURIComponent(e.src.replace(/[?#].*$/,""));return r.startsWith(t)?r.slice(t.length):r}(e);if(D("string"==typeof e?q(e):e.src).resolve(),null!=r){for(let e of r.otherChunks)D(q("string"==typeof e?e:e.path));if(await Promise.all(r.otherChunks.map(e=>T(i.Runtime,n,e))),r.runtimeModuleIds.length>0)for(let e of r.runtimeModuleIds)!function(e,t){let r=I[t];if(r){if(r.error)throw r.error;return}W(t,i.Runtime,e)}(n,e)}},loadChunkCached:(e,t)=>(function(e,t){let r=D(t);if(r.loadingStarted)return r.promise;if(e===i.Runtime)return r.loadingStarted=!0,L(t)&&r.resolve(),r.promise;if("function"==typeof importScripts)if(L(t));else if(N.test(t))self.TURBOPACK_NEXT_CHUNK_URLS.push(t),importScripts(t);else throw Error(`can't infer type of chunk from URL ${t} in worker`);else{let e=decodeURI(t);if(L(t))if(document.querySelectorAll(`link[rel=stylesheet][href="${t}"],link[rel=stylesheet][href^="${t}?"],link[rel=stylesheet][href="${e}"],link[rel=stylesheet][href^="${e}?"]`).length>0)r.resolve();else{let e=document.createElement("link");e.rel="stylesheet",e.href=t,e.onerror=()=>{r.reject()},e.onload=()=>{r.resolve()},document.head.appendChild(e)}else if(N.test(t)){let n=document.querySelectorAll(`script[src="${t}"],script[src^="${t}?"],script[src="${e}"],script[src^="${e}?"]`);if(n.length>0)for(let e of Array.from(n))e.addEventListener("error",()=>{r.reject()});else{let e=document.createElement("script");e.src=t,e.onerror=()=>{r.reject()},document.head.appendChild(e)}}else throw Error(`can't infer type of chunk from URL ${t}`)}return r.loadingStarted=!0,r.promise})(e,t),async loadWebAssembly(e,t,r,n,o){let i=fetch(q(r)),{instance:l}=await WebAssembly.instantiateStreaming(i,o);return l.exports},async loadWebAssemblyModule(e,t,r,n){let o=fetch(q(r));return await WebAssembly.compileStreaming(o)}};let H=globalThis.TURBOPACK;globalThis.TURBOPACK={push:F},H.forEach(F)})();
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,{otherChunks:["static/chunks/034.po9-x_6e_.js","static/chunks/10sgtjqpv_y13.js","static/chunks/0fk1iupyi0ciz.js","static/chunks/0m58q2exkjk_h.js","static/chunks/094kqvfb6hqi1.js","static/chunks/17lvd-1dh8nb8.js"],runtimeModuleIds:[7634]}]),(()=>{let e;if(!Array.isArray(globalThis.TURBOPACK))return;let t="/_next/",r=function(){if(null!=self.TURBOPACK_ASSET_SUFFIX)return self.TURBOPACK_ASSET_SUFFIX;let e=document?.currentScript?.getAttribute?.("src")??"",t=e.indexOf("?");return t>=0?e.slice(t):""}(),n=["NEXT_DEPLOYMENT_ID","NEXT_CLIENT_ASSET_SUFFIX"];var o,i=((o=i||{})[o.Runtime=0]="Runtime",o[o.Parent=1]="Parent",o[o.Update=2]="Update",o);let l=new WeakMap;function s(e,t){this.m=e,this.e=t}let u=s.prototype,a=Object.prototype.hasOwnProperty,c="u">typeof Symbol&&Symbol.toStringTag;function f(e,t,r){a.call(e,t)||Object.defineProperty(e,t,r)}function p(e,t){let r=e[t];return r||(r=h(t),e[t]=r),r}function h(e){return{exports:{},error:void 0,id:e,namespaceObject:void 0}}function d(e,t){f(e,"__esModule",{value:!0}),c&&f(e,c,{value:"Module"});let r=0;for(;r<t.length;){let n=t[r++],o=t[r++];if("number"==typeof o)if(0===o)f(e,n,{value:t[r++],enumerable:!0,writable:!1});else throw Error(`unexpected tag: ${o}`);else"function"==typeof t[r]?f(e,n,{get:o,set:t[r++],enumerable:!0}):f(e,n,{get:o,enumerable:!0})}Object.seal(e)}function m(e,t){(null!=t?p(this.c,t):this.m).exports=e}u.s=function(e,t){let r,n;null!=t?n=(r=p(this.c,t)).exports:(r=this.m,n=this.e),r.namespaceObject=n,d(n,e)},u.j=function(e,t){var r,n;let o,i,s;null!=t?i=(o=p(this.c,t)).exports:(o=this.m,i=this.e);let u=(r=o,n=i,(s=l.get(r))||(l.set(r,s=[]),r.exports=r.namespaceObject=new Proxy(n,{get(e,t){if(a.call(e,t)||"default"===t||"__esModule"===t)return Reflect.get(e,t);for(let e of s){let r=Reflect.get(e,t);if(void 0!==r)return r}},ownKeys(e){let t=Reflect.ownKeys(e);for(let e of s)for(let r of Reflect.ownKeys(e))"default"===r||t.includes(r)||t.push(r);return t}})),s);"object"==typeof e&&null!==e&&u.push(e)},u.v=m,u.n=function(e,t){let r;(r=null!=t?p(this.c,t):this.m).exports=r.namespaceObject=e};let b=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,y=[null,b({}),b([]),b(b)];function g(e,t,r){let n=[],o=-1;for(let t=e;("object"==typeof t||"function"==typeof t)&&!y.includes(t);t=b(t))for(let r of Object.getOwnPropertyNames(t))n.push(r,function(e,t){return()=>e[t]}(e,r)),-1===o&&"default"===r&&(o=n.length-1);return r&&o>=0||(o>=0?n.splice(o,1,0,e):n.push("default",0,e)),d(t,n),t}function O(e){let t=B(e,this.m);if(t.namespaceObject)return t.namespaceObject;let r=t.exports;return t.namespaceObject=g(r,"function"==typeof r?function(...e){return r.apply(this,e)}:Object.create(null),r&&r.__esModule)}function w(e){let t=e.indexOf("#");-1!==t&&(e=e.substring(0,t));let r=e.indexOf("?");return -1!==r&&(e=e.substring(0,r)),e}function k(){let e,t;return{promise:new Promise((r,n)=>{t=n,e=r}),resolve:e,reject:t}}u.i=O,u.A=function(e){return this.r(e)(O.bind(this))},u.t="function"==typeof require?require:function(){throw Error("Unexpected use of runtime require")},u.r=function(e){return B(e,this.m).exports},u.f=function(e){function t(t){if(t=w(t),a.call(e,t))return e[t].module();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r}return t.keys=()=>Object.keys(e),t.resolve=t=>{if(t=w(t),a.call(e,t))return e[t].id();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r},t.import=async e=>await t(e),t};let j=Symbol("turbopack queues"),v=Symbol("turbopack exports"),U=Symbol("turbopack error");function C(e){e&&1!==e.status&&(e.status=1,e.forEach(e=>e.queueCount--),e.forEach(e=>e.queueCount--?e.queueCount++:e()))}u.a=function(e,t){let r=this.m,n=t?Object.assign([],{status:-1}):void 0,o=new Set,{resolve:i,reject:l,promise:s}=k(),u=Object.assign(s,{[v]:r.exports,[j]:e=>{n&&e(n),o.forEach(e),u.catch(()=>{})}}),a={get:()=>u,set(e){e!==u&&(u[v]=e)}};Object.defineProperty(r,"exports",a),Object.defineProperty(r,"namespaceObject",a),e(function(e){let t=e.map(e=>{if(null!==e&&"object"==typeof e){if(j in e)return e;if(null!=e&&"object"==typeof e&&"then"in e&&"function"==typeof e.then){let t=Object.assign([],{status:0}),r={[v]:{},[j]:e=>e(t)};return e.then(e=>{r[v]=e,C(t)},e=>{r[U]=e,C(t)}),r}}return{[v]:e,[j]:()=>{}}}),r=()=>t.map(e=>{if(e[U])throw e[U];return e[v]}),{promise:i,resolve:l}=k(),s=Object.assign(()=>l(r),{queueCount:0});function u(e){e!==n&&!o.has(e)&&(o.add(e),e&&0===e.status&&(s.queueCount++,e.push(s)))}return t.map(e=>e[j](u)),s.queueCount?i:r()},function(e){e?l(u[U]=e):i(u[v]),C(n)}),n&&-1===n.status&&(n.status=0)};let P=function(e){let t=new URL(e,"x:/"),r={};for(let e in t)r[e]=t[e];for(let t in r.href=e,r.pathname=e.replace(/[?#].*/,""),r.origin=r.protocol="",r.toString=r.toJSON=(...t)=>e,r)Object.defineProperty(this,t,{enumerable:!0,configurable:!0,value:r[t]})};function _(e,t){throw Error(`Invariant: ${t(e)}`)}P.prototype=URL.prototype,u.U=P,u.z=function(e){throw Error("dynamic usage of require is not supported")},u.g=globalThis;let R=s.prototype,S=new Map;u.M=S;let $=new Map,E=new Map;async function T(e,t,r){let n;if("string"==typeof r)return M(e,t,q(r));let o=r.included||[],i=o.map(e=>!!S.has(e)||$.get(e));if(i.length>0&&i.every(e=>e))return void await Promise.all(i);let l=r.moduleChunks||[],s=l.map(e=>E.get(e)).filter(e=>e);if(s.length>0){if(s.length===l.length)return void await Promise.all(s);let r=new Set;for(let e of l)E.has(e)||r.add(e);for(let n of r){let r=M(e,t,q(n));E.set(n,r),s.push(r)}n=Promise.all(s)}else{for(let o of(n=M(e,t,q(r.path)),l))E.has(o)||E.set(o,n)}for(let e of o)$.has(e)||$.set(e,n);await n}R.l=function(e){return T(i.Parent,this.m.id,e)};let A=Promise.resolve(void 0),x=new WeakMap;function M(t,r,n){let o=e.loadChunkCached(t,n),l=x.get(o);if(void 0===l){let e=x.set.bind(x,o,A);l=o.then(e).catch(e=>{let o;switch(t){case i.Runtime:o=`as a runtime dependency of chunk ${r}`;break;case i.Parent:o=`from module ${r}`;break;case i.Update:o="from an HMR update";break;default:_(t,e=>`Unknown source type: ${e}`)}let l=Error(`Failed to load chunk ${n} ${o}${e?`: ${e}`:""}`,e?{cause:e}:void 0);throw l.name="ChunkLoadError",l}),x.set(o,l)}return l}function q(e){return`${t}${e.split("/").map(e=>encodeURIComponent(e)).join("/")}${r}`}R.L=function(e){return M(i.Parent,this.m.id,e)},R.R=function(e){let t=this.r(e);return t?.default??t},R.P=function(e){return`/ROOT/${e??""}`},R.q=function(e,t){m.call(this,`${e}${r}`,t)},R.b=function(e,t,o,i){let l="SharedWorker"===e.name,s=[o.map(e=>q(e)).reverse(),r];for(let e of n)s.push(globalThis[e]);let u=new URL(q(t),location.origin),a=JSON.stringify(s);return l?u.searchParams.set("params",a):u.hash="#params="+encodeURIComponent(a),new e(u,i?{...i,type:void 0}:void 0)};let N=/\.js(?:\?[^#]*)?(?:#.*)?$/,K=/\.css(?:\?[^#]*)?(?:#.*)?$/;function L(e){return K.test(e)}u.w=function(t,r,n){return e.loadWebAssembly(i.Parent,this.m.id,t,r,n)},u.u=function(t,r){return e.loadWebAssemblyModule(i.Parent,this.m.id,t,r)};let I={};u.c=I;let B=(e,t)=>{let r=I[e];if(r){if(r.error)throw r.error;return r}return W(e,i.Parent,t.id)};function W(e,t,r){let n=S.get(e);if("function"!=typeof n)throw Error(function(e,t,r){let n;switch(t){case 0:n=`as a runtime entry of chunk ${r}`;break;case 1:n=`because it was required from module ${r}`;break;case 2:n="because of an HMR update";break;default:_(t,e=>`Unknown source type: ${e}`)}return`Module ${e} was instantiated ${n}, but the module factory is not available.`}(e,t,r));let o=h(e),i=o.exports;I[e]=o;let l=new s(o,i);try{n(l,o,i)}catch(e){throw o.error=e,e}return o.namespaceObject&&o.exports!==o.namespaceObject&&g(o.exports,o.namespaceObject),o}function F(t){let r,n=function(e){if("string"==typeof e)return e;if(e)return{src:e.getAttribute("src")};if("u">typeof TURBOPACK_NEXT_CHUNK_URLS)return{src:TURBOPACK_NEXT_CHUNK_URLS.pop()};throw Error("chunk path empty but not in a worker")}(t[0]);return 2===t.length?r=t[1]:(r=void 0,!function(e,t){let r=1;for(;r<e.length;){let n,o=r+1;for(;o<e.length&&"function"!=typeof e[o];)o++;if(o===e.length)throw Error("malformed chunk format, expected a factory function");let i=e[o];for(let i=r;i<o;i++){let r=e[i],o=t.get(r);if(o){n=o;break}}let l=n??i,s=!1;for(let n=r;n<o;n++){let r=e[n];t.has(r)||(s||(l===i&&Object.defineProperty(i,"name",{value:"module evaluation"}),s=!0),t.set(r,l))}r=o+1}}(t,S)),e.registerChunk(n,r)}let X=new Map;function D(e){let t=X.get(e);if(!t){let r,n;t={resolved:!1,loadingStarted:!1,promise:new Promise((e,t)=>{r=e,n=t}),resolve:()=>{t.resolved=!0,r()},reject:n},X.set(e,t)}return t}e={async registerChunk(e,r){let n=function(e){if("string"==typeof e)return e;let r=decodeURIComponent(e.src.replace(/[?#].*$/,""));return r.startsWith(t)?r.slice(t.length):r}(e);if(D("string"==typeof e?q(e):e.src).resolve(),null!=r){for(let e of r.otherChunks)D(q("string"==typeof e?e:e.path));if(await Promise.all(r.otherChunks.map(e=>T(i.Runtime,n,e))),r.runtimeModuleIds.length>0)for(let e of r.runtimeModuleIds)!function(e,t){let r=I[t];if(r){if(r.error)throw r.error;return}W(t,i.Runtime,e)}(n,e)}},loadChunkCached:(e,t)=>(function(e,t){let r=D(t);if(r.loadingStarted)return r.promise;if(e===i.Runtime)return r.loadingStarted=!0,L(t)&&r.resolve(),r.promise;if("function"==typeof importScripts)if(L(t));else if(N.test(t))self.TURBOPACK_NEXT_CHUNK_URLS.push(t),importScripts(t);else throw Error(`can't infer type of chunk from URL ${t} in worker`);else{let e=decodeURI(t);if(L(t))if(document.querySelectorAll(`link[rel=stylesheet][href="${t}"],link[rel=stylesheet][href^="${t}?"],link[rel=stylesheet][href="${e}"],link[rel=stylesheet][href^="${e}?"]`).length>0)r.resolve();else{let e=document.createElement("link");e.rel="stylesheet",e.href=t,e.onerror=()=>{r.reject()},e.onload=()=>{r.resolve()},document.head.appendChild(e)}else if(N.test(t)){let n=document.querySelectorAll(`script[src="${t}"],script[src^="${t}?"],script[src="${e}"],script[src^="${e}?"]`);if(n.length>0)for(let e of Array.from(n))e.addEventListener("error",()=>{r.reject()});else{let e=document.createElement("script");e.src=t,e.onerror=()=>{r.reject()},document.head.appendChild(e)}}else throw Error(`can't infer type of chunk from URL ${t}`)}return r.loadingStarted=!0,r.promise})(e,t),async loadWebAssembly(e,t,r,n,o){let i=fetch(q(r)),{instance:l}=await WebAssembly.instantiateStreaming(i,o);return l.exports},async loadWebAssemblyModule(e,t,r,n){let o=fetch(q(r));return await WebAssembly.compileStreaming(o)}};let H=globalThis.TURBOPACK;globalThis.TURBOPACK={push:F},H.forEach(F)})();

package/dist/.next/static/s9VfKvC0xzBvYn71o8vHB/_ssgManifest.js

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set(["\u002F[lang]","\u002F[lang]\u002Fbooks","\u002F[lang]\u002Fcatalog","\u002F[lang]\u002Fcatalog\u002Fauthors","\u002F[lang]\u002Fcatalog\u002Fgenres","\u002F[lang]\u002Fcatalog\u002Flibrary","\u002F[lang]\u002Fcatalog\u002Ftags","\u002F[lang]\u002Ffavorites","\u002F[lang]\u002Ffavorites\u002Fbooks","\u002F[lang]\u002Ffavorites\u002Fmanga","\u002F[lang]\u002Ffavorites\u002Fmanga\u002Fvolumes","\u002F[lang]\u002Ffavorites\u002Fothers","\u002F[lang]\u002Ffavorites\u002Fothers\u002Fvolumes","\u002F[lang]\u002Flogin","\u002F[lang]\u002Fmanga","\u002F[lang]\u002Fmanga\u002F[series]","\u002F[lang]\u002Fmanga\u002Fseries","\u002F[lang]\u002Fmanga\u002Ftoread","\u002F[lang]\u002Fmanga\u002Fvolume\u002F[slug]","\u002F[lang]\u002Fmanga\u002Fvolumes","\u002F[lang]\u002Fothers","\u002F[lang]\u002Fothers\u002F[series]","\u002F[lang]\u002Fothers\u002Fseries","\u002F[lang]\u002Fothers\u002Ftoread","\u002F[lang]\u002Fothers\u002Fvolume\u002F[slug]","\u002F[lang]\u002Fothers\u002Fvolumes","\u002F[lang]\u002Fprofile","\u002F[lang]\u002Fprofile\u002Fnotifications","\u002F[lang]\u002Fprofile\u002Fupdate","\u002F[lang]\u002Fsearch","\u002F[lang]\u002Fsettings","\u002F[lang]\u002Fsettings\u002Flibrary","\u002Fen\u002Fmanga\u002F[series]","\u002Fen\u002Fmanga\u002Fvolume\u002F[slug]","\u002Fen\u002Fothers\u002F[series]","\u002Fen\u002Fothers\u002Fvolume\u002F[slug]","\u002Fes\u002Fmanga\u002F[series]","\u002Fes\u002Fmanga\u002Fvolume\u002F[slug]","\u002Fes\u002Fothers\u002F[series]","\u002Fes\u002Fothers\u002Fvolume\u002F[slug]"]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

package/dist/package.json

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

package/dist/src/app/[lang]/catalog/authors/page.tsx

@@ -0,0 +1,57 @@
+import { Suspense } from "react";
+import { UserRoundPenIcon } from "lucide-react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import { verifySession } from "@/lib/auth/verifySession";
+import { listPagedCatalogAuthors } from "@/lib/db/library";
+import CatalogAuthorsTable from "@/components/catalog/CatalogAuthorsTable";
+import type { Locale } from "@/lib/types";
+
+interface CatalogAuthorsPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function CatalogAuthorsSkeleton() {
+  return (
+    <>
+      <div className="h-8 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="h-80 rounded-lg bg-sand animate-pulse" />
+    </>
+  );
+}
+
+async function CatalogAuthorsPageContent({
+  params,
+  searchParams,
+}: CatalogAuthorsPageProps) {
+  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 user = await verifySession();
+  const authors = await listPagedCatalogAuthors({
+    page,
+    pageSize: 50,
+    userId: user?.id ?? null,
+  });
+
+  return (
+    <>
+      <h2 className="flex items-center mb-4">
+        <UserRoundPenIcon size={28} className="mr-2" />
+        {intl.catalog.authors as string}
+      </h2>
+
+      <CatalogAuthorsTable data={authors} intl={intl} />
+    </>
+  );
+}
+
+export default function CatalogAuthorsPage(props: CatalogAuthorsPageProps) {
+  return (
+    <Suspense fallback={<CatalogAuthorsSkeleton />}>
+      <CatalogAuthorsPageContent {...props} />
+    </Suspense>
+  );
+}

package/dist/src/app/[lang]/catalog/genres/page.tsx

@@ -0,0 +1,58 @@
+import { Suspense } from "react";
+import { DramaIcon } from "lucide-react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import { listPagedCatalogGenres } from "@/lib/db/library";
+import CatalogRelationsTable from "@/components/catalog/CatalogRelationsTable";
+import type { Locale } from "@/lib/types";
+
+interface CatalogGenresPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function CatalogGenresSkeleton() {
+  return (
+    <>
+      <div className="h-8 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="h-80 rounded-lg bg-sand animate-pulse" />
+    </>
+  );
+}
+
+async function CatalogGenresPageContent({
+  params,
+  searchParams,
+}: CatalogGenresPageProps) {
+  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 genres = await listPagedCatalogGenres({
+    page,
+    pageSize: 50,
+  });
+
+  return (
+    <>
+      <h2 className="flex items-center mb-4">
+        <DramaIcon size={28} className="mr-2" />
+        {intl.catalog.genres as string}
+      </h2>
+
+      <CatalogRelationsTable
+        data={genres}
+        intl={intl}
+        nameLabel={intl.catalog.genreColumn as string}
+      />
+    </>
+  );
+}
+
+export default function CatalogGenresPage(props: CatalogGenresPageProps) {
+  return (
+    <Suspense fallback={<CatalogGenresSkeleton />}>
+      <CatalogGenresPageContent {...props} />
+    </Suspense>
+  );
+}

package/dist/src/app/[lang]/catalog/layout.tsx

@@ -0,0 +1,35 @@
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import SidebarMisc from "@/components/ui/SidebarMisc";
+import CatalogNav from "@/components/catalog/CatalogNav";
+import { BookAIcon } from "lucide-react";
+import type { Locale, Dictionary } from "@/lib/types";
+
+interface CatalogLayoutProps {
+  children: React.ReactNode;
+  params: Promise<{ lang: string }>;
+}
+
+export default async function CatalogLayout({
+  children,
+  params,
+}: CatalogLayoutProps) {
+  const { lang = "es" } = await params;
+  const intl: Dictionary = await getDictionary(lang as Locale);
+
+  return (
+    <div className="flex flex-col md:flex-row md:h-screen overflow-hidden">
+      <SidebarMisc>
+        <h2 className="flex items-center text-onix">
+          <BookAIcon size={28} className="mr-2" />
+          {intl.catalog.title as string}
+        </h2>
+
+        <CatalogNav intl={intl} />
+      </SidebarMisc>
+
+      <div className="w-full md:w-[60%] lg:w-[68%] xl:w-[73%] 2xl:w-[80%] p-4 overflow-y-auto">
+        <div className="mb-24 md:mb-4">{children}</div>
+      </div>
+    </div>
+  );
+}

package/dist/src/app/[lang]/catalog/library/page.tsx

@@ -0,0 +1,62 @@
+import { Suspense } from "react";
+import { LibraryBigIcon } from "lucide-react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import { listPagedCatalogLibraryVolumes } from "@/lib/db/library";
+import { verifySession } from "@/lib/auth/verifySession";
+import CatalogLibraryTable from "@/components/catalog/CatalogLibraryTable";
+import type { Locale } from "@/lib/types";
+
+interface CatalogLibraryPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function CatalogLibrarySkeleton() {
+  return (
+    <>
+      <div className="h-8 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="h-80 rounded-lg bg-sand animate-pulse" />
+    </>
+  );
+}
+
+async function CatalogLibraryPageContent({
+  params,
+  searchParams,
+}: CatalogLibraryPageProps) {
+  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 user = await verifySession();
+  const volumes = await listPagedCatalogLibraryVolumes({
+    page,
+    pageSize: 50,
+    userId: user?.id ?? null,
+  });
+
+  return (
+    <>
+      <h2 className="flex items-center mb-4">
+        <LibraryBigIcon size={28} className="mr-2" />
+        {intl.catalog.library as string}
+      </h2>
+
+      <CatalogLibraryTable
+        data={volumes}
+        intl={intl}
+        canManage={user?.isAdmin === true}
+        lang={lang as Locale}
+      />
+    </>
+  );
+}
+
+export default function CatalogLibraryPage(props: CatalogLibraryPageProps) {
+  return (
+    <Suspense fallback={<CatalogLibrarySkeleton />}>
+      <CatalogLibraryPageContent {...props} />
+    </Suspense>
+  );
+}

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

@@ -0,0 +1,11 @@
+import { redirect } from "next/navigation";
+
+interface CatalogPageProps {
+  params: Promise<{ lang: string }>;
+}
+
+export default async function CatalogPage({ params }: CatalogPageProps) {
+  const { lang = "es" } = await params;
+
+  redirect(`/${lang}/catalog/library`);
+}

package/dist/src/app/[lang]/catalog/tags/page.tsx

@@ -0,0 +1,58 @@
+import { Suspense } from "react";
+import { TagsIcon } from "lucide-react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import { listPagedCatalogTags } from "@/lib/db/library";
+import CatalogRelationsTable from "@/components/catalog/CatalogRelationsTable";
+import type { Locale } from "@/lib/types";
+
+interface CatalogTagsPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+function CatalogTagsSkeleton() {
+  return (
+    <>
+      <div className="h-8 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="h-80 rounded-lg bg-sand animate-pulse" />
+    </>
+  );
+}
+
+async function CatalogTagsPageContent({
+  params,
+  searchParams,
+}: CatalogTagsPageProps) {
+  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 tags = await listPagedCatalogTags({
+    page,
+    pageSize: 50,
+  });
+
+  return (
+    <>
+      <h2 className="flex items-center mb-4">
+        <TagsIcon size={28} className="mr-2" />
+        {intl.catalog.tags as string}
+      </h2>
+
+      <CatalogRelationsTable
+        data={tags}
+        intl={intl}
+        nameLabel={intl.catalog.tagColumn as string}
+      />
+    </>
+  );
+}
+
+export default function CatalogTagsPage(props: CatalogTagsPageProps) {
+  return (
+    <Suspense fallback={<CatalogTagsSkeleton />}>
+      <CatalogTagsPageContent {...props} />
+    </Suspense>
+  );
+}

package/dist/src/app/[lang]/layout.tsx

@@ -5,6 +5,10 @@ import "../globals.css";
 import Sidebar from "@/components/sidebar/sidebar";
 import MobNav from "@/components/mobNav/MobNav";
 import { ToastProvider } from "@/components/ToastProvider";
+import { verifySession } from "@/lib/auth/verifySession";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import { getChallengeData } from "@/lib/utils";
+import { getVersionInfo } from "@/lib/versionInfo";
 import type { Locale } from "@/lib/types";
 import type { ReactNode } from "react";
 import type { Metadata } from "next";
@@ -30,6 +34,34 @@ interface RootLayoutProps {
   params: Promise<{ lang: string }>;
 }
 
+async function AppChrome({ lang }: { lang: Locale }) {
+  const [intl, user, versionData] = await Promise.all([
+    getDictionary(lang),
+    verifySession(),
+    getVersionInfo(),
+  ]);
+  const challengeData = await getChallengeData(user);
+
+  return (
+    <>
+      <MobNav
+        lang={lang}
+        intl={intl}
+        user={user}
+        challengeData={challengeData}
+        versionData={versionData}
+      />
+      <Sidebar
+        lang={lang}
+        intl={intl}
+        user={user}
+        challengeData={challengeData}
+        versionData={versionData}
+      />
+    </>
+  );
+}
+
 export default async function RootLayout({ children, params }: RootLayoutProps) {
   const { lang: rawLang } = await params;
 
@@ -50,11 +82,8 @@ export default async function RootLayout({ children, params }: RootLayoutProps)
       <body className="flex h-screen overflow-hidden text-lg relative">
         <div className="fixed inset-0 -z-10 pointer-events-none bg-seigaiha-pattern-k opacity-50" />
 
-        <Suspense fallback={null}>
-          <MobNav lang={lang} />
-        </Suspense>
         <Suspense fallback={<aside className="hidden md:flex md:w-[35%] lg:w-[25%] xl:w-[21%] 2xl:w-[17%] bg-blackamber flex-col" />}>
-          <Sidebar lang={lang} />
+          <AppChrome lang={lang} />
         </Suspense>
 
         <main className="w-full md:w-[65%] lg:w-[75%] xl:w-[79%] 2xl:w-[83%] flex flex-col overflow-y-auto">

package/dist/src/app/api/admin/scan-manga/status/route.ts

@@ -1,4 +1,4 @@
-import { NextResponse, connection } from "next/server";
+import { NextResponse } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fs from "fs/promises";
 import path from "path";
@@ -7,8 +7,6 @@ const STATUS_PATH = path.join(process.cwd(), "tmp", "scan-status.json");
 
 export async function GET() {
   try {
-    await connection();
-
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse, connection } from "next/server";
+import { NextResponse } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fs from "fs/promises";
@@ -14,8 +14,6 @@ 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/catalog/CatalogAuthorsTable.tsx

@@ -0,0 +1,122 @@
+import Pagination from "@/components/ui/Pagination";
+import type { CatalogAuthorStats, PaginatedResult } from "@/lib/db/library";
+import type { Dictionary } from "@/lib/types";
+
+interface CatalogAuthorsTableProps {
+  data: PaginatedResult<CatalogAuthorStats>;
+  intl: Dictionary;
+}
+
+function renderValue(value: number | string | null | undefined) {
+  if (value === null || value === undefined || value === "") {
+    return "—";
+  }
+
+  return String(value);
+}
+
+function renderAvgRating(value: number | null) {
+  if (value === null || Number.isNaN(value)) {
+    return "—";
+  }
+
+  return Number(value).toFixed(1);
+}
+
+function renderLibraries(
+  hasManga: boolean,
+  hasOthers: boolean,
+  hasBooks: boolean
+) {
+  return (
+    <div className="flex items-center justify-center gap-1 flex-wrap">
+      {hasManga && (
+        <span className="bg-pearl text-onix px-2 rounded-full text-xs uppercase">
+          Manga
+        </span>
+      )}
+      {hasOthers && (
+        <span className="bg-neutral-700 px-2 rounded-full text-xs uppercase">
+          Cómic
+        </span>
+      )}
+      {hasBooks && (
+        <span className="border border-pearl px-2 rounded-full text-xs uppercase">
+          Libros
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function CatalogAuthorsTable({
+  data,
+  intl,
+}: CatalogAuthorsTableProps) {
+  return (
+    <>
+      <div className="bg-blackamber p-4 rounded-lg">
+        <div className="overflow-x-auto">
+          <table className="w-max min-w-full table-auto border-separate border-spacing-0">
+            <thead className="sticky top-0 z-10">
+              <tr className="font-bold uppercase bg-onix">
+                <th className="p-4 text-left rounded-l-md">
+                  {intl.catalog.authorColumn as string}
+                </th>
+                <th className="p-4 text-center">
+                  {intl.catalog.worksColumn as string}
+                </th>
+                <th className="p-4 text-center">
+                  {intl.catalog.avgRatingColumn as string}
+                </th>
+                <th className="p-4 text-center">
+                  {intl.catalog.libraryColumn as string}
+                </th>
+                <th className="p-4 text-center rounded-r-md">
+                  {intl.catalog.progressColumn as string}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {data.items.map((author, index) => (
+                <tr key={`${author.author ?? "unknown"}-${index}`}>
+                  <td className="p-4">
+                    <div className="max-w-[18rem] whitespace-normal break-words leading-snug line-clamp-2">
+                      {renderValue(author.author)}
+                    </div>
+                  </td>
+                  <td className="p-4 text-center whitespace-nowrap">
+                    {renderValue(author.works)}
+                  </td>
+                  <td className="p-4 text-center whitespace-nowrap">
+                    {renderAvgRating(author.avgRating)}
+                  </td>
+                  <td className="p-4 text-center">
+                    {renderLibraries(
+                      author.hasManga,
+                      author.hasOthers,
+                      author.hasBooks
+                    )}
+                  </td>
+                  <td className="p-4 text-center whitespace-nowrap">
+                    {author.readCount}/{author.works}
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      {data.total > data.pageSize && (
+        <div className="mt-8">
+          <Pagination
+            currentPage={data.page}
+            totalPages={data.totalPages}
+            intl={intl}
+          />
+        </div>
+      )}
+    </>
+  );
+}