3c:o1,~3c:o7a3,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/1ysqul-c0gptf.js" 4:I[134030,["$3"],"default"] 5:I[831544,["$3"],"default"] 39:"ViewportBoundary" 3a:I[809245,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[809245,["$3"],"$3c"] 3e:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/437u7hd30ti33.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2blj-ty16oo9v.css","style"] :HL["/chat-static/_next/static/immutable/chunks/00ig-5h_vyw6f.css","style"] 1:X 6:X 18:X 1b:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"Wk1kok90W7J","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":"Wk1kok90W7J","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":"Wk1kok90W7J","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":"maheks-projects-cf342068","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 3c:oc16,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/437u7hd30ti33.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2blj-ty16oo9v.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/00ig-5h_vyw6f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0l25gd5g-v9gg.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3jzmo4noa0mpl.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3mtt4covw9ds-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0vipvuoajg-2_.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2ron94c4y2zz0.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3mvemo9sfjww9.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3kb2onlo4hhwu.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0ha3nguz8evd7.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3cjpiu0vbgn3n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/42onr_fte7hg-.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/366hx723h4u3b.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1cz6nbno0w7y9.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/41t0ijk1nkphe.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/0-l2tjdo7rgxo.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1jdxhszryiyyf.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3mmzxybt5th7d.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1_2_grn0tlbrx.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3-fzvfabsfl9p.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 3c:o1db,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-cgas","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 40:X 41:X 3c:o722,0:{"q":"?b=b_jh8jXATmElQ","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","BLT80vxwomWmWGUlnRM0Ev",{"children":"$L3b"}],["$","$L3d","BLT80vxwomWmWGUlnRM0Em",{"children":[["$","div",null,{"hidden":true,"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}],null]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42"} 3c:o1000,44:I[809245,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[134030,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/0l25gd5g-v9gg.js" 50:"/chat-static/_next/static/immutable/chunks/3jzmo4noa0mpl.js" 51:"/chat-static/_next/static/immutable/chunks/3mtt4covw9ds-.js" 52:"/chat-static/_next/static/immutable/chunks/0vipvuoajg-2_.js" 53:"/chat-static/_next/static/immutable/chunks/2ron94c4y2zz0.js" 54:"/chat-static/_next/static/immutable/chunks/3mvemo9sfjww9.js" 55:"/chat-static/_next/static/immutable/chunks/3kb2onlo4hhwu.js" 56:"/chat-static/_next/static/immutable/chunks/0ha3nguz8evd7.js" 57:"/chat-static/_next/static/immutable/chunks/3cjpiu0vbgn3n.js" 58:"/chat-static/_next/static/immutable/chunks/42onr_fte7hg-.js" 59:"/chat-static/_next/static/immutable/chunks/366hx723h4u3b.js" 5a:"/chat-static/_next/static/immutable/chunks/1cz6nbno0w7y9.js" 5b:"/chat-static/_next/static/immutable/chunks/41t0ijk1nkphe.js" 5c:"/chat-static/_next/static/immutable/chunks/0-l2tjdo7rgxo.js" 5d:"/chat-static/_next/static/immutable/chunks/1jdxhszryiyyf.js" 5e:"/chat-static/_next/static/immutable/chunks/3mmzxybt5th7d.js" 5f:"/chat-static/_next/static/immutable/chunks/1_2_grn0tlbrx.js" 60:"/chat-static/_next/static/immutable/chunks/3-fzvfabsfl9p.js" 61:"/chat-static/_next/static/immutable/chunks/2ortbrmzoog7i.js" 62:"/chat-static/_next/static/immutable/chunks/1yjts7gyhrs4-.js" 63:"/chat-static/_next/static/immutable/chunks/26og1bpyfkkr3.js" 64:"/chat-static/_next/static/immutable/chunks/1m-ggy76h0icp.js" 65:"/chat-static/_next/static/immutable/chunks/0qt01s45m15wx.js" 66:"/chat-static/_next/static/immutable/chunks/0bmrnr7mqq125.js" 67:"/chat-static/_next/static/immutable/chunks/3cxkytghtnjb5.js" 68:"/chat-static/_next/static/immutable/chunks/175t8gqlqy8ma.js" 69:"/chat-static/_next/static/immutable/chunks/1t81f07l2nl_a.js" 6a:"/chat-static/_next/static/immutable/chunks/3p0ur8tex0ala.js" 6b:"/chat-static/_next/static/immutable/chunks/0zfcjelh-6djs.js" 6c:"/chat-static/_next/static/immutable/chunks/27nsx8-gwzlp8.js" 6d:"/chat-static/_next/static/immutable/chunks/1mbs9vpfnj-e4.js" 6e:"/chat-static/_next/static/immutable/chunks/0ytyhlmzz1-j9.js" 6f:"/chat-static/_next/static/immutable/chunks/15_gdlwldlwq-.js" 70:"/chat-static/_next/static/immutable/chunks/3w2b7tivu5kj9.js" 71:"/chat-static/_next/static/immutable/chunks/07x9z-3-12sfs.js" 72:"/chat-static/_next/static/immutable/chunks/20uonqf5_n_4k.js" 73:"/chat-static/_next/static/immutable/chunks/2okfvgsdojwyd.js" 74:"/chat-static/_next/static/immutable/chunks/2ws4m2plwid5j.js" 75:"/chat-static/_next/static/immutable/chunks/2wr53q17p-4vh.js" 76:"/chat-static/_next/static/immutable/chunks/2yhrik6wd4oqd.js" 77:"/chat-static/_next/static/immutable/chunks/0tvxdll4hid07.js" 78:"/chat-static/_next/static/immutable/chunks/0fandjy28amms.js" 79:"/chat-static/_next/static/immutable/chunks/0rqaxzpe33wgl.js" 7a:"/chat-static/_next/static/immutable/chunks/2nk4p6nk7tt_5.js" 7b:"/chat-static/_next/static/immutable/chunks/2s9qmnrwjxtet.js" 7c:"/chat-static/_next/static/immutable/chunks/1dx0bbz4i8vke.js" 7d:"/chat-static/_next/static/immutable/chunks/24st27x92ye0u.js" 7e:"/chat-static/_next/static/immutable/chunks/1k2k2nfhy_ood.js" 7f:"/chat-static/_next/static/immutable/chunks/2wlp69xc8t9_a.js" 80:"/chat-static/_next/static/immutable/chunks/2-b-n69tlmzaq.js" 81:"/chat-static/_next/static/immutable/chunks/11qlklfnmve_i.js" 82:"/chat-static/_next/static/immutable/chunks/2f5745jfvysb0.js" 83:"/chat-static/_next/static/immutable/chunks/0_l5m_fwakwsb.js" 84:"/chat-static/_next/static/immutable/chunks/1mopf-g2g9_kx.js" 85:"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js" 86:"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js" 87:"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js" 88:"/chat-static/_next/static/immutable/chunks/1zonzsoail9r0.js" 89:"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js" 8a:"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js" 8b:"/chat-static/_next/static/immutable/chunks/313ikgr_02wnd.js" 8c:"/chat-static/_next/static/immutable3c:of74,/chunks/29vrihn1-y_sp.js" 8d:"/chat-static/_next/static/immutable/chunks/42yfe8vtioux6.js" 8e:"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js" 8f:"/chat-static/_next/static/immutable/chunks/1j4eaaxqtujg5.js" 90:"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js" 91:"/chat-static/_next/static/immutable/chunks/322toovywd11d.js" 92:"/chat-static/_next/static/immutable/chunks/3v07h4dyil38w.js" 93: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"],"default"] 94:"/chat-static/_next/static/immutable/chunks/40nkmh8x-m1sh.js" 95:"/chat-static/_next/static/immutable/chunks/3moobxt_-i1yo.js" 96:"/chat-static/_next/static/immutable/chunks/0jnjktw6g8cos.js" 97:"/chat-static/_next/static/immutable/chunks/16m-3zbcomyei.js" 98:"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js" 99:"/chat-static/_next/static/immutable/chunks/0qs0vmn6umewi.js" 9a:"/chat-static/_next/static/immutable/chunks/3lqeff4e8n69z.js" 9b:"/chat-static/_next/static/immutable/chunks/1o40gt36dncby.js" 9c:"/chat-static/_next/static/immutable/chunks/1em8yt9ojdfmq.js" 9d:"GitChatHeaderSkeleton" 9e: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$9d"] :HL["/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","style"] 6:C 9:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2ortbrmzoog7i.js","async":true,"nonce":"$undefined"}] a:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/1yjts7gyhrs4-.js","async":true,"nonce":"$undefined"}] b:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/26og1bpyfkkr3.js","async":true,"nonce":"$undefined"}] c:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/1m-ggy76h0icp.js","async":true,"nonce":"$undefined"}] d:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/0qt01s45m15wx.js","async":true,"nonce":"$undefined"}] e:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0bmrnr7mqq125.js","async":true,"nonce":"$undefined"}] f:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/3cxkytghtnjb5.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/175t8gqlqy8ma.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/1t81f07l2nl_a.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/3p0ur8tex0ala.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/0zfcjelh-6djs.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/27nsx8-gwzlp8.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/1mbs9vpfnj-e4.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-31",{"src":"/chat-static/_next/static/immutable/chunks/0ytyhlmzz1-j9.js","async":true,"nonce":"$undefined"}] 3c:o956,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/15_gdlwldlwq-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3w2b7tivu5kj9.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/07x9z-3-12sfs.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/20uonqf5_n_4k.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2okfvgsdojwyd.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2ws4m2plwid5j.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2wr53q17p-4vh.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2yhrik6wd4oqd.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0tvxdll4hid07.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0fandjy28amms.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0rqaxzpe33wgl.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2nk4p6nk7tt_5.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2s9qmnrwjxtet.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1dx0bbz4i8vke.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/24st27x92ye0u.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1k2k2nfhy_ood.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/2wlp69xc8t9_a.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/2-b-n69tlmzaq.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 3c:o29a,1d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:od21,21:["$","$2","c",{"children":[null,[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/26m2jm7jxg6ib.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2f5745jfvysb0.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1mopf-g2g9_kx.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3v07h4dyil38w.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3moobxt_-i1yo.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0jnjktw6g8cos.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1o40gt36dncby.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/29vrihn1-y_sp.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1j4eaaxqtujg5.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/322toovywd11d.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/16m-3zbcomyei.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3lqeff4e8n69z.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1em8yt9ojdfmq.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/0qs0vmn6umewi.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 3c:o3e7,23:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 25:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 27:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:o10d2,29:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","div",null,{"data-chat-skeleton-layout":true,"className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"aria-hidden":"true","className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":[["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}],["$","div",null,{"className":"flex-1 min-w-0","children":"$L48"}],"$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 3c:occ7,2b:["$","$2","c",{"children":["$L4e",[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/26m2jm7jxg6ib.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2f5745jfvysb0.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1mopf-g2g9_kx.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3v07h4dyil38w.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3moobxt_-i1yo.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0jnjktw6g8cos.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1o40gt36dncby.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/29vrihn1-y_sp.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1j4eaaxqtujg5.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/322toovywd11d.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/16m-3zbcomyei.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3lqeff4e8n69z.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1em8yt9ojdfmq.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/0qs0vmn6umewi.js","async":true,"nonce":"$undefined"}]],null]}] 3c:o3e7,2d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 31:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:oc1c,33:["$","$L47",null,{"loading":[["$","$L93","l",{}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/11qlklfnmve_i.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2f5745jfvysb0.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0_l5m_fwakwsb.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1mopf-g2g9_kx.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1zonzsoail9r0.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/313ikgr_02wnd.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/29vrihn1-y_sp.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/42yfe8vtioux6.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1j4eaaxqtujg5.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/322toovywd11d.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3v07h4dyil38w.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 3c:oe8e,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L9e",null,{}],"children":"$L9f"}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0oyqfqfdkpyn4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/40nkmh8x-m1sh.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1mopf-g2g9_kx.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2f5745jfvysb0.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0_l5m_fwakwsb.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2w_jt-oimkft1.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/1ggzy5q9xq7me.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0zmudrgztopz8.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3moobxt_-i1yo.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0jnjktw6g8cos.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/322toovywd11d.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2lbsr349ar79m.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3v07h4dyil38w.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1iqhb-e498oq9.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/29vrihn1-y_sp.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/313ikgr_02wnd.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/16m-3zbcomyei.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/1j4eaaxqtujg5.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/2j2aaf-pno5zb.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/42yfe8vtioux6.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/0qs0vmn6umewi.js","async":true,"nonce":"$undefined"}],["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/3lqeff4e8n69z.js","async":true,"nonce":"$undefined"}],["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/1o40gt36dncby.js","async":true,"nonce":"$undefined"}],["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/1em8yt9ojdfmq.js","async":true,"nonce":"$undefined"}]],null]}] 3c:o32,37:["$","$2","c",{"children":["$La0",null,null]}] 3c:oa98,a2: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"AppCard"] a3:"FULL_BLEED_APP_CARD_CLASSNAME" a4: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$a3"] a5:"/chat-static/_next/static/immutable/chunks/2y52rcwlrud2w.js" a6:"SidebarCollapseButton" a7: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","$a5"],"$a6"] a8: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"ChatWarning"] a9: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","$a5"],"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…"}]}] a1:T1963,3c:o1963,3c:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$a1"}}] 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":["$","$La2",null,{"className":"$a4","children":[["$","$La7",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"}],["$","$La8",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$La9",null,{}]}]]}],"children":"$Laa"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:o17,18:T8,variantsab:T18d5,3c:o18d5,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let g=new c,h=new d(a);(async function(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}})(g,h,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let i=new URL(c instanceof Request?c.url:c,location.href),j=i.origin===location.origin,k=a.find(a=>f({path:i.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await g.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",i.pathname),o.set("x-method",l);let p={...d,headers:o};return h.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await h.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });3c:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$ab"}}],"$Lac","$Lad","$Lae","$Laf"]}],"$Lb0"]}] 3c:o1000,b1:"GeistThemeScript" b2:I[86098,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$b1"] b3: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"] b4:I[86098,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"GeistProvider"] b5: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"] b6: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"] b7:"AtomicContextSWRProvider" b8: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$b7"] b9:"GlobalPromiseContextProvider" ba: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$b9"] bd: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"] be:"ServerQuerySWRRuntimeProvider" bf: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"],"$be"] c1: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"] c2:I[994115,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"Analytics"] c3:I[503803,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SpeedInsights"] c5: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"] c6: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"] c7: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"] ac:["$","$Lb2",null,{"storageKey":"theme"}] ad:["$","$3e",null,{"children":["$","$Lb3",null,{}]}] ae:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R3c:o364,8"}] af:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 3c:o926,b0:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased eEAu7a_variable dJgEwW_variable hGs1mq_variable","children":[["$","$Lb4",null,{"storageKey":"theme","withScript":false,"children":["$","$Lb5",null,{"locale":"en","children":["$","$Lb6",null,{"reducedMotion":"user","children":["$","$Lb8",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":["$","$Lba",null,{"params":null,"promises":{"dailyModelUsage":"$@bb","freeFixWithV0Usage":"$@bc"},"children":[["$","$Lbd",null,{"children":["$","$Lbf",null,{"children":"$Lc0"}]}],["$","$Lc1",null,{}]]}]}]}]}]}],["$","$Lc2",null,{}],["$","$Lc3",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":"$Lc4"}],["$","$Lc5",null,{}],["$","$Lc6",null,{}],["$","$Lc7",null,{}]]}] 3c:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 3c:oe,40:T8,variants3c:o1000,c8:"HydrateDurableAtoms" c9: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"],"$c8"] ca: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"] cb: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"] cd:"AnimatedIconProvider" ce: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"],"$cd"] cf: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"] d0:"SnowflakePublishProvider" d1: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"],"$d0"] d2:"UserInputProvider" d3: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"],"$d2"] d4: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"] d5:"VirtualMachineUIStateProvider" d6: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"],"$d5"] d7:"DeployedPreviewIframeRefProvider" d8: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"],"$d7"] d9:"PreviewSourceUIStateProvider" da: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"],"$d9"] db: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"] dc:"PromptFormUIProvider" dd: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"],"$dc"] de: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"] e0:I[549011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"NuqsAdapter"] e1:"ChatTabsProvider" e2: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"],"$e1"] e3:"PersonalScopeMigrationAnnouncementProvider" e4: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"],"$e3"] e6:"AnnouncementVisibilityProvider" e7:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","3c:o5cb,$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e6"] ea: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"] eb: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"] ec:"SuspendingDialogs" ed: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"],"$ec"] ee: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"] ef: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"] f0:I[15279,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"SessionManager"] 3c:o8ef,c0:["$","$Lc9",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":["$","$Lca",null,{"children":["$","$Lcb",null,{"expectUser":false,"userPromise":"$@cc","children":["$","$Lce",null,{"children":["$","$Lcf",null,{"children":["$","$Ld1",null,{"children":["$","$Ld3",null,{"children":["$","$Ld4",null,{"children":["$","$Ld6",null,{"children":["$","$Ld8",null,{"children":["$","$Lda",null,{"children":["$","$Ldb",null,{"children":["$","$Ldd",null,{"children":["$","$Lde",null,{"promise":"$@df","middlewareFlags":["cgas"],"children":["$","$Le0",null,{"children":["$","$Le2",null,{"children":["$","$Le4",null,{"destinationTeamIdPromise":"$@e5","children":["$","$Le7",null,{"visiblePromise":"$@e8","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":"$Le9"}],["$","$Lea",null,{}],["$","$Leb",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Led",null,{}]}],["$","$Lee",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lef",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 3c:o12c,aa:["$","$La2",null,{"className":"$a4","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$La8",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] c4:["$","$Lf0",null,{"enabled":false}] 3c:o20,cc:"$undefined" e8:true e9:null 3c:o77,40:0 38:0 22:0 36:0 2c:0 41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id3c:o1000,f1:"RouteChatIdProvider" f2: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$f1"] f3:"CompletionAttentionProvider" f4: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"],"$f3"] f5:"SidebarUIProvider" f6: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"],"$f5"] f9:"HeaderSlotClientRouter" fa: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"],"$f9"] fb:"/chat-static/_next/static/immutable/chunks/0akev29afa59x.js" fc: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","$fb"],"default"] fd:I[990009,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"Header"] fe:"RevalidateChatIdSkeletonStyles" ff: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"],"$fe"] 100:I[980088,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"DynamicCMDK"] 101:"PromptQueueSnapshotProvider" 102: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$101"] 105:"ChatPromiseContextProvider" 106: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$105"] 10e:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","3c:o183,$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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"GitChatHeader"] 10f:I[580397,["$3"],"IconMark"] a0:null 3c:o77e,43:["$","$Lf2",null,{"children":["$","$Lf4",null,{"children":["$","$Lf6",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@f7"}],["$","$3e",null,{"children":"$Lf8"}],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":[["$","$Lfa",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$fc","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0akev29afa59x.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Lfd",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$fc","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":"$fc","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":["$","$Lff",null,{}]}],["$","$L100",null,{}]]}]}]}] 3c:o6cf,4e:["$","$L102",null,{"initial":{"chatId":"Wk1kok90W7J","snapshot":"$@103"},"children":"$L104"}] 9f:["$","$L106",null,{"params":{"chatId":"Wk1kok90W7J"},"promises":{"attributes":"$@107","externalMeta":"$@108","latest":"$@109","messagesRange":"$@10a","messages":"$@10b","template":"$@10c","gitStatus":"$@10d"},"children":["$","$L10e",null,{"chatId":"Wk1kok90W7J"}]}] e5:null 3f:[["$","title","0",{"children":"Open File - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"OPen this"}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/open-file-Wk1kok90W7J"}],["$","meta","4",{"property":"og:title","content":"Open File - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"OPen this"}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/Wk1kok90W7J"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Open File - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"OPen this"}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/Wk1kok90W7J"}],["$","link","11",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","12",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","14",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$L10f","15",{}]] 45:null 3c:oe79,110: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","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"S"] 118:"ExplicitChatIdProvider" 119:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$118"] 11a:I[838238,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"SWRDataProvider"] 2c:T8,variants2c:T5,scope107:{"ok":true,"value":{"designSystemId":null,"title":"Open File","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_YAZ0ucUzVDyLn7kumzresjNz","authorId":"anon:6mbbGy_awmkDfeEKHNq4q","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1729740663539,"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}} 108:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 109:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 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":"Unauthorized","statusCode":401,"errorCode":"2"}} 10d:{"ok":true,"value":null,"__seedOnly":true} f7:null 103:null 11c:[] 11d:[["b_jh8jXATmElQ",null],["b_yG5737C1IiF",null],["b_Xv5brX9JacZ",null]] 11e:[["b_jh8jXATmElQ",{"templateVersionId":null,"templateCanonId":null}],["b_yG5737C1IiF",{"templateVersionId":null,"templateCanonId":null}],["b_Xv5brX9JacZ",{"templateVersionId":null,"templateCanonId":null}]] 11f:[["b_Dm6m2MgFC8Z","$D2024-10-24T03:31:11.424Z"],["b_IEzNxDHyhuC","$D2024-10-24T03:34:02.876Z"],["b_utwPqAyoT7Q","$D2024-10-24T03:35:47.566Z"],["b_j3ofn2GBCNG","$D2024-10-24T03:37:10.895Z"],["b_jh8jXATmElQ","$D2024-10-24T03:41:45.855Z"],["b_yG5737C1IiF","$D2024-10-24T03:44:28.278Z"],["b_Xv5brX9JacZ","$D2024-10-24T03:45:40.480Z"]] 120:[["b_jh8jXATmElQ",false],["b_yG5737C1IiF",false],["b_Xv5brX9JacZ",false]] 121:[["b_jh8jXATmElQ","$undefined"],["b_yG5737C1IiF","$undefined"],["b_Xv5brX9JacZ","$undefined"]] 122:[["b_jh8jXATmElQ",null],["b_yG5737C1IiF",null],["b_Xv5brX9JacZ",null]] 123:[["b_jh8jXATmElQ",true],["b_yG5737C1IiF",true],["b_Xv5brX9JacZ",true]] 124:[["b_jh8jXATmElQ",true],["b_yG5737C1IiF",true],["b_Xv5brX9JacZ",true]] 125:[] 126:T3ae4,3c:o3ae4,import React, { useState } from 'react' import { BarChart, Users, Award, TrendingUp, Trophy, Target, Phone, Calendar, FileText, CheckCircle, Shield, Handshake, Globe, Mic } from 'lucide-react' import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" export default function Component() { const [activeTab, setActiveTab] = useState('goals') const navItems = [ { name: 'Goals', icon: Target, id: 'goals' }, { name: 'Profile & Badges', icon: Award, id: 'profile' }, { name: 'Nominations', icon: Users, id: 'nominations' }, { name: 'Growth Journey', icon: TrendingUp, id: 'growth' }, { name: 'Contests', icon: Trophy, id: 'contests' }, { name: 'Performance Tracking', icon: BarChart, id: 'tracking' }, ] const renderContent = () => { switch (activeTab) { case 'goals': return case 'profile': return case 'nominations': return case 'growth': return case 'contests': return case 'tracking': return default: return

Select a tab to view content

} } return (

Welcome, John Doe

{renderContent()}

) } function Goals() { const goals = [ { id: 1, name: 'New Business Calls', target: 100, current: 75, type: 'individual', icon: Phone }, { id: 2, name: 'Touch Point Reachouts', target: 200, current: 150, type: 'individual', icon: Users }, { id: 3, name: 'Appointments', target: 30, current: 22, type: 'individual', icon: Calendar }, { id: 4, name: 'Contracts Pending', target: 10, current: 7, type: 'individual', icon: FileText }, { id: 5, name: 'Deals Closed', target: 10, current: 7, type: 'individual', icon: CheckCircle }, { id: 6, name: 'Team Revenue', target: 1000000, current: 750000, type: 'group', icon: BarChart }, ] return (

{goals.map((goal) => ( {goal.name}

{goal.current.toLocaleString()}

{goal.current.toLocaleString()} / {goal.target.toLocaleString()} ({((goal.current / goal.target) * 100).toFixed(1)}%)

{goal.type.charAt(0).toUpperCase() + goal.type.slice(1)} Goal

))}

) } function ProfileAndBadges() { const badges = [ { id: 1, name: 'Sales Hunter', description: 'Closed 10 sales in 10 days', icon: Target }, { id: 2, name: 'Top Performer', description: 'Exceeded quarterly target by 150%', icon: Award }, { id: 3, name: 'Customer Champion', description: 'Achieved 100% customer satisfaction for a month', icon: Shield }, { id: 4, name: 'Deal Closer', description: 'Closed 5 high-value deals in a week', icon: Handshake }, { id: 5, name: 'Networking Guru', description: 'Expanded professional network by 50% in a quarter', icon: Globe }, { id: 6, name: 'Pitch Perfect', description: 'Won best sales pitch competition', icon: Mic }, ] return (

Profile JD

John Doe

Senior Sales Representative

john.doe@example.com

Badges

{badges.map((badge) => (

{badge.name}

{badge.description}

))}

) } function Nominations() { const recentNominations = [ { id: 1, nomineeName: 'Jane Smith', reason: 'Outstanding customer service', date: '2023-05-15' }, { id: 2, nomineeName: 'Mike Johnson', reason: 'Exceeded sales targets', date: '2023-05-14' }, ] const handleSubmit = (event: React.FormEvent) => { event.preventDefault() // Handle form submission logic here } return (

Submit a Nomination

Nominee Name

Reason for Nomination

</div>
            <Button type="submit" className="bg-[#00c853] text-black hover:bg-[#00b84d]">Submit Nomination</Button>
          </form>
        </CardContent>
      </Card>
      <Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Recent Nominations</CardTitle>
        </CardHeader>
        <CardContent>
          <ul className="space-y-4">
            {recentNominations.map((nomination) => (
              <li key={nomination.id} className="border-b border-[#00c853] pb-4 last:border-b-0">
                <p className="font-semibold text-black">{nomination.nomineeName}</p>
                <p className="text-sm text-gray-600">{nomination.reason}</p>
                <p className="text-xs text-[#00c853]">{nomination.date}</p>
              </li>
            ))}
          </ul>
        </CardContent>
      </Card>
    </div>
  )
}

