3d:o1,~3d:o7e5,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/0a_213mnv6oxl.js" 4:I[180353,["$3"],"default"] 5:I[111447,["$3"],"default"] 39:"ViewportBoundary" 3a:I[577729,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[577729,["$3"],"$3c"] 3e:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/1smft6a2ufm9s.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3a5-14w914c4k.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2xpy7fpb6nqev.css","style"] 1:X 6:X 18:X 1b:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"london-weather-app-KTlwZPEb3Yd","s":null},"h":98,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 2c:X 2a:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2b","p":false,"v":"$2c"}}]] 28:[["children",{"s":{"n":"id","t":"d","k":"london-weather-app-KTlwZPEb3Yd","s":null},"h":38,"d":{"r":"$L29","p":false,"v":"$6"},"c":"$Q2a"}]] 26:[["children",{"s":"chat","h":106,"d":{"r":"$L27","p":false,"v":"$6"},"c":"$Q28"}]] 24:[["children",{"s":"(chat)","h":106,"d":{"r":"$L25","p":false,"v":"$6"},"c":"$Q26"}]] 36:X 34:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L35","p":false,"v":"$36"}}]] 32:[["children",{"s":{"n":"id","t":"d","k":"london-weather-app-KTlwZPEb3Yd","s":null},"h":102,"d":{"r":"$L33","p":false,"v":"$6"},"c":"$Q34"}]] 30:[["children",{"s":"chat","h":106,"d":{"r":"$L31","p":false,"v":"$6"},"c":"$Q32"}]] 2e:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2f","p":false,"v":"$6"},"c":"$Q30"}]] 38:X 1c:[["children",{"s":"chat","h":98,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L23","p":false,"v":"$6"},"c":"$Q24"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2d","p":false,"v":"$6"},"c":"$Q2e"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L37","p":false,"v":"$38"}}]] 19:[["children",{"s":{"n":"scope","t":"d","k":"robnicholson-hyperactcos-projects","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 3d:oc16,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1smft6a2ufm9s.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3a5-14w914c4k.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2xpy7fpb6nqev.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/36kby4m-696gu.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/36wzb57i85nej.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3vi0o0_089td7.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2prnth768qrem.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1kidrq2wupymi.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3m0keap90ttb_.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3qmulzhvkl0ob.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3kx4axm1a1m1a.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0mmzq7s2snzbx.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3uhi7lzoltco1.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/26cje7i2fsqfp.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2puqmsifs5n9e.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/0k2km614lww5h.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/13kdlp32xacga.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/3u1y4uz--0zgg.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1j6s0ayecb0ys.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/3h_vsz2vthb5g.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3x-9a65a1waat.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 3d:o1db,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-cgas","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 40:X 41:X 3d:o722,0:{"q":"?b=b_oj8q0YpG9yn","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L3a","RpacNz2Way7_l7Z_OhMRfv",{"children":"$L3b"}],["$","$L3d","RpacNz2Way7_l7Z_OhMRfm",{"children":[["$","div",null,{"hidden":true,"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}],null]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42"} 3d:o1000,44:I[577729,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[180353,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/36kby4m-696gu.js" 50:"/chat-static/_next/static/immutable/chunks/36wzb57i85nej.js" 51:"/chat-static/_next/static/immutable/chunks/3vi0o0_089td7.js" 52:"/chat-static/_next/static/immutable/chunks/2prnth768qrem.js" 53:"/chat-static/_next/static/immutable/chunks/1kidrq2wupymi.js" 54:"/chat-static/_next/static/immutable/chunks/3m0keap90ttb_.js" 55:"/chat-static/_next/static/immutable/chunks/3qmulzhvkl0ob.js" 56:"/chat-static/_next/static/immutable/chunks/3kx4axm1a1m1a.js" 57:"/chat-static/_next/static/immutable/chunks/0mmzq7s2snzbx.js" 58:"/chat-static/_next/static/immutable/chunks/3uhi7lzoltco1.js" 59:"/chat-static/_next/static/immutable/chunks/26cje7i2fsqfp.js" 5a:"/chat-static/_next/static/immutable/chunks/2puqmsifs5n9e.js" 5b:"/chat-static/_next/static/immutable/chunks/0k2km614lww5h.js" 5c:"/chat-static/_next/static/immutable/chunks/13kdlp32xacga.js" 5d:"/chat-static/_next/static/immutable/chunks/3u1y4uz--0zgg.js" 5e:"/chat-static/_next/static/immutable/chunks/1j6s0ayecb0ys.js" 5f:"/chat-static/_next/static/immutable/chunks/3h_vsz2vthb5g.js" 60:"/chat-static/_next/static/immutable/chunks/3x-9a65a1waat.js" 61:"/chat-static/_next/static/immutable/chunks/2yr7-3gl2geqb.js" 62:"/chat-static/_next/static/immutable/chunks/1ktmbdfzrl4ec.js" 63:"/chat-static/_next/static/immutable/chunks/02hnjp4ol3rge.js" 64:"/chat-static/_next/static/immutable/chunks/1rukb6v7ul5ol.js" 65:"/chat-static/_next/static/immutable/chunks/0nudvykiurwp1.js" 66:"/chat-static/_next/static/immutable/chunks/422yv_lw-ojtn.js" 67:"/chat-static/_next/static/immutable/chunks/0cfia0-npsn1r.js" 68:"/chat-static/_next/static/immutable/chunks/3ckh6scdlvqt2.js" 69:"/chat-static/_next/static/immutable/chunks/31fvpexdx466i.js" 6a:"/chat-static/_next/static/immutable/chunks/0s_favram8qq-.js" 6b:"/chat-static/_next/static/immutable/chunks/29oxtd5ljrn3r.js" 6c:"/chat-static/_next/static/immutable/chunks/3zjbybjsuo_ys.js" 6d:"/chat-static/_next/static/immutable/chunks/0szz7hmsrh78h.js" 6e:"/chat-static/_next/static/immutable/chunks/3mmlnbmoa3qms.js" 6f:"/chat-static/_next/static/immutable/chunks/1wmyp4dg3jw6u.js" 70:"/chat-static/_next/static/immutable/chunks/2vjq0cu854eit.js" 71:"/chat-static/_next/static/immutable/chunks/3ni5a-a__nmx-.js" 72:"/chat-static/_next/static/immutable/chunks/33xq91rtogv-z.js" 73:"/chat-static/_next/static/immutable/chunks/0kivh12vyj33d.js" 74:"/chat-static/_next/static/immutable/chunks/2udapm6buxmvy.js" 75:"/chat-static/_next/static/immutable/chunks/3e59odt7uykt2.js" 76:"/chat-static/_next/static/immutable/chunks/253or1mfj9982.js" 77:"/chat-static/_next/static/immutable/chunks/1ov7rqthlkk8z.js" 78:"/chat-static/_next/static/immutable/chunks/2kqius_t1slld.js" 79:"/chat-static/_next/static/immutable/chunks/1yatm_ddvfqup.js" 7a:"/chat-static/_next/static/immutable/chunks/1w75llxlin4pp.js" 7b:"/chat-static/_next/static/immutable/chunks/3n579_p376a04.js" 7c:"/chat-static/_next/static/immutable/chunks/2ena7uw92x_dt.js" 7d:"/chat-static/_next/static/immutable/chunks/25qb90tw3k744.js" 7e:"/chat-static/_next/static/immutable/chunks/2fxnmwpwl2rqt.js" 7f:"/chat-static/_next/static/immutable/chunks/1iprxemjyfo9o.js" 80:"/chat-static/_next/static/immutable/chunks/22mvo_8demqoj.js" 81:"/chat-static/_next/static/immutable/chunks/41xlrwurj567w.js" 82:"/chat-static/_next/static/immutable/chunks/1k7fjg3uq_jzl.js" 83:"/chat-static/_next/static/immutable/chunks/1padj202lnbb-.js" 84:"/chat-static/_next/static/immutable/chunks/2ywxsgm6494ll.js" 85:"/chat-static/_next/static/immutable/chunks/3m_rbl2y1aqls.js" 86:"/chat-static/_next/static/immutable/chunks/18dsaaxph7oj7.js" 87:"/chat-static/_next/static/immutable/chunks/42ajinnuosyq1.js" 88:"/chat-static/_next/static/immutable/chunks/2roj9wr1b5_8n.js" 89:"/chat-static/_next/static/immutable/chunks/427igie5s577w.js" 8a:"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js" 8b:"/chat-static/_next/static/immutable/chunks/03_sswz39cpux.js" 8c:"/chat-static/_next/static/immutable3d:ofc1,/chunks/0qjdjw9-1x4kt.js" 8d:"/chat-static/_next/static/immutable/chunks/2df6s41whn7pm.js" 8e:"/chat-static/_next/static/immutable/chunks/1hqbr5k9i2eq-.js" 8f:"/chat-static/_next/static/immutable/chunks/1qq199dqtnal-.js" 90:"/chat-static/_next/static/immutable/chunks/2ppyqstelaljk.js" 91:"/chat-static/_next/static/immutable/chunks/19ej6mcq0pilh.js" 92:"/chat-static/_next/static/immutable/chunks/2o_28lm-k8xdr.js" 93:"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js" 94:I[822201,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$82","$83","$84","$85","$86","$87","$88","$89","$8a","$8b","$8c","$8d","$8e","$8f","$90","$91","$92","$93"],"default"] 95:"/chat-static/_next/static/immutable/chunks/26qen8ommb_9p.js" 96:"/chat-static/_next/static/immutable/chunks/1vxqdp46-ubka.js" 97:"/chat-static/_next/static/immutable/chunks/40ro-xdez4ow6.js" 98:"/chat-static/_next/static/immutable/chunks/1f0ljcg_2xoqr.js" 99:"/chat-static/_next/static/immutable/chunks/0dbuf7dmr5f35.js" 9a:"/chat-static/_next/static/immutable/chunks/1lbzbpv5ezq_7.js" 9b:"/chat-static/_next/static/immutable/chunks/3dlvyolxcnu8b.js" 9c:"/chat-static/_next/static/immutable/chunks/2d3f2fdzgt847.js" 9d:"/chat-static/_next/static/immutable/chunks/36mwgqd9prc6d.js" 9e:"GitChatHeaderSkeleton" 9f:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$9e"] :HL["/chat-static/_next/static/immutable/chunks/02ksgu-9hleom.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2k9vu604j0f3b.css","style"] 6:C 9:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2yr7-3gl2geqb.js","async":true,"nonce":"$undefined"}] a:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/1ktmbdfzrl4ec.js","async":true,"nonce":"$undefined"}] b:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/02hnjp4ol3rge.js","async":true,"nonce":"$undefined"}] c:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/1rukb6v7ul5ol.js","async":true,"nonce":"$undefined"}] d:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/0nudvykiurwp1.js","async":true,"nonce":"$undefined"}] e:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/422yv_lw-ojtn.js","async":true,"nonce":"$undefined"}] f:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/0cfia0-npsn1r.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/3ckh6scdlvqt2.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/31fvpexdx466i.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/0s_favram8qq-.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/29oxtd5ljrn3r.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/3zjbybjsuo_ys.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/0szz7hmsrh78h.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-31",{"src":"/chat-static/_next/static/immutable/chunks/3mmlnbmoa3qms.js","async":true,"nonce":"$undefined"}] 3d:o9d9,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1wmyp4dg3jw6u.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2vjq0cu854eit.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3ni5a-a__nmx-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/33xq91rtogv-z.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0kivh12vyj33d.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2udapm6buxmvy.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3e59odt7uykt2.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/253or1mfj9982.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1ov7rqthlkk8z.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2kqius_t1slld.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1yatm_ddvfqup.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1w75llxlin4pp.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/3n579_p376a04.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2ena7uw92x_dt.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/25qb90tw3k744.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2fxnmwpwl2rqt.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1iprxemjyfo9o.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/22mvo_8demqoj.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/41xlrwurj567w.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 3d:o29a,1d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3d:oc9e,21:["$","$2","c",{"children":[null,[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/02ksgu-9hleom.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2k9vu604j0f3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2nb1as9l5yrc2.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1padj202lnbb-.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2ywxsgm6494ll.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2roj9wr1b5_8n.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1vxqdp46-ubka.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0qjdjw9-1x4kt.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/40ro-xdez4ow6.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/42ajinnuosyq1.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2df6s41whn7pm.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/03_sswz39cpux.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/0dbuf7dmr5f35.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2o_28lm-k8xdr.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1f0ljcg_2xoqr.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/19ej6mcq0pilh.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1hqbr5k9i2eq-.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3dlvyolxcnu8b.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2d3f2fdzgt847.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/36mwgqd9prc6d.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1lbzbpv5ezq_7.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 3d:o3e7,23:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 25:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 27:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3d:o10d2,29:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","div",null,{"data-chat-skeleton-layout":true,"className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"aria-hidden":"true","className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":[["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}],["$","div",null,{"className":"flex-1 min-w-0","children":"$L48"}],"$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 3d:oc44,2b:["$","$2","c",{"children":["$L4e",[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/02ksgu-9hleom.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2k9vu604j0f3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2nb1as9l5yrc2.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1padj202lnbb-.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2ywxsgm6494ll.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2roj9wr1b5_8n.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1vxqdp46-ubka.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0qjdjw9-1x4kt.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/40ro-xdez4ow6.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/42ajinnuosyq1.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2df6s41whn7pm.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/03_sswz39cpux.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/0dbuf7dmr5f35.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2o_28lm-k8xdr.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1f0ljcg_2xoqr.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/19ej6mcq0pilh.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1hqbr5k9i2eq-.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3dlvyolxcnu8b.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2d3f2fdzgt847.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/36mwgqd9prc6d.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1lbzbpv5ezq_7.js","async":true,"nonce":"$undefined"}]],null]}] 3d:o3e7,2d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 31:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3d:oc1c,33:["$","$L47",null,{"loading":[["$","$L94","l",{}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/02ksgu-9hleom.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2k9vu604j0f3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1k7fjg3uq_jzl.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1padj202lnbb-.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2ywxsgm6494ll.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/3m_rbl2y1aqls.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/18dsaaxph7oj7.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/42ajinnuosyq1.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2roj9wr1b5_8n.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/427igie5s577w.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/03_sswz39cpux.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0qjdjw9-1x4kt.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2df6s41whn7pm.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1hqbr5k9i2eq-.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1qq199dqtnal-.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2ppyqstelaljk.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/19ej6mcq0pilh.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/2o_28lm-k8xdr.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.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"}]]}]}] 3d:oe8e,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L9f",null,{}],"children":"$La0"}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/02ksgu-9hleom.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2k9vu604j0f3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/26qen8ommb_9p.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3m_rbl2y1aqls.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1padj202lnbb-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2ywxsgm6494ll.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1vxqdp46-ubka.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2o_28lm-k8xdr.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/42ajinnuosyq1.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2roj9wr1b5_8n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0qjdjw9-1x4kt.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/40ro-xdez4ow6.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/18dsaaxph7oj7.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1hqbr5k9i2eq-.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1f0ljcg_2xoqr.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/0dbuf7dmr5f35.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1lbzbpv5ezq_7.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/2df6s41whn7pm.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3dlvyolxcnu8b.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2ppyqstelaljk.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/19ej6mcq0pilh.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1qq199dqtnal-.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/03_sswz39cpux.js","async":true,"nonce":"$undefined"}],["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/2d3f2fdzgt847.js","async":true,"nonce":"$undefined"}],["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/36mwgqd9prc6d.js","async":true,"nonce":"$undefined"}],["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}]],null]}] 3d:o32,37:["$","$2","c",{"children":["$La1",null,null]}] 3d:oab6,a3:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"AppCard"] a4:"FULL_BLEED_APP_CARD_CLASSNAME" a5:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$a4"] a6:"/chat-static/_next/static/immutable/chunks/2vfg81wx-w5qi.js" a7:"SidebarCollapseButton" a8:I[663042,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$a6"],"$a7"] a9:I[192842,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"ChatWarning"] aa:I[903785,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$a6"],"NewChatButton"] 41:300 48:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}] 49:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4b:["$","div",null,{"data-output":true,"className":"flex items-center justify-center bg-v0-background-200","children":["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}]}] a2:T1963,3d:o1963,3d:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$a2"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3e",null,{"fallback":["$","$La3",null,{"className":"$a5","children":[["$","$La8",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"}],["$","$La9",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$Laa",null,{}]}]]}],"children":"$Lab"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3d:o17,18:T8,variantsac:T18d5,3d:o18d5,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let g=new c,h=new d(a);(async function(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}})(g,h,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let i=new URL(c instanceof Request?c.url:c,location.href),j=i.origin===location.origin,k=a.find(a=>f({path:i.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await g.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",i.pathname),o.set("x-method",l);let p={...d,headers:o};return h.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await h.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });3d:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$ac"}}],"$Lad","$Lae","$Laf","$Lb0"]}],"$Lb1"]}] 3d:o1000,b2:"GeistThemeScript" b3:I[675056,["$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"],"$b2"] b4:I[600033,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"AppStoreMetaTag"] b5:I[675056,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"GeistProvider"] b6:I[818362,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"LocaleProvider"] b7:I[841245,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"MotionConfig"] b8:"AtomicContextSWRProvider" b9:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$b8"] ba:"GlobalPromiseContextProvider" bb:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$ba"] be:I[827887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"JotaiProvider"] bf:"ServerQuerySWRRuntimeProvider" c0:I[74757,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$bf"] c2:I[815349,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"CleanupStorage"] c3:I[137517,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Analytics"] c4:I[779616,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SpeedInsights"] c6:I[108762,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"TrackInfo"] c7:I[578386,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"PageViewTracker"] c8:I[356301,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"AutoCapture"] ad:["$","$Lb3",null,{"storageKey":"theme"}] ae:["$","$3e",null,{"children":["$","$Lb4",null,{}]}] af:["$","meta",null,{"name":"slack-app-id","conten3d:o372,t":"A09PS08K5R8"}] b0:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 3d:o926,b1:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased j-tX8W_variable Pgj0hG_variable hGs1mq_variable","children":[["$","$Lb5",null,{"storageKey":"theme","withScript":false,"children":["$","$Lb6",null,{"locale":"en","children":["$","$Lb7",null,{"reducedMotion":"user","children":["$","$Lb9",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":["$","$Lbb",null,{"params":null,"promises":{"dailyModelUsage":"$@bc","freeFixWithV0Usage":"$@bd"},"children":[["$","$Lbe",null,{"children":["$","$Lc0",null,{"children":"$Lc1"}]}],["$","$Lc2",null,{}]]}]}]}]}]}],["$","$Lc3",null,{}],["$","$Lc4",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":"$Lc5"}],["$","$Lc6",null,{}],["$","$Lc7",null,{}],["$","$Lc8",null,{}]]}] 3d:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 3d:oe,40:T8,variants3d:o1000,c9:"HydrateDurableAtoms" ca:I[783749,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$c9"] cb:I[359783,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"DataProvider"] cc:I[32170,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"UserProvider"] ce:"AnimatedIconProvider" cf:I[908887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$ce"] d0:I[30570,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"PortalProvider"] d1:"SnowflakePublishProvider" d2:I[966820,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d1"] d3:"UserInputProvider" d4:I[472914,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d3"] d5:I[69221,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"CmdkProvider"] d6:"VirtualMachineUIStateProvider" d7:I[319228,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d6"] d8:"DeployedPreviewIframeRefProvider" d9:I[166890,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$d8"] da:"PreviewSourceUIStateProvider" db:I[197843,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$da"] dc:I[367078,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"LoaderProvider"] dd:"PromptFormUIProvider" de:I[595358,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$dd"] df:I[242759,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"FlagsProvider"] e1:I[979934,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"NuqsAdapter"] e2:"ChatTabsProvider" e3:I[568561,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e2"] e4:"PersonalScopeMigrationAnnouncementProvider" e5:I[206559,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e4"] e7:"AnnouncementVisibilityProvider" e8:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","3d:o5cb,$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e7"] eb:I[561588,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Toaster"] ec:I[407562,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Toaster"] ed:"SuspendingDialogs" ee:I[840793,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$ed"] ef:I[323194,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SignInDialog"] f0:I[279070,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"ConsentBanner"] f1:I[15279,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SessionManager"] 3d:o8ef,c1:["$","$Lca",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"sidebarGroupOrder":[],"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"manualModelSelectionAnchorKey":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lcb",null,{"children":["$","$Lcc",null,{"expectUser":false,"userPromise":"$@cd","children":["$","$Lcf",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"children":["$","$Ld4",null,{"children":["$","$Ld5",null,{"children":["$","$Ld7",null,{"children":["$","$Ld9",null,{"children":["$","$Ldb",null,{"children":["$","$Ldc",null,{"children":["$","$Lde",null,{"children":["$","$Ldf",null,{"promise":"$@e0","middlewareFlags":["cgas"],"children":["$","$Le1",null,{"children":["$","$Le3",null,{"children":["$","$Le5",null,{"destinationTeamIdPromise":"$@e6","children":["$","$Le8",null,{"visiblePromise":"$@e9","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$3e",null,{"fallback":null,"children":"$Lea"}],["$","$Leb",null,{}],["$","$Lec",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Lee",null,{}]}],["$","$Lef",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lf0",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 3d:o12c,ab:["$","$La3",null,{"className":"$a5","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$La9",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] c5:["$","$Lf1",null,{"enabled":false}] 3d:o20,cd:"$undefined" e9:true ea:null 3d:o77,40:0 38:0 22:0 36:0 2c:0 41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id3d:o1000,f2:"RouteChatIdProvider" f3:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$f2"] f4:"CompletionAttentionProvider" f5:I[607506,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81"],"$f4"] f6:"SidebarUIProvider" f7:I[475961,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81"],"$f6"] fa:"HeaderSlotClientRouter" fb:I[597544,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81"],"$fa"] fc:"/chat-static/_next/static/immutable/chunks/1ra16m9dcod44.js" fd:I[32459,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$fc"],"default"] fe:I[990009,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81"],"Header"] ff:"RevalidateChatIdSkeletonStyles" 100:I[564011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81"],"$ff"] 101:I[980088,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81"],"DynamicCMDK"] 102:"PromptQueueSnapshotProvider" 103:I[475641,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$102"] 106:"ChatPromiseContextProvider" 107:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$106"] 10f:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58",3d:o1c6,"$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"GitChatHeader"] 110:I[227327,["$3"],"IconMark"] a1:null 3d:o77f,43:["$","$Lf3",null,{"children":["$","$Lf5",null,{"children":["$","$Lf7",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@f8"}],["$","$3e",null,{"children":"$Lf9"}],false,false,["$","div",null,{"className":"isolate flex min-h-0 flex-1","children":[false,["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","$Lfb",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$fd","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1ra16m9dcod44.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Lfe",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$fd","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$fd","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3e",null,{"children":["$","$L100",null,{}]}],["$","$L101",null,{}]]}]}]}] 3d:o176,4e:["$","$L103",null,{"initial":{"chatId":"KTlwZPEb3Yd","snapshot":"$@104"},"children":"$L105"}] a0:["$","$L107",null,{"params":{"chatId":"KTlwZPEb3Yd"},"promises":{"attributes":"$@108","externalMeta":"$@109","latest":"$@10a","messagesRange":"$@10b","messages":"$@10c","template":"$@10d","gitStatus":"$@10e"},"children":["$","$L10f",null,{"chatId":"KTlwZPEb3Yd"}]}] e6:null 3d:o6e2,3f:[["$","title","0",{"children":"London Weather App - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Create a portrait oriented weather app prototype that shows the day by day weather overview for a week in London"}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","meta","3",{"name":"robots","content":"noindex"}],["$","link","4",{"rel":"canonical","href":"https://v0.app/chat/london-weather-app-KTlwZPEb3Yd"}],["$","meta","5",{"property":"og:title","content":"London Weather App - v0 by Vercel"}],["$","meta","6",{"property":"og:description","content":"Create a portrait oriented weather app prototype that shows the day by day weather overview for a week in London"}],["$","meta","7",{"property":"og:image","content":"https://v0.app/chat/api/og/KTlwZPEb3Yd"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"London Weather App - v0 by Vercel"}],["$","meta","10",{"name":"twitter:description","content":"Create a portrait oriented weather app prototype that shows the day by day weather overview for a week in London"}],["$","meta","11",{"name":"twitter:image","content":"https://v0.app/chat/api/og/KTlwZPEb3Yd"}],["$","link","12",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","14",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","15",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$L110","16",{}]] 3d:o8,45:null 3d:oe94,111:I[144680,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"S"] 119:"ExplicitChatIdProvider" 11a:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"$119"] 11b:I[838238,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$81","$95","$85","$83","$84","$96","$8a","$92","$87","$88","$8c","$97","$86","$8e","$98","$99","$9a","$8d","$9b","$90","$91","$8f","$8b","$9c","$9d","$93"],"SWRDataProvider"] 2c:T8,variants2c:T5,scope108:{"ok":true,"value":{"designSystemId":null,"title":"London Weather App","privacy":"unlisted","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_9Xevb5sgAxfnmoSAbYIZI4fU","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1742289123010,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} 109:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10a:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10b:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10c:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10d:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10e:{"ok":true,"value":null,"__seedOnly":true} f8:null 11d:[] 11e:[["b_0Kd7XD6Lco5",null],["b_eWmpMkSmhGC",null],["b_oj8q0YpG9yn",null]] 11f:[["b_0Kd7XD6Lco5",{"templateVersionId":null,"templateCanonId":null}],["b_eWmpMkSmhGC",{"templateVersionId":null,"templateCanonId":null}],["b_oj8q0YpG9yn",{"templateVersionId":null,"templateCanonId":null}]] 120:[["b_IfsONdSVWtP","$D2025-03-18T09:12:09.734Z"],["b_jrKQg9Cagq0","$D2025-03-18T09:18:47.225Z"],["b_x7r8LZMUplI","$D2025-03-18T09:25:28.460Z"],["b_picuU5YAcfh","$D2025-03-18T09:30:18.951Z"],["b_zdIR26AHEHK","$D2025-03-18T09:35:14.229Z"],["b_0Kd7XD6Lco5","$D2025-03-18T09:37:49.945Z"],["b_eWmpMkSmhGC","$D2025-03-18T09:41:57.433Z"],["b_oj8q0YpG9yn","$D2025-03-18T12:58:33.222Z"]] 121:[["b_0Kd7XD6Lco5",false],["b_eWmpMkSmhGC",false],["b_oj8q0YpG9yn",false]] 122:[["b_0Kd7XD6Lco5","$undefined"],["b_eWmpMkSmhGC","$undefined"],["b_oj8q0YpG9yn","$undefined"]] 123:[["b_0Kd7XD6Lco5",null],["b_eWmpMkSmhGC",null],["b_oj8q0YpG9yn",null]] 124:[["b_0Kd7XD6Lco5",true],["b_eWmpMkSmhGC",true],["b_oj8q0YpG9yn",true]] 125:[["b_0Kd7XD6Lco5",true],["b_eWmpMkSmhGC",true],["b_oj8q0YpG9yn",true]] 126:[] 127:Taf01,3d:oaf01,[V0_FILE]typescriptreact:file="components/current-weather.tsx" isEdit="true" isMerged="true" "use client" import { CloudRain, Droplets, Sun, Wind } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { WeatherIcon } from "@/components/weather-icon" import { useTheme } from "@/contexts/theme-context" import { cn } from "@/lib/utils" interface CurrentWeatherProps { data: { temp: number condition: string icon: string feelsLike: number humidity: number windSpeed: number windDirection: string precipitation: number uvIndex: number } } export function CurrentWeather({ data }: CurrentWeatherProps) { const { theme } = useTheme() // Different styling based on theme const isMinimal = theme === "minimal" return (

{data.temp}°

{data.condition}

Feels like {data.feelsLike}°

H:{" "} {Math.max( ...Array.from({ length: 7 }, (_, i) => i === 0 ? data.temp : Math.floor(Math.random() * 10) + data.temp - 5, ), )} ° L:{" "} {Math.min( ...Array.from({ length: 7 }, (_, i) => i === 0 ? data.temp : Math.floor(Math.random() * 10) + data.temp - 15, ), )} °

Humidity

{data.humidity}%

Wind

{data.windSpeed} km/h

Precipitation

{data.precipitation}%

UV Index

{data.uvIndex} of 10

) } [V0_FILE]typescriptreact:file="components/daily-forecast.tsx" isEdit="true" isMerged="true" "use client" import { useTheme } from "@/contexts/theme-context" import { cn } from "@/lib/utils" import { WeatherIcon } from "./weather-icon" interface DailyForecastProps { data: Array<{ day: string high: number low: number condition: string precipitation: number }> } export function DailyForecast({ data }: DailyForecastProps) { const { theme } = useTheme() const isMinimal = theme === "minimal" return (

{data.map((day, index) => (

{day.day}

{day.precipitation > 0 && (

{day.precipitation}%

)}

{day.high}° {day.low}°

))}

) } [V0_FILE]typescriptreact:file="components/hourly-forecast.tsx" isEdit="true" isMerged="true" "use client" import { useTheme } from "@/contexts/theme-context" import { cn } from "@/lib/utils" import { WeatherIcon } from "./weather-icon" interface HourlyForecastProps { data: Array<{ time: string temp: number condition: string precipitation: number }> } export function HourlyForecast({ data }: HourlyForecastProps) { const { theme } = useTheme() const isMinimal = theme === "minimal" return (

{data.map((hour, index) => (

{hour.time}

{hour.precipitation > 0 && (

{hour.precipitation}%

)}

{hour.temp}°

))}

) } [V0_FILE]typescriptreact:file="components/city-search.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Search, X } from "lucide-react" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { useTheme } from "@/contexts/theme-context" import { cn } from "@/lib/utils" interface CitySearchProps { onCityChange: (city: string) => void currentCity: string } export function CitySearch({ onCityChange, currentCity }: CitySearchProps) { const [isSearchOpen, setIsSearchOpen] = useState(false) const [searchQuery, setSearchQuery] = useState("") const { theme } = useTheme() const isMinimal = theme === "minimal" // Popular cities for quick selection const popularCities = ["London", "New York", "Tokyo", "Paris", "Sydney", "Berlin"] const handleSearch = (e: React.FormEvent) => { e.preventDefault() if (searchQuery.trim()) { onCityChange(searchQuery) setSearchQuery("") setIsSearchOpen(false) } } const handleQuickSelect = (city: string) => { onCityChange(city) setIsSearchOpen(false) } return (

{isSearchOpen ? (

Popular Cities

{popularCities.map((city) => ( ))}

) : ( )}

) } [V0_FILE]typescriptreact:file="components/share-button.tsx" isEdit="true" isMerged="true" "use client" import { useState, useRef } from "react" import { Share2, Check, Loader2, Download, MessageCircle } from "lucide-react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import html2canvas from "html2canvas" import { useTheme } from "@/contexts/theme-context" import { cn } from "@/lib/utils" interface ShareButtonProps { cityName: string backgroundClass: string } export function ShareButton({ cityName, backgroundClass }: ShareButtonProps) { const [isSharing, setIsSharing] = useState(false) const [shareSuccess, setShareSuccess] = useState(false) const [shareError, setShareError] = useState(null) const [imageUrl, setImageUrl] = useState(null) const [isDialogOpen, setIsDialogOpen] = useState(false) const dialogTriggerRef = useRef(null) const { theme } = useTheme() const isMinimal = theme === "minimal" // Function to capture the weather card as an image const captureWeather = async () => { setIsSharing(true) setShareSuccess(false) setShareError(null) setImageUrl(null) try { // Wait a moment for the dialog to fully render await new Promise((resolve) => setTimeout(resolve, 100)) // Target the main weather content const weatherElement = document.getElementById("weather-content") const mainElement = document.querySelector("main") if (!weatherElement || !mainElement) { throw new Error("Could not find elements to capture") } console.log("Capturing element:", weatherElement) // Create a wrapper with the same background as the main element const wrapper = document.createElement("div") wrapper.className = backgroundClass // Use the passed background class // If minimal theme, override with dark background if (isMinimal) { wrapper.className = "bg-gray-900" } wrapper.style.position = "absolute" wrapper.style.left = "-9999px" wrapper.style.top = "0" wrapper.style.width = `${weatherElement.offsetWidth}px` wrapper.style.padding = "20px" wrapper.style.borderRadius = "12px" // Clone the weather content const clone = weatherElement.cloneNode(true) as HTMLElement // Add the clone to the wrapper wrapper.appendChild(clone) document.body.appendChild(wrapper) try { // Use html2canvas with improved options const canvas = await html2canvas(wrapper, { backgroundColor: null, scale: 2, // Higher resolution logging: true, // Enable logging for debugging allowTaint: true, useCORS: true, removeContainer: false, foreignObjectRendering: false, // Disable foreignObject rendering which can cause issues }) // Remove the wrapper document.body.removeChild(wrapper) // Convert canvas to data URL const dataUrl = canvas.toDataURL("image/png") console.log("Image captured successfully") setImageUrl(dataUrl) return dataUrl } catch (canvasError) { console.error("html2canvas error:", canvasError) document.body.removeChild(wrapper) throw canvasError } } catch (error) { console.error("Error capturing weather:", error) setShareError("Failed to capture weather image. Please try again.") setIsSharing(false) return null } } // Function to convert dataURL to blob const dataURLtoBlob = (dataURL: string): Blob => { try { const arr = dataURL.split(",") const mime = arr[0].match(/:(.*?);/)?.[1] || "image/png" const bstr = atob(arr[1]) let n = bstr.length const u8arr = new Uint8Array(n) while (n--) { u8arr[n] = bstr.charCodeAt(n) } return new Blob([u8arr], { type: mime }) } catch (error) { console.error("Error converting dataURL to Blob:", error) throw error } } // Function to share via WhatsApp const shareViaWhatsApp = (imageUrl: string) => { try { // First try to download the image const link = document.createElement("a") link.href = imageUrl link.download = `weather-${cityName}.png` document.body.appendChild(link) link.click() document.body.removeChild(link) // Then open WhatsApp setTimeout(() => { const whatsappUrl = `https://wa.me/?text=Check%20out%20the%20weather%20in%20${encodeURIComponent(cityName)}!` window.open(whatsappUrl, "_blank") setShareSuccess(true) setShareError("Image downloaded. Please attach it manually to your WhatsApp message.") }, 500) } catch (error) { console.error("Error sharing via WhatsApp:", error) setShareError("Couldn't share to WhatsApp. Try downloading the image instead.") } } // Function to download the image const downloadImage = (imageUrl: string) => { try { // Create a temporary link element const link = document.createElement("a") link.href = imageUrl link.download = `weather-${cityName}.png` // Trigger download document.body.appendChild(link) link.click() document.body.removeChild(link) setShareSuccess(true) } catch (error) { console.error("Error downloading image:", error) setShareError("Failed to download image") } } // Handle share button click const handleShare = async () => { console.log("Starting capture process") const imageUrl = await captureWeather() if (!imageUrl) { console.log("No image URL returned") return } console.log("Image captured, URL length:", imageUrl.length) setIsSharing(false) } return ( ) } [V0_FILE]typescriptreact:file="lib/html2canvas.d.ts" isMerged="true" declare module "html2canvas" { interface Options { scale?: number width?: number height?: number backgroundColor?: string | null logging?: boolean allowTaint?: boolean useCORS?: boolean [key: string]: any } export default function html2canvas(element: HTMLElement, options?: Options): Promise } [V0_FILE]typescriptreact:file="components/screenshot-helper.tsx" isMerged="true" "use client" import { useEffect } from "react" // This component helps with debugging screenshot issues export function ScreenshotHelper() { useEffect(() => { // Add a global function to take screenshots // This is for debugging purposes ;(window as any).takeScreenshot = async (elementId = "weather-content") => { try { const element = document.getElementById(elementId) if (!element) { console.error(`Element with ID ${elementId} not found`) return } console.log("Element found:", element) console.log("Element dimensions:", element.offsetWidth, "x", element.offsetHeight) // Try to load html2canvas dynamically const html2canvas = (await import("html2canvas")).default console.log("html2canvas loaded") const canvas = await html2canvas(element, { backgroundColor: null, scale: 2, logging: true, allowTaint: true, useCORS: true, }) console.log("Canvas created") const dataUrl = canvas.toDataURL("image/png") console.log("Data URL created, length:", dataUrl.length) // Create a preview const img = document.createElement("img") img.src = dataUrl img.style.position = "fixed" img.style.top = "10px" img.style.right = "10px" img.style.maxWidth = "300px" img.style.zIndex = "9999" img.style.border = "2px solid black" img.onclick = () => document.body.removeChild(img) document.body.appendChild(img) return dataUrl } catch (error) { console.error("Screenshot error:", error) } } }, []) return null } [V0_FILE]typescriptreact:file="contexts/theme-context.tsx" isMerged="true" "use client" import { createContext, useContext, useEffect, useState, type ReactNode } from "react" type Theme = "default" | "minimal" interface ThemeContextType { theme: Theme toggleTheme: () => void } const ThemeContext = createContext(undefined) export function ThemeProvider({ children }: { children: ReactNode }) { const [theme, setTheme] = useState("default") // Load theme from localStorage on mount useEffect(() => { const savedTheme = localStorage.getItem("weather-theme") as Theme | null if (savedTheme) { setTheme(savedTheme) } }, []) // Save theme to localStorage when it changes useEffect(() => { localStorage.setItem("weather-theme", theme) }, [theme]) const toggleTheme = () => { setTheme((prev) => (prev === "default" ? "minimal" : "default")) } return {children} } export function useTheme() { const context = useContext(ThemeContext) if (context === undefined) { throw new Error("useTheme must be used within a ThemeProvider") } return context } [V0_FILE]typescriptreact:file="components/theme-toggle.tsx" isMerged="true" "use client" import { Moon, Sun } from "lucide-react" import { Button } from "@/components/ui/button" import { useTheme } from "@/contexts/theme-context" export function ThemeToggle() { const { theme, toggleTheme } = useTheme() return ( ) } [V0_FILE]typescriptreact:file="components/weather-icon.tsx" isMerged="true" "use client" import { Cloud, CloudRain, CloudSnow, Sun, CloudSun } from "lucide-react" import { useTheme } from "@/contexts/theme-context" interface WeatherIconProps { condition: string className?: string } export function WeatherIcon({ condition, className = "w-8 h-8" }: WeatherIconProps) { const { theme } = useTheme() // Default theme icons if (theme === "default") { switch (condition) { case "sunny": return case "partly-cloudy": return case "cloudy": return case "rainy": return case "snowy": return default: return } } // Minimal theme icons - using different styling return (

{(() => { switch (condition) { case "sunny": return (

) case "partly-cloudy": return (

) case "cloudy": return (

) case "rainy": return (

) case "snowy": return (

) default: return (

) } })()}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { cn } from "@/lib/utils" import { Card } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { CurrentWeather } from "@/components/current-weather" import { DailyForecast } from "@/components/daily-forecast" import { HourlyForecast } from "@/components/hourly-forecast" import { CitySearch } from "@/components/city-search" import { ShareButton } from "@/components/share-button" import { ScreenshotHelper } from "@/components/screenshot-helper" import { ThemeProvider, useTheme } from "@/contexts/theme-context" import { ThemeToggle } from "@/components/theme-toggle" // Mock weather data for different cities const citiesWeatherData = { London: { location: "London, UK", current: { temp: 18, condition: "Partly Cloudy", icon: "partly-cloudy", feelsLike: 17, humidity: 65, windSpeed: 12, windDirection: "NE", precipitation: 10, uvIndex: 4, }, daily: [ { day: "Today", high: 18, low: 12, condition: "partly-cloudy", precipitation: 10 }, { day: "Tue", high: 20, low: 13, condition: "sunny", precipitation: 0 }, { day: "Wed", high: 22, low: 14, condition: "sunny", precipitation: 0 }, { day: "Thu", high: 19, low: 13, condition: "rainy", precipitation: 80 }, { day: "Fri", high: 17, low: 11, condition: "rainy", precipitation: 60 }, { day: "Sat", high: 16, low: 10, condition: "partly-cloudy", precipitation: 20 }, { day: "Sun", high: 18, low: 12, condition: "partly-cloudy", precipitation: 10 }, ], hourly: [ { time: "Now", temp: 18, condition: "partly-cloudy", precipitation: 10 }, { time: "10 AM", temp: 19, condition: "partly-cloudy", precipitation: 10 }, { time: "11 AM", temp: 19, condition: "partly-cloudy", precipitation: 5 }, { time: "12 PM", temp: 20, condition: "sunny", precipitation: 0 }, { time: "1 PM", temp: 20, condition: "sunny", precipitation: 0 }, { time: "2 PM", temp: 20, condition: "sunny", precipitation: 0 }, { time: "3 PM", temp: 19, condition: "sunny", precipitation: 0 }, { time: "4 PM", temp: 19, condition: "partly-cloudy", precipitation: 5 }, { time: "5 PM", temp: 18, condition: "partly-cloudy", precipitation: 10 }, { time: "6 PM", temp: 17, condition: "partly-cloudy", precipitation: 15 }, { time: "7 PM", temp: 16, condition: "partly-cloudy", precipitation: 15 }, { time: "8 PM", temp: 15, condition: "partly-cloudy", precipitation: 10 }, ], }, "New York": { location: "New York, US", current: { temp: 25, condition: "Sunny", icon: "sunny", feelsLike: 27, humidity: 45, windSpeed: 8, windDirection: "SW", precipitation: 0, uvIndex: 7, }, daily: [ { day: "Today", high: 25, low: 18, condition: "sunny", precipitation: 0 }, { day: "Tue", high: 27, low: 19, condition: "sunny", precipitation: 0 }, { day: "Wed", high: 28, low: 20, condition: "partly-cloudy", precipitation: 10 }, { day: "Thu", high: 26, low: 19, condition: "partly-cloudy", precipitation: 20 }, { day: "Fri", high: 24, low: 18, condition: "rainy", precipitation: 70 }, { day: "Sat", high: 22, low: 17, condition: "rainy", precipitation: 60 }, { day: "Sun", high: 23, low: 18, condition: "partly-cloudy", precipitation: 30 }, ], hourly: [ { time: "Now", temp: 25, condition: "sunny", precipitation: 0 }, { time: "10 AM", temp: 26, condition: "sunny", precipitation: 0 }, { time: "11 AM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "12 PM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "1 PM", temp: 28, condition: "sunny", precipitation: 0 }, { time: "2 PM", temp: 28, condition: "sunny", precipitation: 0 }, { time: "3 PM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "4 PM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "5 PM", temp: 26, condition: "sunny", precipitation: 0 }, { time: "6 PM", temp: 25, condition: "partly-cloudy", precipitation: 0 }, { time: "7 PM", temp: 24, condition: "partly-cloudy", precipitation: 0 }, { time: "8 PM", temp: 23, condition: "partly-cloudy", precipitation: 0 }, ], }, Tokyo: { location: "Tokyo, Japan", current: { temp: 22, condition: "Rainy", icon: "rainy", feelsLike: 24, humidity: 80, windSpeed: 15, windDirection: "SE", precipitation: 75, uvIndex: 2, }, daily: [ { day: "Today", high: 22, low: 19, condition: "rainy", precipitation: 75 }, { day: "Tue", high: 23, low: 19, condition: "rainy", precipitation: 80 }, { day: "Wed", high: 24, low: 20, condition: "rainy", precipitation: 60 }, { day: "Thu", high: 25, low: 21, condition: "partly-cloudy", precipitation: 30 }, { day: "Fri", high: 26, low: 22, condition: "partly-cloudy", precipitation: 20 }, { day: "Sat", high: 27, low: 22, condition: "sunny", precipitation: 0 }, { day: "Sun", high: 28, low: 23, condition: "sunny", precipitation: 0 }, ], hourly: [ { time: "Now", temp: 22, condition: "rainy", precipitation: 75 }, { time: "10 AM", temp: 22, condition: "rainy", precipitation: 80 }, { time: "11 AM", temp: 22, condition: "rainy", precipitation: 80 }, { time: "12 PM", temp: 23, condition: "rainy", precipitation: 75 }, { time: "1 PM", temp: 23, condition: "rainy", precipitation: 70 }, { time: "2 PM", temp: 23, condition: "rainy", precipitation: 65 }, { time: "3 PM", temp: 22, condition: "rainy", precipitation: 60 }, { time: "4 PM", temp: 22, condition: "rainy", precipitation: 55 }, { time: "5 PM", temp: 22, condition: "rainy", precipitation: 50 }, { time: "6 PM", temp: 21, condition: "rainy", precipitation: 45 }, { time: "7 PM", temp: 21, condition: "rainy", precipitation: 40 }, { time: "8 PM", temp: 20, condition: "rainy", precipitation: 35 }, ], }, Paris: { location: "Paris, France", current: { temp: 21, condition: "Partly Cloudy", icon: "partly-cloudy", feelsLike: 22, humidity: 55, windSpeed: 10, windDirection: "W", precipitation: 15, uvIndex: 5, }, daily: [ { day: "Today", high: 21, low: 15, condition: "partly-cloudy", precipitation: 15 }, { day: "Tue", high: 22, low: 16, condition: "partly-cloudy", precipitation: 10 }, { day: "Wed", high: 24, low: 17, condition: "sunny", precipitation: 0 }, { day: "Thu", high: 25, low: 18, condition: "sunny", precipitation: 0 }, { day: "Fri", high: 23, low: 17, condition: "partly-cloudy", precipitation: 20 }, { day: "Sat", high: 21, low: 16, condition: "rainy", precipitation: 60 }, { day: "Sun", high: 20, low: 15, condition: "rainy", precipitation: 50 }, ], hourly: [ { time: "Now", temp: 21, condition: "partly-cloudy", precipitation: 15 }, { time: "10 AM", temp: 22, condition: "partly-cloudy", precipitation: 10 }, { time: "11 AM", temp: 22, condition: "partly-cloudy", precipitation: 10 }, { time: "12 PM", temp: 23, condition: "partly-cloudy", precipitation: 5 }, { time: "1 PM", temp: 23, condition: "sunny", precipitation: 0 }, { time: "2 PM", temp: 24, condition: "sunny", precipitation: 0 }, { time: "3 PM", temp: 24, condition: "sunny", precipitation: 0 }, { time: "4 PM", temp: 23, condition: "sunny", precipitation: 0 }, { time: "5 PM", temp: 23, condition: "partly-cloudy", precipitation: 5 }, { time: "6 PM", temp: 22, condition: "partly-cloudy", precipitation: 10 }, { time: "7 PM", temp: 21, condition: "partly-cloudy", precipitation: 15 }, { time: "8 PM", temp: 20, condition: "partly-cloudy", precipitation: 15 }, ], }, Sydney: { location: "Sydney, Australia", current: { temp: 26, condition: "Sunny", icon: "sunny", feelsLike: 28, humidity: 50, windSpeed: 14, windDirection: "E", precipitation: 0, uvIndex: 9, }, daily: [ { day: "Today", high: 26, low: 19, condition: "sunny", precipitation: 0 }, { day: "Tue", high: 27, low: 20, condition: "sunny", precipitation: 0 }, { day: "Wed", high: 28, low: 21, condition: "sunny", precipitation: 0 }, { day: "Thu", high: 29, low: 22, condition: "partly-cloudy", precipitation: 10 }, { day: "Fri", high: 27, low: 21, condition: "partly-cloudy", precipitation: 20 }, { day: "Sat", high: 25, low: 20, condition: "partly-cloudy", precipitation: 30 }, { day: "Sun", high: 24, low: 19, condition: "rainy", precipitation: 40 }, ], hourly: [ { time: "Now", temp: 26, condition: "sunny", precipitation: 0 }, { time: "10 AM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "11 AM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "12 PM", temp: 28, condition: "sunny", precipitation: 0 }, { time: "1 PM", temp: 28, condition: "sunny", precipitation: 0 }, { time: "2 PM", temp: 29, condition: "sunny", precipitation: 0 }, { time: "3 PM", temp: 29, condition: "sunny", precipitation: 0 }, { time: "4 PM", temp: 28, condition: "sunny", precipitation: 0 }, { time: "5 PM", temp: 27, condition: "sunny", precipitation: 0 }, { time: "6 PM", temp: 26, condition: "sunny", precipitation: 0 }, { time: "7 PM", temp: 25, condition: "partly-cloudy", precipitation: 0 }, { time: "8 PM", temp: 24, condition: "partly-cloudy", precipitation: 0 }, ], }, Berlin: { location: "Berlin, Germany", current: { temp: 16, condition: "Cloudy", icon: "cloudy", feelsLike: 15, humidity: 70, windSpeed: 18, windDirection: "NW", precipitation: 25, uvIndex: 3, }, daily: [ { day: "Today", high: 16, low: 10, condition: "cloudy", precipitation: 25 }, { day: "Tue", high: 17, low: 11, condition: "partly-cloudy", precipitation: 20 }, { day: "Wed", high: 19, low: 12, condition: "partly-cloudy", precipitation: 15 }, { day: "Thu", high: 20, low: 13, condition: "sunny", precipitation: 0 }, { day: "Fri", high: 21, low: 14, condition: "sunny", precipitation: 0 }, { day: "Sat", high: 19, low: 13, condition: "partly-cloudy", precipitation: 10 }, { day: "Sun", high: 18, low: 12, condition: "partly-cloudy", precipitation: 15 }, ], hourly: [ { time: "Now", temp: 16, condition: "cloudy", precipitation: 25 }, { time: "10 AM", temp: 16, condition: "cloudy", precipitation: 20 }, { time: "11 AM", temp: 17, condition: "cloudy", precipitation: 20 }, { time: "12 PM", temp: 17, condition: "partly-cloudy", precipitation: 15 }, { time: "1 PM", temp: 18, condition: "partly-cloudy", precipitation: 15 }, { time: "2 PM", temp: 18, condition: "partly-cloudy", precipitation: 10 }, { time: "3 PM", temp: 18, condition: "partly-cloudy", precipitation: 10 }, { time: "4 PM", temp: 17, condition: "partly-cloudy", precipitation: 10 }, { time: "5 PM", temp: 17, condition: "partly-cloudy", precipitation: 15 }, { time: "6 PM", temp: 16, condition: "partly-cloudy", precipitation: 15 }, { time: "7 PM", temp: 15, condition: "cloudy", precipitation: 20 }, { time: "8 PM", temp: 14, condition: "cloudy", precipitation: 20 }, ], }, } // Helper function to get background based on weather condition const getBackgroundClass = (condition: string) => { switch (condition) { case "sunny": return "bg-gradient-to-b from-blue-400 to-blue-600" case "partly-cloudy": return "bg-gradient-to-b from-blue-300 to-blue-500" case "cloudy": return "bg-gradient-to-b from-gray-300 to-gray-500" case "rainy": return "bg-gradient-to-b from-gray-400 to-gray-600" case "snowy": return "bg-gradient-to-b from-blue-100 to-blue-300" default: return "bg-gradient-to-b from-blue-400 to-blue-600" } } // Main app component wrapped with ThemeProvider function WeatherAppContent() { const [currentTime, setCurrentTime] = useState("") const [currentCity, setCurrentCity] = useState("London") const [weatherData, setWeatherData] = useState(citiesWeatherData["London"]) const { theme } = useTheme() const isMinimal = theme === "minimal" // Get background class based on theme and weather const backgroundClass = isMinimal ? "bg-gray-900" // Minimal theme always uses dark background : getBackgroundClass(weatherData.current.icon) // Handle city change const handleCityChange = (city: string) => { // Check if we have data for this city if (citiesWeatherData[city as keyof typeof citiesWeatherData]) { setCurrentCity(city) setWeatherData(citiesWeatherData[city as keyof typeof citiesWeatherData]) } else { // For cities not in our mock data, we'd normally fetch from an API // For this prototype, we'll just show an alert alert(`Weather data for ${city} is not available in this prototype.`) } } useEffect(() => { // Set current time on load const now = new Date() setCurrentTime(now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })) // Update time every minute const interval = setInterval(() => { const now = new Date() setCurrentTime(now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })) }, 60000) return () => clearInterval(interval) }, []) return (

{/* Header with Search, Theme Toggle, and Share */}

{weatherData.location}

{currentTime} • Updated just now

{/* Weather content that will be captured for sharing */}

{/* Current Weather */} {/* Forecast Tabs */} Daily Hourly

) } // Export the app wrapped with ThemeProvider export default function WeatherApp() { return ( ) } 3d:oa,128:Taf01,3d:oaf01,[V0_FILE]typescriptreact:file="components/current-weather.tsx" isEdit="true" isMerged="true" "use client" import { CloudRain, Droplets, Sun, Wind } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { WeatherIcon } from "@/components/weather-icon" import { useTheme } from "@/contexts/theme-context" import { cn } from "@/lib/utils" interface CurrentWeatherProps { data: { temp: number condition: string icon: string feelsLike: number humidity: number windSpeed: number windDirection: string precipitation: number uvIndex: number } } export function CurrentWeather({ data }: CurrentWeatherProps) { const { theme } = useTheme() // Different styling based on theme const isMinimal = theme === "minimal" return (

{data.temp}°

{data.condition}

Feels like {data.feelsLike}°

Humidity

{data.humidity}%

Wind

{data.windSpeed} km/h

Precipitation

{data.precipitation}%

UV Index

{data.uvIndex} of 10

{data.map((day, index) => (

{day.day}

{day.precipitation > 0 && (

{day.precipitation}%

)}

{day.high}° {day.low}°

))}

{data.map((hour, index) => (

{hour.time}

{hour.precipitation > 0 && (

{hour.precipitation}%

)}

{hour.temp}°

))}

{isSearchOpen ? (

Popular Cities

{popularCities.map((city) => ( ))}

) : ( )}

{(() => { switch (condition) { case "sunny": return (

) case "partly-cloudy": return (

) case "cloudy": return (

) case "rainy": return (

) case "snowy": return (

) default: return (

) } })()}

{/* Header with Search, Theme Toggle, and Share */}

{weatherData.location}

{currentTime} • Updated just now

{/* Weather content that will be captured for sharing */}

{/* Current Weather */} {/* Forecast Tabs */} Daily Hourly

) } // Export the app wrapped with ThemeProvider export default function WeatherApp() { return ( ) } 3d:o4dcf,105:["$","$L111",null,{"value":{"cacheData":{}},"children":["$","$L107",null,{"params":{"chatId":"KTlwZPEb3Yd"},"promises":{"attributes":"$@112","externalMeta":"$@113","latest":"$@114","messagesRange":"$@115","messages":"$@116","template":"$@117","gitStatus":"$@118"},"children":["$","$L11a",null,{"chatId":"KTlwZPEb3Yd","children":["$","$L11b",null,{"seedOnlyKeys":["@\"chat:state\",\"KTlwZPEb3Yd\","],"data":{"block:output:initial":{"id":"b_oj8q0YpG9yn","result":"$@11c"},"@\"block:mappings\",\"KTlwZPEb3Yd\",":{"sqlBlockExecutionStates":"$Q11d","blocksForkedFrom":"$Q11e","blocksTemplateIds":"$Q11f","blocksCreatedAt":"$Q120","blocksShared":"$Q121","blocksDeployed":"$Q122","blocksSubdomains":"$Q123","brandedBlocks":"$Q124","unlistedBlocks":"$Q125","blockOutputs":"$Q126"},"@\"chat:state\",\"KTlwZPEb3Yd\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ILNmdBwwc2gsKJl1WaJkfObMxW9MsXyF","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-03-18T09:12:02.997Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_IfsONdSVWtP","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Udevc3sD4iqPepBLjz6K4Lrt9BO4ZeHZ","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"ILNmdBwwc2gsKJl1WaJkfObMxW9MsXyF","type":"message","createdAt":"$D2025-03-18T09:12:02.998Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Oe72vfyf4SSLTcFiE3hFMbF5yY0vJpXb","parentId":"Udevc3sD4iqPepBLjz6K4Lrt9BO4ZeHZ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-03-18T09:18:41.224Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_jrKQg9Cagq0","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"FmAf8jJXnutfiZZfcE0P8MpfM3LAFknf","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"Oe72vfyf4SSLTcFiE3hFMbF5yY0vJpXb","type":"message","createdAt":"$D2025-03-18T09:18:41.225Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"BOYnRZVfb70aLUFJ1tkegLge5x9uR3Rl","parentId":"FmAf8jJXnutfiZZfcE0P8MpfM3LAFknf","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-03-18T09:25:19.453Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_x7r8LZMUplI","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"IP03QijJZTTDExVkHfcXjxg0CJCSn8P0","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"BOYnRZVfb70aLUFJ1tkegLge5x9uR3Rl","type":"message","createdAt":"$D2025-03-18T09:25:19.454Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"pPyGU7q0iV5IyeJOZqOnyU8pFgG2uRuJ","parentId":"IP03QijJZTTDExVkHfcXjxg0CJCSn8P0","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-03-18T09:30:10.838Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_picuU5YAcfh","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"cO4HGDmKSkY7HI7NybdVj9e7aBLTa64x","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"pPyGU7q0iV5IyeJOZqOnyU8pFgG2uRuJ","type":"message","createdAt":"$D2025-03-18T09:30:10.839Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Ju0gSqiYIpnlzX3tpODpgL7x3Y7DcCKH","parentId":"cO4HGDmKSkY7HI7NybdVj9e7aBLTa64x","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2025-03-18T09:35:06.126Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_zdIR26AHEHK","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"euzEpjoQXxDut5ukC9gt6Tctc1cM77jb","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"Ju0gSqiYIpnlzX3tpODpgL7x3Y7DcCKH","type":"message","createdAt":"$D2025-03-18T09:35:06.127Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"i cant read the content of the sharable image because the styles change. keep the colours the same in the sharable image as they are in the prototype"}],"version":1},"role":"user","id":"lkBDXXPlOr9DV7BqFAkIZe9KZfbWsPRY","attachments":[],"parentId":"euzEpjoQXxDut5ukC9gt6Tctc1cM77jb","type":"message","authorId":"xfJ8RtVhZ97lW5zsT8nFIXlm","createdAt":"$D2025-03-18T09:37:40.616Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":3.6941176470588237,"thought":"The issue is that when we clone the element for capturing, we're not preserving the background gradient from the main element. The styles are changing because we're not properly transferring the background gradient to the cloned element. Let's fix this by:\n\n- Capturing the exact background gradient from the main element\n- Applying it to the cloned element before capture\n- Ensuring the weather-content element includes the background in its structure\n- Preserving all styling during the capture process\n\nWe need to make sure the cloned element has the same visual appearance as the original, including the background gradient."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["p",{},["text",{},"Let's fix the share button to preserve the colors and styles in the shareable image:"]],["p",{},["text",{},"I've fixed the issue with the shareable image colors by making these key changes:"]],["ol",{"start":1},["li",{"index":1},["p",{},["strong",{},["text",{},"Passing Background Class to ShareButton"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Added a "],["code",{},"backgroundClass"],["text",{}," prop to the ShareButton component"]],["li",{"index":2},["text",{},"This ensures the exact same gradient background is used in the shared image"]]]],["li",{"index":2},["p",{},["strong",{},["text",{},"Improved Capture Method"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Created a wrapper element with the same background class as the main app"]],["li",{"index":2},["text",{},"Placed the cloned weather content inside this wrapper"]],["li",{"index":3},["text",{},"This preserves the exact same visual appearance including colors and gradients"]]]],["li",{"index":3},["p",{},["strong",{},["text",{},"Simplified Element Structure"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Removed unnecessary styling from the weather-content element"]],["li",{"index":2},["text",{},"Let the wrapper handle the background styling for consistency"]]]],["li",{"index":4},["p",{},["strong",{},["text",{},"Better Preview"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"The image preview in the share dialog now shows the correct colors"]],["li",{"index":2},["text",{},"The downloaded/shared image will have the same background as the app"]]]]],["p",{},["text",{},"Now when you share the weather, the image will maintain the same color scheme as the app itself. For example:"]],["ul",{"start":1},["li",{"index":1},["text",{},"London's partly cloudy weather will have the blue-300 to blue-500 gradient"]],["li",{"index":2},["text",{},"Tokyo's rainy weather will have the gray-400 to gray-600 gradient"]],["li",{"index":3},["text",{},"New York's sunny weather will have the blue-400 to blue-600 gradient"]]],["p",{},["text",{},"This ensures that the shareable image accurately represents the weather condition with the appropriate color scheme, making it more visually appealing and informative when shared via WhatsApp or other platforms."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"SlNXrVgMLYQpxxU4d2cje2WZpciYhjOF","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"lkBDXXPlOr9DV7BqFAkIZe9KZfbWsPRY","type":"message","creditCost":0.1208205,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-03-18T09:37:40.617Z","updatedAt":"$D2025-03-18T09:39:21.226Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Add a toggle to switch back and forth between the current style and a completely different skin with different fonts, icons and colours. The data can stay the same"}],"version":1},"role":"user","id":"4VniUUR3311Co6wvlY6CTvVgJ0PO1K1v","attachments":[],"parentId":"SlNXrVgMLYQpxxU4d2cje2WZpciYhjOF","type":"message","authorId":"xfJ8RtVhZ97lW5zsT8nFIXlm","createdAt":"$D2025-03-18T09:41:46.025Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":4.882352941176471,"thought":"I'll add a theme toggle feature that allows users to switch between the current style and a completely different skin. Here's my plan:\n\n- Create a theme context to manage the current theme state\n- Design an alternative theme with different fonts, colors, and styling\n- Add a toggle button in the header\n- Implement theme-specific styling for all components\n- Ensure the share functionality works with both themes\n\nFor the alternative theme, I'll create a more minimalist, dark-themed design with:\n\n- Different font family (maybe a sans-serif like Inter or a monospace font)\n- Different color scheme (dark background with high contrast elements)\n- Different icon styles or variations\n- Different card and UI component styling\n\nI'll make sure the theme toggle is persistent using localStorage so the user's preference is remembered."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["p",{},["text",{},"I'll add a theme toggle to switch between the current style and a completely different skin with different fonts, icons, and colors:"]],["p",{},["text",{},"I've added a theme toggle feature that allows users to switch between two completely different visual styles while keeping the same weather data. Here's what I've implemented:"]],["h3",{},["text",{},"Theme System"]],["ol",{"start":1},["li",{"index":1},["p",{},["strong",{},["text",{},"Theme Context"]],["text",{},": Created a context to manage and persist the theme state across the app"]],["ul",{"start":1},["li",{"index":1},["text",{},"Uses localStorage to remember the user's theme preference"]],["li",{"index":2},["text",{},"Provides a simple toggle function to switch between themes"]]]],["li",{"index":2},["p",{},["strong",{},["text",{},"Theme Toggle Button"]],["text",{},": Added a toggle button in the header"]],["ul",{"start":1},["li",{"index":1},["text",{},"Shows a moon icon in default theme (to switch to minimal)"]],["li",{"index":2},["text",{},"Shows a sun icon in minimal theme (to switch to default)"]]]]],["h3",{},["text",{},"Two Distinct Visual Styles"]],["ol",{"start":1},["li",{"index":1},["p",{},["strong",{},["text",{},"Default Theme"]],["text",{}," (Original):"]],["ul",{"start":1},["li",{"index":1},["text",{},"Colorful gradient backgrounds based on weather conditions"]],["li",{"index":2},["text",{},"Rounded, semi-transparent cards with white text"]],["li",{"index":3},["text",{},"Standard font with regular spacing"]]]],["li",{"index":2},["p",{},["strong",{},["text",{},"Minimal Theme"]],["text",{}," (New):"]],["ul",{"start":1},["li",{"index":1},["text",{},"Dark, monochromatic design with a black background"]],["li",{"index":2},["text",{},"Sharper, more angular UI elements"]],["li",{"index":3},["text",{},"Monospace font with uppercase labels and wider tracking"]],["li",{"index":4},["text",{},"Higher contrast with accent colors for specific weather elements"]],["li",{"index":5},["text",{},"Glowing effect around weather icons"]]]]],["h3",{},["text",{},"Component Updates"]],["ol",{"start":1},["li",{"index":1},["p",{},["strong",{},["text",{},"Weather Icons"]],["text",{},": Created different icon styles for each theme"]],["ul",{"start":1},["li",{"index":1},["text",{},"Default: Standard Lucide icons"]],["li",{"index":2},["text",{},"Minimal: Thinner stroke width with subtle glow effects"]]]],["li",{"index":2},["p",{},["strong",{},["text",{},"Cards & UI Elements"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Redesigned all UI components to match each theme"]],["li",{"index":2},["text",{},"Different background colors, border styles, and text treatments"]],["li",{"index":3},["text",{},"Consistent styling across all components"]]]],["li",{"index":3},["p",{},["strong",{},["text",{},"Typography"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Default: Standard sans-serif font"]],["li",{"index":2},["text",{},"Minimal: Monospace font with uppercase labels and tracking"]]]],["li",{"index":4},["p",{},["strong",{},["text",{},"Share Functionality"]],["text",{},":"]],["ul",{"start":1},["li",{"index":1},["text",{},"Updated to capture the current theme's styling"]],["li",{"index":2},["text",{},"Ensures shared images match the active theme"]]]]],["h3",{},["text",{},"How to Use"]],["p",{},["text",{},"Simply click the moon/sun icon in the top right corner to toggle between:"]],["ul",{"start":1},["li",{"index":1},["text",{},"The original colorful weather app design"]],["li",{"index":2},["text",{},"The new minimal, dark monospace design"]]],["p",{},["text",{},"The theme preference is saved to localStorage, so it will persist between visits. The share functionality will capture whichever theme is currently active, allowing you to share weather in either style."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"97VgYIo6AqsegSxDmazJrivllgPU2iz4","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"4VniUUR3311Co6wvlY6CTvVgJ0PO1K1v","type":"message","creditCost":0.2653605,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-03-18T09:41:46.026Z","updatedAt":"$D2025-03-18T09:44:49.585Z"},{"content":{"type":"parts","parts":[{"type":"refinement-element","file":"app/page.tsx","componentName":"TabsList","sourceContext":"...\n )}\n >\n \n \n ^^^^^^^^\n