31:o1,~31:o434,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/344ii6lor939z.js" 4:I[695259,["$3"],"default"] 5:I[565976,["$3"],"default"] 25:"ViewportBoundary" 26:I[407550,["$3"],"$25"] 28:"MetadataBoundary" 29:I[407550,["$3"],"$28"] 2a:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/0qd3igiowuo3h.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1j2t5_o5jhg5z.css","style"] :HL["/chat-static/_next/static/immutable/chunks/249gwualzczh7.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3ov87t7yn984v.css","style"] 1:X 6:X 17:X 1a:X 1f:X 24:X 22:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L23","p":false,"v":"$24"}}]] 20:[["children",{"s":{"n":"id","t":"d","k":"ZKigrqouT2N","s":null},"h":102,"d":{"r":"$L21","p":false,"v":"$6"},"c":"$Q22"}]] 1d:[["children",{"s":"(discover)","h":106,"d":{"r":"$L1e","p":false,"v":"$1f"},"c":"$Q20"}]] 1b:[["children",{"s":"templates","h":106,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}]] 18:[["children",{"s":"(no-sidebar)","h":74,"d":{"r":"$L19","p":false,"v":"$1a"},"c":"$Q1b"}]] 31:oc3c,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0qd3igiowuo3h.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1j2t5_o5jhg5z.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/249gwualzczh7.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3ov87t7yn984v.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/27xrp95ze868g.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/32gb-v7_cfzqx.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3rneqh-vsqil3.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/06g-rie23iir4.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ibth-4qqbhor.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/39ouvcffzes09.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/084caquxx-2sg.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3u2tatjfr-5hw.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/02d02djy805-w.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1sfb2ruou1qyn.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/277_v9eijjb0j.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/174vnyv1pen0w.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1we1wm7k76att.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2vmptnhcjirpe.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/44lffh5bkggou.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2sm31xx94jmle.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1lqvnbi2s4tj8.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15"],"$L16"]}],"p":false,"v":"$17"},"c":"$Q18"}]] 31:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 2c:X 2d:X 31:o71d,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L26","SmHHky2C2l1XcsUdmaiUgv",{"children":"$L27"}],["$","$L29","SmHHky2C2l1XcsUdmaiUgm",{"children":[["$","div",null,{"hidden":true,"children":["$","$2a",null,{"name":"Next.Metadata","children":"$L2b"}]}],null]}]]}],"p":false,"v":"$2c"}},"s":"$2d","a":"$@2e","w":"$@2f"} 31:o1000,30:"/chat-static/_next/static/immutable/chunks/27xrp95ze868g.js" 31:"/chat-static/_next/static/immutable/chunks/32gb-v7_cfzqx.js" 32:"/chat-static/_next/static/immutable/chunks/3rneqh-vsqil3.js" 33:"/chat-static/_next/static/immutable/chunks/06g-rie23iir4.js" 34:"/chat-static/_next/static/immutable/chunks/1ibth-4qqbhor.js" 35:"/chat-static/_next/static/immutable/chunks/39ouvcffzes09.js" 36:"/chat-static/_next/static/immutable/chunks/084caquxx-2sg.js" 37:"/chat-static/_next/static/immutable/chunks/3u2tatjfr-5hw.js" 38:"/chat-static/_next/static/immutable/chunks/02d02djy805-w.js" 39:"/chat-static/_next/static/immutable/chunks/1sfb2ruou1qyn.js" 3a:"/chat-static/_next/static/immutable/chunks/277_v9eijjb0j.js" 3b:"/chat-static/_next/static/immutable/chunks/174vnyv1pen0w.js" 3c:"/chat-static/_next/static/immutable/chunks/1we1wm7k76att.js" 3d:"/chat-static/_next/static/immutable/chunks/2vmptnhcjirpe.js" 3e:"/chat-static/_next/static/immutable/chunks/44lffh5bkggou.js" 3f:"/chat-static/_next/static/immutable/chunks/2sm31xx94jmle.js" 40:"/chat-static/_next/static/immutable/chunks/1lqvnbi2s4tj8.js" 41:"/chat-static/_next/static/immutable/chunks/1y1gg-uv-yg37.js" 42:"/chat-static/_next/static/immutable/chunks/3x5h73pts3lzv.js" 43:"/chat-static/_next/static/immutable/chunks/3e2myqnbydjbc.js" 44:"/chat-static/_next/static/immutable/chunks/16iqcwp3g2g84.js" 45:"/chat-static/_next/static/immutable/chunks/2oochmm5uxrth.js" 46:"/chat-static/_next/static/immutable/chunks/1-royq331wc9f.js" 47:"/chat-static/_next/static/immutable/chunks/44_6q2oqnua2g.js" 48:"/chat-static/_next/static/immutable/chunks/01a9_kdk7wvw6.js" 49:"/chat-static/_next/static/immutable/chunks/3gd76rgcgdfvq.js" 4a:"/chat-static/_next/static/immutable/chunks/2wdn3k_g5gncz.js" 4b:"/chat-static/_next/static/immutable/chunks/2rzolr6c-0326.js" 4c:"/chat-static/_next/static/immutable/chunks/1t_5t13eudl6s.js" 4d:"/chat-static/_next/static/immutable/chunks/1-nqgl-8ihxsc.js" 4e:"/chat-static/_next/static/immutable/chunks/12ydbca7_42m9.js" 4f:"/chat-static/_next/static/immutable/chunks/1h6_1262jslgg.js" 50:"/chat-static/_next/static/immutable/chunks/1s7luvfier3nn.js" 51:"/chat-static/_next/static/immutable/chunks/0iwgr5y80knyy.js" 52:"ScopedPromiseContextProvider" 53:I[850359,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51"],"$52"] 5a:"SidebarUIProvider" 5b:I[475961,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51"],"$5a"] 5c:I[990009,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51"],"Header"] 5d:I[980088,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51"],"DynamicCMDK"] 5f:"LoadingBoundaryProvider" 60:I[695259,["$3"],"$5f"] 61:"/chat-static/_next/static/immutable/chunks/01uf_9opfv9we.js" 62:"/chat-static/_next/static/immutable/chunks/1vk9hn38mzbyf.js" 63:"/chat-static/_next/static/immutable/chunks/0qnbzwr_iftvt.js" 64:"/chat-static/_next/static/immutable/chunks/17e5h0jm46ior.js" 65:"/chat-static/_next/static/immutable/chunks/1iu_j6l_a20bl.js" 66:"TemplatePreviewContainer" 67:I[959794,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$66"] 68:"TemplateInfoSection" 69:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62"31:oec5,,"$63","$64","$65"],"$68"] 6a:"TemplateInfoSectionGroup" 6b:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$6a"] 6e:I[407550,["$3"],"OutletBoundary"] 6:C 9:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1y1gg-uv-yg37.js","async":true,"nonce":"$undefined"}] a:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3x5h73pts3lzv.js","async":true,"nonce":"$undefined"}] b:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3e2myqnbydjbc.js","async":true,"nonce":"$undefined"}] c:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/16iqcwp3g2g84.js","async":true,"nonce":"$undefined"}] d:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/2oochmm5uxrth.js","async":true,"nonce":"$undefined"}] e:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1-royq331wc9f.js","async":true,"nonce":"$undefined"}] f:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/44_6q2oqnua2g.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/01a9_kdk7wvw6.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/3gd76rgcgdfvq.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/2wdn3k_g5gncz.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/2rzolr6c-0326.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/1t_5t13eudl6s.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/1-nqgl-8ihxsc.js","async":true,"nonce":"$undefined"}] 19:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/12ydbca7_42m9.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1h6_1262jslgg.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1s7luvfier3nn.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0iwgr5y80knyy.js","async":true,"nonce":"$undefined"}]],["$","$L53",null,{"params":null,"promises":{"scopeUserDetails":"$@54","team":"$@55","vercelProjectsFavorites":"$@56","chats":"$@57","sidebarProjectGroups":"$@58","sidebarDrafts":"$@59"},"children":["$","$L5b",null,{"children":[["$","$L5c",null,{}],["$","div",null,{"className":"flex min-h-0 flex-1","children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","$L5d",null,{}]]}]}]]}] 1c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1e:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/01uf_9opfv9we.js","async":true,"nonce":"$undefined"}]],"$L5e"]}] 31:o10d9,21:["$","$L60",null,{"loading":[["$","div","l",{"data-testid":"template-detail-skeleton","className":"flex flex-1 w-full gap-y-6 flex-col items-center","children":[["$","div",null,{"className":"flex w-full flex-col items-start gap-6 max-w-[1600px]","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-5 w-20"}],["$","div",null,{"className":"flex w-full flex-col items-start justify-between gap-4 sm:flex-row sm:items-center sm:gap-2","children":[["$","div",null,{"className":"flex flex-col gap-2 text-left","children":[["$","div",null,{"className":"mb-0.5 flex items-center sm:mb-0","children":["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-10 w-64 max-w-[60vw]"}]}],["$","div",null,{"className":"flex items-center gap-1.5","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-5 rounded-full sm:size-6"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-20"}]]}]]}],["$","div",null,{"className":"flex flex-row-reverse items-center gap-2 sm:flex-row","children":["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-20 rounded-lg sm:h-8 sm:w-24"}]}]]}]]}],["$","div",null,{"className":"flex w-full flex-1 flex-col py-4 pt-0 items-center text-sm gap-9 max-w-[1600px]","children":["$","div",null,{"className":"flex h-fit w-full flex-1 flex-col gap-9","children":[["$","$L67",null,{"children":["$","div",null,{"aria-hidden":true,"className":"flex size-full flex-col bg-v0-background-200","children":[["$","div",null,{"className":"flex h-11 shrink-0 items-center gap-2 border-b border-v0-gray-300 px-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 mx-auto h-7 w-[min(40%,20rem)]"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 size-7"}]]}],["$","div",null,{"className":"flex flex-1 items-center justify-center p-8","children":["$","div",null,{"className":"flex w-full max-w-sm flex-col items-center gap-3","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-5 w-2/3"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3 w-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3 w-4/5"}]]}]}]]}]}],["$","div",null,{"className":"flex flex-col lg:flex-row gap-9","children":[["$","$L69",null,{"className":"flex-1","title":"About","children":["$","div",null,{"className":"flex w-full max-w-xl flex-col gap-2","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-3/4"}]]}]}],["$","$L6b",null,{"className":"w-full lg:w-80","children":[["$","$L69",null,{"title":"Tags","children":["$","div",null,{"className":"flex flex-wrap gap-6","children":["$","div",null,{"className":"flex flex-wrap gap-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-16 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-20 rounded-full"}]]}]}]}],["$","$L69",null,{"title":"Share","children":["$","div",null,{"className":"flex flex-wrap gap-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}]]}]}],["$","$L69",null,{"children":["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-full max-w-44"}]}]]}]]}]]}]}]]}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0fh1fmlq9zzkt.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$L6c",[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 31:o293,23:["$","$2","c",{"children":["$L6d",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1vk9hn38mzbyf.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0qnbzwr_iftvt.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/17e5h0jm46ior.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1iu_j6l_a20bl.js","async":true,"nonce":"$undefined"}]],["$","$L6e",null,{"children":["$","$2a",null,{"name":"Next.MetadataOutlet","children":"$@6f"}]}]]}] 31:o5f4,76:I[339811,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61"],"PageLayout"] 77:"ScrollFadeContainer" 78:I[388503,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61"],"$77"] 79:"CommunityTabsClient" 7a:I[490134,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61"],"$79"] 7b:"CommunityLiveSearch" 7c:I[803568,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61"],"$7b"] 7d:I[32970,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61"],"ZoneProvider"] 7e:I[532822,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61"],"default"] 2d:300 17:T8,variants1f:T8,variants70:T18d6,31:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });31:o534,16:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$70"}}],"$L71","$L72","$L73","$L74"]}],"$L75"]}] 5e:["$","$L76",null,{"actions":["$","div",null,{"className":"flex lg:pr-1 items-center w-full justify-between flex-row gap-2 relative","children":[["$","$L78",null,{"leftFadeClassName":"left-0 z-20","rightFadeClassName":"right-0 z-20","showButtons":false,"className":"flex-1 min-w-0","scrollableClassName":"px-0","children":["$","$L7a",null,{}]}],["$","$2a",null,{"children":["$","$L7c",null,{}]}]]}],"titleRowClassName":"hidden","className":"flex py-6 px-4 sm:p-9","contentWrapperClassName":"flex-1 min-h-max","headerClassName":"!border-t-0","title":"Community","children":[["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","div",null,{"className":"py-4","children":["$","$L7d",null,{"zone":"chat","children":["$","$L7e",null,{}]}]}]]}] 31:o1000,7f:"GeistThemeScript" 80:I[526065,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$7f"] 81:I[600033,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"AppStoreMetaTag"] 82:I[526065,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"GeistProvider"] 83:I[818362,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"LocaleProvider"] 84:I[841245,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"MotionConfig"] 85:"AtomicContextSWRProvider" 86:I[850359,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51"],"$85"] 87:"GlobalPromiseContextProvider" 88:I[850359,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51"],"$87"] 8b:I[827887,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"JotaiProvider"] 8c:"ServerQuerySWRRuntimeProvider" 8d:I[74757,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$8c"] 8f:I[815349,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"CleanupStorage"] 90:I[241214,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"Analytics"] 91:I[156707,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"SpeedInsights"] 93:"VercelianAppFlowMigrator" 94:I[23825,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$93"] 95:I[108762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"TrackInfo"] 96:I[578386,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"PageViewTracker"] 97:I[356301,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"AutoCapture"] 71:["$","$L80",null,{"storageKey":"theme"}] 72:["$","$2a",null,{"children":["$","$L81",null,{}]}] 73:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 74:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/compan31:o1c4,y/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 31:o93c,75:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased mAFGZa_variable _1SOORW_variable hGs1mq_variable","children":[["$","$L82",null,{"storageKey":"theme","withScript":false,"children":["$","$L83",null,{"locale":"en","children":["$","$L84",null,{"reducedMotion":"user","children":["$","$L86",null,{"routes":{"scoped":{"scopeUserDetails":{"path":"/api/chat/scoped/user","method":"GET"},"team":{"path":"/api/chat/scoped/team","method":"GET"},"vercelProjectsFavorites":{"path":"/api/chat/scoped/vercel-projects/favorites","method":"GET"},"chats":{"path":"/api/chat/scoped/chats","method":"GET"},"paginatedChats":{"path":"/api/chat/scoped/get-paginated-chats","method":"GET"},"designSystems":{"path":"/api/chat/scoped/design-systems-with-registry/list","method":"GET"},"sidebarProjectGroups":{"path":"/api/chat/scoped/sidebar-project-groups","method":"GET"},"sidebarDrafts":{"path":"/api/v2/internal/chats/sidebar-drafts","method":"GET"}},"chat":{"attributes":{"path":"/api/chat/chat/attributes","method":"GET"},"externalMeta":{"path":"/api/chat/chat/latest-external-meta","method":"GET"},"latest":{"path":"/api/chat/chat/latest","method":"GET"},"template":{"path":"/api/chat/chat/template","method":"GET"},"messages":{"path":"/api/chat/chat/messages","method":"GET"},"messagesRange":{"path":"/api/chat/chat/messages/range","method":"GET"},"gitStatus":{"path":"/api/git/status","method":"GET"}},"library":{"chatsList":{"path":"/api/chat/library/chats/list","method":"GET"},"archivedChatsList":{"path":"/api/chat/library/chats/archived","method":"GET"},"projectsList":{"path":"/api/chat/library/projects/list","method":"GET"},"filters":{"path":"/api/chat/library/filters","method":"GET"}},"project":{},"global":{"dailyModelUsage":{"path":"/api/chat/global/daily-model-usage","method":"GET"},"freeFixWithV0Usage":{"path":"/api/chat/global/free-fix-with-v0-usage","method":"GET"}}},"children":["$","$L88",null,{"params":null,"promises":{"dailyModelUsage":"$@89","freeFixWithV0Usage":"$@8a"},"children":[["$","$L8b",null,{"children":["$","$L8d",null,{"children":"$L8e"}]}],["$","$L8f",null,{}]]}]}]}]}]}],["$","$L90",null,{}],["$","$L91",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$2a",null,{"children":"$L92"}],["$","$L94",null,{}],["$","$L95",null,{}],["$","$L96",null,{}],["$","$L97",null,{}]]}] 31:o90,27:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 31:oe,2c:T8,variants31:o1000,98:"HydrateDurableAtoms" 99:I[783749,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$98"] 9a:I[359783,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"DataProvider"] 9b:I[32170,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"UserProvider"] 9d:"AnimatedIconProvider" 9e:I[908887,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$9d"] 9f:I[30570,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"PortalProvider"] a0:"SnowflakePublishProvider" a1:I[966820,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$a0"] a2:"UserInputProvider" a3:I[472914,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$a2"] a4:I[69221,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"CmdkProvider"] a5:"VirtualMachineUIStateProvider" a6:I[319228,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$a5"] a7:"DeployedPreviewIframeRefProvider" a8:I[166890,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$a7"] a9:"PreviewSourceUIStateProvider" aa:I[197843,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$a9"] ab:I[367078,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"LoaderProvider"] ac:"PromptFormUIProvider" ad:I[595358,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$ac"] ae:I[242759,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"FlagsProvider"] b0:I[530813,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"NuqsAdapter"] b1:"ChatTabsProvider" b2:I[568561,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$b1"] b3:"PersonalScopeMigrationAnnouncementProvider" b4:I[206559,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$b3"] b6:"AnnouncementVisibilityProvider" b7:I[878519,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$b6"] ba:I[561588,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$3931:o5e1,","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"Toaster"] bb:I[407562,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"Toaster"] bc:"SuspendingDialogs" bd:I[840793,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"$bc"] be:I[323194,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"SignInDialog"] bf:I[279070,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"ConsentBanner"] c0:"/chat-static/_next/static/immutable/chunks/24s8tk2v2k1oc.js" c1:I[192842,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$c0"],"ChatWarning"] c2:I[15279,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d"],"SessionManager"] 31:o8ad,8e:["$","$L99",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$L9a",null,{"children":["$","$L9b",null,{"expectUser":false,"userPromise":"$@9c","children":["$","$L9e",null,{"children":["$","$L9f",null,{"children":["$","$La1",null,{"children":["$","$La3",null,{"children":["$","$La4",null,{"children":["$","$La6",null,{"children":["$","$La8",null,{"children":["$","$Laa",null,{"children":["$","$Lab",null,{"children":["$","$Lad",null,{"children":["$","$Lae",null,{"promise":"$@af","middlewareFlags":[],"children":["$","$Lb0",null,{"children":["$","$Lb2",null,{"children":["$","$Lb4",null,{"destinationTeamIdPromise":"$@b5","children":["$","$Lb7",null,{"visiblePromise":"$@b8","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$2a",null,{"fallback":null,"children":"$Lb9"}],["$","$Lba",null,{}],["$","$Lbb",null,{}],["$","$2a",null,{"fallback":null,"children":["$","$Lbd",null,{}]}],["$","$Lbe",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lbf",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 31:o2a2,59:null 6c:["$","$Lc1",null,{"description":"This generation was deleted, unpublished, or no longer exists.","icon":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"circular","style":{"color":"currentColor"},"className":"size-8","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m1-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M7.1 5.82a1 1 0 1 1 1.04 1.42c-.44.06-.89.44-.89 1.01v1h1.5v-.61a2.5 2.5 0 1 0-3-3.46l-.33.68 1.35.64z","clipRule":"evenodd"}]}],"title":"Not Found","children":null}] 92:["$","$Lc2",null,{"enabled":false}] 31:o20,9c:"$undefined" b8:true b9:null 31:o24,2c:T1,?24:T1,?2d:60 24:T2,id2c:T2,id31:o305,b5:null af:{"requested":null,"identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":false,"igm":"gateway.google/gemini-3.1-flash-lite-image","ctv2":false,"lcw":false,"tbb":false,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"ftdml":true,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"f5e":true,"f51e":true,"cfmte":false,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 31:o652,c3:I[37565,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"S"] c4:"KeepClientOnUpToDateSlugPath" c5:I[983440,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$c4"] c6:"TemplateFlagDialog" c7:I[39126,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$c6"] c8:I[880460,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],""] c9:"TemplateStatusBadge" ca:I[484402,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$c9"] cb:I[834117,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"CommunityAvatar"] 31:o113b,6d:["$","$Lc3",null,{"value":{"fallback":{"template:ZKigrqouT2N:likes":{"likeCount":0,"isLiked":false}}},"children":[["$","$Lc5",null,{"id":"ZKigrqouT2N","title":"Anime Scraper Setup"}],["$","$Lc7",null,{"templateId":"ZKigrqouT2N"}],["$","div",null,{"data-testid":"template-detail-content","className":"flex flex-1 w-full gap-y-6 flex-col items-center","children":[["$","div",null,{"data-testid":"template-detail-header","className":"flex w-full flex-col items-start gap-6 max-w-[1600px]","children":[["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","className":"max-w-full","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"text-v0-gray-900 flex items-center text-sm break-words gap-0.5 flex-nowrap","children":[["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","$Lc8",null,{"href":"/templates","prefetch":true,"children":"Templates","data-slot":"breadcrumb-link","className":"hover:text-v0-gray-1000 transition-colors","ref":null}]}],[["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-4","children":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"m6.75 3.94.53.53 2.82 2.82a1 1 0 0 1 0 1.42l-2.82 2.82-.53.53L5.69 11l.53-.53L8.69 8 6.22 5.53 5.69 5z","clipRule":"evenodd"}]}]}],["$","$Lc8",null,{"className":"hover:text-v0-gray-1000 transition-colors capitalize truncate","href":"/templates/apps-and-games","prefetch":true,"children":"Apps & Games","data-slot":"breadcrumb-link","ref":null}]],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-4","children":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"children":"$6d:props:children:2:props:children:0:props:children:0:props:children:props:children:1:0:props:children:props:children"}]}],["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"text-v0-gray-1000 font-normal capitalize truncate","children":"Anime Scraper Setup"}]]}]}],["$","div",null,{"className":"flex w-full flex-col items-start justify-between gap-4 sm:flex-row sm:items-center sm:gap-2","children":[["$","div",null,{"className":"flex flex-col gap-2 text-left","children":[["$","div",null,{"className":"flex items-center gap-2","children":[["$","div",null,{"data-testid":"template-detail-title","className":"line-clamp-1 text-heading-32","children":"Anime Scraper Setup"}],["$","$Lca",null,{"status":"pending"}]]}],["$","div",null,{"className":"flex items-center flex-wrap gap-3","children":[["$","$Lc8",null,{"className":"flex items-center gap-1.5","href":"/@topganirudhsharma-3395","children":[["$","$Lcb",null,{"className":"size-5 sm:size-6","username":"topganirudhsharma-3395","teamId":"team_vQAPJGfD9XZeOz0B0tB5drsH","teamAvatarClassName":"size-3 sm:size-3.5"}],["$","p",null,{"className":"text-sm font-medium text-v0-gray-900","children":"topganirudhsharma-3395"}]]}],["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"className":"size-3","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M2.5 3.25C2.5 1.45 3.96 0 5.75 0h.5C8.05 0 9.5 1.46 9.5 3.25v.5C9.5 5.55 8.04 7 6.25 7h-.5A3.25 3.25 0 0 1 2.5 3.75zM5.75 1.5C4.78 1.5 4 2.28 4 3.25v.5c0 .97.78 1.75 1.75 1.75h.5C7.22 5.5 8 4.72 8 3.75v-.5c0-.97-.78-1.75-1.75-1.75zm-4.25 13v-1.33a4.8 4.8 0 0 1 4.33-2.67h.34a4.8 4.8 0 0 1 4.33 2.67v1.33zM5.83 9a6.3 6.3 0 0 0-5.76 3.69l-.07.15V16h12v-3.16l-.07-.15A6.3 6.3 0 0 0 6.17 9zm10.1 3.69a6.3 6.3 0 0 0-2.59-2.84l-.75 1.3c.8.46 1.48 1.16 1.91 2.02v1.33h-1V16H16v-3.16zM11.25 0h-.75v1.5h.75c.97 0 1.75.78 1.75 1.75v.5c0 .97-.78 1.75-1.75 1.75h-.75V7h.75c1.8 0 3.25-1.46 3.25-3.25v-.5c0-1.8-1.46-3.25-3.25-3.25","clipRule":"evenodd"}]}],"$Lcc"]}],"$Lcd","$Lce"]}]]}]]}],"$Lcf"]}]]}],"$Ld0"]}]]}] 31:o1000,d1:"TemplateCardStatsLikesClient" d2:I[441648,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$d1"] d3:"TemplateFlagButton" d4:I[39126,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$d3"] d5:"TemplateLikeButton" d6:I[605890,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$d5"] d7:"TemplateBlockButton" d8:I[411379,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$d7"] da:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"TemplateTags"] db:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"TemplateShare"] dc:"TemplateLastUpdated" dd:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$dc"] cc:["$","span",null,{"className":"text-[13px] leading-none","children":"0"}] cd:["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-dot size-4 -mx-1","children":[["$","circle","18d7e5",{"cx":"12.1","cy":"12.1","r":"1"}],"$undefined"]}] ce:["$","$Ld2",null,{"templateCanonId":"ZKigrqouT2N"}] cf:["$","div",null,{"className":"flex flex-row-reverse items-center gap-2 sm:flex-row","children":[null,null,null,["$","$Ld4",null,{}],null,null,["$","$Ld6","ZKigrqouT2N",{"templateCanonId":"ZKigrqouT2N"}],null,["$","$Ld8",null,{"buttonProps":{"className":"h-7 rounded-md px-2 sm:h-8 sm:rounded-lg sm:px-3"},"buttonType":"v0","template":{"blockId":"vorlqFwoI3h","description":"","imageUrl":"https://sjc.microlink.io/P1xDs_k7T1vP9LJfhqzc3FLwg5zaQEAOr7q3qoJt5AmtBCj-PENxZMp01KKJKglJxD5DJVHURisa9bvyCr1FiA.jpeg","title":"Anime Scraper Setup","publishedToCommunity":"pending","templateCanonId":"ZKigrqouT2N","templateVersionId":"j6Hl1uHgH7z","uses":0,"isTeamTemplate":true,"likeCount":0,"vercelDeploymentUrl":null,"createdAt":"$D2025-04-05T10:27:27.975Z","category":"apps-and-games","tags":[],"authorUsername":"topganirudhsharma-3395","isVercel":false,"teamId":"team_vQAPJGfD9XZeOz0B0tB5drsH","liked":false},"isOwnTemplate":false}]]}] d0:["$","div",null,{"className":"flex w-full flex-1 flex-col py-4 pt-0 items-center text-sm gap-9 max-w-[1600px]","children":[["$","div",null,{"className":"flex h-fit w-full flex-1 flex-col gap-9","children":[["$","$L67","description",{"testId":"template-detail-preview","children":"$Ld9"}],["$","div",null,{"className":"flex flex-col lg:flex-row gap-9","children":[["$","$L69",null,{"className":"flex-1","title":"About","children":["$","p",null,{"className":"text-sm text-v0-gray-900","children":"No description"}]}],["$","$L6b",null,{"className":"w-full lg:w-80","children":[["$","$Lda",null,{"tags":"$cf:props:children:8:props:template:tags"}],["$","$Ldb",null,{"templateUrl":"https://v0.app/templates/ZKigrqouT2N"}],["$","$Ldd",null,{"upda31:o67,tedAt":"$D2025-04-05T10:27:53.322Z"}]]}]]}]]}],["$","$2a",null,{"fallback":null,"children":"$Lde"}]]}] 31:o230,df:"ExplicitChatIdProvider" e0:I[903690,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$df"] e1:I[838238,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"SWRDataProvider"] e2:T16531,31:o16531,[V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter, Poppins } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { SidebarProvider } from "@/components/ui/sidebar" const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }) const poppins = Poppins({ weight: ["400", "500", "600", "700"], subsets: ["latin"], variable: "--font-poppins", }) export const metadata: Metadata = { title: "WeebWatcher - Your Ultimate Anime Streaming Platform", description: "Discover, watch, and track your favorite anime shows and movies all in one beautiful place", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 346 100% 58%; --primary-foreground: 355 100% 97%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 240 4.8% 95.9%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 5.9% 90%; --input: 240 5.9% 90%; --ring: 346 100% 58%; --radius: 0.75rem; } .dark { --background: 240 10% 4%; --foreground: 0 0% 98%; --card: 240 10% 6%; --card-foreground: 0 0% 98%; --popover: 240 10% 6%; --popover-foreground: 0 0% 98%; --primary: 346 100% 58%; --primary-foreground: 355 100% 97%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 240 3.7% 15.9%; --muted-foreground: 240 5% 64.9%; --accent: 240 3.7% 15.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; --ring: 346 100% 58%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } .anime-card { @apply relative overflow-hidden rounded-xl transition-all duration-300 hover:shadow-[0_0_15px_rgba(255,56,96,0.5)]; } .anime-card-image { @apply transition-transform duration-500 ease-out; } .anime-card:hover .anime-card-image { @apply scale-110; } .anime-card-overlay { @apply absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent opacity-0 transition-opacity duration-300; } .anime-card:hover .anime-card-overlay { @apply opacity-100; } .anime-title-gradient { @apply bg-gradient-to-r from-primary to-purple-500 bg-clip-text text-transparent; } .hero-gradient { @apply bg-gradient-to-br from-primary/20 via-purple-500/10 to-background; } .scrollbar-hide::-webkit-scrollbar { display: none; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .glow-effect { box-shadow: 0 0 15px rgba(255, 56, 96, 0.5); } .text-glow { text-shadow: 0 0 10px rgba(255, 56, 96, 0.7); } .anime-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1.5rem; } @media (min-width: 640px) { .anime-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } } @media (min-width: 1024px) { .anime-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } } .fade-in { animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } [V0_FILE]typescriptreact:file="tailwind.config.ts" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { fontFamily: { sans: ["var(--font-inter)"], heading: ["var(--font-poppins)"], }, colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, float: { "0%, 100%": { transform: "translateY(0)" }, "50%": { transform: "translateY(-10px)" }, }, "pulse-glow": { "0%, 100%": { boxShadow: "0 0 15px rgba(255, 56, 96, 0.5)", transform: "scale(1)", }, "50%": { boxShadow: "0 0 25px rgba(255, 56, 96, 0.8)", transform: "scale(1.05)", }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", float: "float 6s ease-in-out infinite", "pulse-glow": "pulse-glow 3s ease-in-out infinite", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescriptreact:file="components/anime-layout.tsx" "use client" import { type ReactNode, useEffect, useState } from "react" import { AnimeSidebar } from "@/components/anime-sidebar" import { Sidebar, SidebarInset } from "@/components/ui/sidebar" import { cn } from "@/lib/utils" import { Loader2 } from "lucide-react" interface AnimeLayoutProps { children: ReactNode } export function AnimeLayout({ children }: AnimeLayoutProps) { const [isLoading, setIsLoading] = useState(true) useEffect(() => { // Simulate loading data from Anime_Scraper const timer = setTimeout(() => { setIsLoading(false) }, 1000) return () => clearTimeout(timer) }, []) return (

{isLoading ? (

Loading your anime...

) : (

{children}

)}

) } [V0_FILE]typescriptreact:file="components/anime-sidebar.tsx" "use client" import * as React from "react" import Link from "next/link" import { usePathname } from "next/navigation" import { Film, Home, ListFilter, Search, Star, TrendingUp, Tv2, History, Bookmark, Settings, Heart, Zap, Sparkles, } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/components/ui/sidebar" import { Badge } from "@/components/ui/badge" export function AnimeSidebar() { const pathname = usePathname() const [searchQuery, setSearchQuery] = React.useState("") const mainNavItems = [ { name: "Home", href: "/", icon: Home }, { name: "Discover", href: "/discover", icon: Sparkles }, { name: "Trending", href: "/trending", icon: TrendingUp }, { name: "Top Rated", href: "/top-rated", icon: Star }, { name: "Seasonal", href: "/seasonal", icon: Zap, badge: "NEW" }, ] const genreNavItems = [ { name: "Action", href: "/genres/action" }, { name: "Adventure", href: "/genres/adventure" }, { name: "Comedy", href: "/genres/comedy" }, { name: "Drama", href: "/genres/drama" }, { name: "Fantasy", href: "/genres/fantasy" }, { name: "Horror", href: "/genres/horror" }, { name: "Romance", href: "/genres/romance" }, { name: "Sci-Fi", href: "/genres/sci-fi" }, { name: "Slice of Life", href: "/genres/slice-of-life" }, { name: "Supernatural", href: "/genres/supernatural" }, { name: "Mystery", href: "/genres/mystery" }, { name: "Psychological", href: "/genres/psychological" }, ] const typeNavItems = [ { name: "TV Series", href: "/types/tv", icon: Tv2 }, { name: "Movies", href: "/types/movies", icon: Film }, { name: "OVAs", href: "/types/ovas", icon: Film }, ] const libraryNavItems = [ { name: "Watch History", href: "/history", icon: History }, { name: "Favorites", href: "/favorites", icon: Heart }, { name: "Watchlist", href: "/watchlist", icon: Bookmark }, { name: "Settings", href: "/settings", icon: Settings }, ] return ( <>

Weeb Watcher

setSearchQuery(e.target.value)} />

{mainNavItems.map((item) => ( {item.name} {item.badge && ( {item.badge} )} ))} My Library {libraryNavItems.map((item) => ( {item.name} ))} Types {typeNavItems.map((item) => ( {item.name} ))} Genres {genreNavItems.map((item) => ( {item.name} ))} ) } [V0_FILE]typescriptreact:file="app/page.tsx" import { AnimeLayout } from "@/components/anime-layout" import { HeroSection } from "@/components/hero-section" import { RecentlyAdded } from "@/components/recently-added" import { TopAnime } from "@/components/top-anime" import { TrendingAnime } from "@/components/trending-anime" import { SeasonalAnime } from "@/components/seasonal-anime" import { AnimeNews } from "@/components/anime-news" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import { Play, Info, Star, Calendar, Clock } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { cn } from "@/lib/utils" import { fetchFeaturedAnime } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const featuredAnime = [ { id: 1, title: "Attack on Titan: Final Season", description: "The war for Paradis zeroes in on Shiganshina just as Jaegerists have seized control. With the fate of the world hanging in the balance, Eren must make his move...", image: "/placeholder.svg?height=600&width=1200&text=Attack+on+Titan", rating: 9.8, year: 2023, episodes: 16, duration: "24 min", genres: ["Action", "Drama", "Fantasy"], }, { id: 2, title: "Demon Slayer: Entertainment District Arc", description: "Tanjiro and his friends join the Sound Hashira Tengen Uzui on a mission in Yoshiwara, where they encounter the demons Daki and Gyutaro.", image: "/placeholder.svg?height=600&width=1200&text=Demon+Slayer", rating: 9.6, year: 2022, episodes: 11, duration: "24 min", genres: ["Action", "Fantasy", "Adventure"], }, { id: 3, title: "Jujutsu Kaisen Season 2", description: "The past comes to light as Gojo and Geto work together with others to seal away a dangerous curse user. The Shibuya Incident begins...", image: "/placeholder.svg?height=600&width=1200&text=Jujutsu+Kaisen", rating: 9.7, year: 2023, episodes: 23, duration: "24 min", genres: ["Action", "Supernatural", "Horror"], }, ] export function HeroSection() { const [currentIndex, setCurrentIndex] = useState(0) const [isLoading, setIsLoading] = useState(true) const [featured, setFeatured] = useState(featuredAnime) useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const data = await fetchFeaturedAnime() if (data && data.length > 0) { setFeatured(data) } } catch (error) { console.error("Failed to fetch featured anime:", error) } finally { setIsLoading(false) } } loadData() // Auto-rotate featured anime const interval = setInterval(() => { setCurrentIndex((prevIndex) => (prevIndex + 1) % featured.length) }, 8000) return () => clearInterval(interval) }, [featured.length]) const currentAnime = featured[currentIndex] return (

{currentAnime.title}

{currentAnime.rating}

{currentAnime.year}

{currentAnime.duration}

{currentAnime.genres.map((genre) => ( {genre} ))}

{currentAnime.description}

{featured.map((_, index) => (

) } [V0_FILE]typescriptreact:file="components/trending-anime.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Play, TrendingUp, ChevronRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Skeleton } from "@/components/ui/skeleton" import { fetchTrendingAnime } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const trendingAnime = [ { id: 1, title: "One Piece", image: "/placeholder.svg?height=300&width=200&text=One+Piece", rating: 9.5, episodes: 1080, trending: 1, }, { id: 2, title: "Frieren: Beyond Journey's End", image: "/placeholder.svg?height=300&width=200&text=Frieren", rating: 9.2, episodes: 28, trending: 2, }, { id: 3, title: "Solo Leveling", image: "/placeholder.svg?height=300&width=200&text=Solo+Leveling", rating: 9.0, episodes: 12, trending: 3, }, { id: 4, title: "Mushoku Tensei: Jobless Reincarnation", image: "/placeholder.svg?height=300&width=200&text=Mushoku+Tensei", rating: 8.9, episodes: 24, trending: 4, }, { id: 5, title: "Oshi no Ko", image: "/placeholder.svg?height=300&width=200&text=Oshi+no+Ko", rating: 9.1, episodes: 11, trending: 5, }, { id: 6, title: "Chainsaw Man", image: "/placeholder.svg?height=300&width=200&text=Chainsaw+Man", rating: 8.8, episodes: 12, trending: 6, }, ] export function TrendingAnime() { const [isLoading, setIsLoading] = useState(true) const [trending, setTrending] = useState(trendingAnime) useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const data = await fetchTrendingAnime() if (data && data.length > 0) { setTrending(data) } } catch (error) { console.error("Failed to fetch trending anime:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 1000) }, []) return (

Trending Now

{isLoading ? Array(6) .fill(0) .map((_, i) => (

)) : trending.map((anime) => (

{anime.trending}

{anime.title}

{anime.episodes} Episodes ★ {anime.rating}

))}

) } [V0_FILE]typescriptreact:file="components/recently-added.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Play, Clock, ChevronRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Skeleton } from "@/components/ui/skeleton" import { fetchRecentEpisodes } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const recentlyAddedAnime = [ { id: 1, title: "One Piece", episode: "Episode 1080", image: "/placeholder.svg?height=300&width=500&text=One+Piece+1080", timeAgo: "3 hours ago", }, { id: 2, title: "My Hero Academia", episode: "Episode 138", image: "/placeholder.svg?height=300&width=500&text=My+Hero+Academia+138", timeAgo: "1 day ago", }, { id: 3, title: "Bleach: Thousand-Year Blood War", episode: "Episode 26", image: "/placeholder.svg?height=300&width=500&text=Bleach+26", timeAgo: "2 days ago", }, { id: 4, title: "Chainsaw Man", episode: "Episode 12", image: "/placeholder.svg?height=300&width=500&text=Chainsaw+Man+12", timeAgo: "3 days ago", }, ] export function RecentlyAdded() { const [isLoading, setIsLoading] = useState(true) const [recentEpisodes, setRecentEpisodes] = useState(recentlyAddedAnime) useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const data = await fetchRecentEpisodes() if (data && data.length > 0) { setRecentEpisodes(data) } } catch (error) { console.error("Failed to fetch recent episodes:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 1500) }, []) return (

Recently Added

{isLoading ? Array(4) .fill(0) .map((_, i) => (

)) : recentEpisodes.map((anime) => (

{anime.timeAgo}

{anime.title}

{anime.episode}

))}

) } [V0_FILE]typescriptreact:file="components/seasonal-anime.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Zap, ChevronRight, Star } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Skeleton } from "@/components/ui/skeleton" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { fetchSeasonalAnime } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const seasonalAnime = { winter: [ { id: 1, title: "Solo Leveling", image: "/placeholder.svg?height=300&width=200&text=Solo+Leveling", rating: 9.1, genres: ["Action", "Adventure", "Fantasy"], }, { id: 2, title: "Classroom of the Elite Season 3", image: "/placeholder.svg?height=300&width=200&text=Classroom+of+the+Elite", rating: 8.7, genres: ["Drama", "Psychological"], }, { id: 3, title: "Mashle: Magic and Muscles Season 2", image: "/placeholder.svg?height=300&width=200&text=Mashle", rating: 8.5, genres: ["Action", "Comedy", "Fantasy"], }, { id: 4, title: "The Apothecary Diaries", image: "/placeholder.svg?height=300&width=200&text=Apothecary+Diaries", rating: 8.9, genres: ["Drama", "Historical", "Mystery"], }, ], spring: [ { id: 5, title: "Demon Slayer: Hashira Training Arc", image: "/placeholder.svg?height=300&width=200&text=Demon+Slayer", rating: 9.3, genres: ["Action", "Fantasy"], }, { id: 6, title: "My Hero Academia Season 7", image: "/placeholder.svg?height=300&width=200&text=My+Hero+Academia", rating: 8.8, genres: ["Action", "Superhero"], }, ], summer: [], fall: [], } export function SeasonalAnime() { const [isLoading, setIsLoading] = useState(true) const [seasonal, setSeasonal] = useState(seasonalAnime) const [currentSeason, setCurrentSeason] = useState("winter") useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const data = await fetchSeasonalAnime() if (data) { setSeasonal(data) } } catch (error) { console.error("Failed to fetch seasonal anime:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 2000) }, []) return (

Seasonal Anime

Winter 2024 Spring 2024 Summer 2024 Fall 2024 {Object.keys(seasonal).map((season) => ( {isLoading ? (

{Array(4) .fill(0) .map((_, i) => (

))}

) : seasonal[season].length > 0 ? (

{seasonal[season].map((anime) => (

{anime.genres.slice(0, 2).map((genre) => ( {genre} ))}

{anime.rating}

{anime.title}

))}

) : (

Coming soon...

)} ))}

) } [V0_FILE]typescriptreact:file="components/top-anime.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Star, ChevronRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Skeleton } from "@/components/ui/skeleton" import { fetchTopAnime } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const topAnime = [ { id: 1, title: "Fullmetal Alchemist: Brotherhood", rating: 9.9, image: "/placeholder.svg?height=300&width=200&text=FMAB", rank: 1, }, { id: 2, title: "Steins;Gate", rating: 9.8, image: "/placeholder.svg?height=300&width=200&text=Steins;Gate", rank: 2, }, { id: 3, title: "Hunter x Hunter", rating: 9.7, image: "/placeholder.svg?height=300&width=200&text=HxH", rank: 3, }, { id: 4, title: "Gintama", rating: 9.6, image: "/placeholder.svg?height=300&width=200&text=Gintama", rank: 4, }, { id: 5, title: "Attack on Titan", rating: 9.5, image: "/placeholder.svg?height=300&width=200&text=AoT", rank: 5, }, ] export function TopAnime() { const [isLoading, setIsLoading] = useState(true) const [top, setTop] = useState(topAnime) useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const data = await fetchTopAnime() if (data && data.length > 0) { setTop(data) } } catch (error) { console.error("Failed to fetch top anime:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 2500) }, []) return (

Top Rated Anime

{isLoading ? Array(5) .fill(0) .map((_, i) => (

)) : top.map((anime) => (

#{anime.rank}

{anime.title}

{anime.rating}

))}

) } [V0_FILE]typescriptreact:file="components/anime-news.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Newspaper, ChevronRight, Calendar } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Skeleton } from "@/components/ui/skeleton" import { fetchAnimeNews } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const animeNews = [ { id: 1, title: "Demon Slayer Season 4 Announces Release Date", summary: "The highly anticipated fourth season of Demon Slayer has officially announced its release date for Spring 2024.", image: "/placeholder.svg?height=200&width=350&text=Demon+Slayer+News", date: "2024-04-01", category: "Announcement", }, { id: 2, title: "One Piece Manga Enters Final Saga", summary: "Eiichiro Oda has confirmed that the One Piece manga has entered its final saga after 25 years of serialization.", image: "/placeholder.svg?height=200&width=350&text=One+Piece+News", date: "2024-03-28", category: "Manga", }, { id: 3, title: "Studio Ghibli Announces New Film", summary: "Legendary animation studio Ghibli has announced a new feature film directed by Hayao Miyazaki's son, Goro Miyazaki.", image: "/placeholder.svg?height=200&width=350&text=Ghibli+News", date: "2024-03-25", category: "Movie", }, ] export function AnimeNews() { const [isLoading, setIsLoading] = useState(true) const [news, setNews] = useState(animeNews) useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const data = await fetchAnimeNews() if (data && data.length > 0) { setNews(data) } } catch (error) { console.error("Failed to fetch anime news:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 3000) }, []) return (