function GrowthJourney() {
  const salesMilestones = [
    { id: 1, title: 'First Sale', description: 'Closed first deal worth $10,000', date: '2022-01-15' },
    { id: 2, title: 'Quarterly Target Achieved', description: 'Exceeded Q2 2022 target by 20%', date: '2022-06-30' },
    { id: 3, title: 'Major Account Win', description: 'Secured a $500,000 contract with Fortune 500 company', date: '2023-03-10' },
  ]

const leadershipMilestones = [
    { id: 1, title: 'Team Lead', description: 'Promoted to team lead, managing 5 junior sales reps', date: '2022-07-01' },
    { id: 2, title: 'Mentorship Program', description: 'Successfully mentored 3 new hires', date: '2023-01-15' },
    { id: 3, title: 'Strategy Development', description: 'Led the development of new sales strategy for Q3 2023', date: '2023-04-20' },
  ]

return (
    <Card className="bg-white border-[#00c853] border">
      <CardHeader>
        <CardTitle className="text-[#00c853]">Growth Journey</CardTitle>
      </CardHeader>
      <CardContent>
        <Tabs defaultValue="sales" className="w-full">
          <TabsList className="grid w-full grid-cols-2 bg-gray-100">
            <TabsTrigger value="sales" className="data-[state=active]:bg-[#00c853] data-[state=active]:text-white">Sales Growth</TabsTrigger>
            <TabsTrigger value="leadership" className="data-[state=active]:bg-[#00c853] data-[state=active]:text-white">Leadership Growth</TabsTrigger>
          </TabsList>
          <TabsContent value="sales">
            <ul className="space-y-4 mt-4">
              {salesMilestones.map((milestone) => (
                <li key={milestone.id} className="border-l-2 border-[#00c853] pl-4 pb-4">
                  <h4 className="font-semibold text-black">{milestone.title}</h4>
                  <p className="text-sm text-gray-600">{milestone.description}</p>
                  <p className="text-xs text-[#00c853]">{milestone.date}</p>
                </li>
              ))}
            </ul>
          </TabsContent>
          <TabsContent value="leadership">
            <ul className="space-y-4 mt-4">
              {leadershipMilestones.map((milestone) => (
                <li key={milestone.id} className="border-l-2 border-[#00c853] pl-4 pb-4">
                  <h4 className="font-semibold text-black">{milestone.title}</h4>
                  <p className="text-sm text-gray-600">{milestone.description}</p>
                  <p className="text-xs text-[#00c853]">{milestone.date}</p>
                </li>
              ))}
            </ul>
          </TabsContent>
        </Tabs>
      </CardContent>
    </Card>
  )
}

