44:o1,~44:o81a,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3hgpkj-xzfw6u.js" 4:I[381307,["$3"],"default"] 5:I[934914,["$3"],"default"] 38:"ViewportBoundary" 39:I[176645,["$3"],"$38"] 3b:"MetadataBoundary" 3c:I[176645,["$3"],"$3b"] 3d:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/1bv-hlxwcj3mn.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1t5z917tkvfhq.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1jd4bptd-zy0t.css","style"] :HL["/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","style"] 1:X 6:X 17:X 1a:X 21:X 1f:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L20","p":false,"v":"$21"}}]] 1d:[["children",{"s":{"n":"id","t":"d","k":"personal-portfolio-muBiJbz2bjE","s":null},"h":98,"d":{"r":"$L1e","p":false,"v":"$6"},"c":"$Q1f"}]] 2b:X 29:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2a","p":false,"v":"$2b"}}]] 27:[["children",{"s":{"n":"id","t":"d","k":"personal-portfolio-muBiJbz2bjE","s":null},"h":38,"d":{"r":"$L28","p":false,"v":"$6"},"c":"$Q29"}]] 25:[["children",{"s":"chat","h":106,"d":{"r":"$L26","p":false,"v":"$6"},"c":"$Q27"}]] 23:[["children",{"s":"(chat)","h":106,"d":{"r":"$L24","p":false,"v":"$6"},"c":"$Q25"}]] 35:X 33:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L34","p":false,"v":"$35"}}]] 31:[["children",{"s":{"n":"id","t":"d","k":"personal-portfolio-muBiJbz2bjE","s":null},"h":102,"d":{"r":"$L32","p":false,"v":"$6"},"c":"$Q33"}]] 2f:[["children",{"s":"chat","h":106,"d":{"r":"$L30","p":false,"v":"$6"},"c":"$Q31"}]] 2d:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2e","p":false,"v":"$6"},"c":"$Q2f"}]] 37:X 1b:[["children",{"s":"chat","h":98,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2c","p":false,"v":"$6"},"c":"$Q2d"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L36","p":false,"v":"$37"}}]] 18:[["children",{"s":{"n":"scope","t":"d","k":"skylarkdev","s":null},"h":74,"d":{"r":"$L19","p":false,"v":"$1a"},"c":"$Q1b"}]] 44:oc3c,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bv-hlxwcj3mn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1t5z917tkvfhq.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1jd4bptd-zy0t.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15"],"$L16"]}],"p":false,"v":"$17"},"c":"$Q18"}]] 44:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 3f:X 40:X 44:o716,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,["$","$L39","4fzGFi1F6ixA_XWO3EXPkv",{"children":"$L3a"}],["$","div","4fzGFi1F6ixA_XWO3EXPkm",{"hidden":true,"children":["$","$L3c",null,{"children":["$","$3d",null,{"name":"Next.Metadata","children":"$L3e"}]}]}]]}],"p":false,"v":"$3f"}},"s":"$40","a":"$@41","w":"$@42"} 44:o1000,44:I[176645,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[381307,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js" 50:"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js" 51:"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js" 52:"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js" 53:"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js" 54:"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js" 55:"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js" 56:"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js" 57:"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js" 58:"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js" 59:"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js" 5a:"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js" 5b:"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js" 5c:"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js" 5d:"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js" 5e:"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js" 5f:"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js" 60:"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js" 61:"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js" 62:"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js" 63:"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js" 64:"/chat-static/_next/static/immutable/chunks/1bhi04iocyynd.js" 65:"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js" 66:"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js" 67:"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js" 68:"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js" 69:"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js" 6a:"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js" 6b:"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js" 6c:"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js" 6d:"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js" 6e:"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js" 6f:"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js" 70:"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js" 71:"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js" 72:"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js" 73:"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js" 74:"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js" 75:"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js" 76:"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js" 77:"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js" 78:"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js" 79:"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js" 7a:"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js" 7b:"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js" 7c:"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js" 7d: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"],"default"] 7e:"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js" 7f:"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js" 80:"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js" 81:"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js" 82:"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js" 83:"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js" 84:"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js" 85:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 86:"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js" 87:"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js" 88:"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js44:o84c," 89:"GitChatHeaderSkeleton" 8a: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$89"] 6:C 9:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js","async":true,"nonce":"$undefined"}] a:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js","async":true,"nonce":"$undefined"}] b:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js","async":true,"nonce":"$undefined"}] c:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js","async":true,"nonce":"$undefined"}] d:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/1bhi04iocyynd.js","async":true,"nonce":"$undefined"}] e:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js","async":true,"nonce":"$undefined"}] f:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js","async":true,"nonce":"$undefined"}] 44:o644,19:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 44:o29a,1c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 44:o726,20:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3d",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 44:o3e7,22:["$","$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"}]]}] 24:["$","$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"}]]}] 26:["$","$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"}]]}] 44:o1103,28:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}],["$","div",null,{"data-chat-skeleton-layout":true,"aria-hidden":"true","className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":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"}]}],"$L48","$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 44:o6cc,2a:["$","$2","c",{"children":["$L4e",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],null]}] 44:o780,2c:["$","$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"}]]}] 2e:["$","$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"}]]}] 30:["$","$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"}]]}] 32:["$","$L47",null,{"loading":[["$","$L7d","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.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"}]]}]}] 44:o78d,34:["$","$2","c",{"children":[["$","$3d",null,{"fallback":["$","$L8a",null,{}],"children":"$L8b"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}]],null]}] 44:o32,36:["$","$2","c",{"children":["$L8c",null,null]}] 44:o885,8e: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"AppCard"] 8f:"FULL_BLEED_APP_CARD_CLASSNAME" 90: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$8f"] 91:"/chat-static/_next/static/immutable/chunks/3vujvky3kfowx.js" 92:"SidebarCollapseButton" 93: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","$91"],"$92"] 94: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"ChatWarning"] 95: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","$91"],"NewChatButton"] 40:300 48:["$","div",null,{"className":"flex-1 min-w-0","children":["$","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":"bg-v0-background-200"}] 8d:T1963,44:o1963,44:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8d"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3d",null,{"fallback":["$","$L8e",null,{"className":"$90","children":[["$","$L93",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"}],["$","$L94",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L95",null,{}]}]]}],"children":"$L96"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 44:o17,17:T8,variants97:T18d6,44:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });44:o158,16:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$97"}}],"$L98","$L99","$L9a","$L9b"]}],"$L9c"]}] 44:o1000,9d:"GeistThemeScript" 9e:I[943185,["$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"],"$9d"] 9f: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"],"AppStoreMetaTag"] a0:I[943185,["$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"],"GeistProvider"] a1: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"],"LocaleProvider"] a2: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"],"MotionConfig"] a3:"AtomicContextSWRProvider" a4: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a3"] a5:"GlobalPromiseContextProvider" a6: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a5"] a9: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"],"JotaiProvider"] aa:"ServerQuerySWRRuntimeProvider" ab: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"],"$aa"] ad: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"],"CleanupStorage"] ae:I[470669,["$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"],"Analytics"] af:I[191173,["$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"],"SpeedInsights"] b1:"VercelianAppFlowMigrator" b2: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"],"$b1"] b3: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"],"TrackInfo"] b4: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"],"PageViewTracker"] b5: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","$66","$67","$68","$69","$6a","$6b","$6c"],"AutoCapture"] 98:["$","$L9e",null,{"storageKey":"theme"}] 99:["$","$3d",null,{"children":["$","$L9f",null,{}]}] 9a:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9b:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organiza44:o2cc,tion\",\"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\"}}]"}}] 44:o93b,9c:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased kSVEZa_variable yCrHjW_variable hGs1mq_variable","children":[["$","$La0",null,{"storageKey":"theme","withScript":false,"children":["$","$La1",null,{"locale":"en","children":["$","$La2",null,{"reducedMotion":"user","children":["$","$La4",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":["$","$La6",null,{"params":null,"promises":{"dailyModelUsage":"$@a7","freeFixWithV0Usage":"$@a8"},"children":[["$","$La9",null,{"children":["$","$Lab",null,{"children":"$Lac"}]}],["$","$Lad",null,{}]]}]}]}]}]}],["$","$Lae",null,{}],["$","$Laf",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3d",null,{"children":"$Lb0"}],["$","$Lb2",null,{}],["$","$Lb3",null,{}],["$","$Lb4",null,{}],["$","$Lb5",null,{}]]}] 44:o90,3a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 44:oe,3f:T8,variants44:o1000,b6:"HydrateDurableAtoms" b7: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"],"$b6"] b8: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"],"DataProvider"] b9: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"],"UserProvider"] bb:"AnimatedIconProvider" bc: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"],"$bb"] bd: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"],"PortalProvider"] be:"SnowflakePublishProvider" bf: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"],"$be"] c0:"UserInputProvider" c1: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"],"$c0"] c2: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"],"CmdkProvider"] c3:"VirtualMachineUIStateProvider" c4: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"],"$c3"] c5:"DeployedPreviewIframeRefProvider" c6: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"],"$c5"] c7:"PreviewSourceUIStateProvider" c8: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"],"$c7"] c9: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"],"LoaderProvider"] ca:"PromptFormUIProvider" cb: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"],"$ca"] cc: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"],"FlagsProvider"] ce:I[723704,["$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"],"NuqsAdapter"] cf:"ChatTabsProvider" d0: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"],"$cf"] d1:"PersonalScopeMigrationAnnouncementProvider" d2: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"],"$d1"] d4:"AnnouncementVisibilityProvider" d5:I[878519,["$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"],"$d4"] d8:I[561588,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$5844:o4ab,","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] d9: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"],"Toaster"] da:"SuspendingDialogs" db: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"],"$da"] dc: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"],"SignInDialog"] dd: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"],"ConsentBanner"] de: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"],"SessionManager"] 44:o8ad,ac:["$","$Lb7",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lb8",null,{"children":["$","$Lb9",null,{"expectUser":false,"userPromise":"$@ba","children":["$","$Lbc",null,{"children":["$","$Lbd",null,{"children":["$","$Lbf",null,{"children":["$","$Lc1",null,{"children":["$","$Lc2",null,{"children":["$","$Lc4",null,{"children":["$","$Lc6",null,{"children":["$","$Lc8",null,{"children":["$","$Lc9",null,{"children":["$","$Lcb",null,{"children":["$","$Lcc",null,{"promise":"$@cd","middlewareFlags":[],"children":["$","$Lce",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"destinationTeamIdPromise":"$@d3","children":["$","$Ld5",null,{"visiblePromise":"$@d6","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":[["$","$3d",null,{"fallback":null,"children":"$Ld7"}],["$","$Ld8",null,{}],["$","$Ld9",null,{}],["$","$3d",null,{"fallback":null,"children":["$","$Ldb",null,{}]}],["$","$Ldc",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ldd",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 44:o12c,96:["$","$L8e",null,{"className":"$90","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L94",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] b0:["$","$Lde",null,{"enabled":false}] 44:o20,ba:"$undefined" d6:true d7:null 44:o81,3f:T1,?37:T1,?21:T1,?35:T1,?2b:T1,?40:60 37:T8,variants35:T8,variants1a:T8,variants3f:T2,id35:T5,scope2b:T2,id1a:T5,scope35:T2,id44:oe62,df:"RouteChatIdProvider" e0: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$df"] e1:"CompletionAttentionProvider" e2: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"],"$e1"] e3:"SidebarUIProvider" e4: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"],"$e3"] e7:"HeaderSlotClientRouter" e8: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"],"$e7"] e9:"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js" ea: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","$e9"],"default"] eb: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"],"Header"] ec:"RevalidateChatIdSkeletonStyles" ed: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"],"$ec"] ee: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"],"DynamicCMDK"] ef:"PromptQueueSnapshotProvider" f0: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$ef"] f3:"ChatPromiseContextProvider" f4: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$f3"] fc: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"GitChatHeader"] fd:I[705838,["$3"],"IconMark"] 8c:null 44:o77d,43:["$","$Le0",null,{"children":["$","$Le2",null,{"children":["$","$Le4",null,{"children":[["$","$3d",null,{"fallback":null,"children":"$@e5"}],["$","$3d",null,{"children":"$Le6"}],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":[["$","$Le8",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ea","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Leb",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ea","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":"$ea","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,["$","$3d",null,{"children":["$","$Led",null,{}]}],["$","$Lee",null,{}]]}]}]}] 44:o461,4e:["$","$Lf0",null,{"initial":{"chatId":"muBiJbz2bjE","snapshot":"$@f1"},"children":"$Lf2"}] 8b:["$","$Lf4",null,{"params":{"chatId":"muBiJbz2bjE"},"promises":{"attributes":"$@f5","externalMeta":"$@f6","latest":"$@f7","messagesRange":"$@f8","messages":"$@f9","template":"$@fa","gitStatus":"$@fb"},"children":["$","$Lfc",null,{"chatId":"muBiJbz2bjE"}]}] d3:null cd:{"requested":"skylarkdev","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":false,"igm":"gateway.google/gemini-3.1-flash-lite-image","ctv2":false,"lcw":false,"tbb":false,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"ftdml":true,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"f5e":true,"f51e":true,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 44:o73c,3e:[["$","title","0",{"children":"Personal portfolio - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Build a modern, clean personal portfolio website with the following sections and features: **Layout & Navigation:** - Sticky top navigation bar with logo/name..."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/personal-portfolio-muBiJbz2bjE"}],["$","meta","4",{"property":"og:title","content":"Personal portfolio - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"Build a modern, clean personal portfolio website with the following sections and features: **Layout & Navigation:** - Sticky top navigation bar with logo/name..."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/muBiJbz2bjE"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Personal portfolio - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"Build a modern, clean personal portfolio website with the following sections and features: **Layout & Navigation:** - Sticky top navigation bar with logo/name..."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/muBiJbz2bjE"}],["$","link","11",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","12",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","14",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$Lfd","15",{}]] 44:o8,45:null 44:oae4,105:"ExplicitChatIdProvider" 106: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$105"] 107: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"SWRDataProvider"] 2b:T8,variants2b:T5,scopef5:{"ok":true,"value":{"designSystemId":null,"title":"Personal portfolio","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_b4WSqSqKuZ3DulfRHU2KARyC","authorId":"anon:9IudsWf2UEbVURNzOe1eU","tailwindV4Default":true,"nextVersionDefault":16,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"chatCreatedAt":1787402910459,"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}} f6:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f7:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f8:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fb:{"ok":true,"value":null,"__seedOnly":true} e5:null 109:[] 10a:[["b_NJkUuYRhdCL",null],["b_KPT6yHndHVv",null],["b_gZnuaUVA21T",null]] 10b:[["b_NJkUuYRhdCL",{"templateVersionId":null,"templateCanonId":null}],["b_KPT6yHndHVv",{"templateVersionId":null,"templateCanonId":null}],["b_gZnuaUVA21T",{"templateVersionId":null,"templateCanonId":null}]] 10c:[["b_NJkUuYRhdCL","$D2026-08-22T12:49:05.296Z"],["b_KPT6yHndHVv","$D2026-08-22T12:49:36.984Z"],["b_gZnuaUVA21T","$D2026-08-22T12:50:57.251Z"]] 10d:[["b_NJkUuYRhdCL",false],["b_KPT6yHndHVv",false],["b_gZnuaUVA21T",false]] 10e:[["b_NJkUuYRhdCL","$undefined"],["b_KPT6yHndHVv","$undefined"],["b_gZnuaUVA21T","$undefined"]] 10f:[["b_NJkUuYRhdCL",null],["b_KPT6yHndHVv",null],["b_gZnuaUVA21T",null]] 110:[["b_NJkUuYRhdCL",true],["b_KPT6yHndHVv",true],["b_gZnuaUVA21T",true]] 111:[["b_NJkUuYRhdCL",true],["b_KPT6yHndHVv",true],["b_gZnuaUVA21T",true]] 112:[] 113:Tb5d,44:ob5d,Build a modern, clean personal portfolio website with the following sections and features: **Layout & Navigation:** - Sticky top navigation bar with logo/name on the left and smooth-scroll links (About, Skills, Projects, Experience, Contact) on the right - Hamburger menu for mobile view - Active section highlighting in nav as user scrolls **Hero Section:** - Full-viewport hero with a bold headline, subtitle/tagline, brief intro sentence, and two CTA buttons ("View My Work" and "Download Resume") - Subtle animated background (gradient or particle effect) **About Section:** - Two-column layout: profile photo placeholder on left, bio text and personal details on right - Fun facts or stats (e.g., years of experience, projects completed, cups of coffee) **Skills Section:** - Categorized skill cards (Frontend, Backend, Tools & Design) - Animated progress bars or badge-style skill tags - Icons for each technology **Projects Section:** - Filterable project grid (All, Web, Mobile, Design filter tabs) - Project cards with image placeholder, title, description, tech stack tags, and hover overlay with GitHub/Live links - At least 6 mock projects **Experience Section:** - Vertical timeline layout alternating left/right - Each entry has company name, role, dates, and bullet-point responsibilities - 3–4 mock work experience entries **Contact Section:** - Contact form with Name, Email, Subject, Message fields and a Send button (simulated submission with success state) - Social media icon links (GitHub, LinkedIn, Twitter, Email) **Styling:** - Dark mode by default with a toggle for light mode - Accent color: electric blue or purple - Smooth scroll, fade-in animations on scroll, hover transitions throughout - Fully responsive across mobile, tablet, and desktop --- IMPORTANT BUILD INSTRUCTIONS: - Focus on CORE features only. Do not add extra polish, advanced features, or nice-to-haves. - Do NOT overthink the design or architecture. Keep it simple and functional. - Write all files in parallel where possible. Minimize thinking time. - Skip animations, transitions, and complex interactions unless explicitly requested. - Use simple, clean components. No over-engineering. - Target completion in under 3 minutes. Speed over perfection. - Ship a working MVP, not a feature-complete product. - Do NOT install or suggest any integrations (Supabase, Blob, databases, etc). Use mock data and localStorage only. - Do NOT prompt for user approval or wait for manual steps. Build everything autonomously. - CRITICAL: The app MUST have a working root page at "app/page.tsx" (or "pages/index.tsx") that renders the main UI immediately. Never generate an app where "/" is empty or shows a file picker — the root route must show the primary feature of the app. If you create multiple sub-pages, "app/page.tsx" should still render the main dashboard/home view, not a redirect or empty component.44:oa,114:T88d4,44:o88d4,[V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.99 0.002 264); --foreground: oklch(0.18 0.02 264); --card: oklch(1 0 0); --card-foreground: oklch(0.18 0.02 264); --popover: oklch(1 0 0); --popover-foreground: oklch(0.18 0.02 264); --primary: oklch(0.58 0.22 275); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.95 0.01 264); --secondary-foreground: oklch(0.2 0.02 264); --muted: oklch(0.95 0.01 264); --muted-foreground: oklch(0.5 0.02 264); --accent: oklch(0.62 0.19 250); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.9 0.01 264); --input: oklch(0.9 0.01 264); --ring: oklch(0.58 0.22 275); --chart-1: oklch(0.58 0.22 275); --chart-2: oklch(0.62 0.19 250); --chart-3: oklch(0.7 0.15 300); --chart-4: oklch(0.75 0.12 230); --chart-5: oklch(0.65 0.2 320); --radius: 0.75rem; --sidebar: oklch(0.99 0.002 264); --sidebar-foreground: oklch(0.18 0.02 264); --sidebar-primary: oklch(0.58 0.22 275); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.95 0.01 264); --sidebar-accent-foreground: oklch(0.2 0.02 264); --sidebar-border: oklch(0.9 0.01 264); --sidebar-ring: oklch(0.58 0.22 275); } .dark { --background: oklch(0.14 0.015 264); --foreground: oklch(0.96 0.005 264); --card: oklch(0.18 0.018 264); --card-foreground: oklch(0.96 0.005 264); --popover: oklch(0.18 0.018 264); --popover-foreground: oklch(0.96 0.005 264); --primary: oklch(0.68 0.2 275); --primary-foreground: oklch(0.14 0.015 264); --secondary: oklch(0.24 0.015 264); --secondary-foreground: oklch(0.96 0.005 264); --muted: oklch(0.22 0.015 264); --muted-foreground: oklch(0.65 0.02 264); --accent: oklch(0.7 0.17 250); --accent-foreground: oklch(0.14 0.015 264); --destructive: oklch(0.65 0.22 25); --destructive-foreground: oklch(0.96 0.005 264); --border: oklch(0.27 0.015 264); --input: oklch(0.27 0.015 264); --ring: oklch(0.68 0.2 275); --chart-1: oklch(0.68 0.2 275); --chart-2: oklch(0.7 0.17 250); --chart-3: oklch(0.75 0.15 300); --chart-4: oklch(0.78 0.12 230); --chart-5: oklch(0.72 0.2 320); --sidebar: oklch(0.16 0.015 264); --sidebar-foreground: oklch(0.96 0.005 264); --sidebar-primary: oklch(0.68 0.2 275); --sidebar-primary-foreground: oklch(0.14 0.015 264); --sidebar-accent: oklch(0.24 0.015 264); --sidebar-accent-foreground: oklch(0.96 0.005 264); --sidebar-border: oklch(0.27 0.015 264); --sidebar-ring: oklch(0.68 0.2 275); } @theme inline { --font-sans: 'Geist', 'Geist Fallback'; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type { Metadata, Viewport } from 'next' import { Geist, Geist_Mono } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import { ThemeProvider } from '@/components/theme-provider' import './globals.css' const _geist = Geist({ subsets: ["latin"] }); const _geistMono = Geist_Mono({ subsets: ["latin"] }); export const metadata: Metadata = { title: 'Alex Rivera — Full-Stack Developer', description: 'Portfolio of Alex Rivera, a full-stack developer building fast, accessible web and mobile products.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export const viewport: Viewport = { width: 'device-width', initialScale: 1, themeColor: [ { media: '(prefers-color-scheme: light)', color: '#ffffff' }, { media: '(prefers-color-scheme: dark)', color: '#0e0e17' }, ], } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} {process.env.NODE_ENV === 'production' && } ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@vercel/analytics": "1.6.1", "@radix-ui/react-accordion": "1.2.12", "@radix-ui/react-alert-dialog": "1.1.15", "@radix-ui/react-aspect-ratio": "1.1.8", "@radix-ui/react-avatar": "1.1.11", "@radix-ui/react-checkbox": "1.3.3", "@radix-ui/react-collapsible": "1.1.12", "@radix-ui/react-context-menu": "2.2.16", "@radix-ui/react-dialog": "1.1.15", "@radix-ui/react-dropdown-menu": "2.1.16", "@radix-ui/react-hover-card": "1.1.15", "@radix-ui/react-label": "2.1.8", "@radix-ui/react-menubar": "1.1.16", "@radix-ui/react-navigation-menu": "1.2.14", "@radix-ui/react-popover": "1.1.15", "@radix-ui/react-progress": "1.1.8", "@radix-ui/react-radio-group": "1.3.8", "@radix-ui/react-scroll-area": "1.2.10", "@radix-ui/react-select": "2.2.6", "@radix-ui/react-separator": "1.1.8", "@radix-ui/react-slider": "1.3.6", "@radix-ui/react-slot": "1.2.4", "@radix-ui/react-switch": "1.2.6", "@radix-ui/react-tabs": "1.1.13", "@radix-ui/react-toast": "1.2.15", "@radix-ui/react-toggle": "1.1.10", "@radix-ui/react-toggle-group": "1.1.11", "@radix-ui/react-tooltip": "1.2.8", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.1.1", "date-fns": "4.1.0", "embla-carousel-react": "8.6.0", "input-otp": "1.4.2", "lucide-react": "^0.564.0", "next": "16.2.6", "next-themes": "^0.4.6", "react": "19.2.4", "react-day-picker": "9.13.2", "react-dom": "19.2.4", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^3.3.1", "vaul": "^1.1.2", "zod": "^3.24.1", "tailwindcss-animate": "1.0.7" }, "devDependencies": { "@tailwindcss/postcss": "^4.2.0", "@types/node": "^24", "@types/react": "19.2.14", "@types/react-dom": "19.2.3", "postcss": "^8.5", "tailwindcss": "^4.2.0", "tw-animate-css": "1.3.3", "typescript": "5.7.3" } } [V0_FILE]typescript:file="lib/portfolio-data.ts" isMerged="true" export const NAV_LINKS = [ { id: "about", label: "About" }, { id: "skills", label: "Skills" }, { id: "projects", label: "Projects" }, { id: "experience", label: "Experience" }, { id: "contact", label: "Contact" }, ] as const export const STATS = [ { label: "Years Experience", value: "5+" }, { label: "Projects Completed", value: "42" }, { label: "Happy Clients", value: "28" }, { label: "Cups of Coffee", value: "1,240" }, ] export const SKILL_GROUPS = [ { category: "Frontend", skills: [ { name: "React", level: 95 }, { name: "Next.js", level: 92 }, { name: "TypeScript", level: 90 }, { name: "Tailwind CSS", level: 95 }, ], }, { category: "Backend", skills: [ { name: "Node.js", level: 88 }, { name: "PostgreSQL", level: 82 }, { name: "REST / GraphQL", level: 85 }, { name: "Python", level: 70 }, ], }, { category: "Tools & Design", skills: [ { name: "Git / GitHub", level: 93 }, { name: "Figma", level: 78 }, { name: "Docker", level: 75 }, { name: "Vercel", level: 90 }, ], }, ] export type ProjectCategory = "Web" | "Mobile" | "Design" export const PROJECTS: { title: string description: string category: ProjectCategory tech: string[] github: string live: string }[] = [ { title: "Nimbus Dashboard", description: "A real-time analytics dashboard with customizable widgets and live data streaming.", category: "Web", tech: ["React", "Next.js", "Recharts"], github: "https://github.com", live: "https://example.com", }, { title: "Wanderlist", description: "A cross-platform travel itinerary app that syncs trips across all your devices.", category: "Mobile", tech: ["React Native", "Expo", "Firebase"], github: "https://github.com", live: "https://example.com", }, { title: "Fintrack", description: "Personal finance tracker with budgeting tools and spending insights.", category: "Web", tech: ["Next.js", "PostgreSQL", "Prisma"], github: "https://github.com", live: "https://example.com", }, { title: "Aura UI Kit", description: "A comprehensive design system and component library for modern web apps.", category: "Design", tech: ["Figma", "Storybook", "Tailwind"], github: "https://github.com", live: "https://example.com", }, { title: "Recipe Radar", description: "A mobile app for discovering recipes based on ingredients you already have.", category: "Mobile", tech: ["Flutter", "Dart", "Supabase"], github: "https://github.com", live: "https://example.com", }, { title: "Portfolio OS", description: "A desktop-style portfolio experience simulating a full operating system UI.", category: "Web", tech: ["React", "TypeScript", "Zustand"], github: "https://github.com", live: "https://example.com", }, { title: "Brandmark Studio", description: "A brand identity and logo concept package for an early-stage startup.", category: "Design", tech: ["Figma", "Illustrator"], github: "https://github.com", live: "https://example.com", }, ] export const EXPERIENCE = [ { company: "Northwind Labs", role: "Senior Frontend Engineer", dates: "2023 — Present", points: [ "Led the migration of a legacy app to Next.js, improving load times by 40%", "Mentored a team of 4 junior engineers on modern React patterns", "Built a component library adopted across 6 product teams", ], }, { company: "Cascade Digital", role: "Full-Stack Developer", dates: "2021 — 2023", points: [ "Shipped 15+ client projects from design handoff to production", "Built REST and GraphQL APIs serving over 1M requests/day", "Introduced automated testing, reducing production bugs by 30%", ], }, { company: "Brightloop Studio", role: "Frontend Developer", dates: "2019 — 2021", points: [ "Developed responsive marketing sites for 20+ small business clients", "Collaborated with designers to implement pixel-perfect UI", "Optimized site performance, achieving 90+ Lighthouse scores", ], }, { company: "Freelance", role: "Web Developer", dates: "2017 — 2019", points: [ "Delivered custom websites and e-commerce stores for local businesses", "Managed client relationships end-to-end, from scoping to launch", "Built a reputation leading to 80% repeat and referral business", ], }, ] [V0_FILE]typescriptreact:file="components/portfolio/theme-toggle.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useTheme } from "next-themes" import { Moon, Sun } from "lucide-react" import { Button } from "@/components/ui/button" export function ThemeToggle() { const { theme, setTheme } = useTheme() const [mounted, setMounted] = useState(false) useEffect(() => setMounted(true), []) if (!mounted) { return ) } [V0_FILE]typescriptreact:file="components/portfolio/navbar.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { Menu, X } from "lucide-react" import { Button } from "@/components/ui/button" import { ThemeToggle } from "@/components/portfolio/theme-toggle" import { NAV_LINKS } from "@/lib/portfolio-data" import { cn } from "@/lib/utils" export function Navbar() { const [open, setOpen] = useState(false) const [active, setActive] = useState("about") useEffect(() => { const sections = NAV_LINKS.map((link) => document.getElementById(link.id)).filter( (el): el is HTMLElement => Boolean(el), ) const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { setActive(entry.target.id) } }) }, { rootMargin: "-40% 0px -50% 0px" }, ) sections.forEach((el) => observer.observe(el)) return () => observer.disconnect() }, []) const handleClick = (id: string) => { setOpen(false) document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }) } return (

{NAV_LINKS.map((link) => ( ))}

{open && (

{NAV_LINKS.map((link) => ( ))}

)}

) } [V0_FILE]typescriptreact:file="components/portfolio/hero.tsx" isMerged="true" "use client" import { ArrowDown, Download } from "lucide-react" import { Button } from "@/components/ui/button" export function Hero() { const scrollTo = (id: string) => document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }) return (

Available for new opportunities

Hi, I'm Alex Rivera — I build products for the web

Full-stack developer crafting fast, accessible, and delightful digital experiences.

I turn ideas into polished products, from pixel-perfect interfaces to scalable backend systems, with 5+ years of experience shipping for startups and teams.

) } [V0_FILE]typescriptreact:file="components/portfolio/about.tsx" isMerged="true" import { User } from "lucide-react" import { STATS } from "@/lib/portfolio-data" export function About() { return (

About Me

I'm a full-stack developer based in Austin, TX, specializing in building performant, accessible web applications. My journey started with freelance design work and evolved into full-stack engineering across startups and product teams.

When I'm not coding, I'm usually hiking, experimenting with new coffee brewing methods, or contributing to open-source projects. I care deeply about clean code, thoughtful UX, and mentoring other developers.

{STATS.map((stat) => (

{stat.value}

{stat.label}

))}

) } [V0_FILE]typescriptreact:file="components/portfolio/skills.tsx" isMerged="true" import { Code2, Database, Wrench } from "lucide-react" import { SKILL_GROUPS } from "@/lib/portfolio-data" const ICONS = { Frontend: Code2, Backend: Database, "Tools & Design": Wrench, } export function Skills() { return (

Skills & Technologies

{SKILL_GROUPS.map((group) => { const Icon = ICONS[group.category as keyof typeof ICONS] return (

{group.category}

{group.skills.map((skill) => (

{skill.name} {skill.level}%

))}

) })}

) } [V0_FILE]typescriptreact:file="components/portfolio/projects.tsx" isMerged="true" "use client" import { useState } from "react" import { ExternalLink, Github, ImageIcon } from "lucide-react" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { PROJECTS, type ProjectCategory } from "@/lib/portfolio-data" import { cn } from "@/lib/utils" const FILTERS: ("All" | ProjectCategory)[] = ["All", "Web", "Mobile", "Design"] export function Projects() { const [filter, setFilter] = useState<"All" | ProjectCategory>("All") const filtered = filter === "All" ? PROJECTS : PROJECTS.filter((p) => p.category === filter) return (

Projects

{FILTERS.map((f) => ( ))}

{filtered.map((project) => (

{project.title}

{project.category}

{project.description}

{project.tech.map((t) => ( {t} ))}

))}

) } [V0_FILE]typescriptreact:file="components/portfolio/experience.tsx" isMerged="true" import { Briefcase } from "lucide-react" import { EXPERIENCE } from "@/lib/portfolio-data" import { cn } from "@/lib/utils" export function Experience() { return (

Experience

{EXPERIENCE.map((job, i) => { const isEven = i % 2 === 0 return (

{job.dates}

{job.role}

{job.company}

{point}

) })}

) } [V0_FILE]typescriptreact:file="components/portfolio/contact.tsx" isMerged="true" "use client" import { useState, type FormEvent } from "react" import { CheckCircle2, Github, Linkedin, Mail, Send, Twitter } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Label } from "@/components/ui/label" const SOCIALS = [ { icon: Github, label: "GitHub", href: "https://github.com" }, { icon: Linkedin, label: "LinkedIn", href: "https://linkedin.com" }, { icon: Twitter, label: "Twitter", href: "https://twitter.com" }, { icon: Mail, label: "Email", href: "mailto:hello@alexrivera.dev" }, ] export function Contact() { const [submitted, setSubmitted] = useState(false) const [loading, setLoading] = useState(false) const handleSubmit = (e: FormEvent) => { e.preventDefault() setLoading(true) setTimeout(() => { setLoading(false) setSubmitted(true) e.currentTarget.reset() }, 900) } return (

Get In Touch

Have a project in mind or just want to say hi? My inbox is always open.

{submitted ? (

Message sent!

Thanks for reaching out. I'll get back to you within a day or two.

) : (

Name

Subject

Message

</div>
            <Button type="submit" disabled={loading} className="gap-2">
              {loading ? "Sending..." : "Send Message"}
              <Send className="size-4" />
            </Button>
          </form>
        )}

<div className="flex flex-col gap-4">
          <div className="rounded-2xl border border-border bg-card p-6">
            <h3 className="font-semibold text-foreground">Connect with me</h3>
            <p className="mt-1 text-sm text-muted-foreground">Find me across the web.</p>
            <div className="mt-4 flex gap-3">
              {SOCIALS.map((s) => (
                <a
                  key={s.label}
                  href={s.href}
                  target="_blank"
                  rel="noreferrer"
                  aria-label={s.label}
                  className="flex size-10 items-center justify-center rounded-full border border-border text-muted-foreground transition-colors hover:border-primary hover:text-primary"
                >
                  <s.icon className="size-4" />
                </a>
              ))}
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/footer.tsx" isMerged="true"
export function Footer() {
  return (
    <footer className="border-t border-border/60 py-8">
      <div className="mx-auto flex max-w-6xl flex-col items-center gap-2 px-4 text-center sm:px-6">
        <p className="text-sm text-muted-foreground">
          © {new Date().getFullYear()} Alex Rivera. Built with Next.js & Tailwind CSS.
        </p>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx"
import { Navbar } from "@/components/portfolio/navbar"
import { Hero } from "@/components/portfolio/hero"
import { About } from "@/components/portfolio/about"
import { Skills } from "@/components/portfolio/skills"
import { Projects } from "@/components/portfolio/projects"
import { Experience } from "@/components/portfolio/experience"
import { Contact } from "@/components/portfolio/contact"
import { Footer } from "@/components/portfolio/footer"

export default function Page() {
  return (
    <main className="min-h-screen bg-background">
      <Navbar />
      <Hero />
      <About />
      <Skills />
      <Projects />
      <Experience />
      <Contact />
      <Footer />
    </main>
  )
}44:oa,115:T88d4,44:o88d4,[V0_FILE]css:file="app/globals.css" isMerged="true"
@import 'tailwindcss';
@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(0.99 0.002 264);
  --foreground: oklch(0.18 0.02 264);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.02 264);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.18 0.02 264);
  --primary: oklch(0.58 0.22 275);
  --primary-foreground: oklch(0.98 0 0);
  --secondary: oklch(0.95 0.01 264);
  --secondary-foreground: oklch(0.2 0.02 264);
  --muted: oklch(0.95 0.01 264);
  --muted-foreground: oklch(0.5 0.02 264);
  --accent: oklch(0.62 0.19 250);
  --accent-foreground: oklch(0.98 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.98 0 0);
  --border: oklch(0.9 0.01 264);
  --input: oklch(0.9 0.01 264);
  --ring: oklch(0.58 0.22 275);
  --chart-1: oklch(0.58 0.22 275);
  --chart-2: oklch(0.62 0.19 250);
  --chart-3: oklch(0.7 0.15 300);
  --chart-4: oklch(0.75 0.12 230);
  --chart-5: oklch(0.65 0.2 320);
  --radius: 0.75rem;
  --sidebar: oklch(0.99 0.002 264);
  --sidebar-foreground: oklch(0.18 0.02 264);
  --sidebar-primary: oklch(0.58 0.22 275);
  --sidebar-primary-foreground: oklch(0.98 0 0);
  --sidebar-accent: oklch(0.95 0.01 264);
  --sidebar-accent-foreground: oklch(0.2 0.02 264);
  --sidebar-border: oklch(0.9 0.01 264);
  --sidebar-ring: oklch(0.58 0.22 275);
}

.dark {
  --background: oklch(0.14 0.015 264);
  --foreground: oklch(0.96 0.005 264);
  --card: oklch(0.18 0.018 264);
  --card-foreground: oklch(0.96 0.005 264);
  --popover: oklch(0.18 0.018 264);
  --popover-foreground: oklch(0.96 0.005 264);
  --primary: oklch(0.68 0.2 275);
  --primary-foreground: oklch(0.14 0.015 264);
  --secondary: oklch(0.24 0.015 264);
  --secondary-foreground: oklch(0.96 0.005 264);
  --muted: oklch(0.22 0.015 264);
  --muted-foreground: oklch(0.65 0.02 264);
  --accent: oklch(0.7 0.17 250);
  --accent-foreground: oklch(0.14 0.015 264);
  --destructive: oklch(0.65 0.22 25);
  --destructive-foreground: oklch(0.96 0.005 264);
  --border: oklch(0.27 0.015 264);
  --input: oklch(0.27 0.015 264);
  --ring: oklch(0.68 0.2 275);
  --chart-1: oklch(0.68 0.2 275);
  --chart-2: oklch(0.7 0.17 250);
  --chart-3: oklch(0.75 0.15 300);
  --chart-4: oklch(0.78 0.12 230);
  --chart-5: oklch(0.72 0.2 320);
  --sidebar: oklch(0.16 0.015 264);
  --sidebar-foreground: oklch(0.96 0.005 264);
  --sidebar-primary: oklch(0.68 0.2 275);
  --sidebar-primary-foreground: oklch(0.14 0.015 264);
  --sidebar-accent: oklch(0.24 0.015 264);
  --sidebar-accent-foreground: oklch(0.96 0.005 264);
  --sidebar-border: oklch(0.27 0.015 264);
  --sidebar-ring: oklch(0.68 0.2 275);
}

@theme inline {
  --font-sans: 'Geist', 'Geist Fallback';
  --font-mono: 'Geist Mono', 'Geist Mono Fallback';
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true"
import type { Metadata, Viewport } from 'next'
import { Geist, Geist_Mono } from 'next/font/google'
import { Analytics } from '@vercel/analytics/next'
import { ThemeProvider } from '@/components/theme-provider'
import './globals.css'

const _geist = Geist({ subsets: ["latin"] });
const _geistMono = Geist_Mono({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: 'Alex Rivera — Full-Stack Developer',
  description:
    'Portfolio of Alex Rivera, a full-stack developer building fast, accessible web and mobile products.',
  generator: 'v0.app',
  icons: {
    icon: [
      {
        url: '/icon-light-32x32.png',
        media: '(prefers-color-scheme: light)',
      },
      {
        url: '/icon-dark-32x32.png',
        media: '(prefers-color-scheme: dark)',
      },
      {
        url: '/icon.svg',
        type: 'image/svg+xml',
      },
    ],
    apple: '/apple-icon.png',
  },
}

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  themeColor: [
    { media: '(prefers-color-scheme: light)', color: '#ffffff' },
    { media: '(prefers-color-scheme: dark)', color: '#0e0e17' },
  ],
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className="dark" suppressHydrationWarning>
      <body className="font-sans antialiased">
        <ThemeProvider
          attribute="class"
          defaultTheme="dark"
          enableSystem={false}
          disableTransitionOnChange
        >
          {children}
        </ThemeProvider>
        {process.env.NODE_ENV === 'production' && <Analytics />}
      </body>
    </html>
  )
}
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.9.1",
    "@vercel/analytics": "1.6.1",
    "@radix-ui/react-accordion": "1.2.12",
    "@radix-ui/react-alert-dialog": "1.1.15",
    "@radix-ui/react-aspect-ratio": "1.1.8",
    "@radix-ui/react-avatar": "1.1.11",
    "@radix-ui/react-checkbox": "1.3.3",
    "@radix-ui/react-collapsible": "1.1.12",
    "@radix-ui/react-context-menu": "2.2.16",
    "@radix-ui/react-dialog": "1.1.15",
    "@radix-ui/react-dropdown-menu": "2.1.16",
    "@radix-ui/react-hover-card": "1.1.15",
    "@radix-ui/react-label": "2.1.8",
    "@radix-ui/react-menubar": "1.1.16",
    "@radix-ui/react-navigation-menu": "1.2.14",
    "@radix-ui/react-popover": "1.1.15",
    "@radix-ui/react-progress": "1.1.8",
    "@radix-ui/react-radio-group": "1.3.8",
    "@radix-ui/react-scroll-area": "1.2.10",
    "@radix-ui/react-select": "2.2.6",
    "@radix-ui/react-separator": "1.1.8",
    "@radix-ui/react-slider": "1.3.6",
    "@radix-ui/react-slot": "1.2.4",
    "@radix-ui/react-switch": "1.2.6",
    "@radix-ui/react-tabs": "1.1.13",
    "@radix-ui/react-toast": "1.2.15",
    "@radix-ui/react-toggle": "1.1.10",
    "@radix-ui/react-toggle-group": "1.1.11",
    "@radix-ui/react-tooltip": "1.2.8",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.1.1",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.6.0",
    "input-otp": "1.4.2",
    "lucide-react": "^0.564.0",
    "next": "16.2.6",
    "next-themes": "^0.4.6",
    "react": "19.2.4",
    "react-day-picker": "9.13.2",
    "react-dom": "19.2.4",
    "react-hook-form": "^7.54.1",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.0",
    "sonner": "^1.7.1",
    "tailwind-merge": "^3.3.1",
    "vaul": "^1.1.2",
    "zod": "^3.24.1",
    "tailwindcss-animate": "1.0.7"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.2.0",
    "@types/node": "^24",
    "@types/react": "19.2.14",
    "@types/react-dom": "19.2.3",
    "postcss": "^8.5",
    "tailwindcss": "^4.2.0",
    "tw-animate-css": "1.3.3",
    "typescript": "5.7.3"
  }
}
[V0_FILE]typescript:file="lib/portfolio-data.ts" isMerged="true"
export const NAV_LINKS = [
  { id: "about", label: "About" },
  { id: "skills", label: "Skills" },
  { id: "projects", label: "Projects" },
  { id: "experience", label: "Experience" },
  { id: "contact", label: "Contact" },
] as const

