3c:o1,~3c:o7cf,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/1ysqul-c0gptf.js" 4:I[134030,["$3"],"default"] 5:I[831544,["$3"],"default"] 39:"ViewportBoundary" 3a:I[809245,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[809245,["$3"],"$3c"] 3e:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/34v37w1e2jif8.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2nsv2o5v20-v8.css","style"] :HL["/chat-static/_next/static/immutable/chunks/00ig-5h_vyw6f.css","style"] 1:X 6:X 18:X 1b:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"ai-resume-builder-ensVxzmqBy2","s":null},"h":98,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 2c:X 2a:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2b","p":false,"v":"$2c"}}]] 28:[["children",{"s":{"n":"id","t":"d","k":"ai-resume-builder-ensVxzmqBy2","s":null},"h":38,"d":{"r":"$L29","p":false,"v":"$6"},"c":"$Q2a"}]] 26:[["children",{"s":"chat","h":106,"d":{"r":"$L27","p":false,"v":"$6"},"c":"$Q28"}]] 24:[["children",{"s":"(chat)","h":106,"d":{"r":"$L25","p":false,"v":"$6"},"c":"$Q26"}]] 36:X 34:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L35","p":false,"v":"$36"}}]] 32:[["children",{"s":{"n":"id","t":"d","k":"ai-resume-builder-ensVxzmqBy2","s":null},"h":102,"d":{"r":"$L33","p":false,"v":"$6"},"c":"$Q34"}]] 30:[["children",{"s":"chat","h":106,"d":{"r":"$L31","p":false,"v":"$6"},"c":"$Q32"}]] 2e:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2f","p":false,"v":"$6"},"c":"$Q30"}]] 38:X 1c:[["children",{"s":"chat","h":98,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L23","p":false,"v":"$6"},"c":"$Q24"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2d","p":false,"v":"$6"},"c":"$Q2e"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L37","p":false,"v":"$38"}}]] 19:[["children",{"s":{"n":"scope","t":"d","k":"johnson-thomas","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 3c:oc16,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/34v37w1e2jif8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2nsv2o5v20-v8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/00ig-5h_vyw6f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2z5acx03i119d.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3jzmo4noa0mpl.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3mtt4covw9ds-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0vipvuoajg-2_.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2ron94c4y2zz0.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/023lhbfv6f8-q.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3kb2onlo4hhwu.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0ha3nguz8evd7.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3cjpiu0vbgn3n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/42onr_fte7hg-.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/155ihuzkrjxkw.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3_0p49rm84tku.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/41t0ijk1nkphe.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/0oz4-e_ed5ocr.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1rl6uz4ceo9aj.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3mmzxybt5th7d.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1_2_grn0tlbrx.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/41knd_nyece8_.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 3c:o1db,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-cgas","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"}]] 40:X 41:X 3c:o712,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,["$","$L3a","walOyuw9nwvV5mVLVmaUYv",{"children":"$L3b"}],["$","$L3d","walOyuw9nwvV5mVLVmaUYm",{"children":[["$","div",null,{"hidden":true,"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}],null]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42"} 3c:o1000,44:I[809245,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[134030,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/2z5acx03i119d.js" 50:"/chat-static/_next/static/immutable/chunks/3jzmo4noa0mpl.js" 51:"/chat-static/_next/static/immutable/chunks/3mtt4covw9ds-.js" 52:"/chat-static/_next/static/immutable/chunks/0vipvuoajg-2_.js" 53:"/chat-static/_next/static/immutable/chunks/2ron94c4y2zz0.js" 54:"/chat-static/_next/static/immutable/chunks/023lhbfv6f8-q.js" 55:"/chat-static/_next/static/immutable/chunks/3kb2onlo4hhwu.js" 56:"/chat-static/_next/static/immutable/chunks/0ha3nguz8evd7.js" 57:"/chat-static/_next/static/immutable/chunks/3cjpiu0vbgn3n.js" 58:"/chat-static/_next/static/immutable/chunks/42onr_fte7hg-.js" 59:"/chat-static/_next/static/immutable/chunks/155ihuzkrjxkw.js" 5a:"/chat-static/_next/static/immutable/chunks/3_0p49rm84tku.js" 5b:"/chat-static/_next/static/immutable/chunks/41t0ijk1nkphe.js" 5c:"/chat-static/_next/static/immutable/chunks/0oz4-e_ed5ocr.js" 5d:"/chat-static/_next/static/immutable/chunks/1rl6uz4ceo9aj.js" 5e:"/chat-static/_next/static/immutable/chunks/3mmzxybt5th7d.js" 5f:"/chat-static/_next/static/immutable/chunks/1_2_grn0tlbrx.js" 60:"/chat-static/_next/static/immutable/chunks/41knd_nyece8_.js" 61:"/chat-static/_next/static/immutable/chunks/2ortbrmzoog7i.js" 62:"/chat-static/_next/static/immutable/chunks/03zs_a541khh7.js" 63:"/chat-static/_next/static/immutable/chunks/03brwe_qp9424.js" 64:"/chat-static/_next/static/immutable/chunks/1m-ggy76h0icp.js" 65:"/chat-static/_next/static/immutable/chunks/1skgq0jefchys.js" 66:"/chat-static/_next/static/immutable/chunks/0bmrnr7mqq125.js" 67:"/chat-static/_next/static/immutable/chunks/3cxkytghtnjb5.js" 68:"/chat-static/_next/static/immutable/chunks/175t8gqlqy8ma.js" 69:"/chat-static/_next/static/immutable/chunks/39jadjzqiybpv.js" 6a:"/chat-static/_next/static/immutable/chunks/3p0ur8tex0ala.js" 6b:"/chat-static/_next/static/immutable/chunks/40h9343csy1z6.js" 6c:"/chat-static/_next/static/immutable/chunks/0y2ivmd8w2mm1.js" 6d:"/chat-static/_next/static/immutable/chunks/1mbs9vpfnj-e4.js" 6e:"/chat-static/_next/static/immutable/chunks/3d7sh05osaa9g.js" 6f:"/chat-static/_next/static/immutable/chunks/1hp9p7ogzqqnv.js" 70:"/chat-static/_next/static/immutable/chunks/3w2b7tivu5kj9.js" 71:"/chat-static/_next/static/immutable/chunks/2exsziszf-gzc.js" 72:"/chat-static/_next/static/immutable/chunks/20uonqf5_n_4k.js" 73:"/chat-static/_next/static/immutable/chunks/2okfvgsdojwyd.js" 74:"/chat-static/_next/static/immutable/chunks/0n38brd0c577-.js" 75:"/chat-static/_next/static/immutable/chunks/2cfaanfxemvdz.js" 76:"/chat-static/_next/static/immutable/chunks/0fandjy28amms.js" 77:"/chat-static/_next/static/immutable/chunks/04e3bw5rq2o19.js" 78:"/chat-static/_next/static/immutable/chunks/3a8clf5m-_wfs.js" 79:"/chat-static/_next/static/immutable/chunks/0zi1-7b1islwy.js" 7a:"/chat-static/_next/static/immutable/chunks/0rynx3rcbal7n.js" 7b:"/chat-static/_next/static/immutable/chunks/2jxke-9ppzs71.js" 7c:"/chat-static/_next/static/immutable/chunks/2lnvg6rb06_la.js" 7d:"/chat-static/_next/static/immutable/chunks/06htf9ieuryzu.js" 7e:"/chat-static/_next/static/immutable/chunks/0kpnhbn7ezp49.js" 7f:"/chat-static/_next/static/immutable/chunks/0ylwculaqcstx.js" 80:"/chat-static/_next/static/immutable/chunks/2-b-n69tlmzaq.js" 81:"/chat-static/_next/static/immutable/chunks/2co4xm0unljv6.js" 82:"/chat-static/_next/static/immutable/chunks/2p6f3opdmyut2.js" 83:"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js" 84:"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js" 85:"/chat-static/_next/static/immutable/chunks/0f_fto1p8z1br.js" 86:"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js" 87:"/chat-static/_next/static/immutable/chunks/1kzhd6e4fec74.js" 88:"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js" 89:"/chat-static/_next/static/immutable/chunks/0eu7mx4rq7neq.js" 8a:"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js" 8b:"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js" 8c:"/chat-static/_next/static/immutable3c:of21,/chunks/0ukzmbf1gqr-c.js" 8d:"/chat-static/_next/static/immutable/chunks/42yfe8vtioux6.js" 8e:"/chat-static/_next/static/immutable/chunks/2znekzxd80-ze.js" 8f:"/chat-static/_next/static/immutable/chunks/1f1ch9tusyiwz.js" 90:"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js" 91:I[822201,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$82","$83","$84","$85","$86","$87","$88","$89","$8a","$8b","$8c","$8d","$8e","$8f","$90"],"default"] 92:"/chat-static/_next/static/immutable/chunks/0scfumg20l_r6.js" 93:"/chat-static/_next/static/immutable/chunks/3pdkk6zv5cjgy.js" 94:"/chat-static/_next/static/immutable/chunks/0rz8ad8lj5cv5.js" 95:"/chat-static/_next/static/immutable/chunks/06wub2xf-7lpg.js" 96:"/chat-static/_next/static/immutable/chunks/1ukn6i0_27tza.js" 97:"/chat-static/_next/static/immutable/chunks/3ah6cwxc-dhxk.js" 98:"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js" 99:"/chat-static/_next/static/immutable/chunks/1w9o0zu9qxuxt.js" 9a:"/chat-static/_next/static/immutable/chunks/3gn1iumwb89xp.js" 9b:"/chat-static/_next/static/immutable/chunks/0fcatfdf9dyqw.js" 9c:"GitChatHeaderSkeleton" 9d:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$9c"] :HL["/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","style"] 6:C 9:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2ortbrmzoog7i.js","async":true,"nonce":"$undefined"}] a:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/03zs_a541khh7.js","async":true,"nonce":"$undefined"}] b:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/03brwe_qp9424.js","async":true,"nonce":"$undefined"}] c:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/1m-ggy76h0icp.js","async":true,"nonce":"$undefined"}] d:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1skgq0jefchys.js","async":true,"nonce":"$undefined"}] e:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0bmrnr7mqq125.js","async":true,"nonce":"$undefined"}] f:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/3cxkytghtnjb5.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/175t8gqlqy8ma.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/39jadjzqiybpv.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/3p0ur8tex0ala.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/40h9343csy1z6.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/0y2ivmd8w2mm1.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/1mbs9vpfnj-e4.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-31",{"src":"/chat-static/_next/static/immutable/chunks/3d7sh05osaa9g.js","async":true,"nonce":"$undefined"}] 3c:o956,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1hp9p7ogzqqnv.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3w2b7tivu5kj9.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2exsziszf-gzc.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/20uonqf5_n_4k.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2okfvgsdojwyd.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0n38brd0c577-.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2cfaanfxemvdz.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0fandjy28amms.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/04e3bw5rq2o19.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3a8clf5m-_wfs.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0zi1-7b1islwy.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/0rynx3rcbal7n.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2jxke-9ppzs71.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2lnvg6rb06_la.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/06htf9ieuryzu.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/0kpnhbn7ezp49.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/0ylwculaqcstx.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/2-b-n69tlmzaq.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 3c:o29a,1d:["$","$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"}]]}] 1f:["$","$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"}]]}] 3c:oc9e,21:["$","$2","c",{"children":[null,[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1td6aol8zc9bm.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0f_fto1p8z1br.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3pdkk6zv5cjgy.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gn1iumwb89xp.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3ah6cwxc-dhxk.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1ukn6i0_27tza.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/06wub2xf-7lpg.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2znekzxd80-ze.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/0ukzmbf1gqr-c.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/0rz8ad8lj5cv5.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1w9o0zu9qxuxt.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/1f1ch9tusyiwz.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/0fcatfdf9dyqw.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 3c:o3e7,23:["$","$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"}]]}] 25:["$","$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"}]]}] 27:["$","$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"}]]}] 3c:o10d2,29:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","div",null,{"data-chat-skeleton-layout":true,"className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"aria-hidden":"true","className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":[["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}],["$","div",null,{"className":"flex-1 min-w-0","children":"$L48"}],"$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 3c:oc44,2b:["$","$2","c",{"children":["$L4e",[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1td6aol8zc9bm.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0f_fto1p8z1br.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3pdkk6zv5cjgy.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gn1iumwb89xp.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3ah6cwxc-dhxk.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1ukn6i0_27tza.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/06wub2xf-7lpg.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2znekzxd80-ze.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/0ukzmbf1gqr-c.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/0rz8ad8lj5cv5.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1w9o0zu9qxuxt.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/1f1ch9tusyiwz.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/0fcatfdf9dyqw.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js","async":true,"nonce":"$undefined"}]],null]}] 3c:o3e7,2d:["$","$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"}]]}] 2f:["$","$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"}]]}] 31:["$","$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"}]]}] 3c:ob16,33:["$","$L47",null,{"loading":[["$","$L91","l",{}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2co4xm0unljv6.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2p6f3opdmyut2.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0f_fto1p8z1br.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/1kzhd6e4fec74.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0eu7mx4rq7neq.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/0ukzmbf1gqr-c.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/42yfe8vtioux6.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2znekzxd80-ze.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1f1ch9tusyiwz.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.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":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 3c:oe0b,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L9d",null,{}],"children":"$L9e"}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0scfumg20l_r6.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2p6f3opdmyut2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3pdkk6zv5cjgy.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/1f1ch9tusyiwz.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0rz8ad8lj5cv5.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0f_fto1p8z1br.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/06wub2xf-7lpg.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/0ukzmbf1gqr-c.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/0eu7mx4rq7neq.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1ukn6i0_27tza.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/2znekzxd80-ze.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3ah6cwxc-dhxk.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1w9o0zu9qxuxt.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/3gn1iumwb89xp.js","async":true,"nonce":"$undefined"}],["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/0fcatfdf9dyqw.js","async":true,"nonce":"$undefined"}],["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/42yfe8vtioux6.js","async":true,"nonce":"$undefined"}]],null]}] 3c:o32,37:["$","$2","c",{"children":["$L9f",null,null]}] 3c:oa86,a1:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"AppCard"] a2:"FULL_BLEED_APP_CARD_CLASSNAME" a3:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$a2"] a4:"/chat-static/_next/static/immutable/chunks/2y52rcwlrud2w.js" a5:"SidebarCollapseButton" a6:I[663042,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$a4"],"$a5"] a7:I[192842,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"ChatWarning"] a8:I[903785,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$a4"],"NewChatButton"] 41:300 48:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}] 49:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4b:["$","div",null,{"data-output":true,"className":"flex items-center justify-center bg-v0-background-200","children":["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}]}] a0:T1963,3c:o1963,3c:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$a0"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3e",null,{"fallback":["$","$La1",null,{"className":"$a3","children":[["$","$La6",null,{"collapsedOnly":true,"syncWidth":true,"syncCollapsedMarginRight":"0px","syncExpandedMarginRight":"0px","peekOnHover":false,"className":"pointer-events-auto absolute left-3 top-3 z-20 hidden sm:flex"}],["$","$La7",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$La8",null,{}]}]]}],"children":"$La9"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:o17,18:T8,variantsaa:T18d5,3c:o18d5,(({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);!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 g=new c,h=new d(a);(async function(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)}})(g,h,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let i=new URL(c instanceof Request?c.url:c,location.href),j=i.origin===location.origin,k=a.find(a=>f({path:i.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 g.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",i.pathname),o.set("x-method",l);let p={...d,headers:o};return h.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await h.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"}] });3c:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$aa"}}],"$Lab","$Lac","$Lad","$Lae"]}],"$Laf"]}] 3c:o1000,b0:"GeistThemeScript" b1:I[86098,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$b0"] b2:I[600033,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"AppStoreMetaTag"] b3:I[86098,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"GeistProvider"] b4:I[818362,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"LocaleProvider"] b5:I[841245,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"MotionConfig"] b6:"AtomicContextSWRProvider" b7:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$b6"] b8:"GlobalPromiseContextProvider" b9:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$b8"] bc:I[827887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"JotaiProvider"] bd:"ServerQuerySWRRuntimeProvider" be:I[74757,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$bd"] c0:I[815349,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"CleanupStorage"] c1:I[994115,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Analytics"] c2:I[503803,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SpeedInsights"] c4:"VercelianAppFlowMigrator" c5:I[23825,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$c4"] c6:I[108762,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"TrackInfo"] c7:I[578386,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"PageViewTracker"] c8:I[356301,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$3c:o44a,66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"AutoCapture"] ab:["$","$Lb1",null,{"storageKey":"theme"}] ac:["$","$3e",null,{"children":["$","$Lb2",null,{}]}] ad:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] ae:["$","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/company/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\"}}]"}}] 3c:o93b,af:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased eEAu7a_variable dJgEwW_variable hGs1mq_variable","children":[["$","$Lb3",null,{"storageKey":"theme","withScript":false,"children":["$","$Lb4",null,{"locale":"en","children":["$","$Lb5",null,{"reducedMotion":"user","children":["$","$Lb7",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":["$","$Lb9",null,{"params":null,"promises":{"dailyModelUsage":"$@ba","freeFixWithV0Usage":"$@bb"},"children":[["$","$Lbc",null,{"children":["$","$Lbe",null,{"children":"$Lbf"}]}],["$","$Lc0",null,{}]]}]}]}]}]}],["$","$Lc1",null,{}],["$","$Lc2",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":"$Lc3"}],["$","$Lc5",null,{}],["$","$Lc6",null,{}],["$","$Lc7",null,{}],["$","$Lc8",null,{}]]}] 3c:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 3c:oe,40:T8,variants3c:o1000,c9:"HydrateDurableAtoms" ca:I[783749,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$c9"] cb:I[359783,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"DataProvider"] cc:I[32170,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"UserProvider"] ce:"AnimatedIconProvider" cf:I[908887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$ce"] d0:I[30570,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"PortalProvider"] d1:"SnowflakePublishProvider" d2:I[966820,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d1"] d3:"UserInputProvider" d4:I[472914,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d3"] d5:I[69221,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"CmdkProvider"] d6:"VirtualMachineUIStateProvider" d7:I[319228,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d6"] d8:"DeployedPreviewIframeRefProvider" d9:I[166890,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d8"] da:"PreviewSourceUIStateProvider" db:I[197843,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$da"] dc:I[367078,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"LoaderProvider"] dd:"PromptFormUIProvider" de:I[595358,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$dd"] df:I[242759,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"FlagsProvider"] e1:I[549011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"NuqsAdapter"] e2:"ChatTabsProvider" e3:I[568561,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e2"] e4:"PersonalScopeMigrationAnnouncementProvider" e5:I[206559,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e4"] e7:"AnnouncementVisibilityProvider" e8:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","3c:o5cb,$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e7"] eb:I[561588,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Toaster"] ec:I[407562,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Toaster"] ed:"SuspendingDialogs" ee:I[840793,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$ed"] ef:I[323194,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SignInDialog"] f0:I[279070,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"ConsentBanner"] f1:I[15279,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SessionManager"] 3c:o8ef,bf:["$","$Lca",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"sidebarGroupOrder":[],"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"manualModelSelectionAnchorKey":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":["$","$Lcb",null,{"children":["$","$Lcc",null,{"expectUser":false,"userPromise":"$@cd","children":["$","$Lcf",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"children":["$","$Ld4",null,{"children":["$","$Ld5",null,{"children":["$","$Ld7",null,{"children":["$","$Ld9",null,{"children":["$","$Ldb",null,{"children":["$","$Ldc",null,{"children":["$","$Lde",null,{"children":["$","$Ldf",null,{"promise":"$@e0","middlewareFlags":["cgas"],"children":["$","$Le1",null,{"children":["$","$Le3",null,{"children":["$","$Le5",null,{"destinationTeamIdPromise":"$@e6","children":["$","$Le8",null,{"visiblePromise":"$@e9","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":[["$","$3e",null,{"fallback":null,"children":"$Lea"}],["$","$Leb",null,{}],["$","$Lec",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Lee",null,{}]}],["$","$Lef",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lf0",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 3c:o12c,a9:["$","$La1",null,{"className":"$a3","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$La7",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] c3:["$","$Lf1",null,{"enabled":false}] 3c:o20,cd:"$undefined" e9:true ea:null 3c:o77,40:0 38:0 22:0 36:0 2c:0 41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id3c:o1000,f2:"RouteChatIdProvider" f3:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$f2"] f4:"CompletionAttentionProvider" f5:I[607506,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$f4"] f6:"SidebarUIProvider" f7:I[475961,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$f6"] fa:"HeaderSlotClientRouter" fb:I[597544,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$fa"] fc:"/chat-static/_next/static/immutable/chunks/0akev29afa59x.js" fd:I[32459,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$fc"],"default"] fe:I[990009,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"Header"] ff:"RevalidateChatIdSkeletonStyles" 100:I[564011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$ff"] 101:I[980088,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"DynamicCMDK"] 102:"PromptQueueSnapshotProvider" 103:I[475641,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$102"] 106:"ChatPromiseContextProvider" 107:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$106"] 10f:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65",3c:o16c,"$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"GitChatHeader"] 110:I[580397,["$3"],"IconMark"] 9f:null 3c:o77f,43:["$","$Lf3",null,{"children":["$","$Lf5",null,{"children":["$","$Lf7",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@f8"}],["$","$3e",null,{"children":"$Lf9"}],false,false,["$","div",null,{"className":"isolate flex min-h-0 flex-1","children":[false,["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","$Lfb",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$fd","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0akev29afa59x.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Lfe",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$fd","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$fd","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3e",null,{"children":["$","$L100",null,{}]}],["$","$L101",null,{}]]}]}]}] 3c:o176,4e:["$","$L103",null,{"initial":{"chatId":"ensVxzmqBy2","snapshot":"$@104"},"children":"$L105"}] 9e:["$","$L107",null,{"params":{"chatId":"ensVxzmqBy2"},"promises":{"attributes":"$@108","externalMeta":"$@109","latest":"$@10a","messagesRange":"$@10b","messages":"$@10c","template":"$@10d","gitStatus":"$@10e"},"children":["$","$L10f",null,{"chatId":"ensVxzmqBy2"}]}] e6:null 3c:o5b2,3f:[["$","title","0",{"children":"AI Resume Builder - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Shared on v0"}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","meta","3",{"name":"robots","content":"noindex"}],["$","link","4",{"rel":"canonical","href":"https://v0.app/chat/ai-resume-builder-ensVxzmqBy2"}],["$","meta","5",{"property":"og:title","content":"AI Resume Builder - v0 by Vercel"}],["$","meta","6",{"property":"og:description","content":"Shared on v0"}],["$","meta","7",{"property":"og:image","content":"https://v0.app/chat/api/og/ensVxzmqBy2"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"AI Resume Builder - v0 by Vercel"}],["$","meta","10",{"name":"twitter:description","content":"Shared on v0"}],["$","meta","11",{"name":"twitter:image","content":"https://v0.app/chat/api/og/ensVxzmqBy2"}],["$","link","12",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","14",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","15",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$L110","16",{}]] 3c:o8,45:null 3c:oa00,118:"ExplicitChatIdProvider" 119:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$118"] 11a:I[838238,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"SWRDataProvider"] 2c:T8,variants2c:T5,scope108:{"ok":true,"value":{"designSystemId":null,"title":"AI Resume Builder","privacy":"unlisted","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"ek10k3RakArvUjP1OtCeh7DR","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1754907433811,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} 109:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10a:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10b:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10c:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10d:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10e:{"ok":true,"value":null,"__seedOnly":true} f8:null 11c:[] 11d:[["b_JYovjY2953u",null]] 11e:[["b_JYovjY2953u",{"templateVersionId":null,"templateCanonId":null}]] 11f:[["b_NQc43KkiH6R","$D2025-08-11T10:17:41.871Z"],["b_oeoJKMDtTVQ","$D2025-08-11T12:26:16.833Z"],["b_JYovjY2953u","$D2025-08-12T04:02:36.430Z"]] 120:[["b_JYovjY2953u",false]] 121:[["b_JYovjY2953u","$undefined"]] 122:[["b_JYovjY2953u",null]] 123:[["b_JYovjY2953u",true]] 124:[["b_JYovjY2953u",true]] 125:[] 126:Tbce4,3c:obce4,[V0_FILE]markdown:file="README.md" isMerged="true" # ResumeCraft - Professional Resume Builder This is a starter scaffold for ResumeCraft, a full-featured, secure, and maintainable resume builder application. ## Tech Stack - **Framework:** Next.js (App Router) + TypeScript - **Styling:** Tailwind CSS - **ORM:** Prisma - **Database:** PostgreSQL - **Authentication:** NextAuth.js - **Payments:** Stripe Billing - **Validation:** Zod - **PDF Generation:** Puppeteer (via a serverless function) ## Getting Started ### 1. Clone the repository \`\`\`bash # Your clone command here \`\`\` ### 2. Install dependencies \`\`\`bash npm install \`\`\` ### 3. Setup Environment Variables Create a `.env` file in the root of your project and add the following variables. See `.env.example` for a template. \`\`\`env # Database DATABASE_URL="postgresql://user:password@host:port/database?sslmode=require" # NextAuth.js # Generate a secret with `openssl rand -base64 32` NEXTAUTH_SECRET="your_nextauth_secret" NEXTAUTH_URL="http://localhost:3000" # You'll need a provider that supports email, like Postmark, SendGrid, etc. # For local development, you can use a local SMTP server or log to console. EMAIL_SERVER_USER="your_email_server_user" EMAIL_SERVER_PASSWORD="your_email_server_password" EMAIL_SERVER_HOST="your_email_server_host" EMAIL_SERVER_PORT="587" EMAIL_FROM="noreply@example.com" # Stripe STRIPE_SECRET_KEY="sk_test_..." STRIPE_PUBLISHABLE_KEY="pk_test_..." STRIPE_WEBHOOK_SECRET="whsec_..." # Price IDs from your Stripe Dashboard STRIPE_PRO_MONTHLY_PRICE_ID="price_..." STRIPE_PRO_YEARLY_PRICE_ID="price_..." \`\`\` ### 4. Setup PostgreSQL Database Make sure you have a PostgreSQL database running. You can use a local instance with Docker or a managed service like Neon or Supabase. ### 5. Run Prisma Migrations Apply the database schema to your database. \`\`\`bash npx prisma migrate dev \`\`\` ### 6. Seed the Database Populate the database with initial data (e.g., templates). \`\`\`bash npx prisma db seed \`\`\` ### 7. Run the Development Server \`\`\`bash npm run dev \`\`\` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. ### 8. Testing Stripe Webhooks Locally 1. Install the Stripe CLI: `stripe login` 2. Forward webhook events to your local server: \`\`\`bash stripe listen --forward-to localhost:3000/api/webhooks/stripe \`\`\` 3. The CLI will provide you with a webhook signing secret (`whsec_...`). Add this to your `.env` file as `STRIPE_WEBHOOK_SECRET`. ## Project Structure - `/app`: Next.js App Router pages and API routes. - `/components`: Shared React components. - `/lib`: Core logic, utilities, and client initializations (Prisma, Stripe, Auth). - `/prisma`: Database schema, migrations, and seed script. - `/styles`: Global CSS. [V0_FILE]json:file="package.json" isMerged="true" { "name": "resumecraft", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "prisma generate && next build", "start": "next start", "lint": "next lint", "postinstall": "prisma generate" }, "prisma": { "seed": "ts-node --compiler-options {\"module\":\"CommonJS\"} prisma/seed.ts" }, "dependencies": { "@next-auth/prisma-adapter": "^1.0.7", "@prisma/client": "^5.12.1", "@radix-ui/react-slot": "^1.0.2", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", "lucide-react": "^0.372.0", "next": "14.2.2", "next-auth": "^4.24.7", "nodemailer": "^6.9.13", "react": "^18", "react-dom": "^18", "react-hot-toast": "^2.4.1", "stripe": "^15.1.0", "tailwind-merge": "^2.3.0", "tailwindcss-animate": "^1.0.7", "zod": "^3.22.4" }, "devDependencies": { "@types/node": "^20", "@types/nodemailer": "^6.4.14", "@types/react": "^18", "@types/react-dom": "^18", "eslint": "^8", "eslint-config-next": "14.2.2", "postcss": "^8", "prisma": "^5.12.1", "tailwindcss": "^3.4.17", "ts-node": "^10.9.2", "typescript": "^5" } } [V0_FILE]plaintext:file="prisma/schema.prisma" isMerged="true" datasource db { provider = "postgresql" url = env("DATABASE_URL") } generator client { provider = "prisma-client-js" } model Account { id String @id @default(cuid()) userId String type String provider String providerAccountId String refresh_token String? @db.Text access_token String? @db.Text expires_at Int? token_type String? scope String? id_token String? @db.Text session_state String? user User @relation(fields: [userId], references: [id], onDelete: Cascade) @@unique([provider, providerAccountId]) } model Session { id String @id @default(cuid()) sessionToken String @unique userId String expires DateTime user User @relation(fields: [userId], references: [id], onDelete: Cascade) } model VerificationToken { identifier String token String @unique expires DateTime @@unique([identifier, token]) } enum UserRole { USER ADMIN } model User { id String @id @default(cuid()) name String? email String? @unique emailVerified DateTime? passwordHash String? image String? role UserRole @default(USER) stripeCustomerId String? @unique createdAt DateTime @default(now()) updatedAt DateTime @updatedAt accounts Account[] sessions Session[] resumes Resume[] subscriptions Subscription[] exportLogs ExportLog[] } model Resume { id String @id @default(cuid()) title String data Json thumbnailUrl String? createdAt DateTime @default(now()) updatedAt DateTime @updatedAt userId String user User @relation(fields: [userId], references: [id], onDelete: Cascade) templateId String template Template @relation(fields: [templateId], references: [id]) exportLogs ExportLog[] } enum TemplateType { FREE PAID } model Template { id String @id @default(cuid()) name String slug String @unique description String priceCents Int @default(0) currency String @default("usd") type TemplateType contentHtml String contentCss String thumbnailUrl String isActive Boolean @default(true) isFeatured Boolean @default(false) createdAt DateTime @default(now()) updatedAt DateTime @updatedAt resumes Resume[] } enum SubscriptionStatus { ACTIVE CANCELED INCOMPLETE PAST_DUE TRIALING } model Subscription { id String @id @default(cuid()) userId String @unique stripeSubscriptionId String @unique stripePriceId String status SubscriptionStatus currentPeriodEnd DateTime createdAt DateTime @default(now()) updatedAt DateTime @updatedAt user User @relation(fields: [userId], references: [id], onDelete: Cascade) } model ExportLog { id String @id @default(cuid()) type String // "pdf" or "html" createdAt DateTime @default(now()) userId String user User @relation(fields: [userId], references: [id]) resumeId String resume Resume @relation(fields: [resumeId], references: [id]) } [V0_FILE]typescript:file="prisma/seed.ts" isMerged="true" import { PrismaClient, TemplateType } from "@prisma/client" const prisma = new PrismaClient() async function main() { console.log("Start seeding...") // Create Free Templates await prisma.template.createMany({ data: [ { name: "Classic Minimalist", slug: "classic-minimalist", description: "A clean, timeless template for all professions.", type: TemplateType.FREE, thumbnailUrl: "/templates/classic-minimalist.png", contentHtml: "

{name}

{email}

", contentCss: "h1 { font-size: 24px; }", }, { name: "Modern Chronological", slug: "modern-chronological", description: "A stylish template that highlights your career timeline.", type: TemplateType.FREE, thumbnailUrl: "/templates/modern-chronological.png", contentHtml: "

{name}

{summary}

", contentCss: "h2 { font-size: 22px; color: blue; }", }, ], skipDuplicates: true, }) // Create Paid Templates await prisma.template.createMany({ data: [ { name: "Creative Professional", slug: "creative-professional", description: "A bold template for designers and artists.", type: TemplateType.PAID, priceCents: 999, thumbnailUrl: "/templates/creative-professional.png", contentHtml: '

{name}

{portfolio}

', contentCss: ".creative { background: #f0f0f0; }", }, { name: "Executive Suite", slug: "executive-suite", description: "A premium, sophisticated template for leaders.", type: TemplateType.PAID, priceCents: 1499, thumbnailUrl: "/templates/executive-suite.png", contentHtml: '

{name}

{linkedin}

', contentCss: ".executive { border-left: 5px solid gold; }", }, ], skipDuplicates: true, }) console.log("Seeding finished.") } main() .catch((e) => { console.error(e) process.exit(1) }) .finally(async () => { await prisma.$disconnect() }) [V0_FILE]typescript:file="lib/prisma.ts" isFixed="true" isQuickEdit="true" isMerged="true" import { PrismaClient } from "@prisma/client" declare global { var prismaGlobal: PrismaClient | undefined } const prisma = global.prismaGlobal || new PrismaClient() if (process.env.NODE_ENV === "development") global.prismaGlobal = prisma export default prisma [V0_FILE]typescript:file="lib/auth.ts" isMerged="true" import { PrismaAdapter } from "@next-auth/prisma-adapter" import type { NextAuthOptions } from "next-auth" import EmailProvider from "next-auth/providers/email" import prisma from "./prisma" export const authOptions: NextAuthOptions = { adapter: PrismaAdapter(prisma), providers: [ EmailProvider({ server: { host: process.env.EMAIL_SERVER_HOST, port: Number(process.env.EMAIL_SERVER_PORT), auth: { user: process.env.EMAIL_SERVER_USER, pass: process.env.EMAIL_SERVER_PASSWORD, }, }, from: process.env.EMAIL_FROM, }), // Add other providers like Google or GitHub here ], session: { strategy: "jwt", }, callbacks: { async session({ token, session }) { if (token && session.user) { session.user.id = token.id as string session.user.role = token.role as string } return session }, async jwt({ token, user }) { if (user) { const dbUser = await prisma.user.findUnique({ where: { id: user.id }, }) if (dbUser) { token.id = dbUser.id token.role = dbUser.role } } return token }, }, pages: { signIn: "/login", verifyRequest: "/login/verify-request", }, } [V0_FILE]typescript:file="app/api/auth/[...nextauth]/route.ts" isMerged="true" import NextAuth from "next-auth" import { authOptions } from "@/lib/auth" const handler = NextAuth(authOptions) export { handler as GET, handler as POST } [V0_FILE]typescript:file="lib/stripe.ts" isMerged="true" import Stripe from "stripe" export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { apiVersion: "2024-04-10", typescript: true, }) [V0_FILE]typescript:file="lib/subscription.ts" isMerged="true" import { authOptions } from "@/lib/auth" import prisma from "@/lib/prisma" import { getServerSession } from "next-auth" export async function hasActiveSubscription() { const session = await getServerSession(authOptions) if (!session?.user?.id) { return false } const subscription = await prisma.subscription.findUnique({ where: { userId: session.user.id, status: "ACTIVE", }, }) return !!subscription } export async function checkSubscription() { const session = await getServerSession(authOptions) if (!session?.user?.id) { return { hasSubscription: false, isPro: false } } const subscription = await prisma.subscription.findFirst({ where: { userId: session.user.id, status: "ACTIVE", }, }) return { hasSubscription: !!subscription, isPro: !!subscription, // You can add more logic for different plans } } [V0_FILE]typescript:file="app/api/webhooks/stripe/route.ts" isMerged="true" import { stripe } from "@/lib/stripe" import prisma from "@/lib/prisma" import { headers } from "next/headers" import type { Stripe } from "stripe" import { NextResponse } from "next/server" export async function POST(req: Request) { const body = await req.text() const signature = headers().get("Stripe-Signature") as string const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET let event: Stripe.Event try { if (!signature || !webhookSecret) { throw new Error("Missing Stripe signature or webhook secret.") } event = stripe.webhooks.constructEvent(body, signature, webhookSecret) } catch (error: any) { console.error(`❌ Error message: ${error.message}`) return new NextResponse(`Webhook Error: ${error.message}`, { status: 400 }) } const session = event.data.object as Stripe.Checkout.Session switch (event.type) { case "checkout.session.completed": { const subscription = await stripe.subscriptions.retrieve(session.subscription as string) await prisma.subscription.create({ data: { userId: session.client_reference_id!, stripeSubscriptionId: subscription.id, stripePriceId: subscription.items.data[0].price.id, status: subscription.status, currentPeriodEnd: new Date(subscription.current_period_end * 1000), }, }) break } case "invoice.paid": { const subscription = await stripe.subscriptions.retrieve(session.subscription as string) await prisma.subscription.update({ where: { stripeSubscriptionId: subscription.id, }, data: { status: subscription.status, currentPeriodEnd: new Date(subscription.current_period_end * 1000), }, }) break } case "customer.subscription.deleted": case "customer.subscription.updated": { const subscription = event.data.object as Stripe.Subscription await prisma.subscription.update({ where: { stripeSubscriptionId: subscription.id, }, data: { status: subscription.status, currentPeriodEnd: new Date(subscription.current_period_end * 1000), }, }) break } default: console.warn(`Unhandled event type: ${event.type}`) } return NextResponse.json({ received: true }) } [V0_FILE]typescript:file="app/api/export/pdf/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" import { hasActiveSubscription } from "@/lib/subscription" // In a real-world scenario, you would use a library like 'puppeteer-core' // and deploy this as a Vercel Serverless Function with increased memory. // The v0 environment does not support running headless browsers directly. // This is a simulated endpoint. export async function POST(req: NextRequest) { const isPro = await hasActiveSubscription() // Example of rate-limiting for free users if (!isPro) { // Here you would check the ExportLog table against the user's ID // and return a 429 Too Many Requests if they exceeded their limit. return new NextResponse(JSON.stringify({ error: "Upgrade to Pro for unlimited exports." }), { status: 403 }) } const { html, css } = await req.json() if (!html) { return new NextResponse(JSON.stringify({ error: "HTML content is required." }), { status: 400, }) } try { // --- START: Real implementation with Puppeteer --- // const browser = await puppeteer.launch({ args: ['--no-sandbox'] }); // const page = await browser.newPage(); // await page.setContent(html); // if (css) { // await page.addStyleTag({ content: css }); // } // const pdfBuffer = await page.pdf({ format: 'A4', printBackground: true }); // await browser.close(); // --- END: Real implementation with Puppeteer --- // Simulated PDF buffer for demonstration purposes const pdfBuffer = Buffer.from( "%PDF-1.4\n1 0 obj\n<< /Type /Catalog /Pages 2 0 R >>\nendobj\n2 0 obj\n<< /Type /Pages /Kids [3 0 R] /Count 1 >>\nendobj\n3 0 obj\n<< /Type /Page /Parent 2 0 R /MediaBox [0 0 612 792] /Contents 4 0 R >>\nendobj\n4 0 obj\n<< /Length 55 >>\nstream\nBT\n/F1 12 Tf\n72 720 Td\n(Hello, this is a dummy PDF!) Tj\nET\nendstream\nendobj\nxref\n0 5\n0000000000 65535 f \n0000000010 00000 n \n0000000062 00000 n \n0000000121 00000 n \n0000000202 00000 n \ntrailer\n<< /Size 5 /Root 1 0 R >>\nstartxref\n303\n%%EOF", ) // Log the export action // await prisma.exportLog.create({ data: { ... } }); return new NextResponse(pdfBuffer, { headers: { "Content-Type": "application/pdf", "Content-Disposition": 'attachment; filename="resume.pdf"', }, }) } catch (error) { console.error("PDF generation failed:", error) return new NextResponse(JSON.stringify({ error: "Failed to generate PDF." }), { status: 500 }) } } [V0_FILE]typescript:file="app/templates/page.tsx" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import prisma from "@/lib/prisma" import { checkSubscription } from "@/lib/subscription" import { Badge } from "@/components/ui/badge" import Link from "next/link" import { UpgradeButton } from "@/components/upgrade-button" export default async function TemplatesPage() { const { isPro } = await checkSubscription() const templates = await prisma.template.findMany({ where: { isActive: true }, orderBy: { type: "asc" }, }) return (

Choose a Template

{templates.map((template) => { const isPaidTemplate = template.type === "PAID" const canAccess = !isPaidTemplate || isPro return (

{/* eslint-disable-next-line @next/next/no-img-element */} {template.name}

{template.name} {isPaidTemplate && PRO}

{template.description}

{canAccess ? ( ) : ( )} ) })}

) } [V0_FILE]typescript:file="components/upgrade-button.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useSession } from "next-auth/react" import { useRouter } from "next/navigation" import { useState } from "react" import toast from "react-hot-toast" export function UpgradeButton({ text = "Upgrade to Pro" }: { text?: string }) { const { data: session, status } = useSession() const router = useRouter() const [loading, setLoading] = useState(false) const handleUpgrade = async () => { if (status !== "authenticated") { router.push("/login") return } setLoading(true) try { const res = await fetch("/api/checkout/session", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ priceId: process.env.NEXT_PUBLIC_STRIPE_PRO_MONTHLY_PRICE_ID, // Ensure this is in your .env.local }), }) if (!res.ok) { throw new Error("Failed to create checkout session.") } const { url } = await res.json() if (url) { router.push(url) } } catch (error) { console.error(error) toast.error("Something went wrong. Please try again.") } finally { setLoading(false) } } return ( ) } [V0_FILE]typescript:file="app/api/checkout/session/route.ts" isMerged="true" import { stripe } from "@/lib/stripe" import { getServerSession } from "next-auth" import { authOptions } from "@/lib/auth" import { NextResponse } from "next/server" import prisma from "@/lib/prisma" export async function POST(req: Request) { const session = await getServerSession(authOptions) if (!session?.user?.id) { return new NextResponse("Unauthorized", { status: 401 }) } const { priceId } = await req.json() const user = await prisma.user.findUnique({ where: { id: session.user.id } }) if (!user) { return new NextResponse("Unauthorized", { status: 401 }) } let stripeCustomerId = user.stripeCustomerId if (!stripeCustomerId) { const customer = await stripe.customers.create({ email: user.email!, name: user.name || undefined, }) stripeCustomerId = customer.id await prisma.user.update({ where: { id: user.id }, data: { stripeCustomerId }, }) } const checkoutSession = await stripe.checkout.sessions.create({ payment_method_types: ["card"], mode: "subscription", customer: stripeCustomerId, client_reference_id: user.id, line_items: [{ price: priceId, quantity: 1 }], success_url: `${process.env.NEXTAUTH_URL}/dashboard?payment=success`, cancel_url: `${process.env.NEXTAUTH_URL}/templates?payment=cancelled`, }) return NextResponse.json({ url: checkoutSession.url }) } [V0_FILE]typescript:file="app/dashboard/page.tsx" isMerged="true" import { getServerSession } from "next-auth" import { authOptions } from "@/lib/auth" import { redirect } from "next/navigation" import { checkSubscription } from "@/lib/subscription" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import Link from "next/link" export default async function DashboardPage() { const session = await getServerSession(authOptions) if (!session) { redirect("/login") } const { isPro } = await checkSubscription() return (