function Contests() {
  const contests = [
    {
      id: 1,
      name: 'May Sales Sprint',
      description: 'Highest total sales value for the month of May',
      startDate: '2023-05-01',
      endDate: '2023-05-31',
      type: 'monthly',
    },
    {
      id: 2,
      name: 'Grammy Ad Blitz',
      description: 'Most TV ad sales for the upcoming Grammy Awards',
      startDate: '2023-06-01',
      endDate: '2023-06-15',
      type: 'special',
    },
    {
      id: 3,
      name: 'Q2 Customer Acquisition Challenge',
      description: 'Highest number of new customer acquisitions in Q2',
      startDate: '2023-04-01',
      endDate: '2023-06-30',
      type: 'monthly',
    },
  ]

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-[#00c853]">Active Contests</h2>
      {contests.map((contest) => (
        <Card key={contest.id} className="bg-white border-[#00c853] border">
          <CardHeader>
            <div className="flex justify-between items-center">
              <CardTitle className="text-black">{contest.name}</CardTitle>
              <Badge variant={contest.type === 'monthly' ? 'default' : 'secondary'} className="bg-[#00c853] text-black">
                {contest.type === 'monthly' ? 'Monthly' : 'Special Event'}
              </Badge>
            </div>
          </CardHeader>
          <CardContent>
            <p className="text-gray-600 mb-2">{contest.description}</p>
            <p className="text-sm text-[#00c853]">
              Start: {contest.startDate} | End: {contest.endDate}
            </p>
          </CardContent>
        </Card>
      ))}
    </div>
  )
}

