43:o1,~43:o867,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/1pge725dtip24.js" 4:I[244313,["$3"],"default"] 5:I[869785,["$3"],"default"] 36:"ViewportBoundary" 37:I[179377,["$3"],"$36"] 39:"MetadataBoundary" 3a:I[179377,["$3"],"$39"] 3b:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/08s7f0jdthv5p.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2hhk-l284v1ie.css","style"] :HL["/chat-static/_next/static/immutable/chunks/37jte60u7mion.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1hpfjk74mwvu3.css","style"] 1:X 6:X 15:X 18:X 1f:X 1d:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L1e","p":false,"v":"$1f"}}]] 1b:[["children",{"s":{"n":"id","t":"d","k":"fassano-mobile-app-uVHl11tNAtR","s":null},"h":98,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}]] 29:X 27:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L28","p":false,"v":"$29"}}]] 25:[["children",{"s":{"n":"id","t":"d","k":"fassano-mobile-app-uVHl11tNAtR","s":null},"h":38,"d":{"r":"$L26","p":false,"v":"$6"},"c":"$Q27"}]] 23:[["children",{"s":"chat","h":106,"d":{"r":"$L24","p":false,"v":"$6"},"c":"$Q25"}]] 21:[["children",{"s":"(chat)","h":106,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}]] 33:X 31:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L32","p":false,"v":"$33"}}]] 2f:[["children",{"s":{"n":"id","t":"d","k":"fassano-mobile-app-uVHl11tNAtR","s":null},"h":102,"d":{"r":"$L30","p":false,"v":"$6"},"c":"$Q31"}]] 2d:[["children",{"s":"chat","h":106,"d":{"r":"$L2e","p":false,"v":"$6"},"c":"$Q2f"}]] 2b:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2c","p":false,"v":"$6"},"c":"$Q2d"}]] 35:X 19:[["children",{"s":"chat","h":98,"d":{"r":"$L1a","p":false,"v":"$6"},"c":"$Q1b"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L20","p":false,"v":"$6"},"c":"$Q21"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2a","p":false,"v":"$6"},"c":"$Q2b"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L34","p":false,"v":"$35"}}]] 16:[["children",{"s":{"n":"scope","t":"d","k":"pi-d28c3564","s":null},"h":74,"d":{"r":"$L17","p":false,"v":"$18"},"c":"$Q19"}]] 43:oc5b,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/08s7f0jdthv5p.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2hhk-l284v1ie.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/37jte60u7mion.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1hpfjk74mwvu3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0mco4ll63g_gw.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3x7abkn_82y0i.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/180hcdzpqrgcp.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2sojgjbuv2d5y.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3uv_9b_tbec0t.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/27pbf2ea84p7h.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/43ed_ha4wjnk9.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/38pwpjkx51h2e.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/43hclom227ve0.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0aaw5ikv5oye_.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0jmc74_48ugjr.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/0lo3o878mwxse.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/01ofw62nkfqro.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2d1qhlfzaf3pb.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2_vyj7w6shyma.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1xgklr5992rqw.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13"],"$L14"]}],"p":false,"v":"$15"},"c":"$Q16"}]] 43:o1db,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-cgas","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 3d:X 3e:X 43:o71d,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L37","p4g2HzY-ty7h6UU2XbaZQv",{"children":"$L38"}],["$","$L3a","p4g2HzY-ty7h6UU2XbaZQm",{"children":[["$","div",null,{"hidden":true,"children":["$","$3b",null,{"name":"Next.Metadata","children":"$L3c"}]}],null]}]]}],"p":false,"v":"$3d"}},"s":"$3e","a":"$@3f","w":"$@40"} 43:o1000,42:I[179377,["$3"],"OutletBoundary"] 44:"LoadingBoundaryProvider" 45:I[244313,["$3"],"$44"] 4d:"/chat-static/_next/static/immutable/chunks/0mco4ll63g_gw.js" 4e:"/chat-static/_next/static/immutable/chunks/3x7abkn_82y0i.js" 4f:"/chat-static/_next/static/immutable/chunks/180hcdzpqrgcp.js" 50:"/chat-static/_next/static/immutable/chunks/2sojgjbuv2d5y.js" 51:"/chat-static/_next/static/immutable/chunks/3uv_9b_tbec0t.js" 52:"/chat-static/_next/static/immutable/chunks/27pbf2ea84p7h.js" 53:"/chat-static/_next/static/immutable/chunks/43ed_ha4wjnk9.js" 54:"/chat-static/_next/static/immutable/chunks/38pwpjkx51h2e.js" 55:"/chat-static/_next/static/immutable/chunks/43hclom227ve0.js" 56:"/chat-static/_next/static/immutable/chunks/0aaw5ikv5oye_.js" 57:"/chat-static/_next/static/immutable/chunks/0jmc74_48ugjr.js" 58:"/chat-static/_next/static/immutable/chunks/0lo3o878mwxse.js" 59:"/chat-static/_next/static/immutable/chunks/01ofw62nkfqro.js" 5a:"/chat-static/_next/static/immutable/chunks/2d1qhlfzaf3pb.js" 5b:"/chat-static/_next/static/immutable/chunks/2_vyj7w6shyma.js" 5c:"/chat-static/_next/static/immutable/chunks/1xgklr5992rqw.js" 5d:"/chat-static/_next/static/immutable/chunks/0dxgz2n-xzqpv.js" 5e:"/chat-static/_next/static/immutable/chunks/0dj2yvk3wfaki.js" 5f:"/chat-static/_next/static/immutable/chunks/37iuv1e1r3jyg.js" 60:"/chat-static/_next/static/immutable/chunks/0f1lilwypgzcf.js" 61:"/chat-static/_next/static/immutable/chunks/1c6h6-cszr2ln.js" 62:"/chat-static/_next/static/immutable/chunks/2yu0jnzyiblwi.js" 63:"/chat-static/_next/static/immutable/chunks/0k944umacjvnn.js" 64:"/chat-static/_next/static/immutable/chunks/2c-0k577491jk.js" 65:"/chat-static/_next/static/immutable/chunks/1thri3vo59u_0.js" 66:"/chat-static/_next/static/immutable/chunks/1g1mkareeba0v.js" 67:"/chat-static/_next/static/immutable/chunks/3hgg-3-1mslq1.js" 68:"/chat-static/_next/static/immutable/chunks/140l-tkuzqri9.js" 69:"/chat-static/_next/static/immutable/chunks/3iatcu_sk_hdu.js" 6a:"/chat-static/_next/static/immutable/chunks/2gq033jil37h5.js" 6b:"/chat-static/_next/static/immutable/chunks/14pj7pm62os2r.js" 6c:"/chat-static/_next/static/immutable/chunks/0ji44jpm7s_x8.js" 6d:"/chat-static/_next/static/immutable/chunks/41o-lek41_mbs.js" 6e:"/chat-static/_next/static/immutable/chunks/2i1kvwjfgg0wy.js" 6f:"/chat-static/_next/static/immutable/chunks/3szcebacvpra8.js" 70:"/chat-static/_next/static/immutable/chunks/3ab4469sq9c5d.js" 71:"/chat-static/_next/static/immutable/chunks/32aayth1lahou.js" 72:"/chat-static/_next/static/immutable/chunks/1j_ah5cgw6mv4.js" 73:"/chat-static/_next/static/immutable/chunks/3jb3io-se4gl0.js" 74:"/chat-static/_next/static/immutable/chunks/2x5ux_nn-uawa.js" 75:"/chat-static/_next/static/immutable/chunks/2hu5i0cmzladp.js" 76:"/chat-static/_next/static/immutable/chunks/30ewy8m-0wgob.js" 77:"/chat-static/_next/static/immutable/chunks/1ncrpzsqlf939.js" 78:"/chat-static/_next/static/immutable/chunks/3e8jfotuibh2s.js" 79:I[822201,["$4d","$4e","$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"],"default"] 7a:"/chat-static/_next/static/immutable/chunks/0o0d4z4e15t0w.js" 7b:"/chat-static/_next/static/immutable/chunks/2nqwmbhs33kl1.js" 7c:"/chat-static/_next/static/immutable/chunks/2-f9n_fnn9wnt.js" 7d:"/chat-static/_next/static/immutable/chunks/2rt3v4os8rh4m.js" 7e:"/chat-static/_next/static/immutable/chunks/2ankyu4qrx2i4.js" 7f:"/chat-static/_next/static/immutable/chunks/2g8w43k_n7br2.js" 80:"GitChatHeaderSkeleton" 81:I[70040,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$80"] 6:C 9:["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/0dxgz2n-xzqpv.js","async":true,"nonce":"$undefi43:o53d,ned"}] a:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/0dj2yvk3wfaki.js","async":true,"nonce":"$undefined"}] b:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/37iuv1e1r3jyg.js","async":true,"nonce":"$undefined"}] c:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/0f1lilwypgzcf.js","async":true,"nonce":"$undefined"}] d:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1c6h6-cszr2ln.js","async":true,"nonce":"$undefined"}] e:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/2yu0jnzyiblwi.js","async":true,"nonce":"$undefined"}] f:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/0k944umacjvnn.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/2c-0k577491jk.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/1thri3vo59u_0.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/1g1mkareeba0v.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/3hgg-3-1mslq1.js","async":true,"nonce":"$undefined"}] 43:o644,17:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/140l-tkuzqri9.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3iatcu_sk_hdu.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2gq033jil37h5.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/14pj7pm62os2r.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0ji44jpm7s_x8.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/41o-lek41_mbs.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2i1kvwjfgg0wy.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3szcebacvpra8.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3ab4469sq9c5d.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/32aayth1lahou.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1j_ah5cgw6mv4.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3jb3io-se4gl0.js","async":true,"nonce":"$undefined"}]],"$L41"]}] 43:ob1a,1a:["$","$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"}]]}] 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,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2ezifocms6etp.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2nqwmbhs33kl1.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2-f9n_fnn9wnt.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/3e8jfotuibh2s.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ncrpzsqlf939.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2rt3v4os8rh4m.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2g8w43k_n7br2.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2ankyu4qrx2i4.js","async":true,"nonce":"$undefined"}]],["$","$L42",null,{"children":["$","$3b",null,{"name":"Next.MetadataOutlet","children":"$@43"}]}]]}] 20:["$","$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"}]]}] 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"}]]}] 43:o1103,26:["$","$L45",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"}]}],"$L46","$L47","$L48"]}]}]]}]}],"$L49"]}],"$L4a"]}],[],null],"children":"$L4b"}] 43:o1000,28:["$","$2","c",{"children":["$L4c",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2ezifocms6etp.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2nqwmbhs33kl1.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2-f9n_fnn9wnt.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/3e8jfotuibh2s.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ncrpzsqlf939.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2rt3v4os8rh4m.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2g8w43k_n7br2.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2ankyu4qrx2i4.js","async":true,"nonce":"$undefined"}]],null]}] 2a:["$","$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"}]]}] 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:["$","$L45",null,{"loading":[["$","$L79","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2x5ux_nn-uawa.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2hu5i0cmzladp.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/30ewy8m-0wgob.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1ncrpzsqlf939.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3e8jfotuibh2s.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"}]]}]}] 32:["$","$2","c",{"children":[["$","$3b",null,{"fallback":["$","$L81",null,{}],"children":"$L82"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0o0d4z4e15t0w.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2nqwmbhs33kl1.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2-f9n_fnn9wnt.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1ncrpzsqlf939.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2rt3v4os8rh4m.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2ankyu4qrx2i4.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3e843:o172,jfotuibh2s.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/30ewy8m-0wgob.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2g8w43k_n7br2.js","async":true,"nonce":"$undefined"}]],null]}] 34:["$","$2","c",{"children":["$L83",null,null]}] 43:o7d1,85:I[987761,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"AppCard"] 86:"FULL_BLEED_APP_CARD_CLASSNAME" 87:I[987761,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$86"] 88:"/chat-static/_next/static/immutable/chunks/1ikfasjnk4iff.js" 89:"SidebarCollapseButton" 8a:I[663042,["$4d","$4e","$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","$88"],"$89"] 8b:I[192842,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"ChatWarning"] 8c:I[903785,["$4d","$4e","$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","$88"],"NewChatButton"] 3e:300 46:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 47:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 48:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 49:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 84:T1963,43:o1963,43:o35d,4a:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$84"}}] 4b:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3b",null,{"fallback":["$","$L85",null,{"className":"$87","children":[["$","$L8a",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"}],["$","$L8b",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L8c",null,{}]}]]}],"children":"$L8d"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 43:o17,15:T8,variants8e:T18d6,43: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"}] });43:o158,14:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$8e"}}],"$L8f","$L90","$L91","$L92"]}],"$L93"]}] 43:o1000,94:"GeistThemeScript" 95:I[366216,["$4d","$4e","$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"],"$94"] 96:I[600033,["$4d","$4e","$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"],"AppStoreMetaTag"] 97:I[366216,["$4d","$4e","$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"],"GeistProvider"] 98:I[818362,["$4d","$4e","$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"],"LocaleProvider"] 99:I[841245,["$4d","$4e","$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"],"MotionConfig"] 9a:"AtomicContextSWRProvider" 9b:I[850359,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$9a"] 9c:"GlobalPromiseContextProvider" 9d:I[850359,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$9c"] a0:I[827887,["$4d","$4e","$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"],"JotaiProvider"] a1:"ServerQuerySWRRuntimeProvider" a2:I[74757,["$4d","$4e","$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"],"$a1"] a4:I[815349,["$4d","$4e","$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"],"CleanupStorage"] a5:I[912927,["$4d","$4e","$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"],"Analytics"] a6:I[763261,["$4d","$4e","$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"],"SpeedInsights"] a8:"VercelianAppFlowMigrator" a9:I[23825,["$4d","$4e","$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"],"$a8"] aa:I[108762,["$4d","$4e","$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"],"TrackInfo"] ab:I[578386,["$4d","$4e","$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"],"PageViewTracker"] ac:I[356301,["$4d","$4e","$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"],"AutoCapture"] 8f:["$","$L95",null,{"storageKey":"theme"}] 90:["$","$3b",null,{"children":["$","$L96",null,{}]}] 91:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 92:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://sche43:o170,ma.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\"}}]"}}] 43:o93b,93:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased _cpZVG_variable W08ayW_variable hGs1mq_variable","children":[["$","$L97",null,{"storageKey":"theme","withScript":false,"children":["$","$L98",null,{"locale":"en","children":["$","$L99",null,{"reducedMotion":"user","children":["$","$L9b",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":["$","$L9d",null,{"params":null,"promises":{"dailyModelUsage":"$@9e","freeFixWithV0Usage":"$@9f"},"children":[["$","$La0",null,{"children":["$","$La2",null,{"children":"$La3"}]}],["$","$La4",null,{}]]}]}]}]}]}],["$","$La5",null,{}],["$","$La6",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3b",null,{"children":"$La7"}],["$","$La9",null,{}],["$","$Laa",null,{}],["$","$Lab",null,{}],["$","$Lac",null,{}]]}] 43:o90,38:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 43:oe,3d:T8,variants43:o1000,ad:"HydrateDurableAtoms" ae:I[783749,["$4d","$4e","$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"],"$ad"] af:I[359783,["$4d","$4e","$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"],"DataProvider"] b0:I[32170,["$4d","$4e","$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"],"UserProvider"] b2:"AnimatedIconProvider" b3:I[908887,["$4d","$4e","$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"],"$b2"] b4:I[30570,["$4d","$4e","$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"],"PortalProvider"] b5:"SnowflakePublishProvider" b6:I[966820,["$4d","$4e","$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"],"$b5"] b7:"UserInputProvider" b8:I[472914,["$4d","$4e","$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"],"$b7"] b9:I[69221,["$4d","$4e","$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"],"CmdkProvider"] ba:"VirtualMachineUIStateProvider" bb:I[319228,["$4d","$4e","$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"],"$ba"] bc:"DeployedPreviewIframeRefProvider" bd:I[166890,["$4d","$4e","$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"],"$bc"] be:"PreviewSourceUIStateProvider" bf:I[197843,["$4d","$4e","$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"],"$be"] c0:I[367078,["$4d","$4e","$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"],"LoaderProvider"] c1:"PromptFormUIProvider" c2:I[595358,["$4d","$4e","$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"],"$c1"] c3:I[242759,["$4d","$4e","$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"],"FlagsProvider"] c5:I[823172,["$4d","$4e","$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"],"NuqsAdapter"] c6:"ChatTabsProvider" c7:I[568561,["$4d","$4e","$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"],"$c6"] c8:"PersonalScopeMigrationAnnouncementProvider" c9:I[206559,["$4d","$4e","$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"],"$c8"] cb:"AnnouncementVisibilityProvider" cc:I[878519,["$4d","$4e","$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"],"$cb"] cf:I[561588,["$4d","$4e","$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"],"Toaster"] d0:I[407562,["$4d","$4e","$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"],"Toaster"] d1:"SuspendingDialogs43:o2fb," d2:I[840793,["$4d","$4e","$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"],"$d1"] d3:I[323194,["$4d","$4e","$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"],"SignInDialog"] d4:I[279070,["$4d","$4e","$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"],"ConsentBanner"] d5:I[15279,["$4d","$4e","$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"],"SessionManager"] 43:o8ef,a3:["$","$Lae",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"sidebarGroupOrder":[],"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"manualModelSelectionAnchorKey":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Laf",null,{"children":["$","$Lb0",null,{"expectUser":false,"userPromise":"$@b1","children":["$","$Lb3",null,{"children":["$","$Lb4",null,{"children":["$","$Lb6",null,{"children":["$","$Lb8",null,{"children":["$","$Lb9",null,{"children":["$","$Lbb",null,{"children":["$","$Lbd",null,{"children":["$","$Lbf",null,{"children":["$","$Lc0",null,{"children":["$","$Lc2",null,{"children":["$","$Lc3",null,{"promise":"$@c4","middlewareFlags":["cgas"],"children":["$","$Lc5",null,{"children":["$","$Lc7",null,{"children":["$","$Lc9",null,{"destinationTeamIdPromise":"$@ca","children":["$","$Lcc",null,{"visiblePromise":"$@cd","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":[["$","$3b",null,{"fallback":null,"children":"$Lce"}],["$","$Lcf",null,{}],["$","$Ld0",null,{}],["$","$3b",null,{"fallback":null,"children":["$","$Ld2",null,{}]}],["$","$Ld3",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ld4",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 43:o12c,8d:["$","$L85",null,{"className":"$87","children":["$4b:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L8b",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] a7:["$","$Ld5",null,{"enabled":false}] 43:o20,b1:"$undefined" cd:true ce:null 43:o77,3d:0 35:0 1f:0 33:0 29:0 3e:60 35:T8,variants33:T8,variants18:T8,variants3d:T2,id33:T5,scope29:T2,id18:T5,scope33:T2,id43:od24,d6:"RouteChatIdProvider" d7:I[903690,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$d6"] d8:"CompletionAttentionProvider" d9:I[607506,["$4d","$4e","$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"],"$d8"] da:"SidebarUIProvider" db:I[475961,["$4d","$4e","$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"],"$da"] de:"HeaderSlotClientRouter" df:I[597544,["$4d","$4e","$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"],"$de"] e0:"/chat-static/_next/static/immutable/chunks/2_0wpkek6io0y.js" e1:I[32459,["$4d","$4e","$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","$e0"],"default"] e2:I[990009,["$4d","$4e","$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"],"Header"] e3:"RevalidateChatIdSkeletonStyles" e4:I[564011,["$4d","$4e","$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"],"$e3"] e5:I[980088,["$4d","$4e","$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"],"DynamicCMDK"] e6:"PromptQueueSnapshotProvider" e7:I[475641,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$e6"] ea:"ChatPromiseContextProvider" eb:I[850359,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$ea"] f3:I[70040,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"GitChatHeader"] f4:I[248643,["$3"],"IconMark"] 83:null 43:o77d,41:["$","$Ld7",null,{"children":["$","$Ld9",null,{"children":["$","$Ldb",null,{"children":[["$","$3b",null,{"fallback":null,"children":"$@dc"}],["$","$3b",null,{"children":"$Ldd"}],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":[["$","$Ldf",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$e1","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2_0wpkek6io0y.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Le2",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$e1","errorStyles":"$41:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$41: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":"$e1","errorStyles":"$41:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$41: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,["$","$3b",null,{"children":["$","$Le4",null,{}]}],["$","$Le5",null,{}]]}]}]}] 43:o16a,4c:["$","$Le7",null,{"initial":{"chatId":"uVHl11tNAtR","snapshot":"$@e8"},"children":"$Le9"}] 82:["$","$Leb",null,{"params":{"chatId":"uVHl11tNAtR"},"promises":{"attributes":"$@ec","externalMeta":"$@ed","latest":"$@ee","messagesRange":"$@ef","messages":"$@f0","template":"$@f1","gitStatus":"$@f2"},"children":["$","$Lf3",null,{"chatId":"uVHl11tNAtR"}]}] ca:null 43:o736,3c:[["$","title","0",{"children":"FASSANO mobile app - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Please create a mobile app based on below name and description. The app should be designed with mobile-first principles, optimized for responsive for mobile..."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/fassano-mobile-app-uVHl11tNAtR"}],["$","meta","4",{"property":"og:title","content":"FASSANO mobile app - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"Please create a mobile app based on below name and description. The app should be designed with mobile-first principles, optimized for responsive for mobile..."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/uVHl11tNAtR"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"FASSANO mobile app - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"Please create a mobile app based on below name and description. The app should be designed with mobile-first principles, optimized for responsive for mobile..."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/uVHl11tNAtR"}],["$","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"}],["$","$Lf4","15",{}]] 43:o8,43:null 43:oa70,fc:"ExplicitChatIdProvider" fd:I[903690,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$fc"] fe:I[838238,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"SWRDataProvider"] 29:T8,variants29:T5,scopeec:{"ok":true,"value":{"designSystemId":null,"title":"FASSANO mobile app","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_v3AqIni2u7yPB0adzHFQonDt","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1752011644099,"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}} ed:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} ee:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} ef:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f0:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f1:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f2:{"ok":true,"value":null,"__seedOnly":true} dc:null 100:[] 101:[["b_PriMx4LUjEO",null],["b_PuDK1vLrXTe",null],["b_yWQ9EvafZVV",null]] 102:[["b_PriMx4LUjEO",{"templateVersionId":null,"templateCanonId":null}],["b_PuDK1vLrXTe",{"templateVersionId":null,"templateCanonId":null}],["b_yWQ9EvafZVV",{"templateVersionId":null,"templateCanonId":null}]] 103:[["b_PriMx4LUjEO","$D2025-07-08T21:54:07.902Z"],["b_PuDK1vLrXTe","$D2026-06-25T20:34:52.066Z"],["b_yWQ9EvafZVV","$D2026-06-25T20:34:54.036Z"]] 104:[["b_PriMx4LUjEO",false],["b_PuDK1vLrXTe",false],["b_yWQ9EvafZVV",false]] 105:[["b_PriMx4LUjEO","$undefined"],["b_PuDK1vLrXTe","$undefined"],["b_yWQ9EvafZVV","$undefined"]] 106:[["b_PriMx4LUjEO",null],["b_PuDK1vLrXTe",null],["b_yWQ9EvafZVV",null]] 107:[["b_PriMx4LUjEO",true],["b_PuDK1vLrXTe",true],["b_yWQ9EvafZVV",true]] 108:[["b_PriMx4LUjEO",true],["b_PuDK1vLrXTe",true],["b_yWQ9EvafZVV",true]] 109:[] 10a:Ta1ca,43:oa1ca,[V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --background: 240 10% 96%; --foreground: 240 10% 10%; --card: 0 0% 100%; --card-foreground: 240 10% 10%; --popover: 0 0% 100%; --popover-foreground: 240 10% 10%; --primary: 210 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 160 70% 45%; --secondary-foreground: 0 0% 100%; --muted: 240 10% 85%; --muted-foreground: 240 10% 40%; --accent: 25 95% 53%; --accent-foreground: 0 0% 100%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 10% 88%; --input: 240 10% 93%; --ring: 210 100% 50%; --chart-1: 210 100% 50%; --chart-2: 160 70% 45%; --chart-3: 25 95% 53%; --chart-4: 270 60% 50%; --chart-5: 15 80% 50%; --radius: 0.75rem; --sidebar-background: 240 10% 96%; --sidebar-foreground: 240 10% 10%; --sidebar-primary: 210 100% 50%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 160 70% 45%; --sidebar-accent-foreground: 0 0% 100%; --sidebar-border: 240 10% 88%; --sidebar-ring: 210 100% 50%; } .dark { --background: 240 10% 8%; --foreground: 240 5% 95%; --card: 240 10% 12%; --card-foreground: 240 5% 95%; --popover: 240 10% 12%; --popover-foreground: 240 5% 95%; --primary: 210 100% 55%; --primary-foreground: 240 10% 8%; --secondary: 160 70% 50%; --secondary-foreground: 240 10% 8%; --muted: 240 10% 25%; --muted-foreground: 240 5% 70%; --accent: 25 95% 58%; --accent-foreground: 240 10% 8%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 240 10% 20%; --input: 240 10% 18%; --ring: 210 100% 55%; --chart-1: 210 100% 55%; --chart-2: 160 70% 50%; --chart-3: 25 95% 58%; --chart-4: 270 60% 55%; --chart-5: 15 80% 55%; --sidebar-background: 240 10% 12%; --sidebar-foreground: 240 5% 95%; --sidebar-primary: 210 100% 55%; --sidebar-primary-foreground: 240 10% 8%; --sidebar-accent: 160 70% 50%; --sidebar-accent-foreground: 240 10% 8%; --sidebar-border: 240 10% 20%; --sidebar-ring: 210 100% 55%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.15", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@types/node": "^24", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/layout.tsx" isLocked="true" import type React from "react"; import type { Metadata } from "next"; import { GeistSans } from "geist/font/sans"; import { GeistMono } from "geist/font/mono"; import { AppWrapper } from "@/components/app-wrapper"; import "./globals.css"; export const metadata: Metadata = { title: "Made with App Studio", description: "Pi Network app", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {children} ); } [V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Menu, X, Globe, GraduationCap, Recycle, Phone, Mail, MapPin, ArrowRight, Package, Truck, Users, Award, ChevronRight, MessageSquare, ExternalLink, } from "lucide-react" import Link from "next/link" export default function FassanoApp() { const [isMenuOpen, setIsMenuOpen] = useState(false) const [activeService, setActiveService] = useState("import-export") const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" }) const services = [ { id: "import-export", title: "Import-Export", icon: Globe, description: "Services de commerce international et logistique", features: ["Sourcing produits", "Négociation fournisseurs", "Transport international", "Dédouanement"], details: "Nous facilitons vos opérations commerciales internationales avec expertise et fiabilité." }, { id: "formation", title: "Formation", icon: GraduationCap, description: "Programmes de formation professionnelle", features: ["Commerce international", "Logistique", "Management", "Certification"], details: "Renforcez les compétences de votre équipe avec nos programmes de formation adaptés." }, { id: "recyclage", title: "Recyclage", icon: Recycle, description: "Solutions de recyclage et développement durable", features: ["Collecte déchets", "Tri sélectif", "Valorisation", "Conseil environnemental"], details: "Contribuez au développement durable avec nos solutions de recyclage innovantes." }, ] const handleInputChange = (e: React.ChangeEvent) => { const { name, value } = e.target setFormData(prev => ({ ...prev, [name]: value })) } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() console.log("Form submitted:", formData) setFormData({ name: "", email: "", subject: "", message: "" }) } return (

{/* Header */}

FASSANO

Commerce Général

{/* Mobile Menu */} {isMenuOpen && ( )}

{/* Hero Section */}

Service Commerce Général

Votre partenaire fiable en commerce international

Import-Export, Formation professionnelle et Solutions de recyclage durables. Accompagnement complet pour votre succès commercial.

{/* Services Section */}

Nos Services

Solutions complètes adaptées à vos besoins

{/* Service Tabs */}

{services.map((service) => { const Icon = service.icon return ( ) })}

{/* Active Service Details */} {services.map((service) => { const Icon = service.icon return activeService === service.id ? (

{service.title}

{service.description}

{service.details}

{service.features.map((feature, index) => (

{feature}

))}

) : null })}

{/* Stats Section */}

{[ { icon: Package, value: "500+", label: "Produits importés" }, { icon: Users, value: "200+", label: "Clients formés" }, { icon: Truck, value: "50+", label: "Pays desservis" }, { icon: Award, value: "10+", label: "Années d'expérience" }, ].map((stat, index) => { const StatIcon = stat.icon return (

{stat.value}

{stat.label}

) })}

{/* About Section */}

À propos de FASSANO

FASSANO est votre partenaire de confiance dans le commerce général, offrant des services complets d'import-export, de formation professionnelle et de solutions de recyclage.

Notre expertise nous permet d'accompagner les entreprises dans leur développement international tout en respectant les principes du développement durable et de la responsabilité sociale.

{["Commerce International", "Formation", "Durabilité", "Logistique"].map((tag, i) => ( {tag} ))}

Expertise reconnue

10+ années d'expérience sur le marché

Réseau international

Présence dans 50+ pays

Engagement durable

Solutions éco-responsables

{/* Contact Section */}

{/* Contact Info */}

Contactez-nous

Nous sommes disponibles pour répondre à vos questions et besoins.

{[ { icon: Phone, label: "Téléphone / WhatsApp", value: "+221 77 277 41 99", href: "tel:+221772774199" }, { icon: Mail, label: "Email", value: "Fassano299@gmail.com", href: "mailto:Fassano299@gmail.com" }, { icon: Globe, label: "Site Web", value: "fassano9907.pinet.com", href: "https://fassano9907.pinet.com" }, ].map((contact, index) => { const ContactIcon = contact.icon return (

{contact.label}

{contact.value}

) })}

{/* Contact Form */} Demande de devis Remplissez le formulaire et nous vous répondrons rapidement

Nom complet

Sujet

Message

</div>
                  <Button type="submit" className="w-full bg-primary hover:bg-primary/90 text-primary-foreground shadow-md">
                    Envoyer le message
                  </Button>
                </form>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Footer */}
      <footer className="bg-foreground text-background px-4 py-8 md:py-12">
        <div className="max-w-6xl mx-auto">
          <div className="grid md:grid-cols-3 gap-8 mb-8">
            <div>
              <div className="flex items-center gap-2 mb-4">
                <div className="w-10 h-10 bg-gradient-to-br from-primary to-secondary rounded-lg flex items-center justify-center">
                  <span className="text-background font-bold">F</span>
                </div>
                <div>
                  <h4 className="font-bold">FASSANO</h4>
                  <p className="text-xs opacity-75">Commerce Général</p>
                </div>
              </div>
              <p className="text-sm opacity-75 leading-relaxed">
                Votre partenaire fiable pour l'import-export, la formation et le recyclage.
              </p>
            </div>
            <div>
              <h5 className="font-semibold mb-3">Services</h5>
              <ul className="space-y-2 text-sm opacity-75">
                <li><a href="#services" className="hover:opacity-100 transition-opacity">Import-Export</a></li>
                <li><a href="#services" className="hover:opacity-100 transition-opacity">Formation</a></li>
                <li><a href="#services" className="hover:opacity-100 transition-opacity">Recyclage</a></li>
              </ul>
            </div>
            <div>
              <h5 className="font-semibold mb-3">Contacts</h5>
              <ul className="space-y-2 text-sm opacity-75">
                <li><a href="tel:+221772774199" className="hover:opacity-100 transition-opacity">+221 77 277 41 99</a></li>
                <li><a href="mailto:Fassano299@gmail.com" className="hover:opacity-100 transition-opacity">Fassano299@gmail.com</a></li>
                <li><a href="https://fassano9907.pinet.com" target="_blank" rel="noopener noreferrer" className="hover:opacity-100 transition-opacity">fassano9907.pinet.com</a></li>
              </ul>
            </div>
          </div>
          <div className="border-t border-background/20 pt-6 text-center text-sm opacity-75">
            <p>© 2024 FASSANO. Tous droits réservés. Service Commerce Général - Import-Export, Formation et Recyclage</p>
          </div>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescript:file="contexts/pi-auth-context.tsx" type="code-project" isLocked="true"
"use client";

import React, {
  createContext,
  useContext,
  useState,
  useEffect,
  type ReactNode,
} from "react";
import { PI_NETWORK_CONFIG, BACKEND_URLS } from "@/lib/system-config";
import { api, setApiAuthToken } from "@/lib/api";

export type LoginDTO = {
  id: string;
  username: string;
  credits_balance: number;
  terms_accepted: boolean;
};

interface PiAuthResult {
  accessToken: string;
  user: {
    uid: string;
    username: string;
  };
}

declare global {
  interface Window {
    Pi: {
      init: (config: { version: string; sandbox?: boolean }) => Promise<void>;
      authenticate: (scopes: string[], paymentCallback?: (payment: any) => Promise<void>) => Promise<PiAuthResult>;
    };
  }
}

const COMMUNICATION_REQUEST_TYPE = '@pi:app:sdk:communication_information_request';
const DEFAULT_ERROR_MESSAGE = 'Failed to authenticate or login. Please refresh and try again.';

throw error;
  }
}

