https://shelfy.so/_next/static/chunks/90915-8f3db2e40fad0c8f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45532,90915],{45532:(e,r,t)=>{t.r(r),t.d(r,{statsApi:()=>l,useCreateFeedbackMutation:()=>d,useGetFeedbacksQuery:()=>n,useGetStatsQuery:()=>i});var a=t(61321),s=t(49973);let l=(0,a.xP)({reducerPath:"statsApi",baseQuery:s.W,tagTypes:["Stats","Feedbacks"],endpoints:e=>({getStats:e.query({query:()=>({url:"/stats"}),providesTags:["Stats"]}),getFeedbacks:e.query({query:()=>({url:"/feedbacks"}),providesTags:["Feedbacks"]}),createFeedback:e.mutation({query:e=>({url:"feedbacks",method:"POST",body:{feedback:{feedback_type:e.feedback_type,title:e.title,description:e.description,metadata:e.metadata||{}}}}),invalidatesTags:["Feedbacks"]})})}),{useGetStatsQuery:i,useGetFeedbacksQuery:n,useCreateFeedbackMutation:d}=l},71810:(e,r,t)=>{t.d(r,{A:()=>o});var a=t(95155),s=t(12115),l=t(51834),i=t(20781),n=t(79933),d=t(45532);function o(e){let{isOpen:r,onClose:t}=e,[o,c]=(0,s.useState)("feedback"),[g,u]=(0,s.useState)(""),[x,m]=(0,s.useState)(""),{toast:h}=(0,n.dj)(),[y,{isLoading:b}]=(0,d.useCreateFeedbackMutation)(),p=()=>{t(),setTimeout(()=>{c("feedback"),u(""),m("")},200)},f=async e=>{if(e.preventDefault(),x.trim().length<10)return void h({variant:"destructive",title:"Error",description:"Description must be at least 10 characters long"});if(x.trim().length>5e3)return void h({variant:"destructive",title:"Error",description:"Description must not exceed 5000 characters"});if(g.trim().length>200)return void h({variant:"destructive",title:"Error",description:"Title must not exceed 200 characters"});try{await y({feedback_type:o,title:g.trim()||void 0,description:x.trim()}).unwrap(),h({title:"Feedback submitted",description:"Thank you for your feedback! We'll review it shortly."}),p()}catch(e){var r;console.error("❌ [Feedback Modal] Failed to submit feedback:",e),console.error("❌ [Feedback Modal] Error status:",null==e?void 0:e.status),console.error("❌ [Feedback Modal] Error data:",null==e?void 0:e.data),console.error("❌ [Feedback Modal] Full error object:",JSON.stringify(e,null,2)),h({variant:"destructive",title:"Error",description:(null==e||null==(r=e.data)?void 0:r.message)||(null==e?void 0:e.message)||"Failed to submit feedback. Please try again."})}};return(0,a.jsx)(l.lG,{open:r,onOpenChange:e=>!e&&p(),children:(0,a.jsxs)(l.Cf,{className:"sm:max-w-[500px] p-6 rounded-2xl",onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),children:[(0,a.jsxs)(l.c7,{children:[(0,a.jsx)(l.L3,{className:"text-gray-900 dark:text-gray-100",children:"Feedback / Feature Request"}),(0,a.jsx)(l.rr,{className:"text-gray-600 dark:text-gray-400",children:"We'd love to hear from you! Share your thoughts, ideas, or report bugs."})]}),(0,a.jsxs)("form",{onSubmit:f,className:"space-y-4 py-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 mb-3 block",children:"Type"}),(0,a.jsx)("div",{className:"space-y-2",children:["feedback","feature_request","bug"].map(e=>(0,a.jsxs)("label",{className:"flex items-center cursor-pointer group",children:[(0,a.jsx)("input",{type:"radio",name:"feedbackType",value:e,checked:o===e,onChange:e=>c(e.target.value),className:"w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500 cursor-pointer"}),(0,a.jsx)("span",{className:"ml-3 text-sm text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-gray-100",children:(e=>{switch(e){case"feedback":return"General Feedback";case"feature_request":return"Feature Request";case"bug":return"Bug Report";default:return""}})(e)})]},e))})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{htmlFor:"feedback-title",className:"text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block",children:["Title ",(0,a.jsx)("span",{className:"text-gray-500 dark:text-gray-400 font-normal",children:"(Optional)"})]}),(0,a.jsx)("input",{id:"feedback-title",type:"text",value:g,onChange:e=>u(e.target.value),placeholder:"Brief summary...",maxLength:200,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-600 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors hover:border-gray-400 dark:hover:border-gray-500"}),g.length>0&&(0,a.jsxs)("p",{className:"text-xs text-gray-500 dark:text-gray-400 mt-1",children:[g.length," / 200 characters"]})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{htmlFor:"feedback-description",className:"text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block",children:["Description ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsx)("textarea",{id:"feedback-description",value:x,onChange:e=>m(e.target.value),placeholder:"Please share your thoughts, ideas, or describe the issue in detail...",rows:6,required:!0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-600 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors hover:border-gray-400 dark:hover:border-gray-500 resize-none"}),(0,a.jsxs)("div",{className:"flex justify-between items-center mt-1",children:[(0,a.jsx)("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Minimum 10 characters"}),(0,a.jsxs)("p",{className:"text-xs ".concat(x.length>5e3?"text-red-500":"text-gray-500 dark:text-gray-400"),children:[x.length," / 5000 characters"]})]})]})]}),(0,a.jsxs)(l.Es,{className:"flex gap-2 justify-end",children:[(0,a.jsx)(i.$,{variant:"outline",onClick:p,disabled:b,className:"cursor-pointer rounded-lg transition-all hover:bg-gray-100 dark:hover:bg-gray-600",children:"Cancel"}),(0,a.jsx)(i.$,{onClick:f,disabled:b||x.trim().length<10||x.length>5e3,className:"cursor-pointer rounded-lg transition-all disabled:cursor-not-allowed",children:b?"Submitting...":"Submit Feedback"})]})]})})}},79858:(e,r,t)=>{t.d(r,{l:()=>l});var a=t(95155);t(12115);let s=/^(the|a|an)\s+/i;function l(e){let{title:r,size:t=20,fill:l=!1,letterSize:i,className:n=""}=e,d=(e=>{let r=(null!=e?e:"").trim();return r?((r.replace(s,"").trim()||r).charAt(0)||"?").toUpperCase():"?"})(r),o=null!=t?t:20;return(0,a.jsx)("div",{className:"flex items-center justify-center rounded bg-[#F3F4F6] overflow-hidden ".concat(l?"w-full h-full":""," ").concat(n),style:l?{}:{width:t,height:t},"aria-hidden":"true",children:(0,a.jsx)("span",{className:"font-sans font-semibold select-none text-gray-700",style:{fontSize:null!=i?i:.38*o,letterSpacing:"-0.02em",lineHeight:1},children:d})})}},90915:(e,r,t)=>{t.r(r),t.d(r,{default:()=>I});var a=t(95155),s=t(12115),l=t(47937),i=t(36168),n=t(42138),d=t(97328),o=t(38218),c=t(94161),g=t(20781),u=t(63892),x=t(71810),m=t(97545),h=t(64269),y=t(79858);function b(e){let{resource:r,isSelected:t,onSelect:l}