Welcome, {session.user?.name || "User"}!

You are on the {isPro ? Pro Plan : "Free Plan"}.

Your Resumes

You haven't created any resumes yet.

) } [V0_FILE]typescript:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { Toaster } from "react-hot-toast" import AuthProvider from "@/components/auth-provider" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "ResumeCraft", description: "Build your professional resume in minutes.", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

) } [V0_FILE]typescript:file="components/auth-provider.tsx" isMerged="true" "use client" import type React from "react" import { SessionProvider } from "next-auth/react" type Props = { children?: React.ReactNode } export default function AuthProvider({ children }: Props) { return {children} } [V0_FILE]typescript:file="types/next-auth.d.ts" isMerged="true" import type { DefaultSession } from "next-auth" declare module "next-auth" { interface Session { user: { id: string role: string } & DefaultSession["user"] } } [V0_FILE]typescript:file="types/resume.ts" isMerged="true" import { z } from "zod" // This schema defines the structure of the data that will be stored in the Resume's `data` JSON field. export const ResumeDataSchema = z.object({ personalInfo: z.object({ name: z.string().default("John Doe"), email: z.string().email().default("john.doe@example.com"), phone: z.string().default(""), location: z.string().default(""), website: z.string().url().optional().or(z.literal("")), }), summary: z.string().default("A passionate and driven professional..."), experience: z .array( z.object({ id: z.string().default(() => crypto.randomUUID()), company: z.string().default(""), role: z.string().default(""), startDate: z.string().default(""), endDate: z.string().default(""), description: z.string().default(""), }), ) .default([]), education: z .array( z.object({ id: z.string().default(() => crypto.randomUUID()), institution: z.string().default(""), degree: z.string().default(""), startDate: z.string().default(""), endDate: z.string().default(""), }), ) .default([]), skills: z .array( z.object({ id: z.string().default(() => crypto.randomUUID()), name: z.string().default(""), }), ) .default([]), }) export type ResumeData = z.infer export const initialResumeData: ResumeData = { personalInfo: { name: "Your Name", email: "your.email@provider.com", phone: "(555) 123-4567", location: "City, State", website: "https://your-portfolio.com", }, summary: "Detail-oriented and experienced professional with a proven track record of success in [Your Industry]. Skilled in [Skill 1], [Skill 2], and [Skill 3]. Seeking to leverage my expertise to contribute to a dynamic team.", experience: [ { id: crypto.randomUUID(), company: "Innovate Inc.", role: "Senior Developer", startDate: "Jan 2020", endDate: "Present", description: "- Led the development of a new web application, resulting in a 30% increase in user engagement.\n- Mentored junior developers and conducted code reviews to maintain high-quality standards.", }, ], education: [ { id: crypto.randomUUID(), institution: "University of Technology", degree: "B.S. in Computer Science", startDate: "Sep 2016", endDate: "May 2020", }, ], skills: [ { id: crypto.randomUUID(), name: "JavaScript" }, { id: crypto.randomUUID(), name: "React" }, { id: crypto.randomUUID(), name: "Next.js" }, ], } [V0_FILE]typescript:file="lib/actions/resume.ts" isMerged="true" "use server" import { getServerSession } from "next-auth" import { authOptions } from "../auth" import prisma from "../prisma" import { ResumeDataSchema, type ResumeData } from "@/types/resume" import { revalidatePath } from "next/cache" export async function saveResume(templateId: string, resumeData: ResumeData, resumeId?: string | null) { const session = await getServerSession(authOptions) if (!session?.user?.id) { return { error: "Unauthorized" } } const validation = ResumeDataSchema.safeParse(resumeData) if (!validation.success) { return { error: "Invalid data", details: validation.error.flatten() } } const data = { userId: session.user.id, templateId: templateId, title: `${resumeData.personalInfo.name}'s Resume`, data: validation.data as any, // Prisma expects JsonValue } try { let savedResume if (resumeId) { // Update existing resume savedResume = await prisma.resume.update({ where: { id: resumeId, userId: session.user.id }, data, }) } else { // Create new resume savedResume = await prisma.resume.create({ data, }) } revalidatePath("/dashboard") revalidatePath(`/editor/${savedResume.id}`) return { success: true, resume: savedResume } } catch (e) { console.error(e) return { error: "Failed to save resume." } } } [V0_FILE]typescript:file="app/editor/[slug]/page.tsx" isMerged="true" import { getServerSession } from "next-auth" import { notFound, redirect } from "next/navigation" import { authOptions } from "@/lib/auth" import prisma from "@/lib/prisma" import { checkSubscription } from "@/lib/subscription" import EditorClient from "./editor-client" import { initialResumeData } from "@/types/resume" export default async function EditorPage({ params }: { params: { slug: string } }) { const session = await getServerSession(authOptions) if (!session) { redirect("/login") } const { isPro } = await checkSubscription() // The slug could be a template slug OR a resume ID let resume = null let template = null // Try finding a resume by ID first resume = await prisma.resume.findFirst({ where: { id: params.slug, userId: session.user.id }, include: { template: true }, }) if (resume) { template = resume.template } else { // If not a resume ID, assume it's a template slug to create a new resume template = await prisma.template.findUnique({ where: { slug: params.slug }, }) } if (!template) { notFound() } // Subscription check for paid templates if (template.type === "PAID" && !isPro) { redirect("/templates?error=upgrade_required") } const resumeData = resume?.data ? resume.data : initialResumeData return } [V0_FILE]typescript:file="app/editor/[slug]/editor-client.tsx" isMerged="true" "use client" import { useState, useTransition } from "react" import type { Template, Resume } from "@prisma/client" import type { ResumeData } from "@/types/resume" import ResumeForm from "@/components/resume-form" import ResumePreview from "@/components/resume-preview" import { Button } from "@/components/ui/button" import { saveResume } from "@/lib/actions/resume" import toast from "react-hot-toast" import { useRouter } from "next/navigation" import { Save, Download } from "lucide-react" interface EditorClientProps { template: Template resume: Resume | null initialData: ResumeData } export default function EditorClient({ template, resume, initialData }: EditorClientProps) { const [data, setData] = useState(initialData) const [isSaving, startSaving] = useTransition() const router = useRouter() const handleSave = () => { startSaving(async () => { const result = await saveResume(template.id, data, resume?.id) if (result.error) { toast.error(result.error) } else { toast.success("Resume saved!") // If it was a new resume, redirect to the new resume's editor URL if (!resume?.id && result.resume?.id) { router.replace(`/editor/${result.resume.id}`) } } }) } const handleExport = async () => { toast.loading("Generating PDF...") const populatedHtml = template.contentHtml .replace(/{name}/g, data.personalInfo.name) .replace(/{email}/g, data.personalInfo.email) // Add more replacements for all fields .replace(/{summary}/g, data.summary) try { const response = await fetch("/api/export/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ html: populatedHtml, css: template.contentCss }), }) toast.dismiss() if (!response.ok) { const { error } = await response.json() throw new Error(error || "Failed to generate PDF.") } const blob = await response.blob() const url = window.URL.createObjectURL(blob) const a = document.createElement("a") a.href = url a.download = "resume.pdf" document.body.appendChild(a) a.click() a.remove() window.URL.revokeObjectURL(url) toast.success("PDF downloaded!") } catch (error: any) { toast.dismiss() toast.error(error.message) } } return (

) } [V0_FILE]typescriptreact:file="components/resume-form.tsx" isMerged="true" "use client" import type React from "react" import type { ResumeData } from "@/types/resume" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" interface ResumeFormProps { data: ResumeData setData: React.Dispatch> } export default function ResumeForm({ data, setData }: ResumeFormProps) { const handlePersonalInfoChange = (field: keyof ResumeData["personalInfo"], value: string) => { setData((prev) => ({ ...prev, personalInfo: { ...prev.personalInfo, [field]: value } })) } const handleSummaryChange = (value: string) => { setData((prev) => ({ ...prev, summary: value })) } // Simplified handlers for this example. A real app would have more complex logic for array items. // For now, we'll just edit the first item if it exists. return ( Personal Information