interface PiAuthContextType {
  isAuthenticated: boolean;
  authMessage: string;
  hasError: boolean;
  piAccessToken: string | null;
  userData: LoginDTO | null;
  error: string | null;
  reinitialize: () => Promise<void>;
}

const PiAuthContext = createContext<PiAuthContextType | undefined>(undefined);

const loadPiSDK = (): Promise<void> => {
  return new Promise((resolve, reject) => {
    const script = document.createElement("script");
    if (!PI_NETWORK_CONFIG.SDK_URL) {
      throw new Error("SDK URL is not set");
    }
    script.src = PI_NETWORK_CONFIG.SDK_URL;
    script.async = true;

script.onload = () => {
      console.log("✅ Pi SDK script loaded successfully");
      resolve();
    };

script.onerror = () => {
      console.error("❌ Failed to load Pi SDK script");
      reject(new Error("Failed to load Pi SDK script"));
    };

document.head.appendChild(script);
  });
};

/**
 * Requests authentication credentials from the parent window (App Studio) via postMessage.
 * Returns null if not in iframe, timeout, or missing token (non-fatal check).
 *
 * @returns {Promise<{accessToken: string, appId: string}|null>} Resolves with credentials or null
 */
function requestParentCredentials(): Promise<{ accessToken: string; appId: string | null } | null> {
  // Early return if not in an iframe
  if (!isInIframe()) {
    return Promise.resolve(null);
  }

const requestId = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
  const timeoutMs = 1500;

return new Promise((resolve) => {
    let timeoutId: ReturnType<typeof setTimeout> | null = null;

// Cleanup function to remove listener and clear timeout
    const cleanup = (listener: (event: MessageEvent) => void) => {
      window.removeEventListener('message', listener);
      if (timeoutId !== null) {
        clearTimeout(timeoutId);
      }
    };

const messageListener = (event: MessageEvent) => {
      // Security: only accept messages from parent window
      if (event.source !== window.parent) {
        return;
      }

// Validate message type and request ID match
      const data = parseJsonSafely(event.data);
      if (!data || data.type !== COMMUNICATION_REQUEST_TYPE || data.id !== requestId) {
        return;
      }

cleanup(messageListener);

// Extract credentials from response payload
      const payload = typeof data.payload === 'object' && data.payload !== null ? data.payload : {};
      const accessToken = typeof payload.accessToken === 'string' ? payload.accessToken : null;
      const appId = typeof payload.appId === 'string' ? payload.appId : null;

// Return credentials or null if missing token
      resolve(accessToken ? { accessToken, appId } : null);
    };

// Set timeout handler (resolve with null on timeout)
    timeoutId = setTimeout(() => {
      cleanup(messageListener);
      resolve(null);
    }, timeoutMs);

// Register listener before sending request to avoid race condition
    window.addEventListener('message', messageListener);

// Send request to parent window to get credentials
    window.parent.postMessage(
      JSON.stringify({
        type: COMMUNICATION_REQUEST_TYPE,
        id: requestId
      }),
      '*'
    );
  });
}