Anime News

{isLoading ? Array(3) .fill(0) .map((_, i) => (

)) : news.map((item) => (

{item.category}

{new Date(item.date).toLocaleDateString()}

{item.title}

{item.summary}

))}

) } [V0_FILE]typescriptreact:file="lib/anime-api.ts" // This service integrates with the Anime_Scraper repository interface Anime { id: number title: string description?: string image: string rating?: number year?: number episodes?: number genres?: string[] status?: string duration?: string trending?: number rank?: number } interface Episode { id: number animeId: number number: number title: string thumbnail: string url: string timeAgo?: string } interface NewsItem { id: number title: string summary: string image: string date: string category: string } // Mock data - in a real app, this would be replaced with actual API calls to the Anime_Scraper const mockFeaturedAnime = [ { id: 1, title: "Attack on Titan: Final Season", description: "The war for Paradis zeroes in on Shiganshina just as Jaegerists have seized control. With the fate of the world hanging in the balance, Eren must make his move...", image: "/placeholder.svg?height=600&width=1200&text=Attack+on+Titan", rating: 9.8, year: 2023, episodes: 16, duration: "24 min", genres: ["Action", "Drama", "Fantasy"], }, { id: 2, title: "Demon Slayer: Entertainment District Arc", description: "Tanjiro and his friends join the Sound Hashira Tengen Uzui on a mission in Yoshiwara, where they encounter the demons Daki and Gyutaro.", image: "/placeholder.svg?height=600&width=1200&text=Demon+Slayer", rating: 9.6, year: 2022, episodes: 11, duration: "24 min", genres: ["Action", "Fantasy", "Adventure"], }, { id: 3, title: "Jujutsu Kaisen Season 2", description: "The past comes to light as Gojo and Geto work together with others to seal away a dangerous curse user. The Shibuya Incident begins...", image: "/placeholder.svg?height=600&width=1200&text=Jujutsu+Kaisen", rating: 9.7, year: 2023, episodes: 23, duration: "24 min", genres: ["Action", "Supernatural", "Horror"], }, ] const mockTrendingAnime = [ { id: 1, title: "One Piece", image: "/placeholder.svg?height=300&width=200&text=One+Piece", rating: 9.5, episodes: 1080, trending: 1, }, { id: 2, title: "Frieren: Beyond Journey's End", image: "/placeholder.svg?height=300&width=200&text=Frieren", rating: 9.2, episodes: 28, trending: 2, }, { id: 3, title: "Solo Leveling", image: "/placeholder.svg?height=300&width=200&text=Solo+Leveling", rating: 9.0, episodes: 12, trending: 3, }, { id: 4, title: "Mushoku Tensei: Jobless Reincarnation", image: "/placeholder.svg?height=300&width=200&text=Mushoku+Tensei", rating: 8.9, episodes: 24, trending: 4, }, { id: 5, title: "Oshi no Ko", image: "/placeholder.svg?height=300&width=200&text=Oshi+no+Ko", rating: 9.1, episodes: 11, trending: 5, }, { id: 6, title: "Chainsaw Man", image: "/placeholder.svg?height=300&width=200&text=Chainsaw+Man", rating: 8.8, episodes: 12, trending: 6, }, ] const mockRecentEpisodes = [ { id: 1, title: "One Piece", episode: "Episode 1080", image: "/placeholder.svg?height=300&width=500&text=One+Piece+1080", timeAgo: "3 hours ago", }, { id: 2, title: "My Hero Academia", episode: "Episode 138", image: "/placeholder.svg?height=300&width=500&text=My+Hero+Academia+138", timeAgo: "1 day ago", }, { id: 3, title: "Bleach: Thousand-Year Blood War", episode: "Episode 26", image: "/placeholder.svg?height=300&width=500&text=Bleach+26", timeAgo: "2 days ago", }, { id: 4, title: "Chainsaw Man", episode: "Episode 12", image: "/placeholder.svg?height=300&width=500&text=Chainsaw+Man+12", timeAgo: "3 days ago", }, ] const mockTopAnime = [ { id: 1, title: "Fullmetal Alchemist: Brotherhood", rating: 9.9, image: "/placeholder.svg?height=300&width=200&text=FMAB", rank: 1, }, { id: 2, title: "Steins;Gate", rating: 9.8, image: "/placeholder.svg?height=300&width=200&text=Steins;Gate", rank: 2, }, { id: 3, title: "Hunter x Hunter", rating: 9.7, image: "/placeholder.svg?height=300&width=200&text=HxH", rank: 3, }, { id: 4, title: "Gintama", rating: 9.6, image: "/placeholder.svg?height=300&width=200&text=Gintama", rank: 4, }, { id: 5, title: "Attack on Titan", rating: 9.5, image: "/placeholder.svg?height=300&width=200&text=AoT", rank: 5, }, ] const mockSeasonalAnime = { winter: [ { id: 1, title: "Solo Leveling", image: "/placeholder.svg?height=300&width=200&text=Solo+Leveling", rating: 9.1, genres: ["Action", "Adventure", "Fantasy"], }, { id: 2, title: "Classroom of the Elite Season 3", image: "/placeholder.svg?height=300&width=200&text=Classroom+of+the+Elite", rating: 8.7, genres: ["Drama", "Psychological"], }, { id: 3, title: "Mashle: Magic and Muscles Season 2", image: "/placeholder.svg?height=300&width=200&text=Mashle", rating: 8.5, genres: ["Action", "Comedy", "Fantasy"], }, { id: 4, title: "The Apothecary Diaries", image: "/placeholder.svg?height=300&width=200&text=Apothecary+Diaries", rating: 8.9, genres: ["Drama", "Historical", "Mystery"], }, ], spring: [ { id: 5, title: "Demon Slayer: Hashira Training Arc", image: "/placeholder.svg?height=300&width=200&text=Demon+Slayer", rating: 9.3, genres: ["Action", "Fantasy"], }, { id: 6, title: "My Hero Academia Season 7", image: "/placeholder.svg?height=300&width=200&text=My+Hero+Academia", rating: 8.8, genres: ["Action", "Superhero"], }, ], summer: [], fall: [], } const mockAnimeNews = [ { id: 1, title: "Demon Slayer Season 4 Announces Release Date", summary: "The highly anticipated fourth season of Demon Slayer has officially announced its release date for Spring 2024.", image: "/placeholder.svg?height=200&width=350&text=Demon+Slayer+News", date: "2024-04-01", category: "Announcement", }, { id: 2, title: "One Piece Manga Enters Final Saga", summary: "Eiichiro Oda has confirmed that the One Piece manga has entered its final saga after 25 years of serialization.", image: "/placeholder.svg?height=200&width=350&text=One+Piece+News", date: "2024-03-28", category: "Manga", }, { id: 3, title: "Studio Ghibli Announces New Film", summary: "Legendary animation studio Ghibli has announced a new feature film directed by Hayao Miyazaki's son, Goro Miyazaki.", image: "/placeholder.svg?height=200&width=350&text=Ghibli+News", date: "2024-03-25", category: "Movie", }, ] // Integration with Anime_Scraper // In a real implementation, these functions would use the Anime_Scraper to fetch data export async function fetchFeaturedAnime(): Promise { // This would use the Anime_Scraper to fetch featured anime // For now, we'll return mock data return new Promise((resolve) => { setTimeout(() => resolve(mockFeaturedAnime), 500) }) } export async function fetchTrendingAnime(): Promise { // This would use the Anime_Scraper to fetch trending anime return new Promise((resolve) => { setTimeout(() => resolve(mockTrendingAnime), 500) }) } export async function fetchRecentEpisodes(): Promise { // This would use the Anime_Scraper to fetch recent episodes return new Promise((resolve) => { setTimeout(() => resolve(mockRecentEpisodes), 500) }) } export async function fetchTopAnime(): Promise { // This would use the Anime_Scraper to fetch top anime return new Promise((resolve) => { setTimeout(() => resolve(mockTopAnime), 500) }) } export async function fetchSeasonalAnime(): Promise { // This would use the Anime_Scraper to fetch seasonal anime return new Promise((resolve) => { setTimeout(() => resolve(mockSeasonalAnime), 500) }) } export async function fetchAnimeNews(): Promise { // This would use the Anime_Scraper to fetch anime news return new Promise((resolve) => { setTimeout(() => resolve(mockAnimeNews), 500) }) } export async function searchAnime(query: string): Promise { // This would use the Anime_Scraper to search for anime console.log(`Searching for: ${query}`) return new Promise((resolve) => { setTimeout(() => resolve([]), 500) }) } export async function getAnimeDetails(id: number): Promise { // This would use the Anime_Scraper to get anime details return new Promise((resolve) => { setTimeout(() => { const anime = mockFeaturedAnime.find((a) => a.id === id) || mockTrendingAnime.find((a) => a.id === id) || mockTopAnime.find((a) => a.id === id) resolve(anime || null) }, 500) }) } export async function getAnimeEpisodes(id: number): Promise { // This would use the Anime_Scraper to get anime episodes return new Promise((resolve) => { setTimeout(() => resolve([]), 500) }) } export async function getEpisodeStreamUrl(animeId: number, episodeId: number): Promise { // This would use the Anime_Scraper to get the streaming URL for an episode return new Promise((resolve) => { setTimeout(() => resolve(null), 500) }) } [V0_FILE]typescriptreact:file="app/anime/[id]/page.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Play, Star, Calendar, Clock, List, Share2, Bookmark, ChevronLeft } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Skeleton } from "@/components/ui/skeleton" import { AnimeLayout } from "@/components/anime-layout" import { getAnimeDetails, getAnimeEpisodes } from "@/lib/anime-api" // This would normally come from the Anime_Scraper API const animeDetails = { id: 1, title: "Attack on Titan: Final Season", description: "The war for Paradis zeroes in on Shiganshina just as Jaegerists have seized control. Eren's extreme ideologies have led to the deterioration of his relationships with his friends and family. Against a backdrop of a world at war, Eren unleashes the Attack Titan for what may be the final time.", image: "/placeholder.svg?height=600&width=400&text=AoT+Poster", cover: "/placeholder.svg?height=400&width=1200&text=Attack+on+Titan+Cover", rating: 9.8, year: 2023, episodes: 16, status: "Completed", genres: ["Action", "Drama", "Fantasy", "Military"], duration: "24 min per ep", studio: "MAPPA", nextAiringEpisode: null, } const episodes = Array.from({ length: 16 }, (_, i) => ({ id: i + 1, number: i + 1, title: `Episode ${i + 1}`, thumbnail: "/placeholder.svg?height=180&width=320&text=Episode+" + (i + 1), date: "2023-01-" + (i + 10), })) export default function AnimePage({ params }: { params: { id: string } }) { const [anime, setAnime] = useState(animeDetails) const [animeEpisodes, setAnimeEpisodes] = useState(episodes) const [isLoading, setIsLoading] = useState(true) const [isBookmarked, setIsBookmarked] = useState(false) useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const animeData = await getAnimeDetails(Number.parseInt(params.id)) const episodesData = await getAnimeEpisodes(Number.parseInt(params.id)) if (animeData) { setAnime(animeData) } if (episodesData && episodesData.length > 0) { setAnimeEpisodes(episodesData) } } catch (error) { console.error("Failed to fetch anime details:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 1000) }, [params.id]) const toggleBookmark = () => { setIsBookmarked(!isBookmarked) } return (