function PerformanceTracking() {
  const metrics = [
    { id: 1, name: 'New Business Calls', current: 45, target: 50, icon: Phone },
    { id: 2, name: 'Touch Point Reachouts', current: 120, target: 150, icon: Users },
    { id: 3, name: 'Appointments', current: 15, target: 20, icon: Calendar },
    { id: 4, name: 'Contracts Pending', current: 5, target: 10, icon: FileText },
    { id: 5, name: 'Deals Closed', current: 8, target: 10, icon: CheckCircle },
  ]

export default function Component() {
  const [activeTab, setActiveTab] = useState('goals')

const navItems = [
    { name: 'Goals', icon: Target, id: 'goals' },
    { name: 'Profile & Badges', icon: Award, id: 'profile' },
    { name: 'Nominations', icon: Users, id: 'nominations' },
    { name: 'Growth Journey', icon: TrendingUp, id: 'growth' },
    { name: 'Contests', icon: Trophy, id: 'contests' },
    { name: 'Performance Tracking', icon: BarChart, id: 'tracking' },
  ]

const renderContent = () => {
    switch (activeTab) {
      case 'goals':
        return <Goals />
      case 'profile':
        return <ProfileAndBadges />
      case 'nominations':
        return <Nominations />
      case 'growth':
        return <GrowthJourney />
      case 'contests':
        return <Contests />
      case 'tracking':
        return <PerformanceTracking />
      default:
        return <div>Select a tab to view content</div>
    }
  }

return (
    <div className="flex h-screen bg-white text-black font-sans">
      <aside className="w-64 bg-[#00c853] shadow-md">
        <div className="p-4">
          <h1 className="text-2xl font-bold text-[#00c853]">Sales Dashboard</h1>
        </div>
        <nav className="mt-4">
          {navItems.map((item) => (
            <Button
              key={item.id}
              variant={activeTab === item.id ? "default" : "ghost"}
              className={`w-full justify-start px-4 py-2 text-left ${
                activeTab === item.id 
                  ? 'bg-white text-[#00c853] hover:text-[#00c853]' 
                  : 'text-white hover:bg-[#00b84d]'
              }`}
              onClick={() => setActiveTab(item.id)}
            >
              <item.icon className="mr-2 h-4 w-4" />
              {item.name}
            </Button>
          ))}
        </nav>
      </aside>
      <main className="flex-1 p-8 overflow-auto bg-white">
        <h2 className="text-3xl font-bold text-[#00c853] mb-6">Welcome, John Doe</h2>
        {renderContent()}
      </main>
    </div>
  )
}

function Goals() {
  const goals = [
    { id: 1, name: 'New Business Calls', target: 100, current: 75, type: 'individual', icon: Phone },
    { id: 2, name: 'Touch Point Reachouts', target: 200, current: 150, type: 'individual', icon: Users },
    { id: 3, name: 'Appointments', target: 30, current: 22, type: 'individual', icon: Calendar },
    { id: 4, name: 'Contracts Pending', target: 10, current: 7, type: 'individual', icon: FileText },
    { id: 5, name: 'Deals Closed', target: 10, current: 7, type: 'individual', icon: CheckCircle },
    { id: 6, name: 'Team Revenue', target: 1000000, current: 750000, type: 'group', icon: BarChart },
  ]

return (
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      {goals.map((goal) => (
        <Card key={goal.id} className="bg-white border-[#00c853] border">
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium text-[#00c853]">{goal.name}</CardTitle>
            <goal.icon className="h-4 w-4 text-[#00c853]" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">{goal.current.toLocaleString()}</div>
            <Progress value={(goal.current / goal.target) * 100} className="w-full mt-2 bg-gray-200" indicatorClassName="bg-[#00c853]" />
            <p className="mt-2 text-xs text-gray-600">
              {goal.current.toLocaleString()} / {goal.target.toLocaleString()} ({((goal.current / goal.target) * 100).toFixed(1)}%)
            </p>
            <p className="mt-1 text-xs text-[#00c853]">{goal.type.charAt(0).toUpperCase() + goal.type.slice(1)} Goal</p>
          </CardContent>
        </Card>
      ))}
    </div>
  )
}

function ProfileAndBadges() {
  const badges = [
    { id: 1, name: 'Sales Hunter', description: 'Closed 10 sales in 10 days', icon: Target },
    { id: 2, name: 'Top Performer', description: 'Exceeded quarterly target by 150%', icon: Award },
    { id: 3, name: 'Customer Champion', description: 'Achieved 100% customer satisfaction for a month', icon: Shield },
    { id: 4, name: 'Deal Closer', description: 'Closed 5 high-value deals in a week', icon: Handshake },
    { id: 5, name: 'Networking Guru', description: 'Expanded professional network by 50% in a quarter', icon: Globe },
    { id: 6, name: 'Pitch Perfect', description: 'Won best sales pitch competition', icon: Mic },
  ]

return (
    <div className="space-y-6">
      <Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Profile</CardTitle>
        </CardHeader>
        <CardContent className="flex items-center space-x-4">
          <Avatar className="h-20 w-20 border-2 border-[#00c853]">
            <AvatarImage src="/placeholder.svg?height=80&width=80" alt="Profile picture" />
            <AvatarFallback className="bg-[#00c853] text-black">JD</AvatarFallback>
          </Avatar>
          <div>
            <h3 className="text-xl font-semibold text-black">John Doe</h3>
            <p className="text-sm text-gray-600">Senior Sales Representative</p>
            <p className="text-sm text-gray-600">john.doe@example.com</p>
          </div>
        </CardContent>
      </Card>
      <Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Badges</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            {badges.map((badge) => (
              <div key={badge.id} className="flex flex-col items-center text-center">
                <div className="w-20 h-20 rounded-full bg-white border-2 border-[#00c853] flex items-center justify-center mb-2">
                  <badge.icon className="w-10 h-10 text-[#00c853]" />
                </div>
                <h4 className="font-semibold text-black">{badge.name}</h4>
                <p className="text-xs text-gray-600">{badge.description}</p>
              </div>
            ))}
          </div>
        </CardContent>
      </Card>
    </div>
  )
}

function Nominations() {
  const recentNominations = [
    { id: 1, nomineeName: 'Jane Smith', reason: 'Outstanding customer service', date: '2023-05-15' },
    { id: 2, nomineeName: 'Mike Johnson', reason: 'Exceeded sales targets', date: '2023-05-14' },
  ]

const handleSubmit = (event: React.FormEvent) => {
    event.preventDefault()
    // Handle form submission logic here
  }

return (
    <div className="space-y-6">
      <Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Submit a Nomination</CardTitle>
        </CardHeader>
        <CardContent>
          <form onSubmit={handleSubmit} className="space-y-4">
            <div className="space-y-2">
              <Label htmlFor="nomineeName" className="text-black">Nominee Name</Label>
              <Input id="nomineeName" placeholder="Enter nominee's name" className="bg-white text-black border-[#00c853]" />
            </div>
            <div className="space-y-2">
              <Label htmlFor="reason" className="text-black">Reason for Nomination</Label>
              <Textarea id="reason" placeholder="Explain why you're nominating this person" className="bg-white text-black border-[#00c853]" />
            </div>
            <Button type="submit" className="bg-[#00c853] text-black hover:bg-[#00b84d]">Submit Nomination</Button>
          </form>
        </CardContent>
      </Card>
      <Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Recent Nominations</CardTitle>
        </CardHeader>
        <CardContent>
          <ul className="space-y-4">
            {recentNominations.map((nomination) => (
              <li key={nomination.id} className="border-b border-[#00c853] pb-4 last:border-b-0">
                <p className="font-semibold text-black">{nomination.nomineeName}</p>
                <p className="text-sm text-gray-600">{nomination.reason}</p>
                <p className="text-xs text-[#00c853]">{nomination.date}</p>
              </li>
            ))}
          </ul>
        </CardContent>
      </Card>
    </div>
  )
}

export default function Component() {
  const [activeTab, setActiveTab] = useState('goals')

const renderContent = () => {
    switch (activeTab) {
      case 'goals':
        return <Goals />
      case 'profile':
        return <ProfileAndBadges />
      case 'nominations':
        return <Nominations />
      case 'growth':
        return <GrowthJourney />
      case 'contests':
        return <Contests />
      case 'tracking':
        return <PerformanceTracking />
      case 'reports':
        return <Reports />
      default:
        return <div>Select a tab to view content</div>
    }
  }

return (
    <div className="flex h-screen bg-white text-black font-sans">
      <aside className="w-64 bg-[#00c853] shadow-md">
        <div className="p-4">
          <h1 className="text-2xl font-bold text-white">Sales Dashboard</h1>
        </div>
        <nav className="mt-4">
          {navItems.map((item) => (
            <Button
              key={item.id}
              variant={activeTab === item.id ? "default" : "ghost"}
              className={`w-full justify-start px-4 py-2 text-left ${
                activeTab === item.id 
                  ? 'bg-white text-[#00c853] hover:text-[#00c853]' 
                  : 'text-white hover:bg-[#00b84d]'
              }`}
              onClick={() => setActiveTab(item.id)}
            >
              <item.icon className="mr-2 h-4 w-4" />
              {item.name}
            </Button>
          ))}
        </nav>
      </aside>
      <main className="flex-1 p-8 overflow-auto bg-white">
        <h2 className="text-3xl font-bold text-[#00c853] mb-6">Welcome, John Doe</h2>
        {renderContent()}
      </main>
    </div>
  )
}

// ... (previous components remain unchanged)

function Reports() {
  const [selectedMetric, setSelectedMetric] = useState('sales')
  const [selectedPeriod, setSelectedPeriod] = useState('month')

const salesData = [
    { name: 'Jan', sales: 4000, target: 2400, avg: 2400 },
    { name: 'Feb', sales: 3000, target: 1398, avg: 2210 },
    { name: 'Mar', sales: 2000, target: 9800, avg: 2290 },
    { name: 'Apr', sales: 2780, target: 3908, avg: 2000 },
    { name: 'May', sales: 1890, target: 4800, avg: 2181 },
    { name: 'Jun', sales: 2390, target: 3800, avg: 2500 },
    { name: 'Jul', sales: 3490, target: 4300, avg: 2100 },
  ]

const performanceData = [
    { name: 'John Doe', sales: 4000, calls: 240, meetings: 24 },
    { name: 'Jane Smith', sales: 3000, calls: 198, meetings: 19 },
    { name: 'Bob Johnson', sales: 2000, calls: 980, meetings: 29 },
    { name: 'Alice Williams', sales: 2780, calls: 308, meetings: 20 },
    { name: 'Charlie Brown', sales: 1890, calls: 480, meetings: 21 },
  ]

return (
    <div className="space-y-6">
      <div className="flex justify-between items-center">
        <h2 className="text-2xl font-bold text-[#00c853]">Performance Reports</h2>
        <div className="flex space-x-4">
          <Select value={selectedMetric} onValueChange={setSelectedMetric}>
            <SelectTrigger className="w-[180px]">
              <SelectValue placeholder="Select metric" />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="sales">Sales</SelectItem>
              <SelectItem value="calls">Calls</SelectItem>
              <SelectItem value="meetings">Meetings</SelectItem>
            </SelectContent>
          </Select>
          <Select value={selectedPeriod} onValueChange={setSelectedPeriod}>
            <SelectTrigger className="w-[180px]">
              <SelectValue placeholder="Select period" />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="week">This Week</SelectItem>
              <SelectItem value="month">This Month</SelectItem>
              <SelectItem value="quarter">This Quarter</SelectItem>
              <SelectItem value="year">This Year</SelectItem>
            </SelectContent>
          </Select>
        </div>
      </div>

<Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Team Performance Overview</CardTitle>
        </CardHeader>
        <CardContent>
          <ChartContainer
            config={{
              sales: {
                label: "Sales",
                color: "hsl(var(--chart-1))",
              },
              target: {
                label: "Target",
                color: "hsl(var(--chart-2))",
              },
              avg: {
                label: "Average",
                color: "hsl(var(--chart-3))",
              },
            }}
            className="h-[300px]"
          >
            <ResponsiveContainer width="100%" height="100%">
              <ComposedChart data={salesData}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" />
                <YAxis />
                <ChartTooltip content={<ChartTooltipContent />} />
                <Legend />
                <Bar dataKey="sales" fill="var(--color-sales)" />
                <Line type="monotone" dataKey="target" stroke="var(--color-target)" />
                <Line type="monotone" dataKey="avg" stroke="var(--color-avg)" />
              </ComposedChart>
            </ResponsiveContainer>
          </ChartContainer>
        </CardContent>
      </Card>

<Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Individual Performance Comparison</CardTitle>
        </CardHeader>
        <CardContent>
          <ChartContainer
            config={{
              sales: {
                label: "Sales",
                color: "hsl(var(--chart-1))",
              },
              calls: {
                label: "Calls",
                color: "hsl(var(--chart-2))",
              },
              meetings: {
                label: "Meetings",
                color: "hsl(var(--chart-3))",
              },
            }}
            className="h-[300px]"
          >
            <ResponsiveContainer width="100%" height="100%">
              <BarChart data={performanceData}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" />
                <YAxis />
                <ChartTooltip content={<ChartTooltipContent />} />
                <Legend />
                <Bar dataKey="sales" fill="var(--color-sales)" />
                <Bar dataKey="calls" fill="var(--color-calls)" />
                <Bar dataKey="meetings" fill="var(--color-meetings)" />
              </BarChart>
            </ResponsiveContainer>
          </ChartContainer>
        </CardContent>
      </Card>

<Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Sales Trend Analysis</CardTitle>
        </CardHeader>
        <CardContent>
          <ChartContainer
            config={{
              sales: {
                label: "Sales",
                color: "hsl(var(--chart-1))",
              },
            }}
            className="h-[300px]"
          >
            <ResponsiveContainer width="100%" height="100%">
              <AreaChart data={salesData}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" />
                <YAxis />
                <ChartTooltip content={<ChartTooltipContent />} />
                <Area type="monotone" dataKey="sales" stroke="var(--color-sales)" fill="var(--color-sales)" fillOpacity={0.3} />
              </AreaChart>
            </ResponsiveContainer>
          </ChartContainer>
        </CardContent>
      </Card>
    </div>
  )
}3c:oa,129:T2421,3c:o2421,import React, { useState } from 'react'
import { BarChart, Users, Award, TrendingUp, Trophy, Target, Phone, Calendar, FileText, CheckCircle, Shield, Handshake, Globe, Mic, PieChart, LineChart } from 'lucide-react'
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Progress } from "@/components/ui/progress"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import {
  Area,
  AreaChart,
  Bar,
  CartesianGrid,
  ComposedChart,
  Legend,
  Line,
  ResponsiveContainer,
  Tooltip,
  XAxis,
  YAxis,
} from "recharts"
import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart"

export default function Component() {
  const [activeTab, setActiveTab] = useState('goals')

const renderContent = () => {
    switch (activeTab) {
      case 'goals':
        return <Goals />
      case 'profile':
        return <ProfileAndBadges />
      case 'nominations':
        return <Nominations />
      case 'growth':
        return <GrowthJourney />
      case 'contests':
        return <Contests />
      case 'tracking':
        return <PerformanceTracking />
      case 'reports':
        return <Reports />
      default:
        return <div>Select a tab to view content</div>
    }
  }

return (
    <div className="flex h-screen bg-white text-black font-sans">
      <aside className="w-64 bg-[#00c853] shadow-md">
        <div className="p-4">
          <h1 className="text-2xl font-bold text-white">Sales Dashboard</h1>
        </div>
        <nav className="mt-4">
          {navItems.map((item) => (
            <Button
              key={item.id}
              variant={activeTab === item.id ? "default" : "ghost"}
              className={`w-full justify-start px-4 py-2 text-left ${
                activeTab === item.id 
                  ? 'bg-white text-[#00c853] hover:text-[#00c853]' 
                  : 'text-white hover:bg-[#00b84d]'
              }`}
              onClick={() => setActiveTab(item.id)}
            >
              <item.icon className="mr-2 h-4 w-4" />
              {item.name}
            </Button>
          ))}
        </nav>
      </aside>
      <main className="flex-1 p-8 overflow-auto bg-white">
        <h2 className="text-3xl font-bold text-[#00c853] mb-6">Welcome, John Doe</h2>
        {renderContent()}
      </main>
    </div>
  )
}

// ... (previous components remain unchanged)

function Reports() {
  const [selectedMetric, setSelectedMetric] = useState('sales')
  const [selectedPeriod, setSelectedPeriod] = useState('month')

<Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Sales Trend Analysis</CardTitle>
        </CardHeader>
        <CardContent>
          <ChartContainer
            config={{
              sales: {
                label: "Sales",
                color: "hsl(var(--chart-1))",
              },
            }}
            className="h-[300px]"
          >
            <ResponsiveContainer width="100%" height="100%">
              <AreaChart data={salesData}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" />
                <YAxis />
                <ChartTooltip content={<ChartTooltipContent />} />
                <Area type="monotone" dataKey="sales" stroke="var(--color-sales)" fill="var(--color-sales)" fillOpacity={0.3} />
              </AreaChart>
            </ResponsiveContainer>
          </ChartContainer>
        </CardContent>
      </Card>
    </div>
  )
}3c:oa,12a:T53f5,3c:o53f5,import React, { useState } from 'react'
import { BarChart, Users, Award, TrendingUp, Trophy, Target, Phone, Calendar, FileText, CheckCircle, Shield, Handshake, Globe, Mic, PieChart, LineChart } from 'lucide-react'
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Progress } from "@/components/ui/progress"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import {
  Area,
  AreaChart,
  Bar,
  CartesianGrid,
  ComposedChart,
  Legend,
  Line,
  ResponsiveContainer,
  Tooltip,
  XAxis,
  YAxis,
} from "recharts"
import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart"