export function PiAuthProvider({ children }: { children: ReactNode }) {
  const [isAuthenticated, setIsAuthenticated] = useState(false);
  const [authMessage, setAuthMessage] = useState("Initializing Pi Network...");
  const [hasError, setHasError] = useState(false);
  const [piAccessToken, setPiAccessToken] = useState<string | null>(null);
  const [userData, setUserData] = useState<LoginDTO | null>(null);
  const [error, setError] = useState<string | null>(null);

const authenticateAndLogin = async (accessToken: string, appId: string | null): Promise<void> => {
    setAuthMessage("Logging in...");

let endpoint: string;
    let payload: { pi_auth_token: string; app_id?: string };
    if (appId) {
      // Use /login/preview when appId is provided (App Studio iframe flow)
      endpoint = BACKEND_URLS.LOGIN_PREVIEW;
      payload = { pi_auth_token: accessToken, app_id: appId };
    } else {
      // Use /login when appId is null (normal Pi app context)
      endpoint = BACKEND_URLS.LOGIN;
      payload = { pi_auth_token: accessToken };
    }
    const loginRes = await api.post<LoginDTO>(endpoint, payload);

if (accessToken) {
      setPiAccessToken(accessToken);
      setApiAuthToken(accessToken);
    }

setUserData(loginRes.data);
  };

const getErrorMessage = (error: unknown): string => {
    if (!(error instanceof Error))
      return "An unexpected error occurred. Please try again.";

const errorMessage = error.message;

if (errorMessage.includes("SDK failed to load"))
      return "Failed to load Pi Network SDK. Please check your internet connection.";

if (errorMessage.includes("authenticate"))
      return "Pi Network authentication failed. Please try again.";

if (errorMessage.includes("login"))
      return "Failed to connect to backend server. Please try again later.";

return `Authentication error: ${errorMessage}`;
  };

const authenticateViaPiSdk = async (): Promise<void> => {
    setAuthMessage("Initializing Pi Network...");
    await window.Pi.init({
      version: "2.0",
      sandbox: PI_NETWORK_CONFIG.SANDBOX,
    });

setAuthMessage("Authenticating with Pi Network...");
    const piAuthResult = await window.Pi.authenticate(["username"]);

if (!piAuthResult.accessToken) {
      throw new Error(DEFAULT_ERROR_MESSAGE);
    }

await authenticateAndLogin(piAuthResult.accessToken, null);
  };

const initializePiAndAuthenticate = async () => {
    setError(null);
    setHasError(false);
    try {
      // Probe for parent credentials (App Studio iframe environment)
      const parentCredentials = await requestParentCredentials();

// If parent (App Studio) provides credentials, use iframe flow
      if (parentCredentials) {
        await authenticateAndLogin(parentCredentials.accessToken, parentCredentials.appId);
      } else {
        // Fallback to Pi SDK authentication
        setAuthMessage("Loading Pi Network SDK...");

// Only load if not already loaded
        if (typeof window.Pi === "undefined") {
          await loadPiSDK();
        }

if (typeof window.Pi === "undefined") {
          throw new Error("SDK failed to load: Pi object not available after script load");
        }

await authenticateViaPiSdk();
      }

setIsAuthenticated(true);
      setHasError(false);
    } catch (err) {
      console.error("❌ Pi Network initialization failed:", err);
      setHasError(true);
      const errorMessage = getErrorMessage(err);
      setAuthMessage(errorMessage);
      setError(errorMessage);
    }
  };

useEffect(() => {
    initializePiAndAuthenticate();
  }, []);

const value: PiAuthContextType = {
    isAuthenticated,
    authMessage,
    hasError,
    piAccessToken,
    userData,
    error,
    reinitialize: initializePiAndAuthenticate,
  };

return (
    <PiAuthContext.Provider value={value}>{children}</PiAuthContext.Provider>
  );
}

