3c:o1,~3c:o7c1,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":"open-file-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":"open-file-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":"open-file-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:o712,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L3a","XlkGEkOfdzD9HBY6I1Ae-v",{"children":"$L3b"}],["$","$L3d","XlkGEkOfdzD9HBY6I1Ae-m",{"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:QZ1e44frWCCaTCTmU-bKl","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 },
  ]

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:oa,127: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 <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>
  )
}

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:oa,128: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')

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>

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')

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>
  )
}