export default function Component() {
  const [activeTab, setActiveTab] = useState('goals')

const renderContent = () => {
    switch (activeTab) {
      case 'goals':
        return <Goals />
      case 'profile':
        return <ProfileAndBadges />
      case 'nominations':
        return <Nominations />
      case 'growth':
        return <GrowthJourney />
      case 'contests':
        return <Contests />
      case 'tracking':
        return <PerformanceTracking />
      case 'reports':
        return <Reports />
      default:
        return <div>Select a tab to view content</div>
    }
  }

return (
    <div className="flex h-screen bg-white text-black font-sans">
      <aside className="w-64 bg-[#00c853] shadow-md">
        <div className="p-4">
          <h1 className="text-2xl font-bold text-white">Sales Dashboard</h1>
        </div>
        <nav className="mt-4">
          {navItems.map((item) => (
            <Button
              key={item.id}
              variant={activeTab === item.id ? "default" : "ghost"}
              className={`w-full justify-start px-4 py-2 text-left ${
                activeTab === item.id 
                  ? 'bg-white text-[#00c853] hover:text-[#00c853]' 
                  : 'text-white hover:bg-[#00b84d]'
              }`}
              onClick={() => setActiveTab(item.id)}
            >
              <item.icon className="mr-2 h-4 w-4" />
              {item.name}
            </Button>
          ))}
        </nav>
      </aside>
      <main className="flex-1 p-8 overflow-auto bg-white">
        <h2 className="text-3xl font-bold text-[#00c853] mb-6">Welcome, John Doe</h2>
        {renderContent()}
      </main>
    </div>
  )
}