/**
 * Hook to access Pi Network authentication state and user data
 *
 * Must be used within a component wrapped by PiAuthProvider.
 * Provides read-only access to authentication state and user data.
 *
 * @returns {PiAuthContextType} Authentication state and methods
 * @throws {Error} If used outside of PiAuthProvider
 *
 * @example
 * const { piAccessToken, userData, isAuthenticated, reinitialize } = usePiAuth();
 */
export function usePiAuth() {
  const context = useContext(PiAuthContext);
  if (context === undefined) {
    throw new Error("usePiAuth must be used within a PiAuthProvider");
  }
  return context;
}
[V0_FILE]typescript:file="components/auth-loading-screen.tsx" type="code-project" isLocked="true"
"use client";

import { usePiAuth } from "@/contexts/pi-auth-context";

export function AuthLoadingScreen() {
  const { authMessage, reinitialize } = usePiAuth();
  const isError = authMessage.toLowerCase().includes("failed");

return (
    <div className="min-h-screen flex items-center justify-center bg-background">
      <div className="max-w-md w-full px-6 text-center space-y-6">
        <div className="flex justify-center">
          <div className="relative">
            <div className="w-20 h-20 rounded-full border-4 border-primary/20" />
            <div className="absolute inset-0 w-20 h-20 rounded-full border-4 border-primary border-t-transparent animate-spin" />
          </div>
        </div>

<div className="space-y-2">
          <h2 className="text-2xl font-semibold">Pi Network Authentication</h2>
          <p
            className={`text-sm ${
              isError ? "text-destructive" : "text-muted-foreground"
            }`}
          >
            {authMessage}
          </p>
        </div>

{isError && (
          <button
            onClick={reinitialize}
            className="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors"
          >
            Try Again
          </button>
        )}
      </div>
    </div>
  );
}
[V0_FILE]typescript:file="components/app-wrapper.tsx" type="code-project" isLocked="true"
"use client";

import type { ReactNode } from "react";
import { PiAuthProvider, usePiAuth } from "@/contexts/pi-auth-context";
import { AuthLoadingScreen } from "./auth-loading-screen";

function AppContent({ children }: { children: ReactNode }) {
  const { isAuthenticated } = usePiAuth();
  if (!isAuthenticated) return <AuthLoadingScreen />;
  return <>{children}</>;
}

export function AppWrapper({ children }: { children: ReactNode }) {
  return (
    <PiAuthProvider>
      <AppContent>{children}</AppContent>
    </PiAuthProvider>
  );
}
[V0_FILE]typescript:file="lib/api.ts" type="code-project" isLocked="true"
/**
 * Global fetch-based client for making API requests.
 *
 * - Set auth with `setApiAuthToken(token)`; it injects the Authorization header.
 * - Parses JSON automatically; for 204 responses `data` is `null`.
 * - Returns `{ data, status, statusText, headers }`.
 * - On non-2xx, throws an Error with `status` and `data`.
 *
 * @example
 * import { api } from '@/lib/api';
 *
 * const createThing = async () => {
 *   const { data } = await api.post('/api/your-endpoint', { data: 'your data' });
 *   console.log(data);
 * };
 *
 * await api.get('/api/users');
 * await api.put('/api/user/123', { name: 'Updated' });
 * await api.delete('/api/user/123');
 */