export const STATS = [
  { label: "Years Experience", value: "5+" },
  { label: "Projects Completed", value: "42" },
  { label: "Happy Clients", value: "28" },
  { label: "Cups of Coffee", value: "1,240" },
]

export const SKILL_GROUPS = [
  {
    category: "Frontend",
    skills: [
      { name: "React", level: 95 },
      { name: "Next.js", level: 92 },
      { name: "TypeScript", level: 90 },
      { name: "Tailwind CSS", level: 95 },
    ],
  },
  {
    category: "Backend",
    skills: [
      { name: "Node.js", level: 88 },
      { name: "PostgreSQL", level: 82 },
      { name: "REST / GraphQL", level: 85 },
      { name: "Python", level: 70 },
    ],
  },
  {
    category: "Tools & Design",
    skills: [
      { name: "Git / GitHub", level: 93 },
      { name: "Figma", level: 78 },
      { name: "Docker", level: 75 },
      { name: "Vercel", level: 90 },
    ],
  },
]

export type ProjectCategory = "Web" | "Mobile" | "Design"

export const PROJECTS: {
  title: string
  description: string
  category: ProjectCategory
  tech: string[]
  github: string
  live: string
}[] = [
  {
    title: "Nimbus Dashboard",
    description: "A real-time analytics dashboard with customizable widgets and live data streaming.",
    category: "Web",
    tech: ["React", "Next.js", "Recharts"],
    github: "https://github.com",
    live: "https://example.com",
  },
  {
    title: "Wanderlist",
    description: "A cross-platform travel itinerary app that syncs trips across all your devices.",
    category: "Mobile",
    tech: ["React Native", "Expo", "Firebase"],
    github: "https://github.com",
    live: "https://example.com",
  },
  {
    title: "Fintrack",
    description: "Personal finance tracker with budgeting tools and spending insights.",
    category: "Web",
    tech: ["Next.js", "PostgreSQL", "Prisma"],
    github: "https://github.com",
    live: "https://example.com",
  },
  {
    title: "Aura UI Kit",
    description: "A comprehensive design system and component library for modern web apps.",
    category: "Design",
    tech: ["Figma", "Storybook", "Tailwind"],
    github: "https://github.com",
    live: "https://example.com",
  },
  {
    title: "Recipe Radar",
    description: "A mobile app for discovering recipes based on ingredients you already have.",
    category: "Mobile",
    tech: ["Flutter", "Dart", "Supabase"],
    github: "https://github.com",
    live: "https://example.com",
  },
  {
    title: "Portfolio OS",
    description: "A desktop-style portfolio experience simulating a full operating system UI.",
    category: "Web",
    tech: ["React", "TypeScript", "Zustand"],
    github: "https://github.com",
    live: "https://example.com",
  },
  {
    title: "Brandmark Studio",
    description: "A brand identity and logo concept package for an early-stage startup.",
    category: "Design",
    tech: ["Figma", "Illustrator"],
    github: "https://github.com",
    live: "https://example.com",
  },
]

