3c:o1,~3c:o7d0,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-code-file-tx3Z3HDoE0l","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-code-file-tx3Z3HDoE0l","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-code-file-tx3Z3HDoE0l","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","oXYU_iYcvHQS9ySpzbJ6Uv",{"children":"$L3b"}],["$","$L3d","oXYU_iYcvHQS9ySpzbJ6Um",{"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/1kaqiwoptvb43.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/1kaqiwoptvb43.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/1kaqiwoptvb43.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/1kaqiwoptvb43.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:o176,4e:["$","$L102",null,{"initial":{"chatId":"tx3Z3HDoE0l","snapshot":"$@103"},"children":"$L104"}] 9f:["$","$L106",null,{"params":{"chatId":"tx3Z3HDoE0l"},"promises":{"attributes":"$@107","externalMeta":"$@108","latest":"$@109","messagesRange":"$@10a","messages":"$@10b","template":"$@10c","gitStatus":"$@10d"},"children":["$","$L10e",null,{"chatId":"tx3Z3HDoE0l"}]}] e5:null 3c:o58f,3f:[["$","title","0",{"children":"Open code file - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"open this code as it is"}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/open-code-file-tx3Z3HDoE0l"}],["$","meta","4",{"property":"og:title","content":"Open code file - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"open this code as it is"}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/tx3Z3HDoE0l"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Open code file - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"open this code as it is"}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/tx3Z3HDoE0l"}],["$","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",{}]] 3c:o8,45:null 3c:oe75,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 code file","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_YAZ0ucUzVDyLn7kumzresjNz","authorId":"anon:B9cBNGa_6fan4TPnXY2rC","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1733121466883,"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 11c:[] 11d:[["b_9EJS9tuhApc",null],["b_TqsgIGRA2fs",null],["b_kRBAqNxKWZw",null]] 11e:[["b_9EJS9tuhApc",{"templateVersionId":null,"templateCanonId":null}],["b_TqsgIGRA2fs",{"templateVersionId":null,"templateCanonId":null}],["b_kRBAqNxKWZw",{"templateVersionId":null,"templateCanonId":null}]] 11f:[["b_nyiOPzbKfMl","$D2024-12-02T06:37:55.556Z"],["b_8zs4TIf2XHT","$D2024-12-02T06:38:51.638Z"],["b_E3Rac8gQ7IH","$D2024-12-02T06:39:47.688Z"],["b_7J2rGxEownu","$D2024-12-02T06:45:30.163Z"],["b_9EJS9tuhApc","$D2024-12-02T06:49:50.063Z"],["b_TqsgIGRA2fs","$D2024-12-02T07:59:36.265Z"],["b_kRBAqNxKWZw","$D2024-12-02T08:37:41.461Z"]] 120:[["b_9EJS9tuhApc",false],["b_TqsgIGRA2fs",false],["b_kRBAqNxKWZw",false]] 121:[["b_9EJS9tuhApc","$undefined"],["b_TqsgIGRA2fs","$undefined"],["b_kRBAqNxKWZw","$undefined"]] 122:[["b_9EJS9tuhApc",null],["b_TqsgIGRA2fs",null],["b_kRBAqNxKWZw",null]] 123:[["b_9EJS9tuhApc",true],["b_TqsgIGRA2fs",true],["b_kRBAqNxKWZw",true]] 124:[["b_9EJS9tuhApc",true],["b_TqsgIGRA2fs",true],["b_kRBAqNxKWZw",true]] 125:[] 126:T8a41,3c:o8a41,[V0_FILE]typescriptreact:file="app/components/onboarding-dashboard.tsx" "use client" import { useState, useEffect } from "react" import { CheckCircle2, Circle, Users, UserPlus, PlusCircle, BarChart, PieChart, TrendingUp } from 'lucide-react' import { Progress } from "@/components/ui/progress" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Checkbox } from "@/components/ui/checkbox" import { format } from "date-fns" import { Textarea } from "@/components/ui/textarea" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Switch } from "@/components/ui/switch" interface DetailedStep { id: string title: string assignedTo: string status: "Not Started" | "In Progress" | "Completed" progress: number } interface OnboardingStep { id: string title: string status: "Not Started" | "In Progress" | "Completed" detailedSteps: DetailedStep[] } interface User { id: string name: string role: string startDate: string steps: OnboardingStep[] email?: string; phone?: string; address?: string; emergencyContact?: string; documents?: { resume?: File | null; idProof?: File | null; offerLetter?: File | null; }; hasWorkPermit?: boolean; preferredShift?: string; additionalNotes?: string; } const initialOnboardingSteps: OnboardingStep[] = [ { id: "1", title: "Initial Orientation", status: "Not Started", detailedSteps: [ { id: "1-1", title: "Company Overview and Policies", assignedTo: "HR Representative", status: "Not Started", progress: 0 }, { id: "1-2", title: "IT Security Briefing", assignedTo: "IT Security Officer", status: "Not Started", progress: 0 }, { id: "1-3", title: "CompQsoft Services Introduction", assignedTo: "Senior Consultant", status: "Not Started", progress: 0 }, { id: "1-4", title: "Client Confidentiality Agreement", assignedTo: "Legal Department", status: "Not Started", progress: 0 }, { id: "1-5", title: "Employee Handbook Review", assignedTo: "HR Representative", status: "Not Started", progress: 0 }, ] }, { id: "2", title: "Technical Training", status: "Not Started", detailedSteps: [ { id: "2-1", title: "Cybersecurity Fundamentals", assignedTo: "Cybersecurity Lead", status: "Not Started", progress: 0 }, { id: "2-2", title: "Cloud Services Overview", assignedTo: "Cloud Solutions Architect", status: "Not Started", progress: 0 }, { id: "2-3", title: "Application Development Methodologies", assignedTo: "Lead Developer", status: "Not Started", progress: 0 }, { id: "2-4", title: "Network Management Tools", assignedTo: "Network Engineer", status: "Not Started", progress: 0 }, { id: "2-5", title: "Data Analytics and AI Introduction", assignedTo: "Data Scientist", status: "Not Started", progress: 0 }, ] }, { id: "3", title: "Project Management", status: "Not Started", detailedSteps: [ { id: "3-1", title: "Project Management Methodologies", assignedTo: "Project Manager", status: "Not Started", progress: 0 }, { id: "3-2", title: "CompQsoft Project Tools Training", assignedTo: "IT Department", status: "Not Started", progress: 0 }, { id: "3-3", title: "Client Communication Best Practices", assignedTo: "Account Manager", status: "Not Started", progress: 0 }, { id: "3-4", title: "Resource Allocation and Management", assignedTo: "Resource Manager", status: "Not Started", progress: 0 }, { id: "3-5", title: "Risk Management in IT Projects", assignedTo: "Risk Assessment Officer", status: "Not Started", progress: 0 }, ] }, { id: "4", title: "Specialization Training", status: "Not Started", detailedSteps: [ { id: "4-1", title: "ERP Solutions (Microsoft Dynamics/Salesforce)", assignedTo: "ERP Specialist", status: "Not Started", progress: 0 }, { id: "4-2", title: "Government Sector IT Compliance", assignedTo: "Compliance Officer", status: "Not Started", progress: 0 }, { id: "4-3", title: "Advanced Cybersecurity Techniques", assignedTo: "Cybersecurity Lead", status: "Not Started", progress: 0 }, { id: "4-4", title: "AI and Machine Learning Projects", assignedTo: "AI Research Lead", status: "Not Started", progress: 0 }, { id: "4-5", title: "Cloud Migration Strategies", assignedTo: "Cloud Solutions Architect", status: "Not Started", progress: 0 }, ] }, { id: "5", title: "Practical Application", status: "Not Started", detailedSteps: [ { id: "5-1", title: "Shadow Senior Consultant", assignedTo: "Senior Consultant", status: "Not Started", progress: 0 }, { id: "5-2", title: "Contribute to Ongoing Project", assignedTo: "Project Manager", status: "Not Started", progress: 0 }, { id: "5-3", title: "Client Meeting Participation", assignedTo: "Account Manager", status: "Not Started", progress: 0 }, { id: "5-4", title: "Internal Project Proposal", assignedTo: "Department Manager", status: "Not Started", progress: 0 }, { id: "5-5", title: "Technical Documentation Practice", assignedTo: "Technical Writer", status: "Not Started", progress: 0 }, ] }, { id: "6", title: "Final Evaluation", status: "Not Started", detailedSteps: [ { id: "6-1", title: "Technical Skills Assessment", assignedTo: "Technical Lead", status: "Not Started", progress: 0 }, { id: "6-2", title: "Soft Skills Evaluation", assignedTo: "HR Representative", status: "Not Started", progress: 0 }, { id: "6-3", title: "Project Contribution Review", assignedTo: "Project Manager", status: "Not Started", progress: 0 }, { id: "6-4", title: "Cybersecurity Practices Test", assignedTo: "Cybersecurity Lead", status: "Not Started", progress: 0 }, { id: "6-5", title: "Final Onboarding Interview", assignedTo: "Department Manager", status: "Not Started", progress: 0 }, ] }, ] const createUserWithProgress = (id: string, name: string, role: string, startDate: string, progress: number): User => ({ id, name, role, startDate, steps: initialOnboardingSteps.map(step => ({ ...step, status: progress === 100 ? "Completed" : progress > 0 ? "In Progress" : "Not Started", detailedSteps: step.detailedSteps.map(ds => ({ ...ds, status: progress === 100 ? "Completed" : progress > 0 ? "In Progress" : "Not Started", progress: progress })) })) }) const initialUsers: User[] = [ createUserWithProgress("1", "John Doe", "IT Consultant", "2023-10-01", 0), createUserWithProgress("2", "Jane Smith", "Cybersecurity Analyst", "2023-10-15", 0), createUserWithProgress("3", "Bob Johnson", "Cloud Solutions Architect", "2023-11-01", 20), createUserWithProgress("4", "Alice Williams", "Data Scientist", "2023-11-15", 20), createUserWithProgress("5", "Charlie Brown", "Network Engineer", "2023-12-01", 20), createUserWithProgress("6", "Diana Ross", "Project Manager", "2023-12-15", 100), createUserWithProgress("7", "Ethan Hunt", "Software Developer", "2024-01-02", 100), createUserWithProgress("8", "Fiona Gallagher", "ERP Specialist", "2024-01-15", 100), createUserWithProgress("9", "George Clooney", "AI Research Lead", "2024-02-01", 100), ] const assignableRoles = [ "HR Representative", "IT Security Officer", "Senior Consultant", "Legal Department", "Cybersecurity Lead", "Cloud Solutions Architect", "Lead Developer", "Network Engineer", "Data Scientist", "Project Manager", "IT Department", "Account Manager", "Resource Manager", "Risk Assessment Officer", "ERP Specialist", "Compliance Officer", "AI Research Lead", "Technical Writer", "Technical Lead", "Department Manager" ] export default function CompQsoftOnboarding() { const [activeTab, setActiveTab] = useState("all-employees") const [users, setUsers] = useState(initialUsers) const [selectedUser, setSelectedUser] = useState(users[0]) const [selectedStep, setSelectedStep] = useState(initialOnboardingSteps[0].id) const [newUser, setNewUser] = useState({ name: "", role: "", startDate: "", email: "", phone: "", address: "", emergencyContact: "", documents: { resume: null, idProof: null, offerLetter: null, }, hasWorkPermit: false, preferredShift: "", additionalNotes: "", }) const handleAssignment = (stepId: string, detailedStepId: string, newAssignee: string) => { setUsers(prevUsers => prevUsers.map(user => user.id === selectedUser.id ? { ...user, steps: user.steps.map(step => step.id === stepId ? { ...step, detailedSteps: step.detailedSteps.map(detailedStep => detailedStep.id === detailedStepId ? { ...detailedStep, assignedTo: newAssignee } : detailedStep ) } : step ) } : user )) } const handleStatusChange = (stepId: string, detailedStepId: string, newStatus: DetailedStep['status']) => { setUsers(prevUsers => prevUsers.map(user => user.id === selectedUser.id ? { ...user, steps: user.steps.map(step => step.id === stepId ? { ...step, detailedSteps: step.detailedSteps.map(detailedStep => detailedStep.id === detailedStepId ? { ...detailedStep, status: newStatus, progress: newStatus === "Completed" ? 100 : newStatus === "In Progress" ? 50 : 0 } : detailedStep ) } : step ) } : user )) setSelectedUser(prevUser => ({ ...prevUser, steps: prevUser.steps.map(step => step.id === stepId ? { ...step, detailedSteps: step.detailedSteps.map(detailedStep => detailedStep.id === detailedStepId ? { ...detailedStep, status: newStatus, progress: newStatus === "Completed" ? 100 : newStatus === "In Progress" ? 50 : 0 } : detailedStep ) } : step ) })) } const handleNewUserSubmit = (e: React.FormEvent) => { e.preventDefault() const newUserObj: User = { id: (users.length + 1).toString(), name: newUser.name, role: newUser.role, startDate: newUser.startDate, steps: initialOnboardingSteps, email: newUser.email, phone: newUser.phone, address: newUser.address, emergencyContact: newUser.emergencyContact, documents: newUser.documents, hasWorkPermit: newUser.hasWorkPermit, preferredShift: newUser.preferredShift, additionalNotes: newUser.additionalNotes, } setUsers(prevUsers => [...prevUsers, newUserObj]) setSelectedUser(newUserObj) setActiveTab("individual") setNewUser({ name: "", role: "", startDate: "", email: "", phone: "", address: "", emergencyContact: "", documents: { resume: null, idProof: null, offerLetter: null, }, hasWorkPermit: false, preferredShift: "", additionalNotes: "", }) // Here you would typically send the form data including files to your backend console.log("New user data:", newUser) } const getOnboardingOverview = (user: User) => { const totalProgress = user.steps.reduce((acc, step) => { const stepProgress = step.detailedSteps.reduce((sum, ds) => sum + ds.progress, 0) / step.detailedSteps.length return acc + stepProgress }, 0) const overallProgress = Math.round(totalProgress / user.steps.length) const completedSteps = user.steps.filter(step => step.status === "Completed").length const totalSteps = user.steps.length return { completedSteps, totalSteps, overallProgress } } const getOverallStats = () => { const totalEmployees = users.length const completedOnboarding = users.filter(user => getOnboardingOverview(user).overallProgress === 100).length const inProgressOnboarding = users.filter(user => { const progress = getOnboardingOverview(user).overallProgress return progress > 0 && progress < 100 }).length const notStartedOnboarding = users.filter(user => getOnboardingOverview(user).overallProgress === 0).length return { totalEmployees, completedOnboarding, inProgressOnboarding, notStartedOnboarding } } const getAverageCompletionTime = () => { const completedUsers = users.filter(user => getOnboardingOverview(user).overallProgress === 100) if (completedUsers.length === 0) return 0 const totalDays = completedUsers.reduce((sum, user) => { const startDate = new Date(user.startDate) const today = new Date() const diffTime = Math.abs(today.getTime() - startDate.getTime()) const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) return sum + diffDays }, 0) return Math.round(totalDays / completedUsers.length) } const getStepCompletionRates = () => { const stepCompletions = initialOnboardingSteps.map(step => ({ title: step.title, completionRate: (users.filter(user => user.steps.find(s => s.id === step.id)?.status === "Completed" ).length / users.length) * 100 })) return stepCompletions } useEffect(() => { const updatedSelectedUser = users.find(user => user.id === selectedUser.id) if (updatedSelectedUser) { setSelectedUser(updatedSelectedUser) } }, [users]) return (

CompQsoft Onboarding Process

All Employees Individual Progress New Employee Reports All Employees Onboarding Status Name Role Start Date Onboarding Progress Completed Steps Total Steps Actions {users.map((user) => { const { completedSteps, totalSteps, overallProgress } = getOnboardingOverview(user) return ( 0 ? "bg-yellow-600 hover:bg-yellow-500" : "bg-red-700 hover:bg-red-600"} transition-colors `}> {user.name} {user.role} {format(new Date(user.startDate), 'MMM dd, yyyy')} 0 ? "bg-yellow-300" : "bg-red-300" } /> {overallProgress}% {completedSteps} {totalSteps} ) })}

Onboarding Roadmap for {selectedUser.name}

setSelectedStep(step.id)} > {step.status === "Completed" ? ( ) : ( )}

{step.title}

{step.status}

ds.status === "Completed").length / step.detailedSteps.length * 100} className="w-1/4 h-2" />

Detailed Progress and Checklist

handleStatusChange(selectedStep, detailedStep.id, checked ? "Completed" : "Not Started") } /> {detailedStep.title}

{detailedStep.progress}% / 100% {detailedStep.status}

Total Employees

{getOverallStats().totalEmployees}

Completed Onboarding

{getOverallStats().completedOnboarding}

In Progress

{getOverallStats().inProgressOnboarding}

Average Completion Time

{getAverageCompletionTime()} days

Onboarding Status Distribution

{Object.entries(getOverallStats()).map(([key, value]) => (

{key.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase())}

))}

Step Completion Rates

{getStepCompletionRates().map((step) => (

{step.title}

))}

Start New Employee Onboarding

Full Name setNewUser({ ...newUser, name: e.target.value })} required />

Email setNewUser({ ...newUser, email: e.target.value })} required />

Role setNewUser({ ...newUser, role: e.target.value })} required />

Phone Number setNewUser({ ...newUser, phone: e.target.value })} required />

Start Date setNewUser({ ...newUser, startDate: e.target.value })} required />

Emergency Contact setNewUser({ ...newUser, emergencyContact: e.target.value })} required />

Address

setNewUser({ ...newUser, address: e.target.value })}
                    required
                  />
                </div>
                <div className="space-y-4">
                  <Label>Document Upload</Label>
                  <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="resume">Resume</Label>
                      <Input
                        id="resume"
                        type="file"
                        onChange={(e) => setNewUser({ ...newUser, documents: { ...newUser.documents, resume: e.target.files?.[0] || null } })}
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="idProof">ID Proof</Label>
                      <Input
                        id="idProof"
                        type="file"
                        onChange={(e) => setNewUser({ ...newUser, documents: { ...newUser.documents, idProof: e.target.files?.[0] || null } })}
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="offerLetter">Offer Letter</Label>
                      <Input
                        id="offerLetter"
                        type="file"
                        onChange={(e) => setNewUser({ ...newUser, documents: { ...newUser.documents, offerLetter: e.target.files?.[0] || null } })}
                        required
                      />
                    </div>
                  </div>
                </div>
                <div className="flex items-center space-x-2">
                  <Switch
                    id="workPermit"
                    checked={newUser.hasWorkPermit}
                    onCheckedChange={(checked) => setNewUser({ ...newUser, hasWorkPermit: checked })}
                  />
                  <Label htmlFor="workPermit">Has valid work permit</Label>
                </div>
                <div className="space-y-2">
                  <Label>PreferredShift</Label>
          <RadioGroup
            value={newUser.preferredShift}
            onValueChange={(value) => setNewUser({ ...newUser, preferredShift: value })}
          >
            <div className="flex items-center space-x-2">
              <RadioGroupItem value="morning" id="morning" />
              <Label htmlFor="morning">Morning</Label>
            </div>
            <div className="flex items-center space-x-2">
              <RadioGroupItem value="afternoon" id="afternoon" />
              <Label htmlFor="afternoon">Afternoon</Label>
            </div>
            <div className="flex items-center space-x-2">
              <RadioGroupItem value="night" id="night" />
              <Label htmlFor="night">Night</Label>
            </div>
          </RadioGroup>
        </div>
        <div className="space-y-2">
          <Label htmlFor="additionalNotes">Additional Notes</Label>
          <Textarea
            id="additionalNotes"
            placeholder="Any additional information..."
            value={newUser.additionalNotes}
            onChange={(e) => setNewUser({ ...newUser, additionalNotes: e.target.value })}
          />
        </div>
        <Button type="submit">Start Onboarding</Button>
      </form>
    </CardContent>
  </Card>
</TabsContent>
      </Tabs>
    </div>
  )
}3c:oa,127:T8ab0,3c:o8ab0,[V0_FILE]typescriptreact:file="app/components/onboarding-dashboard.tsx"
"use client"

import { useState, useEffect } from "react"
import { CheckCircle2, Circle, Users, UserPlus, PlusCircle, BarChart, PieChart, TrendingUp } from 'lucide-react'
import { Progress } from "@/components/ui/progress"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Badge } from "@/components/ui/badge"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Checkbox } from "@/components/ui/checkbox"
import { format } from "date-fns"
import { Textarea } from "@/components/ui/textarea"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Switch } from "@/components/ui/switch"

interface DetailedStep {
  id: string
  title: string
  assignedTo: string
  status: "Not Started" | "In Progress" | "Completed"
  progress: number
}

interface OnboardingStep {
  id: string
  title: string
  status: "Not Started" | "In Progress" | "Completed"
  detailedSteps: DetailedStep[]
}

interface User {
  id: string
  name: string
  role: string
  startDate: string
  steps: OnboardingStep[]
  email?: string;
  phone?: string;
  address?: string;
  emergencyContact?: string;
  documents?: {
    resume?: File | null;
    idProof?: File | null;
    offerLetter?: File | null;
  };
  hasWorkPermit?: boolean;
  preferredShift?: string;
  additionalNotes?: string;
}

const initialOnboardingSteps: OnboardingStep[] = [
  {
    id: "1",
    title: "Initial Orientation",
    status: "Not Started",
    detailedSteps: [
      { id: "1-1", title: "Company Overview and Policies", assignedTo: "HR Representative", status: "Not Started", progress: 0 },
      { id: "1-2", title: "IT Security Briefing", assignedTo: "IT Security Officer", status: "Not Started", progress: 0 },
      { id: "1-3", title: "CompQsoft Services Introduction", assignedTo: "Senior Consultant", status: "Not Started", progress: 0 },
      { id: "1-4", title: "Client Confidentiality Agreement", assignedTo: "Legal Department", status: "Not Started", progress: 0 },
      { id: "1-5", title: "Employee Handbook Review", assignedTo: "HR Representative", status: "Not Started", progress: 0 },
    ]
  },
  {
    id: "2",
    title: "Technical Training",
    status: "Not Started",
    detailedSteps: [
      { id: "2-1", title: "Cybersecurity Fundamentals", assignedTo: "Cybersecurity Lead", status: "Not Started", progress: 0 },
      { id: "2-2", title: "Cloud Services Overview", assignedTo: "Cloud Solutions Architect", status: "Not Started", progress: 0 },
      { id: "2-3", title: "Application Development Methodologies", assignedTo: "Lead Developer", status: "Not Started", progress: 0 },
      { id: "2-4", title: "Network Management Tools", assignedTo: "Network Engineer", status: "Not Started", progress: 0 },
      { id: "2-5", title: "Data Analytics and AI Introduction", assignedTo: "Data Scientist", status: "Not Started", progress: 0 },
    ]
  },
  {
    id: "3",
    title: "Project Management",
    status: "Not Started",
    detailedSteps: [
      { id: "3-1", title: "Project Management Methodologies", assignedTo: "Project Manager", status: "Not Started", progress: 0 },
      { id: "3-2", title: "CompQsoft Project Tools Training", assignedTo: "IT Department", status: "Not Started", progress: 0 },
      { id: "3-3", title: "Client Communication Best Practices", assignedTo: "Account Manager", status: "Not Started", progress: 0 },
      { id: "3-4", title: "Resource Allocation and Management", assignedTo: "Resource Manager", status: "Not Started", progress: 0 },
      { id: "3-5", title: "Risk Management in IT Projects", assignedTo: "Risk Assessment Officer", status: "Not Started", progress: 0 },
    ]
  },
  {
    id: "4",
    title: "Specialization Training",
    status: "Not Started",
    detailedSteps: [
      { id: "4-1", title: "ERP Solutions (Microsoft Dynamics/Salesforce)", assignedTo: "ERP Specialist", status: "Not Started", progress: 0 },
      { id: "4-2", title: "Government Sector IT Compliance", assignedTo: "Compliance Officer", status: "Not Started", progress: 0 },
      { id: "4-3", title: "Advanced Cybersecurity Techniques", assignedTo: "Cybersecurity Lead", status: "Not Started", progress: 0 },
      { id: "4-4", title: "AI and Machine Learning Projects", assignedTo: "AI Research Lead", status: "Not Started", progress: 0 },
      { id: "4-5", title: "Cloud Migration Strategies", assignedTo: "Cloud Solutions Architect", status: "Not Started", progress: 0 },
    ]
  },
  {
    id: "5",
    title: "Practical Application",
    status: "Not Started",
    detailedSteps: [
      { id: "5-1", title: "Shadow Senior Consultant", assignedTo: "Senior Consultant", status: "Not Started", progress: 0 },
      { id: "5-2", title: "Contribute to Ongoing Project", assignedTo: "Project Manager", status: "Not Started", progress: 0 },
      { id: "5-3", title: "Client Meeting Participation", assignedTo: "Account Manager", status: "Not Started", progress: 0 },
      { id: "5-4", title: "Internal Project Proposal", assignedTo: "Department Manager", status: "Not Started", progress: 0 },
      { id: "5-5", title: "Technical Documentation Practice", assignedTo: "Technical Writer", status: "Not Started", progress: 0 },
    ]
  },
  {
    id: "6",
    title: "Final Evaluation",
    status: "Not Started",
    detailedSteps: [
      { id: "6-1", title: "Technical Skills Assessment", assignedTo: "Technical Lead", status: "Not Started", progress: 0 },
      { id: "6-2", title: "Soft Skills Evaluation", assignedTo: "HR Representative", status: "Not Started", progress: 0 },
      { id: "6-3", title: "Project Contribution Review", assignedTo: "Project Manager", status: "Not Started", progress: 0 },
      { id: "6-4", title: "Cybersecurity Practices Test", assignedTo: "Cybersecurity Lead", status: "Not Started", progress: 0 },
      { id: "6-5", title: "Final Onboarding Interview", assignedTo: "Department Manager", status: "Not Started", progress: 0 },
    ]
  },
]

const createUserWithProgress = (id: string, name: string, role: string, startDate: string, progress: number): User => ({
  id,
  name,
  role,
  startDate,
  steps: initialOnboardingSteps.map(step => ({
    ...step,
    status: progress === 100 ? "Completed" : progress > 0 ? "In Progress" : "Not Started",
    detailedSteps: step.detailedSteps.map(ds => ({
      ...ds,
      status: progress === 100 ? "Completed" : progress > 0 ? "In Progress" : "Not Started",
      progress: progress
    }))
  }))
})

const initialUsers: User[] = [
  createUserWithProgress("1", "John Doe", "IT Consultant", "2023-10-01", 0),
  createUserWithProgress("2", "Jane Smith", "Cybersecurity Analyst", "2023-10-15", 0),
  createUserWithProgress("3", "Bob Johnson", "Cloud Solutions Architect", "2023-11-01", 20),
  createUserWithProgress("4", "Alice Williams", "Data Scientist", "2023-11-15", 20),
  createUserWithProgress("5", "Charlie Brown", "Network Engineer", "2023-12-01", 20),
  createUserWithProgress("6", "Diana Ross", "Project Manager", "2023-12-15", 100),
  createUserWithProgress("7", "Ethan Hunt", "Software Developer", "2024-01-02", 100),
  createUserWithProgress("8", "Fiona Gallagher", "ERP Specialist", "2024-01-15", 100),
  createUserWithProgress("9", "George Clooney", "AI Research Lead", "2024-02-01", 100),
]

const assignableRoles = [
  "HR Representative",
  "IT Security Officer",
  "Senior Consultant",
  "Legal Department",
  "Cybersecurity Lead",
  "Cloud Solutions Architect",
  "Lead Developer",
  "Network Engineer",
  "Data Scientist",
  "Project Manager",
  "IT Department",
  "Account Manager",
  "Resource Manager",
  "Risk Assessment Officer",
  "ERP Specialist",
  "Compliance Officer",
  "AI Research Lead",
  "Technical Writer",
  "Technical Lead",
  "Department Manager"
]

export default function CompQsoftOnboarding() {
  const [activeTab, setActiveTab] = useState("new-employee") // Update: Changed initial activeTab to "new-employee"
  const [users, setUsers] = useState<User[]>(initialUsers)
  const [selectedUser, setSelectedUser] = useState<User>(users[0])
  const [selectedStep, setSelectedStep] = useState<string>(initialOnboardingSteps[0].id)
  const [newUser, setNewUser] = useState({
    name: "",
    role: "",
    startDate: "",
    email: "",
    phone: "",
    address: "",
    emergencyContact: "",
    documents: {
      resume: null,
      idProof: null,
      offerLetter: null,
    },
    hasWorkPermit: false,
    preferredShift: "",
    additionalNotes: "",
  })

const handleAssignment = (stepId: string, detailedStepId: string, newAssignee: string) => {
    setUsers(prevUsers => prevUsers.map(user =>
      user.id === selectedUser.id
        ? {
            ...user,
            steps: user.steps.map(step =>
              step.id === stepId
                ? {
                    ...step,
                    detailedSteps: step.detailedSteps.map(detailedStep =>
                      detailedStep.id === detailedStepId
                        ? { ...detailedStep, assignedTo: newAssignee }
                        : detailedStep
                    )
                  }
                : step
            )
          }
        : user
    ))
  }

const handleStatusChange = (stepId: string, detailedStepId: string, newStatus: DetailedStep['status']) => {
    setUsers(prevUsers => prevUsers.map(user =>
      user.id === selectedUser.id
        ? {
            ...user,
            steps: user.steps.map(step =>
              step.id === stepId
                ? {
                    ...step,
                    detailedSteps: step.detailedSteps.map(detailedStep =>
                      detailedStep.id === detailedStepId
                        ? {
                            ...detailedStep,
                            status: newStatus,
                            progress: newStatus === "Completed" ? 100 : newStatus === "In Progress" ? 50 : 0
                          }
                        : detailedStep
                    )
                  }
                : step
            )
          }
        : user
    ))
    setSelectedUser(prevUser => ({
      ...prevUser,
      steps: prevUser.steps.map(step =>
        step.id === stepId
          ? {
              ...step,
              detailedSteps: step.detailedSteps.map(detailedStep =>
                detailedStep.id === detailedStepId
                  ? {
                      ...detailedStep,
                      status: newStatus,
                      progress: newStatus === "Completed" ? 100 : newStatus === "In Progress" ? 50 : 0
                    }
                  : detailedStep
              )
            }
          : step
      )
    }))
  }

const handleNewUserSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    const newUserObj: User = {
      id: (users.length + 1).toString(),
      name: newUser.name,
      role: newUser.role,
      startDate: newUser.startDate,
      steps: initialOnboardingSteps,
      email: newUser.email,
      phone: newUser.phone,
      address: newUser.address,
      emergencyContact: newUser.emergencyContact,
      documents: newUser.documents,
      hasWorkPermit: newUser.hasWorkPermit,
      preferredShift: newUser.preferredShift,
      additionalNotes: newUser.additionalNotes,
    }
    setUsers(prevUsers => [...prevUsers, newUserObj])
    setSelectedUser(newUserObj)
    setActiveTab("individual")
    setNewUser({
      name: "",
      role: "",
      startDate: "",
      email: "",
      phone: "",
      address: "",
      emergencyContact: "",
      documents: {
        resume: null,
        idProof: null,
        offerLetter: null,
      },
      hasWorkPermit: false,
      preferredShift: "",
      additionalNotes: "",
    })
    // Here you would typically send the form data including files to your backend
    console.log("New user data:", newUser)
  }

const getOnboardingOverview = (user: User) => {
    const totalProgress = user.steps.reduce((acc, step) => {
      const stepProgress = step.detailedSteps.reduce((sum, ds) => sum + ds.progress, 0) / step.detailedSteps.length
      return acc + stepProgress
    }, 0)
    const overallProgress = Math.round(totalProgress / user.steps.length)
    const completedSteps = user.steps.filter(step => step.status === "Completed").length
    const totalSteps = user.steps.length
    return { completedSteps, totalSteps, overallProgress }
  }

const getOverallStats = () => {
    const totalEmployees = users.length
    const completedOnboarding = users.filter(user => getOnboardingOverview(user).overallProgress === 100).length
    const inProgressOnboarding = users.filter(user => {
      const progress = getOnboardingOverview(user).overallProgress
      return progress > 0 && progress < 100
    }).length
    const notStartedOnboarding = users.filter(user => getOnboardingOverview(user).overallProgress === 0).length

return { totalEmployees, completedOnboarding, inProgressOnboarding, notStartedOnboarding }
  }

const getAverageCompletionTime = () => {
    const completedUsers = users.filter(user => getOnboardingOverview(user).overallProgress === 100)
    if (completedUsers.length === 0) return 0

const totalDays = completedUsers.reduce((sum, user) => {
      const startDate = new Date(user.startDate)
      const today = new Date()
      const diffTime = Math.abs(today.getTime() - startDate.getTime())
      const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
      return sum + diffDays
    }, 0)

return Math.round(totalDays / completedUsers.length)
  }

const getStepCompletionRates = () => {
    const stepCompletions = initialOnboardingSteps.map(step => ({
      title: step.title,
      completionRate: (users.filter(user =>
        user.steps.find(s => s.id === step.id)?.status === "Completed"
      ).length / users.length) * 100
    }))
    return stepCompletions
  }

useEffect(() => {
    const updatedSelectedUser = users.find(user => user.id === selectedUser.id)
    if (updatedSelectedUser) {
      setSelectedUser(updatedSelectedUser)
    }
  }, [users])

return (
    <div className="container mx-auto p-4">
      <div className="flex justify-between items-center mb-6">
        <h1 className="text-2xl font-bold">CompQsoft Onboarding Process</h1>
      </div>
      <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
        <TabsList className="grid w-full grid-cols-4">
          <TabsTrigger value="new-employee"> {/* Update: Moved "New Employee" tab to the beginning */}
            <UserPlus className="mr-2 h-4 w-4" />
            New Employee
          </TabsTrigger>
          <TabsTrigger value="all-employees">
            <Users className="mr-2 h-4 w-4" />
            All Employees
          </TabsTrigger>
          <TabsTrigger value="individual">Individual Progress</TabsTrigger>
          <TabsTrigger value="reports">
            <BarChart className="mr-2 h-4 w-4" />
            Reports
          </TabsTrigger>
        </TabsList>
        <TabsContent value="all-employees">
          <Card>
            <CardHeader>
              <CardTitle>All Employees Onboarding Status</CardTitle>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>Name</TableHead>
                    <TableHead>Role</TableHead>
                    <TableHead>Start Date</TableHead>
                    <TableHead>Onboarding Progress</TableHead>
                    <TableHead>Completed Steps</TableHead>
                    <TableHead>Total Steps</TableHead>
                    <TableHead>Actions</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {users.map((user) => {
                    const { completedSteps, totalSteps, overallProgress } = getOnboardingOverview(user)
                    return (
                      <TableRow key={user.id} className={`
                        ${overallProgress === 100 ? "bg-green-700 hover:bg-green-600" :
                          overallProgress > 0 ? "bg-yellow-600 hover:bg-yellow-500" :
                          "bg-red-700 hover:bg-red-600"}
                        transition-colors
                      `}>
                        <TableCell style={{ color: 'white' }}>{user.name}</TableCell>
                        <TableCell style={{ color: 'white' }}>{user.role}</TableCell>
                        <TableCell style={{ color: 'white' }}>{format(new Date(user.startDate), 'MMM dd, yyyy')}</TableCell>
                        <TableCell>
                          <Progress
                            value={overallProgress}
                            className="w-full h-2"
                            indicatorClassName={
                              overallProgress === 100 ? "bg-green-300" :
                                overallProgress > 0 ? "bg-yellow-300" :
                                  "bg-red-300"
                            }
                          />
                          <span className="text-sm font-medium" style={{ color: 'white' }}>{overallProgress}%</span>
                        </TableCell>
                        <TableCell style={{ color: 'white' }}>{completedSteps}</TableCell>
                        <TableCell style={{ color: 'white' }}>{totalSteps}</TableCell>
                        <TableCell>
                          <Button variant="secondary" size="sm" onClick={() => {
                            setSelectedUser(user)
                            setActiveTab("individual")
                          }}>View Details</Button>
                        </TableCell>
                      </TableRow>
                    )
                  })}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
        <TabsContent value="individual">
          <div className="mb-6">
            <Select onValueChange={(value) => setSelectedUser(users.find(u => u.id === value) || users[0])} defaultValue={selectedUser.id}>
              <SelectTrigger className="w-[200px]">
                <SelectValue placeholder="Select user..." />
              </SelectTrigger>
              <SelectContent>
                {users.map((user) => (
                  <SelectItem key={user.id} value={user.id}>
                    {user.name}
                  </SelectItem>
                ))}
              </SelectContent>
            </Select>
          </div>
          <div className="grid md:grid-cols-2 gap-6">
            <Card>
              <CardHeader>
                <CardTitle>Onboarding Roadmap for {selectedUser.name}</CardTitle>
              </CardHeader>
              <CardContent>
                <ul className="space-y-4">
                  {selectedUser.steps.map((step) => (
                    <li
                      key={step.id}
                      className={`flex items-center space-x-3 cursor-pointer p-2 rounded ${
                        selectedStep === step.id ? "bg-secondary" : ""
                        }`}
                      onClick={() => setSelectedStep(step.id)}
                    >
                      {step.status === "Completed" ? (
                        <CheckCircle2 className="h-6 w-6 text-green-500" />
                      ) : (
                        <Circle className="h-6 w-6 text-gray-300" />
                      )}
                      <div className="flex-grow">
                        <p className="font-medium">{step.title}</p>
                        <p className="text-sm text-muted-foreground">{step.status}</p>
                      </div>
                      <Progress
                        value={step.detailedSteps.filter(ds => ds.status === "Completed").length / step.detailedSteps.length * 100}
                        className="w-1/4 h-2"
                      />
                    </li>
                  ))}
                </ul>
              </CardContent>
            </Card>

interface FeedbackMessage {
  id: string;
  userId: string;
  message: string;
  createdAt: string;
  isRead: boolean;
}

interface InboxProps {
  messages: FeedbackMessage[];
  onMessageRead: (messageId: string) => void;
}

export function Inbox({ messages, onMessageRead }: InboxProps) {
  const [selectedMessage, setSelectedMessage] = useState<FeedbackMessage | null>(null);

const handleMessageClick = (message: FeedbackMessage) => {
    setSelectedMessage(message);
    if (!message.isRead) {
      onMessageRead(message.id);
    }
  };

return (
    <Card className="w-full">
      <CardHeader>
        <CardTitle>Inbox</CardTitle>
      </CardHeader>
      <CardContent className="p-0">
        <div className="flex h-[300px]">
          <ScrollArea className="w-1/3 border-r">
            {messages.map((message) => (
              <div
                key={message.id}
                className={`p-4 cursor-pointer hover:bg-secondary ${
                  selectedMessage?.id === message.id ? 'bg-secondary' : ''
                }`}
                onClick={() => handleMessageClick(message)}
              >
                <div className="flex justify-between items-center mb-2">
                  <span className="font-semibold">Feedback</span>
                  {!message.isRead && (
                    <Badge variant="destructive">New</Badge>
                  )}
                </div>
                <div className="text-sm text-muted-foreground">
                  {format(new Date(message.createdAt), 'MMM dd, yyyy HH:mm')}
                </div>
              </div>
            ))}
          </ScrollArea>
          <div className="w-2/3 p-4">
            {selectedMessage ? (
              <>
                <h3 className="font-semibold mb-2">Feedback</h3>
                <p className="mb-4">{selectedMessage.message}</p>
                <div className="text-sm text-muted-foreground">
                  Received on {format(new Date(selectedMessage.createdAt), 'MMMM dd, yyyy HH:mm')}
                </div>
              </>
            ) : (
              <div className="h-full flex items-center justify-center text-muted-foreground">
                Select a message to view
              </div>
            )}
          </div>
        </div>
      </CardContent>
    </Card>
  );
}

[V0_FILE]typescriptreact:file="app/components/onboarding-dashboard.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState, useEffect } from "react"
import { CheckCircle2, Circle, Users, UserPlus, PlusCircle, BarChart, PieChart, TrendingUp, MessageSquare } from 'lucide-react'
import { Progress } from "@/components/ui/progress"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Badge } from "@/components/ui/badge"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Checkbox } from "@/components/ui/checkbox"
import { format } from "date-fns"
import { Textarea } from "@/components/ui/textarea"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Switch } from "@/components/ui/switch"
import { Inbox } from './inbox'

interface DetailedStep {
  id: string
  title: string
  assignedTo: string
  status: "Not Started" | "In Progress" | "Completed"
  progress: number
}

interface OnboardingStep {
  id: string
  title: string
  status: "Not Started" | "In Progress" | "Completed"
  detailedSteps: DetailedStep[]
}

interface FeedbackMessage {
  id: string;
  userId: string;
  message: string;
  createdAt: string;
  isRead: boolean;
}

export default function CompQsoftOnboarding() {
  const [activeTab, setActiveTab] = useState("new-employee")
  const [users, setUsers] = useState<User[]>(initialUsers)
  const [selectedUser, setSelectedUser] = useState<User>(users[0])
  const [selectedStep, setSelectedStep] = useState<string>(initialOnboardingSteps[0].id)
  const [newUser, setNewUser] = useState({
    name: "",
    role: "",
    startDate: "",
    email: "",
    phone: "",
    address: "",
    emergencyContact: "",
    documents: {
      resume: null,
      idProof: null,
      offerLetter: null,
    },
    hasWorkPermit: false,
    preferredShift: "",
    additionalNotes: "",
  })
  const [feedbackMessages, setFeedbackMessages] = useState<FeedbackMessage[]>([])

const handleAddFeedback = (userId: string, message: string) => {
    const newFeedback: FeedbackMessage = {
      id: Date.now().toString(),
      userId,
      message,
      createdAt: new Date().toISOString(),
      isRead: false,
    }
    setFeedbackMessages(prev => [...prev, newFeedback])
    setUsers(prevUsers => prevUsers.map(user =>
      user.id === userId
        ? { ...user, feedback: [...(user.feedback || []), newFeedback] }
        : user
    ))
  }

const handleMessageRead = (messageId: string) => {
    setFeedbackMessages(prev => prev.map(msg =>
      msg.id === messageId ? { ...msg, isRead: true } : msg
    ))
  }

return { totalEmployees, completedOnboarding, inProgressOnboarding, notStartedOnboarding }
  }

const getAverageCompletionTime = () => {
    const completedUsers = users.filter(user => getOnboardingOverview(user).overallProgress === 100)
    if (completedUsers.length === 0) return 0

return Math.round(totalDays / completedUsers.length)
  }

useEffect(() => {
    const updatedSelectedUser = users.find(user => user.id === selectedUser.id)
    if (updatedSelectedUser) {
      setSelectedUser(updatedSelectedUser)
    }
  }, [users])

return (
    <div className="container mx-auto p-4">
      <div className="flex justify-between items-center mb-6">
        <h1 className="text-2xl font-bold">CompQsoft Onboarding Process</h1>
      </div>
      <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
        <TabsList className="grid w-full grid-cols-5">
          <TabsTrigger value="new-employee">
            <UserPlus className="mr-2 h-4 w-4" />
            New Employee
          </TabsTrigger>
          <TabsTrigger value="all-employees">
            <Users className="mr-2 h-4 w-4" />
            All Employees
          </TabsTrigger>
          <TabsTrigger value="individual">Individual Progress</TabsTrigger>
          <TabsTrigger value="reports">
            <BarChart className="mr-2 h-4 w-4" />
            Reports
          </TabsTrigger>
          <TabsTrigger value="inbox">
            <MessageSquare className="mr-2 h-4 w-4" />
            Inbox
          </TabsTrigger>
        </TabsList>
        <TabsContent value="all-employees">
          <Card>
            <CardHeader>
              <CardTitle>All Employees Onboarding Status</CardTitle>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>Name</TableHead>
                    <TableHead>Role</TableHead>
                    <TableHead>Start Date</TableHead>
                    <TableHead>Onboarding Progress</TableHead>
                    <TableHead>Completed Steps</TableHead>
                    <TableHead>Total Steps</TableHead>
                    <TableHead>Actions</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {users.map((user) => {
                    const { completedSteps, totalSteps, overallProgress } = getOnboardingOverview(user)
                    return (
                      <TableRow key={user.id} className={`
                        ${overallProgress === 100 ? "bg-green-700 hover:bg-green-600" :
                          overallProgress > 0 ? "bg-yellow-600 hover:bg-yellow-500" :
                          "bg-red-700 hover:bg-red-600"}
                        transition-colors
                      `}>
                        <TableCell style={{ color: 'white' }}>{user.name}</TableCell>
                        <TableCell style={{ color: 'white' }}>{user.role}</TableCell>
                        <TableCell style={{ color: 'white' }}>{format(new Date(user.startDate), 'MMM dd, yyyy')}</TableCell>
                        <TableCell>
                          <Progress
                            value={overallProgress}
                            className="w-full h-2"
                            indicatorClassName={
                              overallProgress === 100 ? "bg-green-300" :
                                overallProgress > 0 ? "bg-yellow-300" :
                                  "bg-red-300"
                            }
                          />
                          <span className="text-sm font-medium" style={{ color: 'white' }}>{overallProgress}%</span>
                        </TableCell>
                        <TableCell style={{ color: 'white' }}>{completedSteps}</TableCell>
                        <TableCell style={{ color: 'white' }}>{totalSteps}</TableCell>
                        <TableCell>
                          <Button variant="secondary" size="sm" onClick={() => {
                            setSelectedUser(user)
                            setActiveTab("individual")
                          }}>View Details</Button>
                        </TableCell>
                      </TableRow>
                    )
                  })}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
        <TabsContent value="individual">
          <div className="mb-6">
            <Card>
              <CardHeader>
                <CardTitle>Onboarding Roadmap for {selectedUser.name}</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="flex justify-between items-center mb-4">
                  <Select onValueChange={(value) => setSelectedUser(users.find(u => u.id === value) || users[0])} defaultValue={selectedUser.id}>
                    <SelectTrigger className="w-[200px]">
                      <SelectValue placeholder="Select user..." />
                    </SelectTrigger>
                    <SelectContent>
                      {users.map((user) => (
                        <SelectItem key={user.id} value={user.id}>
                          {user.name}
                        </SelectItem>
                      ))}
                    </SelectContent>
                  </Select>
                  <Dialog>
                    <DialogTrigger asChild>
                      <Button variant="outline">
                        <MessageSquare className="mr-2 h-4 w-4" />
                        Add Feedback
                      </Button>
                    </DialogTrigger>
                    <DialogContent>
                      <DialogHeader>
                        <DialogTitle>Add Feedback for {selectedUser.name}</DialogTitle>
                      </DialogHeader>
                      <form onSubmit={(e) => {
                        e.preventDefault()
                        const formData = new FormData(e.currentTarget)
                        const message = formData.get('feedback') as string
                        if (message) {
                          handleAddFeedback(selectedUser.id, message)
                          e.currentTarget.reset()
                        }
                      }}>
                        <Textarea name="feedback" placeholder="Enter your feedback here..." className="mb-4" required />
                        <Button type="submit">Send Feedback</Button>
                      </form>
                    </DialogContent>
                  </Dialog>
                </div>
                <ul className="space-y-4">
                  {selectedUser.steps.map((step) => (
                    <li
                      key={step.id}
                      className={`flex items-center space-x-3 cursor-pointer p-2 rounded ${
                        selectedStep === step.id ? "bg-secondary" : ""
                        }`}
                      onClick={() => setSelectedStep(step.id)}
                    >
                      {step.status === "Completed" ? (
                        <CheckCircle2 className="h-6 w-6 text-green-500" />
                      ) : (
                        <Circle className="h-6 w-6 text-gray-300" />
                      )}
                      <div className="flex-grow">
                        <p className="font-medium">{step.title}</p>
                        <p className="text-sm text-muted-foreground">{step.status}</p>
                      </div>
                      <Progress
                        value={step.detailedSteps.filter(ds => ds.status === "Completed").length / step.detailedSteps.length * 100}
                        className="w-1/4 h-2"
                      />
                    </li>
                  ))}
                </ul>
              </CardContent>
            </Card>
          </div>
          <div className="grid md:grid-cols-2 gap-6">