type FetchResponse<T> = {
  data: T;
  status: number;
  statusText: string;
  headers: Headers;
};

export interface ApiError<T = unknown> extends Error {
  status: number;
  data: T;
}

let authToken: string | null = null;

const defaultHeaders: Record<string, string> = {
  "Content-Type": "application/json",
};

const request = async <T = any>(
  url: string,
  init: RequestInit = {}
): Promise<FetchResponse<T>> => {
  const headers: Record<string, string> = {
    ...defaultHeaders,
    ...(init.headers as Record<string, string> | undefined),
  };
  if (authToken) headers["Authorization"] = authToken;

const response = await fetch(url, { ...init, headers });

const contentType = response.headers.get("content-type") || "";
  const isJson = contentType.includes("application/json");
  const data =
    response.status === 204
      ? null
      : isJson
      ? await response.json()
      : await response.text();

if (!response.ok) {
    const error = new Error(
      response.statusText || "Request failed"
    ) as ApiError<T>;
    error.status = response.status;
    error.data = data as T;
    throw error;
  }

return {
    data: data as T,
    status: response.status,
    statusText: response.statusText,
    headers: response.headers,
  };
};

export const api = {
  get: <T = any>(url: string, init?: RequestInit) =>
    request<T>(url, { ...init, method: "GET" }),

delete: <T = any>(url: string, init?: RequestInit) =>
    request<T>(url, { ...init, method: "DELETE" }),

post: <T = any>(url: string, body?: any, init?: RequestInit) =>
    request<T>(url, {
      ...init,
      method: "POST",
      body: body === undefined ? init?.body : JSON.stringify(body),
    }),

put: <T = any>(url: string, body?: any, init?: RequestInit) =>
    request<T>(url, {
      ...init,
      method: "PUT",
      body: body === undefined ? init?.body : JSON.stringify(body),
    }),

patch: <T = any>(url: string, body?: any, init?: RequestInit) =>
    request<T>(url, {
      ...init,
      method: "PATCH",
      body: body === undefined ? init?.body : JSON.stringify(body),
    }),
};

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

@layer base {
  :root {
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
    --background: 240 10% 96%;
    --foreground: 240 10% 10%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 10%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 10%;
    --primary: 210 100% 50%;
    --primary-foreground: 0 0% 100%;
    --secondary: 160 70% 45%;
    --secondary-foreground: 0 0% 100%;
    --muted: 240 10% 85%;
    --muted-foreground: 240 10% 40%;
    --accent: 25 95% 53%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 10% 88%;
    --input: 240 10% 93%;
    --ring: 210 100% 50%;
    --chart-1: 210 100% 50%;
    --chart-2: 160 70% 45%;
    --chart-3: 25 95% 53%;
    --chart-4: 270 60% 50%;
    --chart-5: 15 80% 50%;
    --radius: 0.75rem;
    --sidebar-background: 240 10% 96%;
    --sidebar-foreground: 240 10% 10%;
    --sidebar-primary: 210 100% 50%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 160 70% 45%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 240 10% 88%;
    --sidebar-ring: 210 100% 50%;
  }
  .dark {
    --background: 240 10% 8%;
    --foreground: 240 5% 95%;
    --card: 240 10% 12%;
    --card-foreground: 240 5% 95%;
    --popover: 240 10% 12%;
    --popover-foreground: 240 5% 95%;
    --primary: 210 100% 55%;
    --primary-foreground: 240 10% 8%;
    --secondary: 160 70% 50%;
    --secondary-foreground: 240 10% 8%;
    --muted: 240 10% 25%;
    --muted-foreground: 240 5% 70%;
    --accent: 25 95% 58%;
    --accent-foreground: 240 10% 8%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 10% 20%;
    --input: 240 10% 18%;
    --ring: 210 100% 55%;
    --chart-1: 210 100% 55%;
    --chart-2: 160 70% 50%;
    --chart-3: 25 95% 58%;
    --chart-4: 270 60% 55%;
    --chart-5: 15 80% 55%;
    --sidebar-background: 240 10% 12%;
    --sidebar-foreground: 240 5% 95%;
    --sidebar-primary: 210 100% 55%;
    --sidebar-primary-foreground: 240 10% 8%;
    --sidebar-accent: 160 70% 50%;
    --sidebar-accent-foreground: 240 10% 8%;
    --sidebar-border: 240 10% 20%;
    --sidebar-ring: 210 100% 55%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@vercel/analytics": "1.3.1",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.5.15",
    "next-themes": "^0.4.6",
    "react": "19.2.0",
    "react-day-picker": "9.8.0",
    "react-dom": "19.2.0",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^3.3.1",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^1.1.2",
    "zod": "3.25.76"
  },
  "devDependencies": {
    "@types/node": "^24",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "postcss": "^8.5",
    "tailwindcss": "^3.4.17",
    "typescript": "^5"
  }
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isLocked="true"
import type React from "react";
import type { Metadata } from "next";
import { GeistSans } from "geist/font/sans";
import { GeistMono } from "geist/font/mono";
import { AppWrapper } from "@/components/app-wrapper";
import "./globals.css";

export const metadata: Metadata = {
  title: "Made with App Studio",
  description: "Pi Network app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <head>
        <style>{`
html {
  font-family: ${GeistSans.style.fontFamily};
  --font-sans: ${GeistSans.variable};
  --font-mono: ${GeistMono.variable};
}
        `}</style>
      </head>
      <body>
        <AppWrapper>{children}</AppWrapper>
      </body>
    </html>
  );
}
[V0_FILE]typescriptreact:file="app/page.tsx"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import {
  Menu,
  X,
  Globe,
  GraduationCap,
  Recycle,
  Phone,
  Mail,
  MapPin,
  ArrowRight,
  Package,
  Truck,
  Users,
  Award,
  ChevronRight,
  MessageSquare,
  ExternalLink,
} from "lucide-react"
import Link from "next/link"

export default function FassanoApp() {
  const [isMenuOpen, setIsMenuOpen] = useState(false)
  const [activeService, setActiveService] = useState("import-export")
  const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" })

const services = [
    {
      id: "import-export",
      title: "Import-Export",
      icon: Globe,
      description: "Services de commerce international et logistique",
      features: ["Sourcing produits", "Négociation fournisseurs", "Transport international", "Dédouanement"],
      details: "Nous facilitons vos opérations commerciales internationales avec expertise et fiabilité."
    },
    {
      id: "formation",
      title: "Formation",
      icon: GraduationCap,
      description: "Programmes de formation professionnelle",
      features: ["Commerce international", "Logistique", "Management", "Certification"],
      details: "Renforcez les compétences de votre équipe avec nos programmes de formation adaptés."
    },
    {
      id: "recyclage",
      title: "Recyclage",
      icon: Recycle,
      description: "Solutions de recyclage et développement durable",
      features: ["Collecte déchets", "Tri sélectif", "Valorisation", "Conseil environnemental"],
      details: "Contribuez au développement durable avec nos solutions de recyclage innovantes."
    },
  ]

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target
    setFormData(prev => ({ ...prev, [name]: value }))
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    console.log("Form submitted:", formData)
    setFormData({ name: "", email: "", subject: "", message: "" })
  }

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="bg-card border-b border-border sticky top-0 z-50 shadow-sm">
        <div className="max-w-6xl mx-auto px-4 py-3">
          <div className="flex items-center justify-between">
            <div className="flex items-center gap-3">
              <div className="w-10 h-10 bg-gradient-to-br from-primary to-secondary rounded-lg flex items-center justify-center shadow-md">
                <span className="text-primary-foreground font-bold text-lg">F</span>
              </div>
              <div>
                <h1 className="text-lg font-bold text-foreground">FASSANO</h1>
                <p className="text-xs text-muted-foreground">Commerce Général</p>
              </div>
            </div>

<button 
              onClick={() => setIsMenuOpen(!isMenuOpen)} 
              className="p-2 rounded-lg hover:bg-muted transition-colors"
              aria-label="Menu"
            >
              {isMenuOpen ? <X size={24} /> : <Menu size={24} />}
            </button>
          </div>

{/* Mobile Menu */}
          {isMenuOpen && (
            <nav className="mt-4 pb-4 border-t border-border pt-4 flex flex-col gap-2">
              <a href="#services" className="block py-2 text-foreground hover:text-primary transition-colors font-medium">
                Services
              </a>
              <a href="#about" className="block py-2 text-foreground hover:text-primary transition-colors font-medium">
                À propos
              </a>
              <a href="#contact" className="block py-2 text-foreground hover:text-primary transition-colors font-medium">
                Contact
              </a>
            </nav>
          )}
        </div>
      </header>

{/* Hero Section */}
      <section className="px-4 py-12 md:py-16 bg-gradient-to-br from-primary/5 via-secondary/5 to-accent/5">
        <div className="max-w-4xl mx-auto text-center space-y-6">
          <Badge className="bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20">
            Service Commerce Général
          </Badge>
          <h2 className="text-4xl md:text-5xl font-bold text-foreground leading-tight text-balance">
            Votre partenaire fiable en commerce international
          </h2>
          <p className="text-lg text-muted-foreground max-w-2xl mx-auto leading-relaxed">
            Import-Export, Formation professionnelle et Solutions de recyclage durables. Accompagnement complet pour votre succès commercial.
          </p>
          <div className="flex flex-col sm:flex-row gap-4 justify-center pt-4">
            <Button size="lg" className="bg-primary hover:bg-primary/90 text-primary-foreground shadow-lg">
              Découvrir nos services
              <ArrowRight className="ml-2 h-4 w-4" />
            </Button>
            <Button size="lg" variant="outline" className="border-2">
              Nous contacter
            </Button>
          </div>
        </div>
      </section>

{/* Services Section */}
      <section id="services" className="px-4 py-12 md:py-16 max-w-6xl mx-auto">
        <div className="space-y-8">
          <div className="text-center space-y-2">
            <h3 className="text-3xl md:text-4xl font-bold text-foreground">Nos Services</h3>
            <p className="text-lg text-muted-foreground">Solutions complètes adaptées à vos besoins</p>
          </div>