Full Name handlePersonalInfoChange("name", e.target.value)} />

Email handlePersonalInfoChange("email", e.target.value)} />

Phone handlePersonalInfoChange("phone", e.target.value)} />

Location handlePersonalInfoChange("location", e.target.value)} />

Professional Summary

handleSummaryChange(e.target.value)}
            rows={5}
          />
        </AccordionContent>
      </AccordionItem>

<AccordionItem value="experience">
        <AccordionTrigger>Work Experience</AccordionTrigger>
        <AccordionContent>
          <p className="text-sm text-muted-foreground">Editing work experience will be added here.</p>
        </AccordionContent>
      </AccordionItem>

<AccordionItem value="education">
        <AccordionTrigger>Education</AccordionTrigger>
        <AccordionContent>
          <p className="text-sm text-muted-foreground">Editing education will be added here.</p>
        </AccordionContent>
      </AccordionItem>

<AccordionItem value="skills">
        <AccordionTrigger>Skills</AccordionTrigger>
        <AccordionContent>
          <p className="text-sm text-muted-foreground">Editing skills will be added here.</p>
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}
[V0_FILE]typescriptreact:file="components/resume-preview.tsx" isMerged="true"
"use client"

import type { ResumeData } from "@/types/resume"
import { useMemo } from "react"