const handleSubmit = (event: React.FormEvent) => {
    event.preventDefault()
    // Handle form submission logic here
  }

return (
    <Card className="bg-white border-[#00c853] border">
      <CardHeader>
        <CardTitle className="text-[#00c853]">Growth Journey</CardTitle>
      </CardHeader>
      <CardContent>
        <Tabs defaultValue="sales" className="w-full">
          <TabsList className="grid w-full grid-cols-2 bg-gray-100">
            <TabsTrigger value="sales" className="data-[state=active]:bg-[#00c853] data-[state=active]:text-white">Sales Growth</TabsTrigger>
            <TabsTrigger value="leadership" className="data-[state=active]:bg-[#00c853] data-[state=active]:text-white">Leadership Growth</TabsTrigger>
          </TabsList>
          <TabsContent value="sales">
            <ul className="space-y-4 mt-4">
              {salesMilestones.map((milestone) => (
                <li key={milestone.id} className="border-l-2 border-[#00c853] pl-4 pb-4">
                  <h4 className="font-semibold text-black">{milestone.title}</h4>
                  <p className="text-sm text-gray-600">{milestone.description}</p>
                  <p className="text-xs text-[#00c853]">{milestone.date}</p>
                </li>
              ))}
            </ul>
          </TabsContent>
          <TabsContent value="leadership">
            <ul className="space-y-4 mt-4">
              {leadershipMilestones.map((milestone) => (
                <li key={milestone.id} className="border-l-2 border-[#00c853] pl-4 pb-4">
                  <h4 className="font-semibold text-black">{milestone.title}</h4>
                  <p className="text-sm text-gray-600">{milestone.description}</p>
                  <p className="text-xs  text-[#00c853]">{milestone.date}</p>
                </li>
              ))}
            </ul>
          </TabsContent>
        </Tabs>
      </CardContent>
    </Card>
  )
}

function Reports() {
  const [selectedMetric, setSelectedMetric] = useState('sales')
  const [selectedPeriod, setSelectedPeriod] = useState('month')

<Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Sales Trend Analysis</CardTitle>
        </CardHeader>
        <CardContent>
          <ChartContainer
            config={{
              sales: {
                label: "Sales",
                color: "hsl(var(--chart-1))",
              },
            }}
            className="h-[300px]"
          >
            <ResponsiveContainer width="100%" height="100%">
              <AreaChart data={salesData}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" />
                <YAxis />
                <ChartTooltip content={<ChartTooltipContent />} />
                <Area type="monotone" dataKey="sales" stroke="var(--color-sales)" fill="var(--color-sales)" fillOpacity={0.3} />
              </AreaChart>
            </ResponsiveContainer>
          </ChartContainer>
        </CardContent>
      </Card>
    </div>
  )
}3c:oa,12b:T53f5,3c:o53f5,import React, { useState } from 'react'
import { BarChart, Users, Award, TrendingUp, Trophy, Target, Phone, Calendar, FileText, CheckCircle, Shield, Handshake, Globe, Mic, PieChart, LineChart } from 'lucide-react'
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Progress } from "@/components/ui/progress"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import {
  Area,
  AreaChart,
  Bar,
  CartesianGrid,
  ComposedChart,
  Legend,
  Line,
  ResponsiveContainer,
  Tooltip,
  XAxis,
  YAxis,
} from "recharts"
import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart"

export default function Component() {
  const [activeTab, setActiveTab] = useState('goals')

const renderContent = () => {
    switch (activeTab) {
      case 'goals':
        return <Goals />
      case 'profile':
        return <ProfileAndBadges />
      case 'nominations':
        return <Nominations />
      case 'growth':
        return <GrowthJourney />
      case 'contests':
        return <Contests />
      case 'tracking':
        return <PerformanceTracking />
      case 'reports':
        return <Reports />
      default:
        return <div>Select a tab to view content</div>
    }
  }

return (
    <div className="flex h-screen bg-white text-black font-sans">
      <aside className="w-64 bg-[#00c853] shadow-md">
        <div className="p-4">
          <h1 className="text-2xl font-bold text-white">Sales Dashboard</h1>
        </div>
        <nav className="mt-4">
          {navItems.map((item) => (
            <Button
              key={item.id}
              variant={activeTab === item.id ? "default" : "ghost"}
              className={`w-full justify-start px-4 py-2 text-left ${
                activeTab === item.id 
                  ? 'bg-white text-[#00c853] hover:text-[#00c853]' 
                  : 'text-white hover:bg-[#00b84d]'
              }`}
              onClick={() => setActiveTab(item.id)}
            >
              <item.icon className="mr-2 h-4 w-4" />
              {item.name}
            </Button>
          ))}
        </nav>
      </aside>
      <main className="flex-1 p-8 overflow-auto bg-white">
        <h2 className="text-3xl font-bold text-[#00c853] mb-6">Welcome, John Doe</h2>
        {renderContent()}
      </main>
    </div>
  )
}