export const EXPERIENCE = [
  {
    company: "Northwind Labs",
    role: "Senior Frontend Engineer",
    dates: "2023 — Present",
    points: [
      "Led the migration of a legacy app to Next.js, improving load times by 40%",
      "Mentored a team of 4 junior engineers on modern React patterns",
      "Built a component library adopted across 6 product teams",
    ],
  },
  {
    company: "Cascade Digital",
    role: "Full-Stack Developer",
    dates: "2021 — 2023",
    points: [
      "Shipped 15+ client projects from design handoff to production",
      "Built REST and GraphQL APIs serving over 1M requests/day",
      "Introduced automated testing, reducing production bugs by 30%",
    ],
  },
  {
    company: "Brightloop Studio",
    role: "Frontend Developer",
    dates: "2019 — 2021",
    points: [
      "Developed responsive marketing sites for 20+ small business clients",
      "Collaborated with designers to implement pixel-perfect UI",
      "Optimized site performance, achieving 90+ Lighthouse scores",
    ],
  },
  {
    company: "Freelance",
    role: "Web Developer",
    dates: "2017 — 2019",
    points: [
      "Delivered custom websites and e-commerce stores for local businesses",
      "Managed client relationships end-to-end, from scoping to launch",
      "Built a reputation leading to 80% repeat and referral business",
    ],
  },
]
[V0_FILE]typescriptreact:file="components/portfolio/theme-toggle.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useTheme } from "next-themes"
import { Moon, Sun } from "lucide-react"
import { Button } from "@/components/ui/button"