interface ResumePreviewProps {
  html: string
  css: string
  data: ResumeData
}

export default function ResumePreview({ html, css, data }: ResumePreviewProps) {
  const populatedHtml = useMemo(() => {
    // This is a basic replacement. A more robust solution might use a templating engine.
    return html
      .replace(/{name}/g, data.personalInfo.name || "")
      .replace(/{email}/g, data.personalInfo.email || "")
      .replace(/{phone}/g, data.personalInfo.phone || "")
      .replace(/{location}/g, data.personalInfo.location || "")
      .replace(/{summary}/g, data.summary || "")
    // ... add replacements for experience, education, skills etc.
  }, [html, data])

const srcDoc = `
    <html>
      <head>
        <style>${css}</style>
      </head>
      <body>
        ${populatedHtml}
      </body>
    </html>
  `

return (
    <div className="w-full h-full max-w-[8.5in] max-h-[11in] bg-background shadow-2xl">
      <iframe
        srcDoc={srcDoc}
        title="Resume Preview"
        className="w-full h-full border-0"
        sandbox="allow-same-origin" // For security, prevents scripts in the iframe
      />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { CheckCircle, FileText, Download, Zap } from "lucide-react"

export default function HomePage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
      {/* Header */}
      <header className="border-b bg-white/80 backdrop-blur-sm">
        <div className="container mx-auto px-4 py-4 flex items-center justify-between">
          <div className="flex items-center space-x-2">
            <FileText className="h-8 w-8 text-blue-600" />
            <h1 className="text-2xl font-bold text-gray-900">ResumeCraft</h1>
          </div>
          <nav className="hidden md:flex items-center space-x-6">
            <Link href="/templates" className="text-gray-600 hover:text-gray-900">
              Templates
            </Link>
            <Link href="/pricing" className="text-gray-600 hover:text-gray-900">
              Pricing
            </Link>
            <Link href="/auth/signin" className="text-gray-600 hover:text-gray-900">
              Sign In
            </Link>
            <Button asChild>
              <Link href="/auth/signup">Get Started</Link>
            </Button>
          </nav>
        </div>
      </header>

{/* Hero Section */}
      <section className="py-20 px-4">
        <div className="container mx-auto text-center">
          <h2 className="text-5xl font-bold text-gray-900 mb-6">
            Build Your Professional Resume
            <span className="text-blue-600"> in Minutes</span>
          </h2>
          <p className="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">
            Create stunning, ATS-friendly resumes with our professional templates. Stand out from the crowd and land
            your dream job.
          </p>
          <div className="flex flex-col sm:flex-row gap-4 justify-center">
            <Button size="lg" asChild className="text-lg px-8 py-3">
              <Link href="/templates">Start Building</Link>
            </Button>
            <Button size="lg" variant="outline" asChild className="text-lg px-8 py-3 bg-transparent">
              <Link href="/templates">View Templates</Link>
            </Button>
          </div>
        </div>
      </section>

{/* Features Section */}
      <section className="py-16 px-4 bg-white">
        <div className="container mx-auto">
          <h3 className="text-3xl font-bold text-center text-gray-900 mb-12">Why Choose ResumeCraft?</h3>
          <div className="grid md:grid-cols-3 gap-8">
            <Card className="text-center">
              <CardHeader>
                <Zap className="h-12 w-12 text-blue-600 mx-auto mb-4" />
                <CardTitle>Lightning Fast</CardTitle>
              </CardHeader>
              <CardContent>
                <CardDescription>
                  Create professional resumes in minutes, not hours. Our intuitive editor makes it easy.
                </CardDescription>
              </CardContent>
            </Card>

<Card className="text-center">
              <CardHeader>
                <FileText className="h-12 w-12 text-blue-600 mx-auto mb-4" />
                <CardTitle>Professional Templates</CardTitle>
              </CardHeader>
              <CardContent>
                <CardDescription>
                  Choose from dozens of professionally designed templates that pass ATS systems.
                </CardDescription>
              </CardContent>
            </Card>

<Card className="text-center">
              <CardHeader>
                <Download className="h-12 w-12 text-blue-600 mx-auto mb-4" />
                <CardTitle>Export Ready</CardTitle>
              </CardHeader>
              <CardContent>
                <CardDescription>
                  Download your resume as a high-quality PDF ready for job applications.
                </CardDescription>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Pricing Preview */}
      <section className="py-16 px-4 bg-gray-50">
        <div className="container mx-auto text-center">
          <h3 className="text-3xl font-bold text-gray-900 mb-8">Simple, Transparent Pricing</h3>
          <div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
            <Card>
              <CardHeader>
                <CardTitle className="text-2xl">Free</CardTitle>
                <CardDescription className="text-3xl font-bold text-gray-900">$0</CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="flex items-center space-x-2">
                  <CheckCircle className="h-5 w-5 text-green-600" />
                  <span>3 basic templates</span>
                </div>
                <div className="flex items-center space-x-2">
                  <CheckCircle className="h-5 w-5 text-green-600" />
                  <span>PDF export</span>
                </div>
                <div className="flex items-center space-x-2">
                  <CheckCircle className="h-5 w-5 text-green-600" />
                  <span>Basic editor</span>
                </div>
                <Button variant="outline" className="w-full bg-transparent" asChild>
                  <Link href="/auth/signup">Get Started Free</Link>
                </Button>
              </CardContent>
            </Card>

<Card className="border-blue-600 relative">
              <div className="absolute -top-3 left-1/2 transform -translate-x-1/2">
                <span className="bg-blue-600 text-white px-4 py-1 rounded-full text-sm">Popular</span>
              </div>
              <CardHeader>
                <CardTitle className="text-2xl">Pro</CardTitle>
                <CardDescription className="text-3xl font-bold text-gray-900">
                  $9.99<span className="text-base font-normal">/month</span>
                </CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="flex items-center space-x-2">
                  <CheckCircle className="h-5 w-5 text-green-600" />
                  <span>50+ premium templates</span>
                </div>
                <div className="flex items-center space-x-2">
                  <CheckCircle className="h-5 w-5 text-green-600" />
                  <span>Advanced editor</span>
                </div>
                <div className="flex items-center space-x-2">
                  <CheckCircle className="h-5 w-5 text-green-600" />
                  <span>Priority support</span>
                </div>
                <Button className="w-full" asChild>
                  <Link href="/auth/signup">Start Pro Trial</Link>
                </Button>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

This is a starter scaffold for ResumeCraft, a full-featured, secure, and maintainable resume builder application.

## Tech Stack

- **Framework:** Next.js (App Router) + TypeScript
- **Styling:** Tailwind CSS
- **ORM:** Prisma
- **Database:** PostgreSQL
- **Authentication:** NextAuth.js
- **Payments:** Stripe Billing
- **Validation:** Zod
- **PDF Generation:** Puppeteer (via a serverless function)

## Getting Started

### 1. Clone the repository

\`\`\`bash
# Your clone command here
\`\`\`

### 2. Install dependencies

\`\`\`bash
npm install
\`\`\`

### 3. Setup Environment Variables

Create a `.env` file in the root of your project and add the following variables. See `.env.example` for a template.

\`\`\`env
# Database
DATABASE_URL="postgresql://user:password@host:port/database?sslmode=require"

# NextAuth.js
# Generate a secret with `openssl rand -base64 32`
NEXTAUTH_SECRET="your_nextauth_secret"
NEXTAUTH_URL="http://localhost:3000"

# You'll need a provider that supports email, like Postmark, SendGrid, etc.
# For local development, you can use a local SMTP server or log to console.
EMAIL_SERVER_USER="your_email_server_user"
EMAIL_SERVER_PASSWORD="your_email_server_password"
EMAIL_SERVER_HOST="your_email_server_host"
EMAIL_SERVER_PORT="587"
EMAIL_FROM="noreply@example.com"

# Stripe
STRIPE_SECRET_KEY="sk_test_..."
STRIPE_PUBLISHABLE_KEY="pk_test_..."
STRIPE_WEBHOOK_SECRET="whsec_..."
# Price IDs from your Stripe Dashboard
STRIPE_PRO_MONTHLY_PRICE_ID="price_..."
STRIPE_PRO_YEARLY_PRICE_ID="price_..."
\`\`\`

### 4. Setup PostgreSQL Database

Make sure you have a PostgreSQL database running. You can use a local instance with Docker or a managed service like Neon or Supabase.

### 5. Run Prisma Migrations

Apply the database schema to your database.

\`\`\`bash
npx prisma migrate dev
\`\`\`

### 6. Seed the Database

Populate the database with initial data (e.g., templates).

\`\`\`bash
npx prisma db seed
\`\`\`

### 7. Run the Development Server

\`\`\`bash
npm run dev
\`\`\`

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

### 8. Testing Stripe Webhooks Locally

1.  Install the Stripe CLI: `stripe login`
2.  Forward webhook events to your local server:
    \`\`\`bash
    stripe listen --forward-to localhost:3000/api/webhooks/stripe
    \`\`\`
3.  The CLI will provide you with a webhook signing secret (`whsec_...`). Add this to your `.env` file as `STRIPE_WEBHOOK_SECRET`.

## Project Structure

-   `/app`: Next.js App Router pages and API routes.
-   `/components`: Shared React components.
-   `/lib`: Core logic, utilities, and client initializations (Prisma, Stripe, Auth).
-   `/prisma`: Database schema, migrations, and seed script.
-   `/styles`: Global CSS.
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "resumecraft",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "prisma generate && next build",
    "start": "next start",
    "lint": "next lint",
    "postinstall": "prisma generate"
  },
  "prisma": {
    "seed": "ts-node --compiler-options {\"module\":\"CommonJS\"} prisma/seed.ts"
  },
  "dependencies": {
    "@next-auth/prisma-adapter": "^1.0.7",
    "@prisma/client": "^5.12.1",
    "@radix-ui/react-slot": "^1.0.2",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "lucide-react": "^0.372.0",
    "next": "14.2.2",
    "next-auth": "^4.24.7",
    "nodemailer": "^6.9.13",
    "react": "^18",
    "react-dom": "^18",
    "react-hot-toast": "^2.4.1",
    "stripe": "^15.1.0",
    "tailwind-merge": "^2.3.0",
    "tailwindcss-animate": "^1.0.7",
    "zod": "^3.22.4"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/nodemailer": "^6.4.14",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "14.2.2",
    "postcss": "^8",
    "prisma": "^5.12.1",
    "tailwindcss": "^3.4.17",
    "ts-node": "^10.9.2",
    "typescript": "^5"
  }
}
[V0_FILE]plaintext:file="prisma/schema.prisma" isMerged="true"
datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

generator client {
  provider = "prisma-client-js"
}

model Account {
  id                String  @id @default(cuid())
  userId            String
  type              String
  provider          String
  providerAccountId String
  refresh_token     String? @db.Text
  access_token      String? @db.Text
  expires_at        Int?
  token_type        String?
  scope             String?
  id_token          String? @db.Text
  session_state     String?

user User @relation(fields: [userId], references: [id], onDelete: Cascade)

@@unique([provider, providerAccountId])
}

model Session {
  id           String   @id @default(cuid())
  sessionToken String   @unique
  userId       String
  expires      DateTime
  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
}

model VerificationToken {
  identifier String
  token      String   @unique
  expires    DateTime

@@unique([identifier, token])
}

enum UserRole {
  USER
  ADMIN
}

model User {
  id               String        @id @default(cuid())
  name             String?
  email            String?       @unique
  emailVerified    DateTime?
  passwordHash     String?
  image            String?
  role             UserRole      @default(USER)
  stripeCustomerId String?       @unique
  createdAt        DateTime      @default(now())
  updatedAt        DateTime      @updatedAt
  accounts         Account[]
  sessions         Session[]
  resumes          Resume[]
  subscriptions    Subscription[]
  exportLogs       ExportLog[]
}

model Resume {
  id           String   @id @default(cuid())
  title        String
  data         Json
  thumbnailUrl String?
  createdAt    DateTime @default(now())
  updatedAt    DateTime @updatedAt
  userId       String
  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
  templateId   String
  template     Template @relation(fields: [templateId], references: [id])
  exportLogs   ExportLog[]
}

enum TemplateType {
  FREE
  PAID
}

model Template {
  id            String       @id @default(cuid())
  name          String
  slug          String       @unique
  description   String
  priceCents    Int          @default(0)
  currency      String       @default("usd")
  type          TemplateType
  contentHtml   String
  contentCss    String
  thumbnailUrl  String
  isActive      Boolean      @default(true)
  isFeatured    Boolean      @default(false)
  createdAt     DateTime     @default(now())
  updatedAt     DateTime     @updatedAt
  resumes       Resume[]
}

enum SubscriptionStatus {
  ACTIVE
  CANCELED
  INCOMPLETE
  PAST_DUE
  TRIALING
}

model Subscription {
  id                   String             @id @default(cuid())
  userId               String             @unique
  stripeSubscriptionId String             @unique
  stripePriceId        String
  status               SubscriptionStatus
  currentPeriodEnd     DateTime
  createdAt            DateTime           @default(now())
  updatedAt            DateTime           @updatedAt
  user                 User               @relation(fields: [userId], references: [id], onDelete: Cascade)
}

model ExportLog {
  id        String   @id @default(cuid())
  type      String // "pdf" or "html"
  createdAt DateTime @default(now())
  userId    String
  user      User     @relation(fields: [userId], references: [id])
  resumeId  String
  resume    Resume   @relation(fields: [resumeId], references: [id])
}
[V0_FILE]typescript:file="prisma/seed.ts" isMerged="true"
import { PrismaClient, TemplateType } from "@prisma/client"

const prisma = new PrismaClient()

async function main() {
  console.log("Start seeding...")

// Create Free Templates
  await prisma.template.createMany({
    data: [
      {
        name: "Classic Minimalist",
        slug: "classic-minimalist",
        description: "A clean, timeless template for all professions.",
        type: TemplateType.FREE,
        thumbnailUrl: "/templates/classic-minimalist.png",
        contentHtml: "<div><h1>{name}</h1><p>{email}</p></div>",
        contentCss: "h1 { font-size: 24px; }",
      },
      {
        name: "Modern Chronological",
        slug: "modern-chronological",
        description: "A stylish template that highlights your career timeline.",
        type: TemplateType.FREE,
        thumbnailUrl: "/templates/modern-chronological.png",
        contentHtml: "<div><h2>{name}</h2><p>{summary}</p></div>",
        contentCss: "h2 { font-size: 22px; color: blue; }",
      },
    ],
    skipDuplicates: true,
  })

// Create Paid Templates
  await prisma.template.createMany({
    data: [
      {
        name: "Creative Professional",
        slug: "creative-professional",
        description: "A bold template for designers and artists.",
        type: TemplateType.PAID,
        priceCents: 999,
        thumbnailUrl: "/templates/creative-professional.png",
        contentHtml: '<div class="creative"><h1>{name}</h1><p>{portfolio}</p></div>',
        contentCss: ".creative { background: #f0f0f0; }",
      },
      {
        name: "Executive Suite",
        slug: "executive-suite",
        description: "A premium, sophisticated template for leaders.",
        type: TemplateType.PAID,
        priceCents: 1499,
        thumbnailUrl: "/templates/executive-suite.png",
        contentHtml: '<div class="executive"><h1>{name}</h1><p>{linkedin}</p></div>',
        contentCss: ".executive { border-left: 5px solid gold; }",
      },
    ],
    skipDuplicates: true,
  })

console.log("Seeding finished.")
}

main()
  .catch((e) => {
    console.error(e)
    process.exit(1)
  })
  .finally(async () => {
    await prisma.$disconnect()
  })
[V0_FILE]typescript:file="lib/prisma.ts" isFixed="true" isQuickEdit="true" isMerged="true"
import { PrismaClient } from "@prisma/client"

declare global {
  var prismaGlobal: PrismaClient | undefined
}

const prisma = global.prismaGlobal || new PrismaClient()

if (process.env.NODE_ENV === "development") global.prismaGlobal = prisma

export default prisma
[V0_FILE]typescript:file="lib/auth.ts" isMerged="true"
import { PrismaAdapter } from "@next-auth/prisma-adapter"
import type { NextAuthOptions } from "next-auth"
import EmailProvider from "next-auth/providers/email"
import prisma from "./prisma"

export const authOptions: NextAuthOptions = {
  adapter: PrismaAdapter(prisma),
  providers: [
    EmailProvider({
      server: {
        host: process.env.EMAIL_SERVER_HOST,
        port: Number(process.env.EMAIL_SERVER_PORT),
        auth: {
          user: process.env.EMAIL_SERVER_USER,
          pass: process.env.EMAIL_SERVER_PASSWORD,
        },
      },
      from: process.env.EMAIL_FROM,
    }),
    // Add other providers like Google or GitHub here
  ],
  session: {
    strategy: "jwt",
  },
  callbacks: {
    async session({ token, session }) {
      if (token && session.user) {
        session.user.id = token.id as string
        session.user.role = token.role as string
      }
      return session
    },
    async jwt({ token, user }) {
      if (user) {
        const dbUser = await prisma.user.findUnique({
          where: { id: user.id },
        })
        if (dbUser) {
          token.id = dbUser.id
          token.role = dbUser.role
        }
      }
      return token
    },
  },
  pages: {
    signIn: "/login",
    verifyRequest: "/login/verify-request",
  },
}
[V0_FILE]typescript:file="app/api/auth/[...nextauth]/route.ts" isMerged="true"
import NextAuth from "next-auth"
import { authOptions } from "@/lib/auth"

const handler = NextAuth(authOptions)

export { handler as GET, handler as POST }
[V0_FILE]typescript:file="lib/stripe.ts" isMerged="true"
import Stripe from "stripe"

export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
  apiVersion: "2024-04-10",
  typescript: true,
})
[V0_FILE]typescript:file="lib/subscription.ts" isMerged="true"
import { authOptions } from "@/lib/auth"
import prisma from "@/lib/prisma"
import { getServerSession } from "next-auth"

export async function hasActiveSubscription() {
  const session = await getServerSession(authOptions)
  if (!session?.user?.id) {
    return false
  }

const subscription = await prisma.subscription.findUnique({
    where: {
      userId: session.user.id,
      status: "ACTIVE",
    },
  })

return !!subscription
}

export async function checkSubscription() {
  const session = await getServerSession(authOptions)
  if (!session?.user?.id) {
    return { hasSubscription: false, isPro: false }
  }

const subscription = await prisma.subscription.findFirst({
    where: {
      userId: session.user.id,
      status: "ACTIVE",
    },
  })

return {
    hasSubscription: !!subscription,
    isPro: !!subscription, // You can add more logic for different plans
  }
}
[V0_FILE]typescript:file="app/api/webhooks/stripe/route.ts" isMerged="true"
import { stripe } from "@/lib/stripe"
import prisma from "@/lib/prisma"
import { headers } from "next/headers"
import type { Stripe } from "stripe"
import { NextResponse } from "next/server"

export async function POST(req: Request) {
  const body = await req.text()
  const signature = headers().get("Stripe-Signature") as string
  const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET

let event: Stripe.Event

try {
    if (!signature || !webhookSecret) {
      throw new Error("Missing Stripe signature or webhook secret.")
    }
    event = stripe.webhooks.constructEvent(body, signature, webhookSecret)
  } catch (error: any) {
    console.error(`❌ Error message: ${error.message}`)
    return new NextResponse(`Webhook Error: ${error.message}`, { status: 400 })
  }

const session = event.data.object as Stripe.Checkout.Session

switch (event.type) {
    case "checkout.session.completed": {
      const subscription = await stripe.subscriptions.retrieve(session.subscription as string)

await prisma.subscription.create({
        data: {
          userId: session.client_reference_id!,
          stripeSubscriptionId: subscription.id,
          stripePriceId: subscription.items.data[0].price.id,
          status: subscription.status,
          currentPeriodEnd: new Date(subscription.current_period_end * 1000),
        },
      })
      break
    }
    case "invoice.paid": {
      const subscription = await stripe.subscriptions.retrieve(session.subscription as string)
      await prisma.subscription.update({
        where: {
          stripeSubscriptionId: subscription.id,
        },
        data: {
          status: subscription.status,
          currentPeriodEnd: new Date(subscription.current_period_end * 1000),
        },
      })
      break
    }
    case "customer.subscription.deleted":
    case "customer.subscription.updated": {
      const subscription = event.data.object as Stripe.Subscription
      await prisma.subscription.update({
        where: {
          stripeSubscriptionId: subscription.id,
        },
        data: {
          status: subscription.status,
          currentPeriodEnd: new Date(subscription.current_period_end * 1000),
        },
      })
      break
    }
    default:
      console.warn(`Unhandled event type: ${event.type}`)
  }

return NextResponse.json({ received: true })
}
[V0_FILE]typescript:file="app/api/export/pdf/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { hasActiveSubscription } from "@/lib/subscription"

// In a real-world scenario, you would use a library like 'puppeteer-core'
// and deploy this as a Vercel Serverless Function with increased memory.
// The v0 environment does not support running headless browsers directly.
// This is a simulated endpoint.

export async function POST(req: NextRequest) {
  const isPro = await hasActiveSubscription()

// Example of rate-limiting for free users
  if (!isPro) {
    // Here you would check the ExportLog table against the user's ID
    // and return a 429 Too Many Requests if they exceeded their limit.
    return new NextResponse(JSON.stringify({ error: "Upgrade to Pro for unlimited exports." }), { status: 403 })
  }

const { html, css } = await req.json()

if (!html) {
    return new NextResponse(JSON.stringify({ error: "HTML content is required." }), {
      status: 400,
    })
  }

try {
    // --- START: Real implementation with Puppeteer ---
    // const browser = await puppeteer.launch({ args: ['--no-sandbox'] });
    // const page = await browser.newPage();
    // await page.setContent(html);
    // if (css) {
    //   await page.addStyleTag({ content: css });
    // }
    // const pdfBuffer = await page.pdf({ format: 'A4', printBackground: true });
    // await browser.close();
    // --- END: Real implementation with Puppeteer ---

// Simulated PDF buffer for demonstration purposes
    const pdfBuffer = Buffer.from(
      "%PDF-1.4\n1 0 obj\n<< /Type /Catalog /Pages 2 0 R >>\nendobj\n2 0 obj\n<< /Type /Pages /Kids [3 0 R] /Count 1 >>\nendobj\n3 0 obj\n<< /Type /Page /Parent 2 0 R /MediaBox [0 0 612 792] /Contents 4 0 R >>\nendobj\n4 0 obj\n<< /Length 55 >>\nstream\nBT\n/F1 12 Tf\n72 720 Td\n(Hello, this is a dummy PDF!) Tj\nET\nendstream\nendobj\nxref\n0 5\n0000000000 65535 f \n0000000010 00000 n \n0000000062 00000 n \n0000000121 00000 n \n0000000202 00000 n \ntrailer\n<< /Size 5 /Root 1 0 R >>\nstartxref\n303\n%%EOF",
    )

// Log the export action
    // await prisma.exportLog.create({ data: { ... } });

return new NextResponse(pdfBuffer, {
      headers: {
        "Content-Type": "application/pdf",
        "Content-Disposition": 'attachment; filename="resume.pdf"',
      },
    })
  } catch (error) {
    console.error("PDF generation failed:", error)
    return new NextResponse(JSON.stringify({ error: "Failed to generate PDF." }), { status: 500 })
  }
}
[V0_FILE]typescript:file="app/templates/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import prisma from "@/lib/prisma"
import { checkSubscription } from "@/lib/subscription"
import { Badge } from "@/components/ui/badge"
import Link from "next/link"
import { UpgradeButton } from "@/components/upgrade-button"

export default async function TemplatesPage() {
  const { isPro } = await checkSubscription()
  const templates = await prisma.template.findMany({
    where: { isActive: true },
    orderBy: { type: "asc" },
  })

return (
    <div className="container mx-auto py-12">
      <h1 className="text-4xl font-bold mb-8">Choose a Template</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        {templates.map((template) => {
          const isPaidTemplate = template.type === "PAID"
          const canAccess = !isPaidTemplate || isPro

return (
            <Card key={template.id}>
              <CardHeader>
                <div className="aspect-video bg-muted rounded-md mb-4 flex items-center justify-center">
                  {/* eslint-disable-next-line @next/next/no-img-element */}
                  <img
                    src={template.thumbnailUrl || "/placeholder.svg"}
                    alt={template.name}
                    className="object-cover w-full h-full rounded-md"
                  />
                </div>
                <CardTitle className="flex justify-between items-center">
                  {template.name}
                  {isPaidTemplate && <Badge variant="premium">PRO</Badge>}
                </CardTitle>
              </CardHeader>
              <CardContent>
                <p className="text-muted-foreground">{template.description}</p>
              </CardContent>
              <CardFooter>
                {canAccess ? (
                  <Button asChild className="w-full">
                    <Link href={`/editor/${template.slug}`}>Use Template</Link>
                  </Button>
                ) : (
                  <UpgradeButton text="Upgrade to Use" />
                )}
              </CardFooter>
            </Card>
          )
        })}
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="components/upgrade-button.tsx" isMerged="true"
"use client"

import { Button } from "@/components/ui/button"
import { useSession } from "next-auth/react"
import { useRouter } from "next/navigation"
import { useState } from "react"
import toast from "react-hot-toast"

export function UpgradeButton({ text = "Upgrade to Pro" }: { text?: string }) {
  const { data: session, status } = useSession()
  const router = useRouter()
  const [loading, setLoading] = useState(false)

const handleUpgrade = async () => {
    if (status !== "authenticated") {
      router.push("/login")
      return
    }

setLoading(true)
    try {
      const res = await fetch("/api/checkout/session", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          priceId: process.env.NEXT_PUBLIC_STRIPE_PRO_MONTHLY_PRICE_ID, // Ensure this is in your .env.local
        }),
      })

if (!res.ok) {
        throw new Error("Failed to create checkout session.")
      }

const { url } = await res.json()
      if (url) {
        router.push(url)
      }
    } catch (error) {
      console.error(error)
      toast.error("Something went wrong. Please try again.")
    } finally {
      setLoading(false)
    }
  }

return (
    <Button onClick={handleUpgrade} disabled={loading} className="w-full">
      {loading ? "Redirecting..." : text}
    </Button>
  )
}
[V0_FILE]typescript:file="app/api/checkout/session/route.ts" isMerged="true"
import { stripe } from "@/lib/stripe"
import { getServerSession } from "next-auth"
import { authOptions } from "@/lib/auth"
import { NextResponse } from "next/server"
import prisma from "@/lib/prisma"

export async function POST(req: Request) {
  const session = await getServerSession(authOptions)

if (!session?.user?.id) {
    return new NextResponse("Unauthorized", { status: 401 })
  }

const { priceId } = await req.json()
  const user = await prisma.user.findUnique({ where: { id: session.user.id } })

if (!user) {
    return new NextResponse("Unauthorized", { status: 401 })
  }

let stripeCustomerId = user.stripeCustomerId

if (!stripeCustomerId) {
    const customer = await stripe.customers.create({
      email: user.email!,
      name: user.name || undefined,
    })
    stripeCustomerId = customer.id
    await prisma.user.update({
      where: { id: user.id },
      data: { stripeCustomerId },
    })
  }

const checkoutSession = await stripe.checkout.sessions.create({
    payment_method_types: ["card"],
    mode: "subscription",
    customer: stripeCustomerId,
    client_reference_id: user.id,
    line_items: [{ price: priceId, quantity: 1 }],
    success_url: `${process.env.NEXTAUTH_URL}/dashboard?payment=success`,
    cancel_url: `${process.env.NEXTAUTH_URL}/templates?payment=cancelled`,
  })

return NextResponse.json({ url: checkoutSession.url })
}
[V0_FILE]typescript:file="app/dashboard/page.tsx" isMerged="true"
import { getServerSession } from "next-auth"
import { authOptions } from "@/lib/auth"
import { redirect } from "next/navigation"
import { checkSubscription } from "@/lib/subscription"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Link from "next/link"

export default async function DashboardPage() {
  const session = await getServerSession(authOptions)

if (!session) {
    redirect("/login")
  }

const { isPro } = await checkSubscription()

return (
    <div className="container mx-auto py-12">
      <div className="flex justify-between items-center mb-8">
        <div>
          <h1 className="text-3xl font-bold">Welcome, {session.user?.name || "User"}!</h1>
          <p className="text-muted-foreground">
            You are on the {isPro ? <span className="font-semibold text-primary">Pro Plan</span> : "Free Plan"}.
          </p>
        </div>
        <Button asChild>
          <Link href="/templates">Create New Resume</Link>
        </Button>
      </div>

<Card>
        <CardHeader>
          <CardTitle>Your Resumes</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="text-center py-12 text-muted-foreground">
            <p>You haven't created any resumes yet.</p>
            <Button variant="link" asChild className="mt-2">
              <Link href="/templates">Create your first one</Link>
            </Button>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/layout.tsx" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { Inter } from "next/font/google"
import "./globals.css"
import { Toaster } from "react-hot-toast"
import AuthProvider from "@/components/auth-provider"

const inter = Inter({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "ResumeCraft",
  description: "Build your professional resume in minutes.",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <AuthProvider>
          <Toaster position="top-center" />
          <main>{children}</main>
        </AuthProvider>
      </body>
    </html>
  )
}
[V0_FILE]typescript:file="components/auth-provider.tsx" isMerged="true"
"use client"

import type React from "react"

import { SessionProvider } from "next-auth/react"

type Props = {
  children?: React.ReactNode
}

export default function AuthProvider({ children }: Props) {
  return <SessionProvider>{children}</SessionProvider>
}
[V0_FILE]typescript:file="types/next-auth.d.ts" isMerged="true"
import type { DefaultSession } from "next-auth"

declare module "next-auth" {
  interface Session {
    user: {
      id: string
      role: string
    } & DefaultSession["user"]
  }
}
[V0_FILE]typescript:file="types/resume.ts" isMerged="true"
import { z } from "zod"

// This schema defines the structure of the data that will be stored in the Resume's `data` JSON field.
export const ResumeDataSchema = z.object({
  personalInfo: z.object({
    name: z.string().default("John Doe"),
    email: z.string().email().default("john.doe@example.com"),
    phone: z.string().default(""),
    location: z.string().default(""),
    website: z.string().url().optional().or(z.literal("")),
  }),
  summary: z.string().default("A passionate and driven professional..."),
  experience: z
    .array(
      z.object({
        id: z.string().default(() => crypto.randomUUID()),
        company: z.string().default(""),
        role: z.string().default(""),
        startDate: z.string().default(""),
        endDate: z.string().default(""),
        description: z.string().default(""),
      }),
    )
    .default([]),
  education: z
    .array(
      z.object({
        id: z.string().default(() => crypto.randomUUID()),
        institution: z.string().default(""),
        degree: z.string().default(""),
        startDate: z.string().default(""),
        endDate: z.string().default(""),
      }),
    )
    .default([]),
  skills: z
    .array(
      z.object({
        id: z.string().default(() => crypto.randomUUID()),
        name: z.string().default(""),
      }),
    )
    .default([]),
})

export type ResumeData = z.infer<typeof ResumeDataSchema>

export const initialResumeData: ResumeData = {
  personalInfo: {
    name: "Your Name",
    email: "your.email@provider.com",
    phone: "(555) 123-4567",
    location: "City, State",
    website: "https://your-portfolio.com",
  },
  summary:
    "Detail-oriented and experienced professional with a proven track record of success in [Your Industry]. Skilled in [Skill 1], [Skill 2], and [Skill 3]. Seeking to leverage my expertise to contribute to a dynamic team.",
  experience: [
    {
      id: crypto.randomUUID(),
      company: "Innovate Inc.",
      role: "Senior Developer",
      startDate: "Jan 2020",
      endDate: "Present",
      description:
        "- Led the development of a new web application, resulting in a 30% increase in user engagement.\n- Mentored junior developers and conducted code reviews to maintain high-quality standards.",
    },
  ],
  education: [
    {
      id: crypto.randomUUID(),
      institution: "University of Technology",
      degree: "B.S. in Computer Science",
      startDate: "Sep 2016",
      endDate: "May 2020",
    },
  ],
  skills: [
    { id: crypto.randomUUID(), name: "JavaScript" },
    { id: crypto.randomUUID(), name: "React" },
    { id: crypto.randomUUID(), name: "Next.js" },
  ],
}
[V0_FILE]typescript:file="lib/actions/resume.ts" isMerged="true"
"use server"

import { getServerSession } from "next-auth"
import { authOptions } from "../auth"
import prisma from "../prisma"
import { ResumeDataSchema, type ResumeData } from "@/types/resume"
import { revalidatePath } from "next/cache"

export async function saveResume(templateId: string, resumeData: ResumeData, resumeId?: string | null) {
  const session = await getServerSession(authOptions)
  if (!session?.user?.id) {
    return { error: "Unauthorized" }
  }

const validation = ResumeDataSchema.safeParse(resumeData)
  if (!validation.success) {
    return { error: "Invalid data", details: validation.error.flatten() }
  }

const data = {
    userId: session.user.id,
    templateId: templateId,
    title: `${resumeData.personalInfo.name}'s Resume`,
    data: validation.data as any, // Prisma expects JsonValue
  }