{/* Service Tabs */}
          <div className="flex flex-wrap gap-2 justify-center">
            {services.map((service) => {
              const Icon = service.icon
              return (
                <button
                  key={service.id}
                  onClick={() => setActiveService(service.id)}
                  className={`flex items-center gap-2 px-4 py-2 rounded-full font-medium transition-all ${
                    activeService === service.id 
                      ? "bg-primary text-primary-foreground shadow-lg" 
                      : "bg-card border border-border text-foreground hover:border-primary hover:bg-accent/10"
                  }`}
                >
                  <Icon size={18} />
                  {service.title}
                </button>
              )
            })}
          </div>

{/* Active Service Details */}
          {services.map((service) => {
            const Icon = service.icon
            return activeService === service.id ? (
              <Card key={service.id} className="border-border bg-card overflow-hidden">
                <div className="bg-gradient-to-r from-primary/10 to-secondary/10 p-8 md:p-12">
                  <div className="w-20 h-20 bg-gradient-to-br from-primary to-secondary rounded-full flex items-center justify-center mx-auto mb-6 shadow-lg">
                    <Icon className="h-10 w-10 text-primary-foreground" />
                  </div>
                  <h4 className="text-2xl md:text-3xl font-bold text-center text-foreground mb-2">{service.title}</h4>
                  <p className="text-center text-muted-foreground text-lg">{service.description}</p>
                </div>
                <CardContent className="p-6 md:p-8">
                  <p className="text-muted-foreground mb-6 leading-relaxed">{service.details}</p>
                  <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-6">
                    {service.features.map((feature, index) => (
                      <div key={index} className="flex items-start gap-2 p-3 bg-secondary/5 rounded-lg">
                        <ChevronRight className="h-4 w-4 text-primary flex-shrink-0 mt-1" />
                        <span className="text-sm font-medium text-foreground">{feature}</span>
                      </div>
                    ))}
                  </div>
                  <Button className="w-full bg-primary hover:bg-primary/90 text-primary-foreground shadow-md">
                    En savoir plus
                  </Button>
                </CardContent>
              </Card>
            ) : null
          })}
        </div>
      </section>

{/* Stats Section */}
      <section className="px-4 py-12 md:py-16 bg-card border-y border-border">
        <div className="max-w-6xl mx-auto">
          <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
            {[
              { icon: Package, value: "500+", label: "Produits importés" },
              { icon: Users, value: "200+", label: "Clients formés" },
              { icon: Truck, value: "50+", label: "Pays desservis" },
              { icon: Award, value: "10+", label: "Années d'expérience" },
            ].map((stat, index) => {
              const StatIcon = stat.icon
              return (
                <div key={index} className="text-center">
                  <div className="w-14 h-14 bg-gradient-to-br from-primary/20 to-secondary/20 rounded-full flex items-center justify-center mx-auto mb-3">
                    <StatIcon className="h-7 w-7 text-primary" />
                  </div>
                  <div className="text-3xl md:text-4xl font-bold text-foreground">{stat.value}</div>
                  <div className="text-sm text-muted-foreground mt-1">{stat.label}</div>
                </div>
              )
            })}
          </div>
        </div>
      </section>

{/* About Section */}
      <section id="about" className="px-4 py-12 md:py-16 max-w-6xl mx-auto">
        <Card className="border-border bg-card overflow-hidden">
          <div className="grid md:grid-cols-2 gap-8 p-6 md:p-8">
            <div className="space-y-4">
              <h3 className="text-2xl md:text-3xl font-bold text-foreground">À propos de FASSANO</h3>
              <p className="text-muted-foreground leading-relaxed">
                FASSANO est votre partenaire de confiance dans le commerce général, offrant des services complets d'import-export, de formation professionnelle et de solutions de recyclage.
              </p>
              <p className="text-muted-foreground leading-relaxed">
                Notre expertise nous permet d'accompagner les entreprises dans leur développement international tout en respectant les principes du développement durable et de la responsabilité sociale.
              </p>
              <div className="flex flex-wrap gap-2 pt-4">
                {["Commerce International", "Formation", "Durabilité", "Logistique"].map((tag, i) => (
                  <Badge key={i} variant="secondary" className="bg-primary/10 text-primary">
                    {tag}
                  </Badge>
                ))}
              </div>
            </div>
            <div className="bg-gradient-to-br from-primary/10 to-secondary/10 rounded-lg p-6 flex flex-col justify-center space-y-4">
              <div className="flex items-start gap-3">
                <div className="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center flex-shrink-0">
                  <ChevronRight className="h-5 w-5 text-primary" />
                </div>
                <div>
                  <p className="font-semibold text-foreground">Expertise reconnue</p>
                  <p className="text-sm text-muted-foreground">10+ années d'expérience sur le marché</p>
                </div>
              </div>
              <div className="flex items-start gap-3">
                <div className="w-10 h-10 rounded-full bg-secondary/20 flex items-center justify-center flex-shrink-0">
                  <ChevronRight className="h-5 w-5 text-secondary" />
                </div>
                <div>
                  <p className="font-semibold text-foreground">Réseau international</p>
                  <p className="text-sm text-muted-foreground">Présence dans 50+ pays</p>
                </div>
              </div>
              <div className="flex items-start gap-3">
                <div className="w-10 h-10 rounded-full bg-accent/20 flex items-center justify-center flex-shrink-0">
                  <ChevronRight className="h-5 w-5 text-accent" />
                </div>
                <div>
                  <p className="font-semibold text-foreground">Engagement durable</p>
                  <p className="text-sm text-muted-foreground">Solutions éco-responsables</p>
                </div>
              </div>
            </div>
          </div>
        </Card>
      </section>

{/* Contact Section */}
      <section id="contact" className="px-4 py-12 md:py-16 bg-card border-t border-border">
        <div className="max-w-6xl mx-auto">
          <div className="grid md:grid-cols-2 gap-8">
            {/* Contact Info */}
            <div className="space-y-6">
              <div>
                <h3 className="text-3xl font-bold text-foreground mb-2">Contactez-nous</h3>
                <p className="text-muted-foreground">Nous sommes disponibles pour répondre à vos questions et besoins.</p>
              </div>

<div className="space-y-4">
                {[
                  {
                    icon: Phone,
                    label: "Téléphone / WhatsApp",
                    value: "+221 77 277 41 99",
                    href: "tel:+221772774199"
                  },
                  {
                    icon: Mail,
                    label: "Email",
                    value: "Fassano299@gmail.com",
                    href: "mailto:Fassano299@gmail.com"
                  },
                  {
                    icon: Globe,
                    label: "Site Web",
                    value: "fassano9907.pinet.com",
                    href: "https://fassano9907.pinet.com"
                  },
                ].map((contact, index) => {
                  const ContactIcon = contact.icon
                  return (
                    <a
                      key={index}
                      href={contact.href}
                      target="_blank"
                      rel="noopener noreferrer"
                      className="flex items-start gap-4 p-4 rounded-lg border border-border hover:border-primary hover:bg-primary/5 transition-all group"
                    >
                      <div className="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20">
                        <ContactIcon className="h-6 w-6 text-primary" />
                      </div>
                      <div className="flex-1">
                        <div className="font-semibold text-foreground text-sm">{contact.label}</div>
                        <div className="text-muted-foreground flex items-center gap-2">
                          {contact.value}
                          <ExternalLink className="h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity" />
                        </div>
                      </div>
                    </a>
                  )
                })}
              </div>
            </div>

{/* Contact Form */}
            <Card className="border-border bg-gradient-to-br from-card to-secondary/5">
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <MessageSquare className="h-5 w-5" />
                  Demande de devis
                </CardTitle>
                <CardDescription>Remplissez le formulaire et nous vous répondrons rapidement</CardDescription>
              </CardHeader>
              <CardContent>
                <form onSubmit={handleSubmit} className="space-y-4">
                  <div>
                    <label htmlFor="name" className="block text-sm font-medium text-foreground mb-2">
                      Nom complet
                    </label>
                    <Input
                      id="name"
                      name="name"
                      placeholder="Votre nom"
                      value={formData.name}
                      onChange={handleInputChange}
                      className="border-border bg-background"
                      required
                    />
                  </div>
                  <div>
                    <label htmlFor="email" className="block text-sm font-medium text-foreground mb-2">
                      Email
                    </label>
                    <Input
                      id="email"
                      name="email"
                      type="email"
                      placeholder="votre@email.com"
                      value={formData.email}
                      onChange={handleInputChange}
                      className="border-border bg-background"
                      required
                    />
                  </div>
                  <div>
                    <label htmlFor="subject" className="block text-sm font-medium text-foreground mb-2">
                      Sujet
                    </label>
                    <Input
                      id="subject"
                      name="subject"
                      placeholder="Sujet de votre demande"
                      value={formData.subject}
                      onChange={handleInputChange}
                      className="border-border bg-background"
                      required
                    />
                  </div>
                  <div>
                    <label htmlFor="message" className="block text-sm font-medium text-foreground mb-2">
                      Message
                    </label>
                    <Textarea
                      id="message"
                      name="message"
                      placeholder="Décrivez votre demande..."
                      value={formData.message}
                      onChange={handleInputChange}
                      rows={4}
                      className="border-border bg-background resize-none"
                      required
                    />
                  </div>
                  <Button type="submit" className="w-full bg-primary hover:bg-primary/90 text-primary-foreground shadow-md">
                    Envoyer le message
                  </Button>
                </form>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

export type LoginDTO = {
  id: string;
  username: string;
  credits_balance: number;
  terms_accepted: boolean;
};

interface PiAuthResult {
  accessToken: string;
  user: {
    uid: string;
    username: string;
  };
}

const COMMUNICATION_REQUEST_TYPE = '@pi:app:sdk:communication_information_request';
const DEFAULT_ERROR_MESSAGE = 'Failed to authenticate or login. Please refresh and try again.';

throw error;
  }
}

const PiAuthContext = createContext<PiAuthContextType | undefined>(undefined);

script.onload = () => {
      console.log("✅ Pi SDK script loaded successfully");
      resolve();
    };

script.onerror = () => {
      console.error("❌ Failed to load Pi SDK script");
      reject(new Error("Failed to load Pi SDK script"));
    };

document.head.appendChild(script);
  });
};

const requestId = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
  const timeoutMs = 1500;