const handleSubmit = (event: React.FormEvent) => {
    event.preventDefault()
    // Handle form submission logic here
  }

return (
    <Card className="bg-white border-[#00c853] border">
      <CardHeader>
        <CardTitle className="text-[#00c853]">Growth Journey</CardTitle>
      </CardHeader>
      <CardContent>
        <Tabs defaultValue="sales" className="w-full">
          <TabsList className="grid w-full grid-cols-2 bg-gray-100">
            <TabsTrigger value="sales" className="data-[state=active]:bg-[#00c853] data-[state=active]:text-white">Sales Growth</TabsTrigger>
            <TabsTrigger value="leadership" className="data-[state=active]:bg-[#00c853] data-[state=active]:text-white">Leadership Growth</TabsTrigger>
          </TabsList>
          <TabsContent value="sales">
            <ul className="space-y-4 mt-4">
              {salesMilestones.map((milestone) => (
                <li key={milestone.id} className="border-l-2 border-[#00c853] pl-4 pb-4">
                  <h4 className="font-semibold text-black">{milestone.title}</h4>
                  <p className="text-sm text-gray-600">{milestone.description}</p>
                  <p className="text-xs text-[#00c853]">{milestone.date}</p>
                </li>
              ))}
            </ul>
          </TabsContent>
          <TabsContent value="leadership">
            <ul className="space-y-4 mt-4">
              {leadershipMilestones.map((milestone) => (
                <li key={milestone.id} className="border-l-2 border-[#00c853] pl-4 pb-4">
                  <h4 className="font-semibold text-black">{milestone.title}</h4>
                  <p className="text-sm text-gray-600">{milestone.description}</p>
                  <p className="text-xs  text-[#00c853]">{milestone.date}</p>
                </li>
              ))}
            </ul>
          </TabsContent>
        </Tabs>
      </CardContent>
    </Card>
  )
}

function Reports() {
  const [selectedMetric, setSelectedMetric] = useState('sales')
  const [selectedPeriod, setSelectedPeriod] = useState('month')

<Card className="bg-white border-[#00c853] border">
        <CardHeader>
          <CardTitle className="text-[#00c853]">Sales Trend Analysis</CardTitle>
        </CardHeader>
        <CardContent>
          <ChartContainer
            config={{
              sales: {
                label: "Sales",
                color: "hsl(var(--chart-1))",
              },
            }}
            className="h-[300px]"
          >
            <ResponsiveContainer width="100%" height="100%">
              <AreaChart data={salesData}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" />
                <YAxis />
                <ChartTooltip content={<ChartTooltipContent />} />
                <Area type="monotone" dataKey="sales" stroke="var(--color-sales)" fill="var(--color-sales)" fillOpacity={0.3} />
              </AreaChart>
            </ResponsiveContainer>
          </ChartContainer>
        </CardContent>
      </Card>
    </div>
  )
}3c:oa,12c:T3ae4,3c:o3ae4,import React, { useState } from 'react'
import { BarChart, Users, Award, TrendingUp, Trophy, Target, Phone, Calendar, FileText, CheckCircle, Shield, Handshake, Globe, Mic } from 'lucide-react'
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Progress } from "@/components/ui/progress"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