try {
    let savedResume
    if (resumeId) {
      // Update existing resume
      savedResume = await prisma.resume.update({
        where: { id: resumeId, userId: session.user.id },
        data,
      })
    } else {
      // Create new resume
      savedResume = await prisma.resume.create({
        data,
      })
    }
    revalidatePath("/dashboard")
    revalidatePath(`/editor/${savedResume.id}`)
    return { success: true, resume: savedResume }
  } catch (e) {
    console.error(e)
    return { error: "Failed to save resume." }
  }
}
[V0_FILE]typescript:file="app/editor/[slug]/page.tsx" isMerged="true"
import { getServerSession } from "next-auth"
import { notFound, redirect } from "next/navigation"
import { authOptions } from "@/lib/auth"
import prisma from "@/lib/prisma"
import { checkSubscription } from "@/lib/subscription"
import EditorClient from "./editor-client"
import { initialResumeData } from "@/types/resume"

export default async function EditorPage({ params }: { params: { slug: string } }) {
  const session = await getServerSession(authOptions)
  if (!session) {
    redirect("/login")
  }

const { isPro } = await checkSubscription()

// The slug could be a template slug OR a resume ID
  let resume = null
  let template = null

// Try finding a resume by ID first
  resume = await prisma.resume.findFirst({
    where: { id: params.slug, userId: session.user.id },
    include: { template: true },
  })

if (resume) {
    template = resume.template
  } else {
    // If not a resume ID, assume it's a template slug to create a new resume
    template = await prisma.template.findUnique({
      where: { slug: params.slug },
    })
  }

if (!template) {
    notFound()
  }

// Subscription check for paid templates
  if (template.type === "PAID" && !isPro) {
    redirect("/templates?error=upgrade_required")
  }

const resumeData = resume?.data ? resume.data : initialResumeData

return <EditorClient template={template} resume={resume} initialData={resumeData as any} />
}
[V0_FILE]typescript:file="app/editor/[slug]/editor-client.tsx" isMerged="true"
"use client"