return new Promise((resolve) => {
    let timeoutId: ReturnType<typeof setTimeout> | null = null;

const messageListener = (event: MessageEvent) => {
      // Security: only accept messages from parent window
      if (event.source !== window.parent) {
        return;
      }

cleanup(messageListener);

// Return credentials or null if missing token
      resolve(accessToken ? { accessToken, appId } : null);
    };

// Set timeout handler (resolve with null on timeout)
    timeoutId = setTimeout(() => {
      cleanup(messageListener);
      resolve(null);
    }, timeoutMs);

// Register listener before sending request to avoid race condition
    window.addEventListener('message', messageListener);

const authenticateAndLogin = async (accessToken: string, appId: string | null): Promise<void> => {
    setAuthMessage("Logging in...");

if (accessToken) {
      setPiAccessToken(accessToken);
      setApiAuthToken(accessToken);
    }

setUserData(loginRes.data);
  };

const getErrorMessage = (error: unknown): string => {
    if (!(error instanceof Error))
      return "An unexpected error occurred. Please try again.";

const errorMessage = error.message;

if (errorMessage.includes("SDK failed to load"))
      return "Failed to load Pi Network SDK. Please check your internet connection.";

if (errorMessage.includes("authenticate"))
      return "Pi Network authentication failed. Please try again.";

if (errorMessage.includes("login"))
      return "Failed to connect to backend server. Please try again later.";

return `Authentication error: ${errorMessage}`;
  };

setAuthMessage("Authenticating with Pi Network...");
    const piAuthResult = await window.Pi.authenticate(["username"]);

if (!piAuthResult.accessToken) {
      throw new Error(DEFAULT_ERROR_MESSAGE);
    }

await authenticateAndLogin(piAuthResult.accessToken, null);
  };

// Only load if not already loaded
        if (typeof window.Pi === "undefined") {
          await loadPiSDK();
        }

if (typeof window.Pi === "undefined") {
          throw new Error("SDK failed to load: Pi object not available after script load");
        }

await authenticateViaPiSdk();
      }

useEffect(() => {
    initializePiAndAuthenticate();
  }, []);

const value: PiAuthContextType = {
    isAuthenticated,
    authMessage,
    hasError,
    piAccessToken,
    userData,
    error,
    reinitialize: initializePiAndAuthenticate,
  };

return (
    <PiAuthContext.Provider value={value}>{children}</PiAuthContext.Provider>
  );
}

import { usePiAuth } from "@/contexts/pi-auth-context";

export function AuthLoadingScreen() {
  const { authMessage, reinitialize } = usePiAuth();
  const isError = authMessage.toLowerCase().includes("failed");

import type { ReactNode } from "react";
import { PiAuthProvider, usePiAuth } from "@/contexts/pi-auth-context";
import { AuthLoadingScreen } from "./auth-loading-screen";

function AppContent({ children }: { children: ReactNode }) {
  const { isAuthenticated } = usePiAuth();
  if (!isAuthenticated) return <AuthLoadingScreen />;
  return <>{children}</>;
}

type FetchResponse<T> = {
  data: T;
  status: number;
  statusText: string;
  headers: Headers;
};

export interface ApiError<T = unknown> extends Error {
  status: number;
  data: T;
}

let authToken: string | null = null;

const defaultHeaders: Record<string, string> = {
  "Content-Type": "application/json",
};

const response = await fetch(url, { ...init, headers });

return {
    data: data as T,
    status: response.status,
    statusText: response.statusText,
    headers: response.headers,
  };
};