export default function Component() {
  const [activeTab, setActiveTab] = useState('goals')

const handleSubmit = (event: React.FormEvent) => {
    event.preventDefault()
    // Handle form submission logic here
  }

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-[#00c853]">Performance Metrics</h2>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        {metrics.map((metric) => (
          <Card key={metric.id} className="bg-white border-[#00c853] border">
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium text-[#00c853]">{metric.name}</CardTitle>
              <metric.icon className="h-4 w-4 text-[#00c853]" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{metric.current}</div>
              <Progress value={(metric.current / metric.target) * 100} className="w-full mt-2 bg-gray-200" indicatorClassName="bg-[#00c853]" />
              <div className="flex justify-between mt-2 text-sm">
                <span className="text-gray-600">{metric.current} / {metric.target}</span>
                <span className="text-[#00c853]">{((metric.current / metric.target) * 100).toFixed(1)}%</span>
              </div>
            </CardContent>
          </Card>
        ))}
      </div>
    </div>
  )
}3c:o34bb,104:["$","$L110",null,{"value":{"cacheData":{}},"children":["$","$L106",null,{"params":{"chatId":"Wk1kok90W7J"},"promises":{"attributes":"$@111","externalMeta":"$@112","latest":"$@113","messagesRange":"$@114","messages":"$@115","template":"$@116","gitStatus":"$@117"},"children":["$","$L119",null,{"chatId":"Wk1kok90W7J","children":["$","$L11a",null,{"seedOnlyKeys":["@\"chat:state\",\"Wk1kok90W7J\","],"data":{"block:output:initial":{"id":"b_jh8jXATmElQ","file":"dashboard.tsx","result":"$@11b"},"@\"block:mappings\",\"Wk1kok90W7J\",":{"sqlBlockExecutionStates":"$Q11c","blocksForkedFrom":"$Q11d","blocksTemplateIds":"$Q11e","blocksCreatedAt":"$Q11f","blocksShared":"$Q120","blocksDeployed":"$Q121","blocksSubdomains":"$Q122","brandedBlocks":"$Q123","unlistedBlocks":"$Q124","blockOutputs":"$Q125"},"@\"chat:state\",\"Wk1kok90W7J\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"5tCAk6us6nrgZH9yvb18x","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-10-24T03:31:03.474Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Dm6m2MgFC8Z","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"pRSZLgw3FlWRfAD1WeABC","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"5tCAk6us6nrgZH9yvb18x","type":"message","createdAt":"$D2024-10-24T03:31:03.475Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"rGYtjLFuWt9HnQpPbtMXE","parentId":"pRSZLgw3FlWRfAD1WeABC","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-10-24T03:33:52.989Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_IEzNxDHyhuC","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"wL9BK6z0tiYpz3ZbkHXFW","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"rGYtjLFuWt9HnQpPbtMXE","type":"message","createdAt":"$D2024-10-24T03:33:52.990Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"dZkOjmRqyJn97hThrTTFV","parentId":"wL9BK6z0tiYpz3ZbkHXFW","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-10-24T03:35:33.448Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_utwPqAyoT7Q","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"DkvPBxIKqhATWsVPXkI6a","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"dZkOjmRqyJn97hThrTTFV","type":"message","createdAt":"$D2024-10-24T03:35:33.449Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"8XZX131wi7P3nnn5j9TOS","parentId":"DkvPBxIKqhATWsVPXkI6a","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-10-24T03:37:02.239Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_j3ofn2GBCNG","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"CQdSR7Y2UAXDcKKZ2qxLS","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"8XZX131wi7P3nnn5j9TOS","type":"message","createdAt":"$D2024-10-24T03:37:02.240Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Can you change color scheme and make it more professional. Make it in 2 color  like screenshot"}],"version":1},"role":"user","id":"RLq2jMHZOnM5wYyd5odrw","attachments":[{"url":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-0FV1aS6GqPmzKIkC0x0pAP0lIm7cxA.png","name":"image.png","size":689,"contentType":"image/png"}],"parentId":"CQdSR7Y2UAXDcKKZ2qxLS","type":"message","authorId":"pKGWqXmZyJd2BSh32gMtTTFl","createdAt":"$D2024-10-24T03:41:35.041Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":4.6,"thought":"The image provided shows a simple color scheme consisting of two colors: white and a vibrant green. The green color appears to be a solid, bright shade that could be used as a primary or accent color in a professional design. This color scheme suggests a clean, fresh, and modern aesthetic that could be suitable for a professional dashboard or application interface.\n\nGiven that the user is requesting a change in the color scheme of our existing dashboard to make it more professional and to use two colors like in the screenshot, I believe the most appropriate approach would be to modify our existing React Component code block. We'll need to update the color variables and potentially adjust some of the component styles to reflect this new, more professional two-color scheme."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["p",{},["text",{},"To implement this new color scheme and make the dashboard more professional, I'll modify our existing React component. We'll use the green color from the image as our primary color and white as our secondary color. I'll use my ability to edit files quickly to update the dashboard component:"]],["Codeblock",{"lang":"typescriptreact","meta":{"type":"react","project":"Sales Dashboard","file":"dashboard.tsx"},"closed":true,"blockId":"b_jh8jXATmElQ","resultId":"BObJKAfQuKq","source":"$126","needsBlockSource":false},"$127"],["p",{},["text",{},"These changes will update the color scheme of the dashboard to use the green color from the provided image as the primary color, and white as the secondary color. This should create a more professional and modern look for the dashboard."]],["p",{},["text",{},"Is there anything else you'd like me to modify or add to make the dashboard more professional or align it better with the two-color scheme?"]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"MBBiULyDInNkAUGsJ8nx7","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"RLq2jMHZOnM5wYyd5odrw","type":"message","creditCost":0.064089,"workMetrics":{"diffMap":{}},"createdAt":"$D2024-10-24T03:41:35.042Z","updatedAt":"$D2024-10-24T03:42:24.644Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"now can you add one section for reports for admin where he can track all people performance based on various parameters. show some nice graphs and charts in there"}],"version":1},"role":"user","id":"qsvfd3iLjjM16SMOwLgoL","attachments":[],"parentId":"MBBiULyDInNkAUGsJ8nx7","type":"message","authorId":"pKGWqXmZyJd2BSh32gMtTTFl","createdAt":"$D2024-10-24T03:44:17.129Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"I'll add a new section for reports that an admin can use to track all employees' performance based on various parameters. I'll include some graphs and charts to visualize this data effectively."]],["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":2.7823529411764705,"thought":"Referencing my internal reminder:\n\n- I will create a new React Component for the admin reports section.\n- I will use the shadcn/ui chart components as instructed in the React Component guidelines.\n- I will ensure the new section follows the established color scheme and styling.\n- I will write complete code without placeholders or comments for sections to be filled in.\n- I will use appropriate accessibility practices.\n- I will use the Lucide React icons for consistency."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["p",{},["text",{},"I'll add a new \"Reports\" section to the dashboard. Here's the updated code with the new Reports component:"]],["Codeblock",{"lang":"typescriptreact","meta":{"project":"Sales Dashboard","file":"dashboard.tsx","type":"react"},"closed":true,"blockId":"b_yG5737C1IiF","resultId":"zJIaoo6TYVn","source":"$128","needsBlockSource":false},"$129"],["p",{},["text",{},"This new Reports component adds several features to the dashboard:"]],["ol",{"start":1},["li",{"index":1},["text",{},"A dropdown to select the metric (Sales, Calls, or Meetings) and time period (Week, Month, Quarter, Year) for the reports."]],["li",{"index":2},["text",{},"A Team Performance Overview chart that shows sales, targets, and averages over time."]],["li",{"index":3},["text",{},"An Individual Performance Comparison chart that compares different metrics across team members."]],["li",{"index":4},["text",{},"A Sales Trend Analysis chart that visualizes the sales trend over time."]]],["p",{},["text",{},"The charts are responsive and use the shadcn/ui chart components as instructed. They follow the established color scheme, using the green color ("],["code",{},"#00c853"],["text",{},") for accents and white for the background."]],["p",{},["text",{},"To use this updated dashboard:"]],["ol",{"start":1},["li",{"index":1},["text",{},"Ensure you have the necessary dependencies installed (recharts, @radix-ui/react-select, etc.)."]],["li",{"index":2},["text",{},"Replace the existing dashboard code with this new version."]],["li",{"index":3},["text",{},"The Reports section will now be accessible from the sidebar navigation."]]],["p",{},["text",{},"This addition provides administrators with a comprehensive view of team and individual performance, allowing them to track various parameters and visualize the data effectively."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"p8cHazWDlgXwUyTSAIO6K","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"qsvfd3iLjjM16SMOwLgoL","type":"message","creditCost":0.089793,"workMetrics":{"diffMap":{}},"createdAt":"$D2024-10-24T03:44:17.130Z","updatedAt":"$D2024-10-24T03:45:20.848Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"The code returns the following error:\n```\nGoals is not defined\n```\nRevise the code to address the error."}],"version":1},"role":"user","id":"KzWUOKV5OAntNBJUTc1CM","attachments":[],"parentId":"p8cHazWDlgXwUyTSAIO6K","type":"message","authorId":"pKGWqXmZyJd2BSh32gMtTTFl","createdAt":"$D2024-10-24T03:45:30.550Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Let me revise the code to address this error."]],["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":2.041176470588235,"thought":"Referencing my internal reminder:\n\n- I need to ensure all components are properly defined and exported.\n- I must provide complete code without any placeholders or omissions.\n- I will include all necessary components, even if repeating from previous examples.\n- I will follow the structure and styling guidelines for the React Component code block."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["p",{},["text",{},"I'll provide the revised code with the "],["code",{},"Goals"],["text",{}," component properly defined:"]],["Codeblock",{"lang":"typescriptreact","meta":{"project":"Sales Dashboard","file":"dashboard.tsx","type":"react"},"closed":true,"blockId":"b_Xv5brX9JacZ","resultId":"raxPUAaWfIS","source":"$12a","needsBlockSource":false},"$12b"],["p",{},["text",{},"This revised code includes the "],["code",{},"Goals"],["text",{}," component and all other necessary components. The error \"Goals is not defined\" should now be resolved. All components are properly defined and exported within the same file, following the structure and styling guidelines for the React Component code block."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"P2YTuOhVJenKggoh1Xqlg","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"KzWUOKV5OAntNBJUTc1CM","type":"message","creditCost":0.197163,"workMetrics":{"diffMap":{}},"createdAt":"$D2024-10-24T03:45:30.551Z","updatedAt":"$D2024-10-24T03:47:34.368Z"}],"lastSyncedAt":1793185699417,"undo":null,"activeForkKey":["5tCAk6us6nrgZH9yvb18x","pRSZLgw3FlWRfAD1WeABC","rGYtjLFuWt9HnQpPbtMXE","wL9BK6z0tiYpz3ZbkHXFW","dZkOjmRqyJn97hThrTTFV","DkvPBxIKqhATWsVPXkI6a","8XZX131wi7P3nnn5j9TOS","CQdSR7Y2UAXDcKKZ2qxLS","RLq2jMHZOnM5wYyd5odrw","MBBiULyDInNkAUGsJ8nx7","qsvfd3iLjjM16SMOwLgoL","p8cHazWDlgXwUyTSAIO6K","KzWUOKV5OAntNBJUTc1CM","P2YTuOhVJenKggoh1Xqlg"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":"MBBiULyDInNkAUGsJ8nx7"},"@\"active-block\",\"Wk1kok90W7J\",":{"id":"b_jh8jXATmElQ","meta":{"type":"react","project":"Sales Dashboard","file":"dashboard.tsx"},"initial":true,"type":"react","messageId":"MBBiULyDInNkAUGsJ8nx7","language":"typescriptreact","source":"$12c","resultId":"BObJKAfQuKq","closed":true,"hasSourceBeenEdited":false,"isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"Wk1kok90W7J\",":{"title":"Open File","authorId":"pKGWqXmZyJd2BSh32gMtTTFl","ownerId":"team_YAZ0ucUzVDyLn7kumzresjNz","storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"canWriteToChat":false},"@\"chat:vm-mode\",\"Wk1kok90W7J\",":false,"@\"chat:vercel-project\",\"Wk1kok90W7J\",":"$@12d","@\"team:sensitive-environment-variable-policy\",\"Wk1kok90W7J\",":"$@12e","@\"block-view\",\"Wk1kok90W7J\",":true,"result:full-screen":{"value":false,"source":"ssr"},"integrations:figma":"$@12f"},"children":["$L130","$L131","$L132","$L133","$L134"]}]}]}]}]
3c:off8,135:I[900547,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"FullChat"]
136:"NavigationMarker"
137:I[493928,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$136"]
138:"OpenInV0JourneyCompletion"
139:I[228493,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$138"]
13a:"SuspendingKeepTitleUpdated"
13b:I[487989,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$13a"]
13c:"KeepClientOnUpToDateSlugPath"
13d:I[983440,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$94","$84","$82","$85","$83","$89","$87","$86","$8a","$95","$96","$91","$8e","$92","$90","$8c","$8b","$97","$8f","$98","$8d","$99","$9a","$9b","$9c"],"$13c"]
111:{"ok":true,"value":{"designSystemId":null,"title":"Open File","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_YAZ0ucUzVDyLn7kumzresjNz","authorId":"anon:6mbbGy_awmkDfeEKHNq4q","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1729740663539,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}}
112:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
113:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
114:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
115:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
116:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
117:{"ok":true,"value":null,"__seedOnly":true}
11b:null
12d:"$undefined"
12e:"$undefined"
12f:{"isSignedIn":false}
130:["$","$L135","full-chat",{"isMobile":false,"templatesServer":null}]
131:["$","$L137",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
132:["$","$L139",null,{}]
133:["$","$3e",null,{"children":["$","$L13b",null,{"chatId":"Wk1kok90W7J"}]}]
134:["$","$L13d",null,{"id":"Wk1kok90W7J","requireMatchingChatPath":true,"title":"Open File"}]
3c:o37,41:C
40:C
1:C
38:C
22:C
36:C
2c:C
1b:C
18:C
42:[70728]
3c:C
</article></body></html>