import { useState, useTransition } from "react"
import type { Template, Resume } from "@prisma/client"
import type { ResumeData } from "@/types/resume"
import ResumeForm from "@/components/resume-form"
import ResumePreview from "@/components/resume-preview"
import { Button } from "@/components/ui/button"
import { saveResume } from "@/lib/actions/resume"
import toast from "react-hot-toast"
import { useRouter } from "next/navigation"
import { Save, Download } from "lucide-react"

interface EditorClientProps {
  template: Template
  resume: Resume | null
  initialData: ResumeData
}

export default function EditorClient({ template, resume, initialData }: EditorClientProps) {
  const [data, setData] = useState<ResumeData>(initialData)
  const [isSaving, startSaving] = useTransition()
  const router = useRouter()

const handleSave = () => {
    startSaving(async () => {
      const result = await saveResume(template.id, data, resume?.id)
      if (result.error) {
        toast.error(result.error)
      } else {
        toast.success("Resume saved!")
        // If it was a new resume, redirect to the new resume's editor URL
        if (!resume?.id && result.resume?.id) {
          router.replace(`/editor/${result.resume.id}`)
        }
      }
    })
  }

const handleExport = async () => {
    toast.loading("Generating PDF...")
    const populatedHtml = template.contentHtml
      .replace(/{name}/g, data.personalInfo.name)
      .replace(/{email}/g, data.personalInfo.email)
      // Add more replacements for all fields
      .replace(/{summary}/g, data.summary)

try {
      const response = await fetch("/api/export/pdf", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ html: populatedHtml, css: template.contentCss }),
      })