export const api = {
  get: <T = any>(url: string, init?: RequestInit) =>
    request<T>(url, { ...init, method: "GET" }),

delete: <T = any>(url: string, init?: RequestInit) =>
    request<T>(url, { ...init, method: "DELETE" }),

post: <T = any>(url: string, body?: any, init?: RequestInit) =>
    request<T>(url, {
      ...init,
      method: "POST",
      body: body === undefined ? init?.body : JSON.stringify(body),
    }),

put: <T = any>(url: string, body?: any, init?: RequestInit) =>
    request<T>(url, {
      ...init,
      method: "PUT",
      body: body === undefined ? init?.body : JSON.stringify(body),
    }),

export const setApiAuthToken = (token: string) => {
  authToken = token;
};
[V0_FILE]typescript:file="lib/system-config.ts" type="code-project" isLocked="true"
export const PI_NETWORK_CONFIG = {
  SDK_URL: "https://sdk.minepi.com/pi-sdk.js",
  SDK_LITE_URL: "https://pi-apps.github.io/pi-sdk-lite/build/production/sdklite.js",
  SANDBOX: false,
} as const;43:o4222,e9:["$","$Leb",null,{"params":{"chatId":"uVHl11tNAtR"},"promises":{"attributes":"$@f5","externalMeta":"$@f6","latest":"$@f7","messagesRange":"$@f8","messages":"$@f9","template":"$@fa","gitStatus":"$@fb"},"children":["$","$Lfd",null,{"chatId":"uVHl11tNAtR","children":["$","$Lfe",null,{"seedOnlyKeys":["@\"chat:state\",\"uVHl11tNAtR\","],"data":{"block:output:initial":{"id":"b_yWQ9EvafZVV","result":"$@ff"},"@\"block:mappings\",\"uVHl11tNAtR\",":{"sqlBlockExecutionStates":"$Q100","blocksForkedFrom":"$Q101","blocksTemplateIds":"$Q102","blocksCreatedAt":"$Q103","blocksShared":"$Q104","blocksDeployed":"$Q105","blocksSubdomains":"$Q106","brandedBlocks":"$Q107","unlistedBlocks":"$Q108","blockOutputs":"$Q109"},"@\"chat:state\",\"uVHl11tNAtR\",":{"messages":[{"content":{"type":"parts","parts":[{"type":"mdx","content":"Please create a mobile app based on below name and description. \nThe app should be designed with mobile-first principles, optimized for responsive for mobile devices.\n\nName: FASSANO\nDescription: Service  commerce général \nImport -export ,formation et recyclage \n"}],"version":1},"role":"user","id":"HrlIBjVlZzZ5DBToZt9v9VwgROB2I7mv","attachments":[],"type":"message","authorId":"U7q9zcr76lR9TFWtzSIduVaH","createdAt":"$D2025-07-08T21:54:04.090Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"I'll create a mobile-first app for FASSANO, focusing on general commerce services including import-export, training, and recycling. Let me build a comprehensive mobile application with a clean, professional design."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_PriMx4LUjEO","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[],"source":"[V0_FILE]tsx:file=\"empty.tsx\"\n...","sourceVersionKey":"v_1_1v5c9","needsBlockSource":true,"isAllImages":false,"blockId":"b_PriMx4LUjEO","meta":{"type":"code-project","id":"fassano-mobile-app","project":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"block-b_PriMx4LUjEO"}],["p",{},["text",{},"I've created a comprehensive mobile-first app for FASSANO with the following features:"]],["h2",{},["text",{},"Key Features:"]],["ol",{"start":1},["li",{"index":1},["strong",{},["text",{},"Mobile-First Design"]],["text",{},": Optimized for mobile devices with responsive layouts"]],["li",{"index":2},["strong",{},["text",{},"Professional Branding"]],["text",{},": Clean design with FASSANO logo and brand colors"]],["li",{"index":3},["p",{},["strong",{},["text",{},"Three Core Services"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Import-Export (commerce international)"]],["li",{"index":2},["text",{},"Formation (professional training)"]],["li",{"index":3},["text",{},"Recyclage (recycling solutions)"]]]]],["h2",{},["text",{},"App Sections:"]],["ul",{"start":1},["li",{"index":1},["strong",{},["text",{},"Header"]],["text",{},": Sticky navigation with mobile hamburger menu"]],["li",{"index":2},["strong",{},["text",{},"Hero Section"]],["text",{},": Clear value proposition and call-to-action buttons"]],["li",{"index":3},["strong",{},["text",{},"Services"]],["text",{},": Interactive tabs showcasing each service with detailed features"]],["li",{"index":4},["strong",{},["text",{},"Statistics"]],["text",{},": Key performance metrics displayed in an engaging grid"]],["li",{"index":5},["strong",{},["text",{},"About"]],["text",{},": Company information with relevant badges"]],["li",{"index":6},["strong",{},["text",{},"Contact"]],["text",{},": Multiple contact methods plus a contact form"]],["li",{"index":7},["strong",{},["text",{},"Footer"]],["text",{},": Professional footer with branding"]]],["h2",{},["text",{},"Mobile Optimizations:"]],["ul",{"start":1},["li",{"index":1},["text",{},"Touch-friendly buttons and interactive elements"]],["li",{"index":2},["text",{},"Responsive grid layouts that adapt to screen size"]],["li",{"index":3},["text",{},"Horizontal scrolling tabs for services"]],["li",{"index":4},["text",{},"Optimized typography and spacing for mobile reading"]],["li",{"index":5},["text",{},"Sticky header for easy navigation"]],["li",{"index":6},["text",{},"Collapsible mobile menu"]]],["p",{},["text",{},"The app uses a modern gradient color scheme (blue to green) representing trust, growth, and sustainability - perfect for a company involved in commerce, training, and recycling. All text is in French to match the business context."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"aTOCiWK1rQkOlEXK2Fz2QA2PrfOAvnKv","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"HrlIBjVlZzZ5DBToZt9v9VwgROB2I7mv","type":"message","creditCost":0.053007,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-07-08T21:54:04.091Z","updatedAt":"$D2025-07-08T21:55:08.117Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"📞 CONTACTS OFFICIELS\n\n🌐 Site Web :\nhttps://fassano9907.pinet.com\n\n📧 E-mail :\nFassano299@gmail.com\n\n📱 Téléphone / WhatsApp :\n+221 77 277 41 99"}],"version":1},"role":"user","id":"lsrdZfTvPsOCkgSKrEuLUniPU5wMxRO3","attachments":[],"parentId":"aTOCiWK1rQkOlEXK2Fz2QA2PrfOAvnKv","type":"message","authorId":"U7q9zcr76lR9TFWtzSIduVaH","createdAt":"$D2026-06-25T20:34:25.450Z"},{"v0ModelId":"v0-mini","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1782419667969,"finishedAt":1782419670387,"lastPartSentAt":1782419670387,"taskNameActive":null,"id":"Lk32j8pkZb9XHXnE","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":2,"thought":"The user has provided the automated v0 instructions reminder, which means they want me to follow best practices. They've also provided official contact details for FASSANO:\n- Website: https://fassano9907.pinet.com\n- Email: Fassano299@gmail.com\n- Phone/WhatsApp: +221 77 277 41 99\n\nThe phone number (+221) indicates this is a Senegal-based business.\n\nNow I should:\n1. Read the current state of the app\n2. Use GenerateDesignInspiration to create a beautiful, professional design that reflects the business\n3. Design with mobile-first principles\n4. Integrate the official contact information\n5. Create a cohesive, professional app for a general commerce/import-export/training/recycling business\n\nLet me start by reading the current app structure to understand what's there, then use GenerateDesignInspiration to get design direction."}]}}],["AssistantMessageContentPart",{"part":{"type":"task-grouped-tasks-v1","id":"aRJzskTk6YHXPyhp-zhv7ZnofNYneIYuE","parts":[{"createdAt":1782419671000,"finishedAt":1782419672776,"lastPartSentAt":1782419672755,"taskNameActive":"Reading current app","taskNameComplete":"Read app page","toolCallId":"toolu_013N8ykzCDSniMgAQRzAsgSk","agentTurnId":"turn_ELxB6OxZ3saOCFOB","filePath":null,"id":"aRJzskTk6YHXPyhp","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/page.tsx"}]},{"createdAt":1782419671300,"finishedAt":1782419672843,"lastPartSentAt":1782419672822,"taskNameActive":"Finding components","taskNameComplete":"Found components","toolCallId":"toolu_01M8BaMqdLY6ADfq1TiE6FN2","agentTurnId":"turn_ELxB6OxZ3saOCFOB","filePath":null,"id":"zhv7ZnofNYneIYuE","type":"task-ls-repo-v1","parts":[{"type":"ls"},{"type":"ls-results","numFiles":57}]}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Explore • 1 File • 1 Search","taskNameComplete":"Explore • 1 File • 1 Search"},"id":"aRJzskTk6YHXPyhp-zhv7ZnofNYneIYuE"}],["AssistantMessageContentPart",{"part":{"createdAt":1782419672191,"finishedAt":1782419673526,"lastPartSentAt":1782419673495,"taskNameActive":"Generating design brief","taskNameComplete":"Design brief ready","toolCallId":"toolu_01Jn8g487qTs4XayGJjZW8ZH","agentTurnId":"turn_ELxB6OxZ3saOCFOB","filePath":null,"id":"mXB944c7YjDP9wil","type":"task-generate-design-inspiration-v1","parts":[{"type":"starting-design-inspiration","prompt":"Professional mobile-first app for FASSANO - Senegal-based general commerce, import-export, professional training, and recycling services"},{"type":"finished-design-inspiration"}]}}],["p",{},["text",{},"Now I'll redesign the FASSANO app with the official contact information and create a professional, modern mobile-first experience inspired by the design concepts. I'll update the app with a sophisticated dark/light aesthetic that conveys professionalism and sustainability."]],["AssistantMessageContentPart",{"part":{"type":"task-grouped-tasks-v1","id":"Y9So2BRIYo6Nl1ll-qgrDJMMs8Xq03ruQ","parts":[{"createdAt":1782419678118,"finishedAt":1782419678838,"lastPartSentAt":1782419678794,"taskNameActive":"Reading globals.css","taskNameComplete":"Read styles","toolCallId":"toolu_01ETt5ovHMQDToD1Gf4o9bVG","agentTurnId":"turn_3LVFgiLkODROEFp2","filePath":null,"id":"Y9So2BRIYo6Nl1ll","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/globals.css"}]},{"createdAt":1782419678297,"finishedAt":1782419678844,"lastPartSentAt":1782419678811,"taskNameActive":"Reading layout.tsx","taskNameComplete":"Read layout","toolCallId":"toolu_01KYXm6XgFvirTLMfSPnrZtV","agentTurnId":"turn_3LVFgiLkODROEFp2","filePath":null,"id":"qgrDJMMs8Xq03ruQ","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/layout.tsx"}]}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Explore • 2 Files","taskNameComplete":"Explore • 2 Files"},"id":"Y9So2BRIYo6Nl1ll-qgrDJMMs8Xq03ruQ"}],["p",{},["text",{},"Now I'll update the app with the professional design, official contact details, and modern mobile-first layout:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_PuDK1vLrXTe","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]css:file=\"app/globals.css\" \nGENERATING","sourceVersionKey":"v_1_16986_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_PuDK1vLrXTe","meta":{"taskNameActive":"Executing Edit","taskNameComplete":"Completed Edit","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Executing Edit","taskNameComplete":"Completed Edit"},"id":"block-b_PuDK1vLrXTe"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_yWQ9EvafZVV","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":"app/page.tsx","baseName":"page.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"contexts/pi-auth-context.tsx","baseName":"pi-auth-context.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/auth-loading-screen.tsx","baseName":"auth-loading-screen.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/app-wrapper.tsx","baseName":"app-wrapper.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"lib/api.ts","baseName":"api.ts","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"lib/system-config.ts","baseName":"system-config.ts","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$10a","lastEditedAt":"2026-06-25T21:40:36.752Z","sourceVersionKey":"v_3_jor2g_s3","needsBlockSource":false,"isAllImages":false,"blockId":"b_yWQ9EvafZVV","meta":{"taskNameActive":"Updating page content","taskNameComplete":"Updated page","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating page content","taskNameComplete":"Updated page"},"id":"block-b_yWQ9EvafZVV"}],["p",{},["text",{},"I've created a comprehensive, professional mobile-first app for FASSANO with all the official contact information. Here's what I've built:"]],["h2",{},["text",{},"Key Features:"]],["p",{},["strong",{},["text",{},"Design & UX:"]]],["ul",{"start":1},["li",{"index":1},["text",{},"Modern, responsive design with a professional blue-to-green color scheme representing trust and sustainability"]],["li",{"index":2},["text",{},"Mobile-first approach with optimized layouts for all screen sizes"]],["li",{"index":3},["text",{},"Smooth interactions and hover states throughout"]],["li",{"index":4},["text",{},"Semantic HTML and accessibility-friendly components"]]],["p",{},["strong",{},["text",{},"Core Sections:"]]],["ol",{"start":1},["li",{"index":1},["strong",{},["text",{},"Header"]],["text",{}," - Sticky navigation with mobile hamburger menu and FASSANO branding"]],["li",{"index":2},["strong",{},["text",{},"Hero Section"]],["text",{}," - Compelling value proposition with clear CTAs"]],["li",{"index":3},["p",{},["strong",{},["text",{},"Services"]],["text",{}," - Interactive tabbed interface showcasing:"]],["ul",{"start":1},["li",{"index":1},["text",{},"Import-Export (commerce international)"]],["li",{"index":2},["text",{},"Formation (professional training)"]],["li",{"index":3},["text",{},"Recyclage (sustainable recycling)"]]]],["li",{"index":4},["strong",{},["text",{},"Stats Section"]],["text",{}," - Key metrics displayed in an engaging grid (500+ products, 200+ trained clients, 50+ countries, 10+ years)"]],["li",{"index":5},["strong",{},["text",{},"About Section"]],["text",{}," - Company information with highlights of expertise, international reach, and sustainability commitment"]],["li",{"index":6},["p",{},["strong",{},["text",{},"Contact Section"]],["text",{}," - Includes all official contact details:"]],["ul",{"start":1},["li",{"index":1},["text",{},"Phone/WhatsApp: +221 77 277 41 99"]],["li",{"index":2},["text",{},"Email: "],["a",{"href":"mailto:Fassano299@gmail.com"},["text",{},"Fassano299@gmail.com"]]],["li",{"index":3},["text",{},"Website: "],["a",{"href":"https://fassano9907.pinet.com"},["text",{},"https://fassano9907.pinet.com"]]]]],["li",{"index":7},["strong",{},["text",{},"Contact Form"]],["text",{}," - Functional form with validation for inquiries and quotes"]],["li",{"index":8},["strong",{},["text",{},"Footer"]],["text",{}," - Professional footer with links and company information"]]],["p",{},["text",{},"The app uses a sophisticated design system with proper color tokens, typography hierarchy, and responsive spacing that adapts beautifully from mobile to desktop."]],["AssistantMessageContentPart",{"part":{"createdAt":1782419745859,"finishedAt":1782419759742,"lastPartSentAt":1782419759707,"id":"24DAhqSX3RfXXrnW","type":"task-diagnostics-v1","blockId":"b_yWQ9EvafZVV","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"bmcNGXD2XTkDhMy8qgM00nmyzQ8yZBmX","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"lsrdZfTvPsOCkgSKrEuLUniPU5wMxRO3","type":"message","creditCost":0.03936909,"workMetrics":{"diffMap":{"app/globals.css":{"addedLines":92,"removedLines":0},"app/page.tsx":{"addedLines":321,"removedLines":156},"app/layout.tsx":{"addedLines":45,"removedLines":0}},"linesRead":429,"agentActions":8},"createdAt":"$D2026-06-25T20:34:25.451Z","updatedAt":"$D2026-06-25T20:35:59.945Z"}],"lastSyncedAt":1791651910765,"undo":null,"activeForkKey":["HrlIBjVlZzZ5DBToZt9v9VwgROB2I7mv","aTOCiWK1rQkOlEXK2Fz2QA2PrfOAvnKv","lsrdZfTvPsOCkgSKrEuLUniPU5wMxRO3","bmcNGXD2XTkDhMy8qgM00nmyzQ8yZBmX"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"uVHl11tNAtR\",":{"id":"b_yWQ9EvafZVV","meta":{"taskNameActive":"Updating page content","taskNameComplete":"Updated page","type":"code-project","id":"Code"},"initial":true,"type":"code-project","messageId":"bmcNGXD2XTkDhMy8qgM00nmyzQ8yZBmX","language":"typescriptreact","source":"$10b","closed":true,"hasSourceBeenEdited":true,"lastEditedAt":"2026-06-25T21:40:36.752Z","isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"uVHl11tNAtR\",":{"title":"FASSANO mobile app","authorId":"U7q9zcr76lR9TFWtzSIduVaH","ownerId":"team_v3AqIni2u7yPB0adzHFQonDt","storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"canWriteToChat":false,"from":"api/chats"},"@\"chat:vm-mode\",\"uVHl11tNAtR\",":false,"@\"chat:vercel-project\",\"uVHl11tNAtR\",":"$@10c","@\"team:sensitive-environment-variable-policy\",\"uVHl11tNAtR\",":"$@10d","@\"block-view\",\"uVHl11tNAtR\",":true,"integrations:figma":"$@10e"},"children":["$L10f","$L110","$L111","$L112","$L113"]}]}]}]
43:o8,e8:null
43:ocb0,114:I[900547,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"FullChat"]
115:"NavigationMarker"
116:I[517511,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$115"]
117:"OpenInV0JourneyCompletion"
118:I[228493,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$117"]
119:"SuspendingKeepTitleUpdated"
11a:I[487989,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$119"]
11b:"KeepClientOnUpToDateSlugPath"
11c:I[983440,["$4d","$4e","$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","$7a","$7b","$7c","$77","$7d","$7e","$78","$76","$7f"],"$11b"]
f5:{"ok":true,"value":{"designSystemId":null,"title":"FASSANO mobile app","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_v3AqIni2u7yPB0adzHFQonDt","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1752011644099,"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}
ff:null
10c:"$undefined"
10d:"$undefined"
10e:{"isSignedIn":false}
10f:["$","$L114","full-chat",{"isMobile":false,"templatesServer":null}]
110:["$","$L116",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
111:["$","$L118",null,{}]
112:["$","$3b",null,{"children":["$","$L11a",null,{"chatId":"uVHl11tNAtR"}]}]
113:["$","$L11c",null,{"id":"uVHl11tNAtR","requireMatchingChatPath":true,"title":"FASSANO mobile app"}]
43:o11,40:true
3f:56863
43:o2c,3e:C
3d:C
1:C
35:C
1f:C
33:C
29:C
18:C
15:C
43:C
</article></body></html>