export function ThemeToggle() {
  const { theme, setTheme } = useTheme()
  const [mounted, setMounted] = useState(false)

useEffect(() => setMounted(true), [])

if (!mounted) {
    return <Button variant="ghost" size="icon" className="size-9" aria-hidden />
  }

const isDark = theme === "dark"

return (
    <Button
      variant="ghost"
      size="icon"
      className="size-9"
      onClick={() => setTheme(isDark ? "light" : "dark")}
      aria-label={isDark ? "Switch to light mode" : "Switch to dark mode"}
    >
      {isDark ? <Sun className="size-4" /> : <Moon className="size-4" />}
    </Button>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/navbar.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Menu, X } from "lucide-react"
import { Button } from "@/components/ui/button"
import { ThemeToggle } from "@/components/portfolio/theme-toggle"
import { NAV_LINKS } from "@/lib/portfolio-data"
import { cn } from "@/lib/utils"

export function Navbar() {
  const [open, setOpen] = useState(false)
  const [active, setActive] = useState<string>("about")

useEffect(() => {
    const sections = NAV_LINKS.map((link) => document.getElementById(link.id)).filter(
      (el): el is HTMLElement => Boolean(el),
    )

const observer = new IntersectionObserver(
      (entries) => {
        entries.forEach((entry) => {
          if (entry.isIntersecting) {
            setActive(entry.target.id)
          }
        })
      },
      { rootMargin: "-40% 0px -50% 0px" },
    )

sections.forEach((el) => observer.observe(el))
    return () => observer.disconnect()
  }, [])

const handleClick = (id: string) => {
    setOpen(false)
    document.getElementById(id)?.scrollIntoView({ behavior: "smooth" })
  }

return (
    <header className="fixed top-0 z-50 w-full border-b border-border/60 bg-background/80 backdrop-blur-md">
      <nav className="mx-auto flex h-16 max-w-6xl items-center justify-between px-4 sm:px-6">
        <button
          onClick={() => handleClick("hero")}
          className="font-mono text-lg font-bold tracking-tight text-foreground"
        >
          alex<span className="text-primary">.dev</span>
        </button>

<div className="hidden items-center gap-1 md:flex">
          {NAV_LINKS.map((link) => (
            <button
              key={link.id}
              onClick={() => handleClick(link.id)}
              className={cn(
                "rounded-full px-4 py-2 text-sm font-medium transition-colors hover:text-foreground",
                active === link.id ? "text-primary" : "text-muted-foreground",
              )}
            >
              {link.label}
            </button>
          ))}
          <ThemeToggle />
        </div>

<div className="flex items-center gap-1 md:hidden">
          <ThemeToggle />
          <Button
            variant="ghost"
            size="icon"
            onClick={() => setOpen((v) => !v)}
            aria-label="Toggle menu"
            aria-expanded={open}
          >
            {open ? <X className="size-5" /> : <Menu className="size-5" />}
          </Button>
        </div>
      </nav>

{open && (
        <div className="border-t border-border/60 bg-background md:hidden">
          <div className="flex flex-col px-4 py-2">
            {NAV_LINKS.map((link) => (
              <button
                key={link.id}
                onClick={() => handleClick(link.id)}
                className={cn(
                  "rounded-md px-3 py-3 text-left text-sm font-medium",
                  active === link.id ? "text-primary" : "text-muted-foreground",
                )}
              >
                {link.label}
              </button>
            ))}
          </div>
        </div>
      )}
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/hero.tsx" isMerged="true"
"use client"

import { ArrowDown, Download } from "lucide-react"
import { Button } from "@/components/ui/button"

export function Hero() {
  const scrollTo = (id: string) => document.getElementById(id)?.scrollIntoView({ behavior: "smooth" })

return (
    <section
      id="hero"
      className="relative flex min-h-screen items-center justify-center overflow-hidden px-4 pt-16"
    >
      <div
        aria-hidden
        className="absolute inset-0 -z-10 bg-[radial-gradient(circle_at_20%_20%,oklch(0.58_0.22_275_/_0.25),transparent_45%),radial-gradient(circle_at_80%_75%,oklch(0.62_0.19_250_/_0.22),transparent_50%)]"
      />
      <div
        aria-hidden
        className="absolute inset-0 -z-10 animate-pulse bg-[radial-gradient(circle_at_60%_30%,oklch(0.68_0.2_275_/_0.15),transparent_40%)]"
        style={{ animationDuration: "6s" }}
      />

<div className="mx-auto flex max-w-3xl flex-col items-center text-center">
        <span className="mb-6 rounded-full border border-border bg-card px-4 py-1.5 text-sm font-medium text-muted-foreground">
          Available for new opportunities
        </span>
        <h1 className="text-balance text-4xl font-bold tracking-tight text-foreground sm:text-6xl">
          Hi, I'm Alex Rivera — I build products for the web
        </h1>
        <p className="mt-4 text-balance text-lg text-muted-foreground sm:text-xl">
          Full-stack developer crafting fast, accessible, and delightful digital experiences.
        </p>
        <p className="mt-4 max-w-xl text-pretty text-base text-muted-foreground">
          I turn ideas into polished products, from pixel-perfect interfaces to scalable backend
          systems, with 5+ years of experience shipping for startups and teams.
        </p>

<div className="mt-8 flex flex-wrap items-center justify-center gap-4">
          <Button size="lg" onClick={() => scrollTo("projects")} className="gap-2">
            View My Work
            <ArrowDown className="size-4" />
          </Button>
          <Button size="lg" variant="outline" asChild>
            <a href="/resume.pdf" download className="gap-2">
              Download Resume
              <Download className="size-4" />
            </a>
          </Button>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/about.tsx" isMerged="true"
import { User } from "lucide-react"
import { STATS } from "@/lib/portfolio-data"

export function About() {
  return (
    <section id="about" className="mx-auto max-w-6xl px-4 py-24 sm:px-6">
      <h2 className="text-balance text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
        About Me
      </h2>
      <div className="mt-12 grid grid-cols-1 items-start gap-10 md:grid-cols-[280px_1fr]">
        <div className="mx-auto flex aspect-square w-full max-w-[280px] items-center justify-center rounded-2xl border border-border bg-card">
          <User className="size-20 text-muted-foreground" strokeWidth={1.25} />
        </div>

<div>
          <p className="text-pretty leading-relaxed text-muted-foreground">
            I'm a full-stack developer based in Austin, TX, specializing in building
            performant, accessible web applications. My journey started with freelance design
            work and evolved into full-stack engineering across startups and product teams.
          </p>
          <p className="mt-4 text-pretty leading-relaxed text-muted-foreground">
            When I'm not coding, I'm usually hiking, experimenting with new coffee
            brewing methods, or contributing to open-source projects. I care deeply about clean
            code, thoughtful UX, and mentoring other developers.
          </p>

<div className="mt-8 grid grid-cols-2 gap-4 sm:grid-cols-4">
            {STATS.map((stat) => (
              <div key={stat.label} className="rounded-xl border border-border bg-card p-4">
                <div className="text-2xl font-bold text-primary">{stat.value}</div>
                <div className="mt-1 text-xs text-muted-foreground">{stat.label}</div>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/skills.tsx" isMerged="true"
import { Code2, Database, Wrench } from "lucide-react"
import { SKILL_GROUPS } from "@/lib/portfolio-data"

const ICONS = {
  Frontend: Code2,
  Backend: Database,
  "Tools & Design": Wrench,
}

export function Skills() {
  return (
    <section id="skills" className="mx-auto max-w-6xl px-4 py-24 sm:px-6">
      <h2 className="text-balance text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
        Skills & Technologies
      </h2>
      <div className="mt-12 grid grid-cols-1 gap-6 md:grid-cols-3">
        {SKILL_GROUPS.map((group) => {
          const Icon = ICONS[group.category as keyof typeof ICONS]
          return (
            <div key={group.category} className="rounded-2xl border border-border bg-card p-6">
              <div className="flex items-center gap-3">
                <div className="flex size-10 items-center justify-center rounded-lg bg-primary/10">
                  <Icon className="size-5 text-primary" />
                </div>
                <h3 className="text-lg font-semibold text-foreground">{group.category}</h3>
              </div>

<div className="mt-6 space-y-4">
                {group.skills.map((skill) => (
                  <div key={skill.name}>
                    <div className="flex items-center justify-between text-sm">
                      <span className="font-medium text-foreground">{skill.name}</span>
                      <span className="text-muted-foreground">{skill.level}%</span>
                    </div>
                    <div className="mt-2 h-2 w-full overflow-hidden rounded-full bg-secondary">
                      <div
                        className="h-full rounded-full bg-gradient-to-r from-primary to-accent transition-all"
                        style={{ width: `${skill.level}%` }}
                      />
                    </div>
                  </div>
                ))}
              </div>
            </div>
          )
        })}
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/projects.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { ExternalLink, Github, ImageIcon } from "lucide-react"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { PROJECTS, type ProjectCategory } from "@/lib/portfolio-data"
import { cn } from "@/lib/utils"

const FILTERS: ("All" | ProjectCategory)[] = ["All", "Web", "Mobile", "Design"]

export function Projects() {
  const [filter, setFilter] = useState<"All" | ProjectCategory>("All")

const filtered = filter === "All" ? PROJECTS : PROJECTS.filter((p) => p.category === filter)

return (
    <section id="projects" className="mx-auto max-w-6xl px-4 py-24 sm:px-6">
      <h2 className="text-balance text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
        Projects
      </h2>

<div className="mt-8 flex flex-wrap gap-2">
        {FILTERS.map((f) => (
          <button
            key={f}
            onClick={() => setFilter(f)}
            className={cn(
              "rounded-full border px-4 py-2 text-sm font-medium transition-colors",
              filter === f
                ? "border-primary bg-primary text-primary-foreground"
                : "border-border bg-card text-muted-foreground hover:text-foreground",
            )}
          >
            {f}
          </button>
        ))}
      </div>

<div className="mt-8 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
        {filtered.map((project) => (
          <div
            key={project.title}
            className="group relative overflow-hidden rounded-2xl border border-border bg-card"
          >
            <div className="relative flex aspect-video items-center justify-center bg-muted">
              <ImageIcon className="size-10 text-muted-foreground" strokeWidth={1.25} />

<div className="p-5">
              <div className="flex items-center justify-between">
                <h3 className="font-semibold text-foreground">{project.title}</h3>
                <Badge variant="secondary">{project.category}</Badge>
              </div>
              <p className="mt-2 text-pretty text-sm text-muted-foreground">{project.description}</p>
              <div className="mt-4 flex flex-wrap gap-2">
                {project.tech.map((t) => (
                  <span
                    key={t}
                    className="rounded-full bg-secondary px-2.5 py-1 text-xs text-secondary-foreground"
                  >
                    {t}
                  </span>
                ))}
              </div>
            </div>
          </div>
        ))}
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/experience.tsx" isMerged="true"
import { Briefcase } from "lucide-react"
import { EXPERIENCE } from "@/lib/portfolio-data"
import { cn } from "@/lib/utils"

export function Experience() {
  return (
    <section id="experience" className="mx-auto max-w-6xl px-4 py-24 sm:px-6">
      <h2 className="text-balance text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
        Experience
      </h2>

<div className="space-y-10">
          {EXPERIENCE.map((job, i) => {
            const isEven = i % 2 === 0
            return (
              <div
                key={job.company}
                className={cn(
                  "relative flex flex-col gap-4 pl-12 sm:pl-0",
                  "sm:grid sm:grid-cols-2 sm:gap-8",
                )}
              >
                <span className="absolute left-2.5 top-1.5 flex size-4 items-center justify-center rounded-full bg-primary sm:left-1/2 sm:-translate-x-1/2">
                  <Briefcase className="size-2.5 text-primary-foreground" />
                </span>

<div className={cn(isEven ? "sm:col-start-1 sm:text-right" : "sm:col-start-2")}>
                  <div className="rounded-2xl border border-border bg-card p-5">
                    <div className="text-sm font-medium text-primary">{job.dates}</div>
                    <h3 className="mt-1 text-lg font-semibold text-foreground">{job.role}</h3>
                    <div className="text-sm text-muted-foreground">{job.company}</div>
                    <ul
                      className={cn(
                        "mt-3 space-y-1.5 text-sm text-muted-foreground",
                        isEven && "sm:list-inside",
                      )}
                    >
                      {job.points.map((point) => (
                        <li key={point} className="text-pretty">
                          {point}
                        </li>
                      ))}
                    </ul>
                  </div>
                </div>
              </div>
            )
          })}
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/portfolio/contact.tsx" isMerged="true"
"use client"

import { useState, type FormEvent } from "react"
import { CheckCircle2, Github, Linkedin, Mail, Send, Twitter } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import { Label } from "@/components/ui/label"

const SOCIALS = [
  { icon: Github, label: "GitHub", href: "https://github.com" },
  { icon: Linkedin, label: "LinkedIn", href: "https://linkedin.com" },
  { icon: Twitter, label: "Twitter", href: "https://twitter.com" },
  { icon: Mail, label: "Email", href: "mailto:hello@alexrivera.dev" },
]

export function Contact() {
  const [submitted, setSubmitted] = useState(false)
  const [loading, setLoading] = useState(false)

const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault()
    setLoading(true)
    setTimeout(() => {
      setLoading(false)
      setSubmitted(true)
      e.currentTarget.reset()
    }, 900)
  }

return (
    <section id="contact" className="mx-auto max-w-6xl px-4 py-24 sm:px-6">
      <h2 className="text-balance text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
        Get In Touch
      </h2>
      <p className="mt-3 max-w-xl text-pretty text-muted-foreground">
        Have a project in mind or just want to say hi? My inbox is always open.
      </p>

<div className="mt-10 grid grid-cols-1 gap-10 md:grid-cols-[1fr_320px]">
        {submitted ? (
          <div className="flex flex-col items-center justify-center gap-3 rounded-2xl border border-border bg-card p-12 text-center">
            <CheckCircle2 className="size-10 text-primary" />
            <h3 className="text-lg font-semibold text-foreground">Message sent!</h3>
            <p className="text-sm text-muted-foreground">
              Thanks for reaching out. I'll get back to you within a day or two.
            </p>
            <Button variant="outline" className="mt-2" onClick={() => setSubmitted(false)}>
              Send another message
            </Button>
          </div>
        ) : (
          <form onSubmit={handleSubmit} className="space-y-5 rounded-2xl border border-border bg-card p-6">
            <div className="grid grid-cols-1 gap-5 sm:grid-cols-2">
              <div className="space-y-2">
                <Label htmlFor="name">Name</Label>
                <Input id="name" name="name" required placeholder="Jane Doe" />
              </div>
              <div className="space-y-2">
                <Label htmlFor="email">Email</Label>
                <Input id="email" name="email" type="email" required placeholder="jane@example.com" />
              </div>
            </div>
            <div className="space-y-2">
              <Label htmlFor="subject">Subject</Label>
              <Input id="subject" name="subject" required placeholder="Let's build something" />
            </div>
            <div className="space-y-2">
              <Label htmlFor="message">Message</Label>
              <Textarea id="message" name="message" required rows={5} placeholder="Your message..." />
            </div>
            <Button type="submit" disabled={loading} className="gap-2">
              {loading ? "Sending..." : "Send Message"}
              <Send className="size-4" />
            </Button>
          </form>
        )}

export default function Page() {
  return (
    <main className="min-h-screen bg-background">
      <Navbar />
      <Hero />
      <About />
      <Skills />
      <Projects />
      <Experience />
      <Contact />
      <Footer />
    </main>
  )
}44:o3bf8,f2:["$","$Lf4",null,{"params":{"chatId":"muBiJbz2bjE"},"promises":{"attributes":"$@fe","externalMeta":"$@ff","latest":"$@100","messagesRange":"$@101","messages":"$@102","template":"$@103","gitStatus":"$@104"},"children":["$","$L106",null,{"chatId":"muBiJbz2bjE","children":["$","$L107",null,{"seedOnlyKeys":["@\"chat:state\",\"muBiJbz2bjE\","],"data":{"block:output:initial":{"id":"b_gZnuaUVA21T","result":"$@108"},"@\"block:mappings\",\"muBiJbz2bjE\",":{"sqlBlockExecutionStates":"$Q109","blocksForkedFrom":"$Q10a","blocksTemplateIds":"$Q10b","blocksCreatedAt":"$Q10c","blocksShared":"$Q10d","blocksDeployed":"$Q10e","blocksSubdomains":"$Q10f","brandedBlocks":"$Q110","unlistedBlocks":"$Q111","blockOutputs":"$Q112"},"@\"chat:state\",\"muBiJbz2bjE\",":{"messages":[{"content":{"type":"parts","parts":[{"type":"mdx","content":"$113"}],"version":1},"role":"user","id":"FyWMmXkxc0YdqRRUidbi40ZE23nM6UmJ","attachments":[],"type":"message","authorId":"SUZQkdqchfvoVAt1dTWnBBqI","createdAt":"$D2026-08-22T12:48:30.274Z"},{"v0ModelId":"v0-pro","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1787402917385,"finishedAt":1787402920996,"lastPartSentAt":1787402920996,"taskNameActive":null,"id":"mTrLeD6gHdXc6EaF","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":4,"thought":"I'll structure this as a single-page portfolio split into components, defaulting to dark mode with a theme toggle and electric blue/purple accents. Since the original spec did request some motion, I'll lean toward simple CSS-only transitions rather than heavy JS animation, keeping things lightweight while still honoring that ask.\n\nNow I'm mapping out the file structure - layout, globals, page, and separate component files for navbar, hero, about, skills, projects, experience, contact, and footer. I need to check whether next-themes is already available in the project before deciding how to implement the dark mode toggle, otherwise I'll just manage it with a simple class-based approach."}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1787402921037,"finishedAt":1787402921806,"lastPartSentAt":1787402921785,"taskNameActive":"Scanning project structure","taskNameComplete":"Scanned project structure","toolCallId":"toolu_01YPZh8i1GkVRRJ7besFmVT1","agentTurnId":"turn_aYoTQGGCpVwCGQ4i","filePath":null,"id":"IwhUE90B7k24a150","type":"task-ls-repo-v1","parts":[{"type":"ls"},{"type":"ls-results","numFiles":79}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1787402927785,"finishedAt":1787402928324,"lastPartSentAt":1787402928324,"taskNameActive":null,"id":"RzHH3Ca6YPCoYpG3","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"Good, the theme-provider exists. Now I'll check layout.tsx, globals.css, the theme-provider content, and package.json to confirm next-themes is set up."}]}}],["AssistantMessageContentPart",{"part":{"type":"task-grouped-tasks-v1","id":"VRobJNR0p0k5PK6d-VcOl1ON3JicBpQKI-2xF1ZZryq083QaLn","parts":[{"createdAt":1787402928375,"finishedAt":1787402930144,"lastPartSentAt":1787402930123,"taskNameActive":"Reading layout and theme files","taskNameComplete":"Read layout and theme files","toolCallId":"toolu_019xTUqF9N5Jh9oNWonqyF6y","agentTurnId":"turn_8f8Fe6Fuq6szCgcN","filePath":null,"id":"VRobJNR0p0k5PK6d","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/layout.tsx"}]},{"createdAt":1787402929544,"finishedAt":1787402930148,"lastPartSentAt":1787402930126,"taskNameActive":"Reading layout and theme files","taskNameComplete":"Read layout and theme files","toolCallId":"toolu_01FGeDN9CNH9scMdrx5XpR6F","agentTurnId":"turn_8f8Fe6Fuq6szCgcN","filePath":null,"id":"VcOl1ON3JicBpQKI","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"components/theme-provider.tsx"}]},{"createdAt":1787402929824,"finishedAt":1787402930173,"lastPartSentAt":1787402930133,"taskNameActive":"Reading globals.css","taskNameComplete":"Read globals.css","toolCallId":"toolu_01H3NGqo48FQzsQJHHqSBCNW","agentTurnId":"turn_8f8Fe6Fuq6szCgcN","filePath":null,"id":"2xF1ZZryq083QaLn","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/globals.css"}]}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Explore • 3 Files","taskNameComplete":"Explore • 3 Files"},"id":"VRobJNR0p0k5PK6d-VcOl1ON3JicBpQKI-2xF1ZZryq083QaLn"}],["AssistantMessageContentPart",{"part":{"createdAt":1787402938216,"finishedAt":1787402941104,"lastPartSentAt":1787402941104,"taskNameActive":null,"id":"AzvJxHshW1sbtcBv","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":3,"thought":"I'm setting up theme tokens with an electric purple/blue accent on a dark default, updating globals.css colors and wrapping the layout with a ThemeProvider plus suppressHydrationWarning. Now I'm planning out the portfolio components—navbar, hero, about, skills, projects, experience—before writing them all.\n\nAlso planning contact.tsx, footer.tsx, and a theme-toggle component, and I want to verify lucide-react and framer-motion are in package.json before using their icons."}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1787402941152,"finishedAt":1787402941474,"lastPartSentAt":1787402941452,"taskNameActive":"Checking package.json dependencies","taskNameComplete":"Checked package.json dependencies","toolCallId":"toolu_01DLJCaeRJ3g5p7Nc5eBnurU","agentTurnId":"turn_eVng2NDbXl8TumXv","filePath":null,"id":"30PRzQiUgWlpZa6R","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"package.json"}]}}],["p",{},["text",{},"Good, lucide-react and next-themes are available. Now I'll write all files in parallel."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_NJkUuYRhdCL","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]css:file=\"app/globals.css\" \nGENERATING\n[V0_FILE]tsx:file=\"app/layout.tsx\" \nGENERATING","sourceVersionKey":"v_1_sryqi_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_NJkUuYRhdCL","meta":{"taskNameActive":"Updating root layout","taskNameComplete":"Updated root layout","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating root layout","taskNameComplete":"Updated root layout"},"id":"block-b_NJkUuYRhdCL"}],["p",{},["text",{},"Now let's create shared data and all section components in parallel."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_KPT6yHndHVv","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"lib/portfolio-data.ts","baseName":"portfolio-data.ts","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/theme-toggle.tsx","baseName":"theme-toggle.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/navbar.tsx","baseName":"navbar.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/hero.tsx","baseName":"hero.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/about.tsx","baseName":"about.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/skills.tsx","baseName":"skills.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/projects.tsx","baseName":"projects.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/experience.tsx","baseName":"experience.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/contact.tsx","baseName":"contact.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/footer.tsx","baseName":"footer.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]ts:file=\"lib/portfolio-data.ts\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/theme-toggle.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/navbar.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/hero.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/about.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/skills.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/projects.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/experience.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/contact.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/portfolio/footer.tsx\" \nGENERATING","sourceVersionKey":"v_1_igpqd_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_KPT6yHndHVv","meta":{"taskNameActive":"Creating footer","taskNameComplete":"Created footer","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Creating footer","taskNameComplete":"Created footer"},"id":"block-b_KPT6yHndHVv"}],["p",{},["text",{},"Now let's assemble the page."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_gZnuaUVA21T","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"lib/portfolio-data.ts","baseName":"portfolio-data.ts","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/theme-toggle.tsx","baseName":"theme-toggle.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/navbar.tsx","baseName":"navbar.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/hero.tsx","baseName":"hero.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/about.tsx","baseName":"about.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/skills.tsx","baseName":"skills.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/projects.tsx","baseName":"projects.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/experience.tsx","baseName":"experience.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/contact.tsx","baseName":"contact.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/portfolio/footer.tsx","baseName":"footer.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/page.tsx","baseName":"page.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$114","sourceVersionKey":"v_1_838wt_s3","needsBlockSource":false,"isAllImages":false,"blockId":"b_gZnuaUVA21T","meta":{"taskNameActive":"Assembling homepage","taskNameComplete":"Assembled homepage","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Assembling homepage","taskNameComplete":"Assembled homepage"},"id":"block-b_gZnuaUVA21T"}],["p",{},["text",{},"I've built a complete personal portfolio site with a sticky nav (scroll-spy + mobile hamburger menu), an animated-gradient hero with two CTAs, an about section with stats, categorized/animated skill bars, a filterable 7-project grid with hover overlays, an alternating vertical timeline for experience, and a contact form with simulated submission plus social links. Dark mode is the default (toggle in the nav) using an electric purple/blue accent token system defined in "],["code",{},"globals.css"],["text",{},", and everything is responsive from mobile to desktop."]],["AssistantMessageContentPart",{"part":{"createdAt":1787403063977,"finishedAt":1787403077833,"lastPartSentAt":1787403077813,"id":"Jyan1co8Q7h0Zw26","type":"task-diagnostics-v1","blockId":"b_gZnuaUVA21T","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"nSp4RIMScyOENnFM9odfaYy95Iyhz5c2","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"FyWMmXkxc0YdqRRUidbi40ZE23nM6UmJ","type":"message","creditCost":0.4301647,"workMetrics":{"diffMap":{"app/layout.tsx":{"addedLines":63,"removedLines":0},"app/globals.css":{"addedLines":125,"removedLines":0},"lib/portfolio-data.ts":{"addedLines":155,"removedLines":0},"components/portfolio/hero.tsx":{"addedLines":54,"removedLines":0},"components/portfolio/about.tsx":{"addedLines":39,"removedLines":0},"components/portfolio/footer.tsx":{"addedLines":11,"removedLines":0},"components/portfolio/navbar.tsx":{"addedLines":99,"removedLines":0},"components/portfolio/skills.tsx":{"addedLines":50,"removedLines":0},"components/portfolio/contact.tsx":{"addedLines":102,"removedLines":0},"components/portfolio/projects.tsx":{"addedLines":87,"removedLines":0},"components/portfolio/experience.tsx":{"addedLines":56,"removedLines":0},"components/portfolio/theme-toggle.tsx":{"addedLines":31,"removedLines":0},"app/page.tsx":{"addedLines":23,"removedLines":0}},"linesRead":257,"agentActions":18},"createdAt":"$D2026-08-22T12:48:30.275Z","updatedAt":"$D2026-08-22T12:51:18.420Z"}],"lastSyncedAt":1789939785015,"undo":null,"activeForkKey":["FyWMmXkxc0YdqRRUidbi40ZE23nM6UmJ","nSp4RIMScyOENnFM9odfaYy95Iyhz5c2"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"muBiJbz2bjE\",":{"id":"b_gZnuaUVA21T","meta":{"taskNameActive":"Assembling homepage","taskNameComplete":"Assembled homepage","type":"code-project","id":"Code"},"initial":true,"type":"code-project","messageId":"nSp4RIMScyOENnFM9odfaYy95Iyhz5c2","language":"typescriptreact","source":"$115","closed":true,"hasSourceBeenEdited":false,"isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"muBiJbz2bjE\",":{"title":"Personal portfolio","authorId":"SUZQkdqchfvoVAt1dTWnBBqI","ownerId":"team_b4WSqSqKuZ3DulfRHU2KARyC","storageEntityType":null,"storageEntityId":null,"tailwindV4Default":true,"vercelProjectId":null,"canWriteToChat":false,"from":"api/chats","nextVersionDefault":16},"@\"chat:vm-mode\",\"muBiJbz2bjE\",":false,"@\"chat:vercel-project\",\"muBiJbz2bjE\",":"$@116","@\"team:sensitive-environment-variable-policy\",\"muBiJbz2bjE\",":"$@117","@\"block-view\",\"muBiJbz2bjE\",":true,"integrations:figma":"$@118"},"children":["$L119","$L11a","$L11b","$L11c","$L11d"]}]}]}]
44:o8,f1:null
44:odb9,11e: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"FullChat",1]
11f:"NavigationMarker"
120:I[681304,["$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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$11f"]
121:"OpenInV0JourneyCompletion"
122: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$121"]
123:"SuspendingKeepTitleUpdated"
124: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$123"]
125:"KeepClientOnUpToDateSlugPath"
126: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","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$125"]
fe:{"ok":true,"value":{"designSystemId":null,"title":"Personal portfolio","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_b4WSqSqKuZ3DulfRHU2KARyC","authorId":"anon:9IudsWf2UEbVURNzOe1eU","tailwindV4Default":true,"nextVersionDefault":16,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"chatCreatedAt":1787402910459,"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}}
ff:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
100:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
101:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
102:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
103:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
104:{"ok":true,"value":null,"__seedOnly":true}
108:null
116:"$undefined"
117:"$undefined"
118:{"isSignedIn":false}
119:["$","$L11e","full-chat",{"isMobile":false,"templatesServer":null}]
11a:["$","$L120",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
11b:["$","$L122",null,{}]
11c:["$","$3d",null,{"children":["$","$L124",null,{"chatId":"muBiJbz2bjE"}]}]
11d:["$","$L126",null,{"id":"muBiJbz2bjE","requireMatchingChatPath":true,"title":"Personal portfolio"}]
44:o11,42:true
41:60251
44:o2c,40:C
3f:C
1:C
37:C
21:C
35:C
2b:C
1a:C
17:C
44:C
</article></body></html>