1=e,[i,n]=(0,s.useState)(!1),d=(e=>{if(null==e?void 0:e.favicon_url)return e.favicon_url;if((null==e?void 0:e.thumbnail_url)&&"note-icon"!==e.thumbnail_url)return e.thumbnail_url;if(null==e?void 0:e.image_url)return e.image_url;let r=null==e?void 0:e.metadata;return(null==r?void 0:r.image)?r.image:(null==r?void 0:r.og_image)?r.og_image:(null==r?void 0:r.thumbnail)?r.thumbnail:(null==r?void 0:r["og:image"])?r["og:image"]:void 0})(r),o=(e=>{if(e.url)try{return new URL(e.url).hostname.replace(/^www\./,"")}catch(r){return e.url}return e.collection_name||""})(r);return(0,a.jsxs)("button",{type:"button",onClick:()=>l(r.id),className:(0,h.cn)("flex w-full items-center gap-3 px-3 py-2.5 text-left cursor-pointer transition-colors",t?"bg-[#E6F4FF] dark:bg-[#0D99FF]/15":"hover:bg-gray-100 dark:hover:bg-gray-600"),children:[(0,a.jsx)("div",{className:"h-9 w-9 flex-shrink-0",children:d&&!i?(0,a.jsx)("img",{src:d,alt:"",className:"h-9 w-9 rounded-md object-cover",onError:()=>n(!0)}):(0,a.jsx)(y.l,{title:r.title,size:36,className:"!rounded-md"})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("p",{className:(0,h.cn)("truncate text-sm font-medium leading-snug",t?"text-[#0D99FF]":"text-gray-900 dark:text-gray-100"),children:r.title||"Untitled"}),o&&(0,a.jsx)("p",{className:"mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400",children:o})]})]})}function p(e){let{label:r,count:t}=e;return(0,a.jsx)("div",{className:"border-b border-gray-100 dark:border-gray-700 px-3 pb-2 pt-4",children:(0,a.jsxs)("span",{className:"text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400",children:[r,(0,a.jsx)("span",{className:"ml-1.5 text-gray-400 dark:text-gray-500",children:t})]})})}function f(){return(0,a.jsx)("p",{className:"px-3 py-3 text-sm text-gray-400 dark:text-gray-500",children:"No items in the list"})}function v(){return(0,a.jsx)("div",{className:"space-y-2 px-3 pt-3",children:Array.from({length:6}).map((e,r)=>(0,a.jsxs)("div",{className:"flex items-start gap-3 px-0 py-1.5",children:[(0,a.jsx)("div",{className:"h-9 w-9 flex-shrink-0 animate-pulse rounded-md bg-gray-200 dark:bg-gray-600"}),(0,a.jsxs)("div",{className:"flex-1 space-y-2 py-0.5",children:[(0,a.jsx)("div",{className:"h-3.5 w-5/6 animate-pulse rounded bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"h-3 w-1/3 animate-pulse rounded bg-gray-200 dark:bg-gray-600"})]})]},r))})}function k(e){let{activeItems:r,historyItems:t,selectedId:s,onSelect:l,isLoading:i=!1}=e;return i?(0,a.jsx)(v,{}):(0,a.jsxs)("div",{className:"pb-8",children:[(0,a.jsxs)("section",{children:[(0,a.jsx)(p,{label:"Active",count:r.length}),r.length>0?(0,a.jsx)("div",{className:"divide-y divide-gray-100 dark:divide-gray-700",children:r.map(e=>(0,a.jsx)(b,{resource:e,isSelected:String(e.id)===String(s),onSelect:l},e.id))}):(0,a.jsx)(f,{})]}),(0,a.jsxs)("section",{children:[(0,a.jsx)(p,{label:"Reading History",count:t.length}),t.length>0?(0,a.jsx)("div",{className:"divide-y divide-gray-100 dark:divide-gray-700",children:t.map(e=>(0,a.jsx)(b,{resource:e,isSelected:String(e.id)===String(s),onSelect:l},e.id))}):(0,a.jsx)(f,{})]})]})}var j=t(35626),N=t(93499),w=t(37354),F=t(5917),S=t(20370),_=t(19402),C=t(79933),A=t(48190),M=t(84705),R=t(86389),z=t(968),T=t(68093),D=t(33917),E=t(83683),L=t(88716),q=t(17093);function O(e){var r,t,l,i,d,o,g,u;let{resourceId:x,onMarkedRead:m,onBack:h}=e,{toast:y}=(0,C.dj)(),{openResource:b,openResourceDetails:p}=(0,c.j)(),{data:f,isFetching:v}=(0,n.useGetResourceQuery)(x,{skip:!x}),[k,{isLoading:O}

1]=(0,n.useUpdateResourceStatesMutation)(),[I,Q]=(0,s.useState)(D.Zh),H=(0,s.useRef)(null),[W,B]=(0,s.useState)(0);(0,s.useEffect)(()=>{H.current&&(H.current.scrollTop=0),B(0)},[x]);let{outline:J,activeId:$,scrollToHeading:Y}=(0,q.y)(H,null!=(i=null==f||null==(r=f.data)?void 0:r.readable_content)?i:""),{isFreePlan:Z}=(0,M.uc)(),[K,V]=(0,s.useState)(null),X=e=>V(e),ee=null==f?void 0:f.data,er=null!=(o=null!=(d=null==ee||null==(t=ee.state)?void 0:t.is_read)?d:null==ee?void 0:ee.is_read)&&o,et=null!=(u=null!=(g=null==ee||null==(l=ee.state)?void 0:l.in_reading_list)?g:null==ee?void 0:ee.in_reading_list)&&u,ea=async(e,r,t,a)=>{if(x)try{await k({resourceId:x.toString(),states:e}).unwrap(),y({title:r,description:t}),null==a||a()}catch(e){y({variant:"destructive",title:"Error",description:"Something went wrong. Please try again."})}},es=(null==ee?void 0:ee.title)||"Untitled",el=(null==ee?void 0:ee.url)||(null==ee?void 0:ee.image_url);if(!x)return(0,a.jsx)("div",{className:"flex h-full items-center justify-center bg-white dark:bg-gray-700",children:(0,a.jsx)("p",{className:"text-gray-400 dark:text-gray-500 text-sm",children:"Select an item to start reading"})});let ei=v&&!ee,en=I.theme?D.zG[I.theme]:null,ed={fontFamily:I.fontFamily,fontSize:"".concat(I.fontSize,"px"),fontWeight:I.fontWeight,fontStyle:I.fontStyle,...en?{color:en.text}:{}},eo={fontFamily:I.fontFamily,...en?{color:en.text}:{}},ec=en?{backgroundColor:en.background}:void 0;return(0,a.jsxs)("div",{className:"relative flex h-full flex-col bg-white dark:bg-gray-700",children:[(0,a.jsxs)("header",{className:"flex items-center justify-between gap-2 border-b border-gray-100 dark:border-gray-700 px-3 py-2",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-center gap-1",children:[h&&(0,a.jsx)("button",{type:"button",onClick:h,"aria-label":"Back to reading list",className:"flex items-center justify-center cursor-pointer p-1.5 rounded-md hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors text-gray-600 dark:text-gray-300",children:(0,a.jsx)(j.A,{size:18})}),(0,a.jsx)(D.Ay,{settings:I,onChange:Q,locked:Z,onLocked:()=>X("Reading formatting")})]}),(0,a.jsxs)("div",{className:"flex flex-shrink-0 items-center gap-1.5",children:[(0,a.jsx)(L.A,{outline:J,activeId:$,onJump:Y,locked:Z,onLocked:()=>X("Section navigation")}),(0,a.jsx)("span",{className:"mx-0.5 h-5 w-px bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)(P,{label:"Open original",onClick:()=>{el?window.open(el,"_blank","noopener,noreferrer"):x&&b(String(x))},disabled:!ee,children:(0,a.jsx)(N.A,{size:16})}),(0,a.jsx)(P,{label:"Full screen",onClick:()=>x&&p(String(x)),disabled:!ee,children:(0,a.jsx)(w.A,{size:16})}),ee&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"mx-0.5 h-5 w-px bg-gray-200 dark:bg-gray-600"}),et&&!er&&(0,a.jsx)(G,{onClick:()=>ea({is_read:!0},"Marked as read",'"'.concat(es,'" moved to reading history'),()=>x&&(null==m?void 0:m(x))),disabled:O,icon:(0,a.jsx)(F.A,{size:14}),children:"Mark as read"}),et?(0,a.jsx)(G,{onClick:()=>ea({in_reading_list:!1},"Removed from reading list",'"'.concat(es,'" was removed from your reading list')),disabled:O,icon:(0,a.jsx)(S.A,{size:14}),children:"Remove"}):(0,a.jsx)(G,{onClick:()=>ea({in_reading_list:!0,is_read:!1},"Added to reading list",'"'.concat(es,'" is back in your reading list')),disabled:O,icon:(0,a.jsx)(_.A,{size:14}),children:"Add to reading list"})]})]})]}),(0,a.jsx)("div",{className:"h-[3px] w-full flex-shrink-0 bg-white dark:bg-gray-700",children:(0,a.jsx)("div",{className:"h-full bg-[#0D99FF] transition-[width] duration-75",style:{width:"".concat(100*W,"%")}})}),(0,a.jsx)("div",{ref:H,onScroll:()=>{let e=H.current;if(!e)return;let r=e.scrollHeight-e.clientHeight;B(r>0?Math.min(1,e.scrollTop/r):0)},className:"flex-1 overflow-y-auto",style:ec,children:ei?(0,a.jsx)(U,{}):(0,a.jsxs)("div",{className:"mx-auto max-w-3xl px-5 py-6 text-gray-900 dark:text-gray-100",style:eo,children:[(0,a.jsx)("h1",{className:"text-xl sm:text-2xl font-semibold leading-tight",children:es}),(0,a.jsx)("div",{className:"my-6 border-t border-gray-200 dark:border-gray-600"}),(null==ee?void 0:ee.summary)&&(0,a.jsx)(z.A,{summary:ee.summary,title:ee.title,className:"mb-8",background:null==en?void 0:en.background,textColor:null==en?void 0:en.text}),(null==ee?void 0:ee.readable_content)?(0,a.jsx)(T.A,{content:ee.readable_content,isText:!!ee&&(0,A.gs)(ee),style:ed}):(0,a.jsx)("p",{className:"text-gray-500 dark:text-gray-400 text-[16px] leading-[1.7]",children:"No readable content available."})]})}),!ei&&(0,a.jsx)(E.A,{outline:J,activeId:$,onJump:Y}),(0,a.jsx)(R.UpgradeModal,{isOpen:!!K,onClose:()=>V(null),featureName:null!=K?K:"",featureDescription:"Upgrade to unlock the full reading experience — custom formatting, themes, and section navigation."})]})}function G(e){let{onClick:r,disabled:t,icon:s,children:l}=e;return(0,a.jsxs)("button",{type:"button",onClick:r,disabled:t,className:"flex items-center gap-1.5 rounded-lg bg-gray-50 dark:bg-gray-800 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-200 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors disabled:opacity-60 disabled:cursor-not-allowed whitespace-nowrap",children:[s,l]})}function P(e){let{label:r,onClick:t,disabled:s,children:l}=e;return(0,a.jsx)("button",{type:"button",onClick:t,disabled:s,"aria-label":r,title:r,className:"flex items-center justify-center rounded-lg bg-gray-50 dark:bg-gray-800 p-2 text-gray-700 dark:text-gray-200 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",children:l})}function U(){return(0,a.jsx)("div",{className:"mx-auto max-w-3xl px-5 py-6",children:(0,a.jsxs)("div",{className:"animate-pulse",children:[(0,a.jsx)("div",{className:"mb-6 h-8 w-3/4 rounded bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"mb-6 h-px w-full bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"mb-8 h-[180px] w-full rounded-[10px] bg-gray-200 dark:bg-gray-600"}),(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsx)("div",{className:"h-4 rounded bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"h-4 rounded bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"h-4 w-5/6 rounded bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"h-4 rounded bg-gray-200 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"h-4 w-4/5 rounded bg-gray-200 dark:bg-gray-600"})]})]})})}function I(){let{data:e,isLoading:r}=(0,n.useGetReadLaterResourcesQuery)(),{data:t,isLoading:i}=(0,n.useGetReadHistoryQuery)(),h=!0,y=()=>{};try{let e=(0,d.cL)();h=e.isSidebarOpen,y=e.toggleSidebar}catch(e){}let b=(0,o.a)(1024),{openResourceDetails:p}

1=(0,c.j)(),[f,v]=(0,s.useState)(!1),[j,N]=(0,s.useState)(!1),[w,F]=(0,s.useState)(null),S=(0,s.useMemo)(()=>[...(null==e?void 0:e.data)||[]].reverse(),[e]),_=(null==t?void 0:t.data)||[],C=r||i,A=!C&&0===S.length&&0===_.length,M=(0,s.useMemo)(()=>{var e,r,t,a;return w||(null!=(a=null!=(t=null==(e=S[0])?void 0:e.id)?t:null==(r=_[0])?void 0:r.id)?a:null)},[w,S,_]);return(0,a.jsxs)("div",{className:"flex h-screen flex-col bg-white dark:bg-gray-700",children:[(0,a.jsxs)("header",{className:"flex min-h-[60px] items-center justify-between gap-2 border-b border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-800 px-4 py-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[!h&&(0,a.jsx)("button",{type:"button",className:"hidden lg:flex items-center justify-center cursor-pointer p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors",onClick:y,"aria-label":"Show sidebar",children:(0,a.jsx)("span",{className:"text-[#5D5D5D] dark:text-gray-400",children:(0,a.jsx)(u.A,{name:"SidebarToggle",width:20,height:20})})}),(0,a.jsx)(l.A,{size:18,className:"text-[#0D99FF]"}),(0,a.jsx)("h1",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:"Reading List"})]}),(0,a.jsxs)(g.$,{variant:"dark",onClick:()=>v(!0),className:"bg-transparent dark:bg-transparent hover:bg-gray-100 dark:hover:bg-gray-700",children:[(0,a.jsx)(u.A,{name:"QuestionMark",width:16,height:16,className:"text-[#5d5d5d] dark:text-gray-200"}),(0,a.jsx)("span",{className:"ml-2 hidden sm:inline",children:"Feedback / Feature Request"})]})]}),A?(0,a.jsx)(Q,{onWatchTutorial:()=>N(!0)}):(0,a.jsxs)("div",{className:"flex min-h-0 flex-1",children:[(0,a.jsx)("div",{className:b?"w-full overflow-y-auto":"w-[360px] flex-shrink-0 overflow-y-auto border-r border-gray-100 dark:border-gray-700",children:(0,a.jsx)(k,{activeItems:S,historyItems:_,selectedId:b?w:M,onSelect:e=>{b?p(e):F(e)},isLoading:C})}),!b&&(0,a.jsx)("div",{className:"min-h-0 min-w-0 flex-1",children:(0,a.jsx)(O,{resourceId:M,onMarkedRead:e=>{let r=S.find(r=>String(r.id)!==String(e));F(r?String(r.id):String(e))}})})]}),(0,a.jsx)(x.A,{isOpen:f,onClose:()=>v(!1)}),(0,a.jsx)(m.A,{isOpen:j,onClose:()=>N(!1),videoUrl:m.m.readingList})]})}function Q(e){let{onWatchTutorial:r}=e;return(0,a.jsx)("div",{className:"flex flex-1 items-center justify-center px-6",children:(0,a.jsxs)("div",{className:"max-w-md text-center",children:[(0,a.jsx)("div",{className:"mx-auto mb-5 flex h-14 w-14 items-center justify-center rounded-full bg-[#E6F4FF] dark:bg-[#0D99FF]/15",children:(0,a.jsx)(l.A,{size:26,className:"text-[#0D99FF]"})}),(0,a.jsx)("h2",{className:"mb-2 text-xl font-semibold text-gray-900 dark:text-gray-100",children:"Your reading list is empty"}),(0,a.jsx)("p",{className:"mb-6 text-gray-600 dark:text-gray-400",children:"Add links to your reading list to read them later in a clean, focused reading mode. Marked-as-read items move to your reading history."}),(0,a.jsxs)("button",{type:"button",onClick:r,className:"mx-auto flex items-center gap-2 rounded-lg bg-gray-50 dark:bg-gray-800 px-4 py-2.5 text-sm font-medium text-gray-700 dark:text-gray-200 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors",children:[(0,a.jsx)(i.A,{size:18}),"How to use the reading list"]})]})})}}}]);