{isLoading ? (

) : ( <>

{anime.title}

{anime.rating}

{anime.year}

{anime.duration}

{anime.episodes} Episodes

{anime.status}

{anime.genres && anime.genres.map((genre: string) => ( {genre} ))}

Overview Episodes Characters Related

Synopsis

{anime.description}

Information

Studio: {anime.studio}
Status: {anime.status}
Year: {anime.year}
Episodes: {anime.episodes}
Duration: {anime.duration}
Next Episode: {anime.nextAiringEpisode}

{animeEpisodes.map((episode) => (

{episode.title}

{episode.date}

))}

{Array.from({ length: 10 }).map((_, i) => (

Character {i + 1}

Voice Actor {i + 1}

))}

{Array.from({ length: 5 }).map((_, i) => (

Related Anime {i + 1}

TV Series • 2023

))}

)}

) } [V0_FILE]typescriptreact:file="components/ui/skeleton.tsx" import type React from "react" import { cn } from "@/lib/utils" function Skeleton({ className, ...props }: React.HTMLAttributes) { return

} export { Skeleton } [V0_FILE]typescriptreact:file="components/ui/slider.tsx" "use client" import * as React from "react" import * as SliderPrimitive from "@radix-ui/react-slider" import { cn } from "@/lib/utils" const Slider = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Slider.displayName = SliderPrimitive.Root.displayName export { Slider } [V0_FILE]typescriptreact:file="app/watch/[animeId]/[episodeId]/page.tsx" isQuickEdit="true" "use client" import { useState, useEffect, useRef } from "react" import Image from "next/image" import Link from "next/link" import { ChevronLeft, ChevronRight, List, Maximize, Minimize, Volume2, VolumeX, Play, Pause, Settings, SkipBack, SkipForward, } from "lucide-react" import { Button } from "@/components/ui/button" import { Separator } from "@/components/ui/separator" import { Skeleton } from "@/components/ui/skeleton" import { Slider } from "@/components/ui/slider" import { AnimeLayout } from "@/components/anime-layout" import { getAnimeDetails, getAnimeEpisodes, getEpisodeStreamUrl } from "@/lib/anime-api" export default function WatchPage({ params }: { params: { animeId: string; episodeId: string } }) { const [isLoading, setIsLoading] = useState(true) const [isPlaying, setIsPlaying] = useState(false) const [isFullscreen, setIsFullscreen] = useState(false) const [isMuted, setIsMuted] = useState(false) const [volume, setVolume] = useState(80) const [currentTime, setCurrentTime] = useState(0) const [duration, setDuration] = useState(0) const [showControls, setShowControls] = useState(true) const [animeDetails, setAnimeDetails] = useState(null) const [episodes, setEpisodes] = useState([]) const [episodeDetails, setEpisodeDetails] = useState(null) const [streamUrl, setStreamUrl] = useState(null) const videoRef = useRef(null) const videoContainerRef = useRef(null) const controlsTimeoutRef = useRef(null) const currentEpisodeNumber = Number.parseInt(params.episodeId) const prevEpisode = currentEpisodeNumber > 1 ? currentEpisodeNumber - 1 : null const nextEpisode = episodes.length > 0 ? episodes.find((ep) => ep.number > currentEpisodeNumber)?.number || null : null useEffect(() => { const loadData = async () => { try { // In a real implementation, this would fetch data from the Anime_Scraper const anime = await getAnimeDetails(Number.parseInt(params.animeId)) const allEpisodes = await getAnimeEpisodes(Number.parseInt(params.animeId)) const streamingUrl = await getEpisodeStreamUrl( Number.parseInt(params.animeId), Number.parseInt(params.episodeId), ) if (anime) { setAnimeDetails(anime) } if (allEpisodes && allEpisodes.length > 0) { setEpisodes(allEpisodes) const currentEp = allEpisodes.find((ep) => ep.number === Number.parseInt(params.episodeId)) if (currentEp) { setEpisodeDetails(currentEp) } else { // If episode not found, create a mock one setEpisodeDetails({ id: Number.parseInt(params.episodeId), animeId: Number.parseInt(params.animeId), number: Number.parseInt(params.episodeId), title: `Episode ${params.episodeId}`, thumbnail: `/placeholder.svg?height=720&width=1280&text=Episode+${params.episodeId}`, }) } } else { // Create mock episodes if none returned const mockEpisodes = Array.from({ length: 16 }, (_, i) => ({ id: i + 1, animeId: Number.parseInt(params.animeId), number: i + 1, title: `Episode ${i + 1}`, thumbnail: `/placeholder.svg?height=180&width=320&text=Episode+${i + 1}`, })) setEpisodes(mockEpisodes) setEpisodeDetails(mockEpisodes.find((ep) => ep.number === Number.parseInt(params.episodeId))) } if (streamingUrl) { setStreamUrl(streamingUrl) } } catch (error) { console.error("Failed to fetch watch data:", error) } finally { setIsLoading(false) } } // Simulate API call setTimeout(loadData, 1000) // Set up control hiding const hideControls = () => { if (isPlaying) { setShowControls(false) } } const resetControlsTimeout = () => { if (controlsTimeoutRef.current) { clearTimeout(controlsTimeoutRef.current) } setShowControls(true) controlsTimeoutRef.current = setTimeout(hideControls, 3000) } document.addEventListener("mousemove", resetControlsTimeout) return () => { document.removeEventListener("mousemove", resetControlsTimeout) if (controlsTimeoutRef.current) { clearTimeout(controlsTimeoutRef.current) } } }, [params.animeId, params.episodeId]) const togglePlay = async () => { if (videoRef.current) { try { if (isPlaying) { videoRef.current.pause() } else { // Play returns a promise that needs to be properly handled await videoRef.current.play() } setIsPlaying(!isPlaying) } catch (error) { console.error("Error toggling play state:", error) // Make sure UI state matches actual video state setIsPlaying(false) } } } const toggleFullscreen = () => { if (videoContainerRef.current) { if (!document.fullscreenElement) { videoContainerRef.current .requestFullscreen() .catch((err) => console.error(`Error attempting to enable fullscreen: ${err.message}`)) } else { document.exitFullscreen() } setIsFullscreen(!isFullscreen) } } const toggleMute = () => { if (videoRef.current) { videoRef.current.muted = !isMuted setIsMuted(!isMuted) } } const handleVolumeChange = (value: number[]) => { const newVolume = value[0] setVolume(newVolume) if (videoRef.current) { videoRef.current.volume = newVolume / 100 } if (newVolume === 0) { setIsMuted(true) } else if (isMuted) { setIsMuted(false) } } const handleTimeUpdate = () => { if (videoRef.current) { setCurrentTime(videoRef.current.currentTime) setDuration(videoRef.current.duration) } } const handleSeek = (value: number[]) => { const seekTime = value[0] setCurrentTime(seekTime) if (videoRef.current) { videoRef.current.currentTime = seekTime } } const formatTime = (seconds: number) => { const mins = Math.floor(seconds / 60) const secs = Math.floor(seconds % 60) return `${mins}:${secs < 10 ? "0" : ""}${secs}` } const skipForward = () => { if (videoRef.current) { const newTime = Math.min(videoRef.current.currentTime + 10, videoRef.current.duration || 0) videoRef.current.currentTime = newTime setCurrentTime(newTime) } } const skipBackward = () => { if (videoRef.current) { const newTime = Math.max(videoRef.current.currentTime - 10, 0) videoRef.current.currentTime = newTime setCurrentTime(newTime) } } return (

{isLoading ? ( ) : (

setShowControls(true)} >

{showControls && (

{animeDetails?.title}

Episode {episodeDetails?.number}: {episodeDetails?.title}

{formatTime(currentTime)} {formatTime(duration || 0)}

)}

All Episodes

{isLoading ? (

{Array(4) .fill(0) .map((_, i) => ( ))}

) : (

{episodes.map((episode) => (

{episode.number === currentEpisodeNumber ? (

Currently Watching

) : (

)}

{episode.title}

))}

)}

) } 31:o1d3,d9:["$","$Le0",null,{"chatId":"evnMLA0jIvp","children":["$","$Le1",null,{"data":{"@\"active-block\",\"evnMLA0jIvp\",":{"id":"vorlqFwoI3h","messageId":"HaNRPF51XUvtmF6n2ESNy2kTWRmmMTEi","source":"$e2","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"WeebWatcher","type":"code-project","project":"WeebWatcher"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"evnMLA0jIvp\",":false},"children":"$Le3"}]}] 31:o4fb,e4:"PublishedPageProvider" e5:I[845210,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$e4"] e6:"FullscreenContainer" e7:I[481556,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$e6"] e8:"TemplateBlockViewClient" e9:I[552151,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$61","$62","$63","$64","$65"],"$e8"] e3:["$","$Le5",null,{"children":["$","$Le7",null,{"mode":"$undefined","children":["$","$Le9",null,{"block":"$d9:props:children:props:data:@\"active-block\",\"evnMLA0jIvp\",","allowMobileFullscreen":true,"initialSize":"$undefined","title":"Anime Scraper Setup","templateCanonId":"ZKigrqouT2N","templateVersionId":"j6Hl1uHgH7z","authorizePublicFrame":false,"vmEnabled":false,"canViewConsole":false,"vercelDeploymentUrl":null}]}]}] 31:o11,2f:true 2e:44161 31:o29c,de:["$","div",null,{"data-testid":"template-detail-related","className":"w-full flex flex-col gap-9","children":[["$","$L69",null,{"title":"More from topganirudhsharma-3395","children":["$","div",null,{"className":"flex-1","children":["$","div",null,{"className":"grid grid-cols-1 justify-center gap-6 @lg/page-layout:grid-cols-2 @5xl/page-layout:grid-cols-3","children":["$Lea"]}]}]}],["$","$L69",null,{"title":"More Templates Like This","children":["$","div",null,{"className":"flex-1","children":["$","div",null,{"className":"grid grid-cols-1 justify-center gap-6 @lg/page-layout:grid-cols-2 @5xl/page-layout:grid-cols-3","children":["$Leb","$Lec","$Led"]}]}]}]]}] 31:o22,2d:C 2c:C 1:C 24:C 1f:C 1a:C 17:C 31:C