toast.dismiss()
      if (!response.ok) {
        const { error } = await response.json()
        throw new Error(error || "Failed to generate PDF.")
      }

const blob = await response.blob()
      const url = window.URL.createObjectURL(blob)
      const a = document.createElement("a")
      a.href = url
      a.download = "resume.pdf"
      document.body.appendChild(a)
      a.click()
      a.remove()
      window.URL.revokeObjectURL(url)
      toast.success("PDF downloaded!")
    } catch (error: any) {
      toast.dismiss()
      toast.error(error.message)
    }
  }

return (
    <div className="flex h-screen bg-muted/40">
      <aside className="w-1/3 h-screen overflow-y-auto p-6 bg-background border-r">
        <div className="flex justify-between items-center mb-6">
          <h1 className="text-2xl font-bold">Resume Editor</h1>
          <div className="flex gap-2">
            <Button onClick={handleSave} disabled={isSaving} size="sm">
              <Save className="mr-2 h-4 w-4" />
              {isSaving ? "Saving..." : "Save"}
            </Button>
            <Button onClick={handleExport} variant="outline" size="sm">
              <Download className="mr-2 h-4 w-4" />
              Export PDF
            </Button>
          </div>
        </div>
        <ResumeForm data={data} setData={setData} />
      </aside>
      <main className="w-2/3 p-8 flex items-center justify-center">
        <ResumePreview html={template.contentHtml} css={template.contentCss} data={data} />
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/resume-form.tsx" isMerged="true"
"use client"

import type React from "react"

import type { ResumeData } from "@/types/resume"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"

interface ResumeFormProps {
  data: ResumeData
  setData: React.Dispatch<React.SetStateAction<ResumeData>>
}

export default function ResumeForm({ data, setData }: ResumeFormProps) {
  const handlePersonalInfoChange = (field: keyof ResumeData["personalInfo"], value: string) => {
    setData((prev) => ({ ...prev, personalInfo: { ...prev.personalInfo, [field]: value } }))
  }

const handleSummaryChange = (value: string) => {
    setData((prev) => ({ ...prev, summary: value }))
  }

// Simplified handlers for this example. A real app would have more complex logic for array items.
  // For now, we'll just edit the first item if it exists.

return (
    <Accordion type="multiple" defaultValue={["personal-info", "summary"]} className="w-full">
      <AccordionItem value="personal-info">
        <AccordionTrigger>Personal Information</AccordionTrigger>
        <AccordionContent className="space-y-4">
          <div>
            <Label htmlFor="name">Full Name</Label>
            <Input
              id="name"
              value={data.personalInfo.name}
              onChange={(e) => handlePersonalInfoChange("name", e.target.value)}
            />
          </div>
          <div>
            <Label htmlFor="email">Email</Label>
            <Input
              id="email"
              type="email"
              value={data.personalInfo.email}
              onChange={(e) => handlePersonalInfoChange("email", e.target.value)}
            />
          </div>
          <div>
            <Label htmlFor="phone">Phone</Label>
            <Input
              id="phone"
              value={data.personalInfo.phone}
              onChange={(e) => handlePersonalInfoChange("phone", e.target.value)}
            />
          </div>
          <div>
            <Label htmlFor="location">Location</Label>
            <Input
              id="location"
              value={data.personalInfo.location}
              onChange={(e) => handlePersonalInfoChange("location", e.target.value)}
            />
          </div>
        </AccordionContent>
      </AccordionItem>

<AccordionItem value="summary">
        <AccordionTrigger>Professional Summary</AccordionTrigger>
        <AccordionContent>
          <Textarea
            placeholder="Write a brief summary about yourself..."
            value={data.summary}
            onChange={(e) => handleSummaryChange(e.target.value)}
            rows={5}
          />
        </AccordionContent>
      </AccordionItem>

import type { ResumeData } from "@/types/resume"
import { useMemo } from "react"

interface ResumePreviewProps {
  html: string
  css: string
  data: ResumeData
}

const srcDoc = `
    <html>
      <head>
        <style>${css}</style>
      </head>
      <body>
        ${populatedHtml}
      </body>
    </html>
  `

{/* Footer */}
      <footer className="bg-gray-900 text-white py-12 px-4">
        <div className="container mx-auto text-center">
          <div className="flex items-center justify-center space-x-2 mb-4">
            <FileText className="h-6 w-6" />
            <span className="text-xl font-bold">ResumeCraft</span>
          </div>
          <p className="text-gray-400 mb-4">Build professional resumes that get you hired.</p>
          <div className="flex justify-center space-x-6 text-sm">
            <Link href="/privacy" className="text-gray-400 hover:text-white">
              Privacy Policy
            </Link>
            <Link href="/terms" className="text-gray-400 hover:text-white">
              Terms of Service
            </Link>
            <Link href="/contact" className="text-gray-400 hover:text-white">
              Contact
            </Link>
          </div>
        </div>
      </footer>
    </div>
  )
}3c:o414e,105:["$","$L107",null,{"params":{"chatId":"ensVxzmqBy2"},"promises":{"attributes":"$@111","externalMeta":"$@112","latest":"$@113","messagesRange":"$@114","messages":"$@115","template":"$@116","gitStatus":"$@117"},"children":["$","$L119",null,{"chatId":"ensVxzmqBy2","children":["$","$L11a",null,{"seedOnlyKeys":["@\"chat:state\",\"ensVxzmqBy2\","],"data":{"block:output:initial":{"id":"b_JYovjY2953u","result":"$@11b"},"@\"block:mappings\",\"ensVxzmqBy2\",":{"sqlBlockExecutionStates":"$Q11c","blocksForkedFrom":"$Q11d","blocksTemplateIds":"$Q11e","blocksCreatedAt":"$Q11f","blocksShared":"$Q120","blocksDeployed":"$Q121","blocksSubdomains":"$Q122","brandedBlocks":"$Q123","unlistedBlocks":"$Q124","blockOutputs":"$Q125"},"@\"chat:state\",\"ensVxzmqBy2\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"yZxIdfnfwM5hvSmMz72xdawCxtsM6i9W","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-08-11T10:17:13.807Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_NQc43KkiH6R","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"4s6ibyOUAlF4RtQSxJzbSpjZhd3Ivd8v","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"yZxIdfnfwM5hvSmMz72xdawCxtsM6i9W","type":"message","createdAt":"$D2025-08-11T10:17:13.808Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"jYXNuSd6skI8y8rUnFZgOqewZMOgG5if","parentId":"4s6ibyOUAlF4RtQSxJzbSpjZhd3Ivd8v","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-08-11T12:25:45.172Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_oeoJKMDtTVQ","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"TTvwAxFdmZoKmIId1prO2uoTF8NyJ6Sv","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"jYXNuSd6skI8y8rUnFZgOqewZMOgG5if","type":"message","createdAt":"$D2025-08-11T12:25:45.173Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Why am I not able to see the preview of the page"}],"version":1},"role":"user","id":"QcWtwiFEugGvRMqXFI8cUcbrakm6oLlK","attachments":[],"parentId":"TTvwAxFdmZoKmIId1prO2uoTF8NyJ6Sv","type":"message","authorId":"ek10k3RakArvUjP1OtCeh7DR","createdAt":"$D2025-08-12T04:02:10.891Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":2.5941176470588236,"thought":"The user is asking why they can't see the preview of the page. This could be due to several issues:\n\n- There might be compilation errors in the code\n- Missing dependencies or imports\n- Issues with the routing or file structure\n- Problems with the components I created\n\nI should first search the repo to understand the current state of the codebase and then inspect the site to see what's actually happening when they try to view the preview."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["AssistantMessageContentPart",{"part":{"createdAt":1754971336179,"finishedAt":1754971336179,"lastPartSentAt":1754971336179,"id":"DH1aj16wDplyTarQ","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1754971337638,"finishedAt":1754971337845,"lastPartSentAt":1754971337742,"taskNameActive":"Checking codebase structure","taskNameComplete":"Reviewed codebase structure","id":"53Ba7G008pUG5rAt","type":"task-search-repo-v1","parts":[{"type":"starting-repo-search","query":"Give me an overview of the codebase"},{"type":"select-files","filePaths":["app/layout.tsx"]}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1754971337953,"finishedAt":1754971345787,"lastPartSentAt":1754971345684,"taskNameActive":"Taking preview screenshot","taskNameComplete":"Captured preview screenshot","id":"D3wMAA3AUsz5rdho","type":"task-inspect-site-v1","parts":[{"type":"starting-inspect-site","url":"http://localhost:3000"},{"type":"inspect-site-complete","screenshotResults":[{"type":"screenshot","screenshotUrl":"https://xurtccytrzafbfk3.public.blob.vercel-storage.com/agent-assets/0683c94d132f417d32347b141673d75d67c0f20557abcea6b9a4ca2e483154e3.png","height":1600,"width":2560}]}]}}],["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-1","parts":[{"type":"thinking-end","duration":2.4235294117647057,"thought":"I can see the issue now! The screenshot shows \"No page at / detected. You can select a route below.\" This means there's no homepage (app/page.tsx) file. The search results confirmed this - it shows \"This file does not currently exist\" for app/page.tsx.\n\nI need to create the main homepage for the ResumeCraft application. This should be a landing page that introduces the product and allows users to get started."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-1"}],["p",{},["text",{},"I can see the issue! You don't have a homepage ("],["code",{},"app/page.tsx"],["text",{},") file, which is why the preview shows \"No page at / detected.\" Let me create the main landing page for ResumeCraft."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_JYovjY2953u","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"app/page.tsx","baseName":"page.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$126","sourceVersionKey":"v_1_bjvsl","needsBlockSource":false,"isAllImages":false,"blockId":"b_JYovjY2953u","meta":{"type":"code-project","id":"resume-craft-starter","taskNameActive":"Creating homepage","taskNameComplete":"Created homepage","project":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Creating homepage","taskNameComplete":"Created homepage"},"id":"block-b_JYovjY2953u"}],["p",{},["text",{},"Perfect! I've created a professional landing page for ResumeCraft with a clean design, clear value proposition, and proper navigation. The page includes a hero section, features overview, pricing preview, and footer - all styled with a modern blue color scheme and proper typography hierarchy. Now you should be able to see the homepage when you preview the application."]],["AssistantMessageContentPart",{"part":{"createdAt":1754971379677,"finishedAt":1754971392467,"lastPartSentAt":1754971392359,"id":"L1IqaPPMiNSMEVrq","type":"task-diagnostics-v1","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"9HnU5uCiEzJFjvtdntajImerx7HRyKI3","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"QcWtwiFEugGvRMqXFI8cUcbrakm6oLlK","type":"message","creditCost":0.0766875,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-08-12T04:02:10.892Z","updatedAt":"$D2025-08-12T04:03:12.585Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"still i dont see a preview"}],"version":1},"role":"user","id":"EK7XcbAFx8yzdIoBeU2nqVB1K5xKAg5H","attachments":[{"url":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-fn96qV9CcLsDIAoZKz3N3FhyOXhb38.png","name":"image.png","size":155725,"contentType":"image/png"}],"parentId":"9HnU5uCiEzJFjvtdntajImerx7HRyKI3","type":"message","authorId":"ek10k3RakArvUjP1OtCeh7DR","createdAt":"$D2025-08-12T04:06:26.246Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":3.5058823529411764,"thought":"The user is showing me a screenshot of the v0 interface. I can see that there's a \"Created homepage v3\" block in the chat, and on the right side there's a preview area that shows \"Open in new tab\" with a message \"This link is insecure and can expose your code and data.\" The user is saying they still don't see a preview, which suggests there might be compilation errors or issues with the code I generated.\n\nI should take a screenshot to see what's actually happening with the preview, and also check if there are any compilation errors by reading the files I created to make sure they're valid."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["AssistantMessageContentPart",{"part":{"createdAt":1754971591799,"finishedAt":1754971591799,"lastPartSentAt":1754971591799,"id":"7VVQUdLVek2g4qSQ","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1754971593601,"finishedAt":1754971600777,"lastPartSentAt":1754971600674,"taskNameActive":"Checking current preview","taskNameComplete":"Captured current preview","id":"taklbTuuFHxSLqti","type":"task-inspect-site-v1","parts":[{"type":"starting-inspect-site","url":"http://localhost:3000"},{"type":"inspect-site-complete","screenshotResults":[{"type":"screenshot","screenshotUrl":"https://xurtccytrzafbfk3.public.blob.vercel-storage.com/agent-assets/d2ad85118dbab08e2d847d1f18a9eb7d10889661004e55958fcd6ec65e031f63.png","height":3122,"width":2560}]}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1754971600897,"finishedAt":1754971601000,"lastPartSentAt":1754971600897,"taskNameActive":"Reading homepage file","taskNameComplete":"Read homepage file","id":"GmFCJxuWV6aCRaQA","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/page.tsx"}]}}],["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-1","parts":[{"type":"thinking-end","duration":4.552941176470588,"thought":"Great! The screenshot shows that the ResumeCraft homepage is actually working perfectly. I can see the full landing page with:\n\n- A clean header with navigation\n- Hero section with \"Build Your Professional Resume in Minutes\"\n- Features section with three cards (Lightning Fast, Professional Templates, Export Ready)\n- Pricing section with Free and Pro plans\n- Footer with links\n\nThe homepage file looks correct too - no syntax errors. The user was saying they couldn't see a preview, but clearly the preview is working now. The screenshot shows a beautiful, professional landing page that matches exactly what I created.\n\nThe user might have been experiencing a temporary loading issue or needed to refresh. The preview is clearly working now as evidenced by the screenshot."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-1"}],["p",{},["text",{},"Perfect! The preview is actually working now. I can see from the screenshot that your ResumeCraft homepage is displaying beautifully with all the sections I created:"]],["ul",{"start":1},["li",{"index":1},["text",{},"Clean header with navigation and branding"]],["li",{"index":2},["text",{},"Hero section with compelling call-to-action"]],["li",{"index":3},["text",{},"Features section highlighting the key benefits"]],["li",{"index":4},["text",{},"Pricing preview with Free and Pro tiers"]],["li",{"index":5},["text",{},"Professional footer"]]],["p",{},["text",{},"The homepage file is syntactically correct and the preview is rendering properly. You might have experienced a temporary loading issue earlier, but everything appears to be working as expected now. The landing page has a modern design with a blue color scheme, proper typography hierarchy, and responsive layout that will work well on both desktop and mobile devices."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"bViheGgpngBGUAMKhb4VKYmNUdr7wnJv","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"EK7XcbAFx8yzdIoBeU2nqVB1K5xKAg5H","type":"message","creditCost":0.0723135,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-08-12T04:06:26.247Z","updatedAt":"$D2025-08-12T04:06:51.375Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"show the preview"}],"version":1},"role":"user","id":"mssngTJ8OniZ9OJFb8gylzjdt5350vmw","attachments":[],"parentId":"bViheGgpngBGUAMKhb4VKYmNUdr7wnJv","type":"message","authorId":"ek10k3RakArvUjP1OtCeh7DR","createdAt":"$D2025-08-12T08:15:10.246Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":1.1470588235294117,"thought":"The user is asking me to show the preview. They want to see what the current state of the application looks like. I should take a screenshot of the current preview to show them what's displaying."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["AssistantMessageContentPart",{"part":{"createdAt":1754986513491,"finishedAt":1754986513491,"lastPartSentAt":1754986513491,"id":"98Hqvphi8Jdz4cU4","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1754986514116,"finishedAt":1754986514500,"lastPartSentAt":1754986514397,"taskNameActive":"Capturing current preview","taskNameComplete":"Captured current preview","id":"Y97GkcsZh48eFzox","type":"task-inspect-site-v1","parts":[{"type":"starting-inspect-site","url":"http://localhost:3000"},{"type":"inspect-site-complete","screenshotResults":[{"type":"screenshot","screenshotUrl":"https://xurtccytrzafbfk3.public.blob.vercel-storage.com/agent-assets/d2ad85118dbab08e2d847d1f18a9eb7d10889661004e55958fcd6ec65e031f63.png","height":3122,"width":2560}]}]}}],["p",{},["text",{},"Here's your ResumeCraft homepage preview. The application is displaying beautifully with:"]],["p",{},["strong",{},["text",{},"Header"]],["text",{},": Clean navigation with ResumeCraft branding, Templates, Pricing, Sign In, and Get Started buttons"]],["p",{},["strong",{},["text",{},"Hero Section"]],["text",{},": Compelling headline \"Build Your Professional Resume in Minutes\" with clear call-to-action buttons"]],["p",{},["strong",{},["text",{},"Features Section"]],["text",{},": Three key benefits highlighted with icons:"]],["ul",{"start":1},["li",{"index":1},["text",{},"Lightning Fast - Create resumes in minutes"]],["li",{"index":2},["text",{},"Professional Templates - ATS-friendly designs"]],["li",{"index":3},["text",{},"Export Ready - High-quality PDF downloads"]]],["p",{},["strong",{},["text",{},"Pricing Section"]],["text",{},": Simple two-tier pricing with Free ($0) and Pro ($9.99/month) plans, clearly showing what's included in each"]],["p",{},["strong",{},["text",{},"Footer"]],["text",{},": Professional dark footer with branding and legal links"]],["p",{},["text",{},"The design uses a clean blue and white color scheme with excellent typography hierarchy and spacing. The layout is professional and conversion-focused, perfect for a SaaS resume builder."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"fNxLRxCmqUOknFxEkpQe2Sa1W308GcAH","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"mssngTJ8OniZ9OJFb8gylzjdt5350vmw","type":"message","creditCost":0.067125,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-08-12T08:15:10.247Z","updatedAt":"$D2025-08-12T08:15:21.058Z"}],"lastSyncedAt":1792759740374,"undo":null,"activeForkKey":["yZxIdfnfwM5hvSmMz72xdawCxtsM6i9W","4s6ibyOUAlF4RtQSxJzbSpjZhd3Ivd8v","jYXNuSd6skI8y8rUnFZgOqewZMOgG5if","TTvwAxFdmZoKmIId1prO2uoTF8NyJ6Sv","QcWtwiFEugGvRMqXFI8cUcbrakm6oLlK","9HnU5uCiEzJFjvtdntajImerx7HRyKI3","EK7XcbAFx8yzdIoBeU2nqVB1K5xKAg5H","bViheGgpngBGUAMKhb4VKYmNUdr7wnJv","mssngTJ8OniZ9OJFb8gylzjdt5350vmw","fNxLRxCmqUOknFxEkpQe2Sa1W308GcAH"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"ensVxzmqBy2\",":{"id":"b_JYovjY2953u","meta":{"type":"code-project","id":"resume-craft-starter","taskNameActive":"Creating homepage","taskNameComplete":"Created homepage","project":"Code"},"initial":true,"type":"code-project","messageId":"9HnU5uCiEzJFjvtdntajImerx7HRyKI3","language":"typescriptreact","source":"$127","closed":true,"hasSourceBeenEdited":false,"isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"ensVxzmqBy2\",":{"title":"AI Resume Builder","authorId":"ek10k3RakArvUjP1OtCeh7DR","ownerId":"ek10k3RakArvUjP1OtCeh7DR","storageEntityType":null,"storageEntityId":null,"tailwindV4Default":true,"vercelProjectId":null,"canWriteToChat":false},"@\"chat:vm-mode\",\"ensVxzmqBy2\",":false,"@\"chat:vercel-project\",\"ensVxzmqBy2\",":"$@128","@\"team:sensitive-environment-variable-policy\",\"ensVxzmqBy2\",":"$@129","@\"block-view\",\"ensVxzmqBy2\",":true,"integrations:figma":"$@12a"},"children":["$L12b","$L12c","$L12d","$L12e","$L12f"]}]}]}]
3c:o9,104:null
3c:ofbe,130:I[900547,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"FullChat"]
131:"NavigationMarker"
132:I[493928,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$131"]
133:"OpenInV0JourneyCompletion"
134:I[228493,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$133"]
135:"SuspendingKeepTitleUpdated"
136:I[487989,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$135"]
137:"KeepClientOnUpToDateSlugPath"
138:I[983440,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$137"]
111:{"ok":true,"value":{"designSystemId":null,"title":"AI Resume Builder","privacy":"unlisted","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"ek10k3RakArvUjP1OtCeh7DR","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1754907433811,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}}
112:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
113:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
114:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
115:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
116:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
117:{"ok":true,"value":null,"__seedOnly":true}
11b:null
128:"$undefined"
129:"$undefined"
12a:{"isSignedIn":false}
12b:["$","$L130","full-chat",{"isMobile":false,"templatesServer":null}]
12c:["$","$L132",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
12d:["$","$L134",null,{}]
12e:["$","$3e",null,{"children":["$","$L136",null,{"chatId":"ensVxzmqBy2"}]}]
12f:["$","$L138",null,{"id":"ensVxzmqBy2","requireMatchingChatPath":true,"title":"AI Resume Builder"}]
3c:o37,41:C
40:C
1:C
38:C
22:C
36:C
2c:C
1b:C
18:C
42:[70251]
3c:C
</article></body></html>