8e:I[903690,["/chat-static/_next/static/chunks/0s1tyz1m1yzcv.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/18lmufbu35-sl.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/17011nyw7rwb0.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2t6kdfm7yko24.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1lcbcbry7plju.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3n1tx34wk8n-g.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1d4bbibl8_-ov.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/424fcc54t1fo9.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0oqamyvi9yymo.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/0s1tyz1m1yzcv.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/18lmufbu35-sl.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/17011nyw7rwb0.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2t6kdfm7yko24.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1lcbcbry7plju.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3n1tx34wk8n-g.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1d4bbibl8_-ov.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/424fcc54t1fo9.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0oqamyvi9yymo.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4"],"SWRDataProvider"] 92:I[589831,["/chat-static/_next/static/chunks/0s1tyz1m1yzcv.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/18lmufbu35-sl.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/17011nyw7rwb0.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2t6kdfm7yko24.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1lcbcbry7plju.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3n1tx34wk8n-g.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1d4bbibl8_-ov.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/424fcc54t1fo9.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0oqamyvi9yymo.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4"],"TemplateImage"] 93:I[507037,["/chat-static/_next/static/chunks/0s1tyz1m1yzcv.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/18lmufbu35-sl.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/17011nyw7rwb0.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2t6kdfm7yko24.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1lcbcbry7plju.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3n1tx34wk8n-g.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/1d4bbibl8_-ov.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/424fcc54t1fo9.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0oqamyvi9yymo.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_2qTmE4M7jB9oMLPgLJRZjU3F5UM4"],"PrefetchLinkAndRefreshOnHover"] 90:Tea7a,[V0_FILE]sql:file="scripts/001_create_folders_table.sql" isMerged="true" -- Create folders table for organizing files CREATE TABLE IF NOT EXISTS public.folders ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), name TEXT NOT NULL, parent_id UUID REFERENCES public.folders(id) ON DELETE CASCADE, user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Enable Row Level Security ALTER TABLE public.folders ENABLE ROW LEVEL SECURITY; -- RLS Policies for folders CREATE POLICY "Users can view their own folders" ON public.folders FOR SELECT USING (auth.uid() = user_id); CREATE POLICY "Users can insert their own folders" ON public.folders FOR INSERT WITH CHECK (auth.uid() = user_id); CREATE POLICY "Users can update their own folders" ON public.folders FOR UPDATE USING (auth.uid() = user_id); CREATE POLICY "Users can delete their own folders" ON public.folders FOR DELETE USING (auth.uid() = user_id); -- Create index for faster queries CREATE INDEX idx_folders_user_id ON public.folders(user_id); CREATE INDEX idx_folders_parent_id ON public.folders(parent_id); [V0_FILE]sql:file="scripts/002_create_files_table.sql" isMerged="true" -- Create files table for storing file metadata CREATE TABLE IF NOT EXISTS public.files ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), name TEXT NOT NULL, size BIGINT NOT NULL, mime_type TEXT NOT NULL, folder_id UUID REFERENCES public.folders(id) ON DELETE CASCADE, storage_path TEXT NOT NULL, user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Enable Row Level Security ALTER TABLE public.files ENABLE ROW LEVEL SECURITY; -- RLS Policies for files CREATE POLICY "Users can view their own files" ON public.files FOR SELECT USING (auth.uid() = user_id); CREATE POLICY "Users can insert their own files" ON public.files FOR INSERT WITH CHECK (auth.uid() = user_id); CREATE POLICY "Users can update their own files" ON public.files FOR UPDATE USING (auth.uid() = user_id); CREATE POLICY "Users can delete their own files" ON public.files FOR DELETE USING (auth.uid() = user_id); -- Create indexes for faster queries CREATE INDEX idx_files_user_id ON public.files(user_id); CREATE INDEX idx_files_folder_id ON public.files(folder_id); CREATE INDEX idx_files_mime_type ON public.files(mime_type); [V0_FILE]sql:file="scripts/003_create_storage_bucket.sql" isMerged="true" -- Create storage bucket for file uploads INSERT INTO storage.buckets (id, name, public) VALUES ('user-files', 'user-files', false) ON CONFLICT (id) DO NOTHING; -- Storage policies: users can only access their own files CREATE POLICY "Users can upload their own files" ON storage.objects FOR INSERT TO authenticated WITH CHECK ( bucket_id = 'user-files' AND (storage.foldername(name))[1] = auth.uid()::text ); CREATE POLICY "Users can view their own files" ON storage.objects FOR SELECT TO authenticated USING ( bucket_id = 'user-files' AND (storage.foldername(name))[1] = auth.uid()::text ); CREATE POLICY "Users can update their own files" ON storage.objects FOR UPDATE TO authenticated USING ( bucket_id = 'user-files' AND (storage.foldername(name))[1] = auth.uid()::text ); CREATE POLICY "Users can delete their own files" ON storage.objects FOR DELETE TO authenticated USING ( bucket_id = 'user-files' AND (storage.foldername(name))[1] = auth.uid()::text ); [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "@supabase/ssr": "0.8.0" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true" import { createBrowserClient } from "@supabase/ssr" export function createClient() { return createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!) } [V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true" import { createServerClient } from "@supabase/ssr" import { cookies } from "next/headers" export async function createClient() { const cookieStore = await cookies() return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options)) } catch { // The "setAll" method was called from a Server Component. // This can be ignored if you have proxy refreshing user sessions. } }, }, }) } [V0_FILE]typescript:file="lib/supabase/proxy.ts" isMerged="true" import { createServerClient } from "@supabase/ssr" import { NextResponse, type NextRequest } from "next/server" export async function updateSession(request: NextRequest) { let supabaseResponse = NextResponse.next({ request, }) const supabase = createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return request.cookies.getAll() }, setAll(cookiesToSet) { cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value)) supabaseResponse = NextResponse.next({ request, }) cookiesToSet.forEach(({ name, value, options }) => supabaseResponse.cookies.set(name, value, options)) }, }, }, ) const { data: { user }, } = await supabase.auth.getUser() if (request.nextUrl.pathname.startsWith("/drive") && !user) { const url = request.nextUrl.clone() url.pathname = "/auth/login" return NextResponse.redirect(url) } return supabaseResponse } [V0_FILE]typescript:file="proxy.ts" isMerged="true" import { updateSession } from "@/lib/supabase/proxy" import type { NextRequest } from "next/server" export async function proxy(request: NextRequest) { return await updateSession(request) } export const config = { matcher: ["/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)"], } [V0_FILE]typescriptreact:file="app/auth/login/page.tsx" isMerged="true" "use client" import type React from "react" import { createClient } from "@/lib/supabase/client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import Link from "next/link" import { useRouter } from "next/navigation" import { useState } from "react" export default function Page() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [error, setError] = useState(null) const [isLoading, setIsLoading] = useState(false) const router = useRouter() const handleLogin = async (e: React.FormEvent) => { e.preventDefault() const supabase = createClient() setIsLoading(true) setError(null) try { const { error } = await supabase.auth.signInWithPassword({ email, password, }) if (error) throw error router.push("/drive") } catch (error: unknown) { setError(error instanceof Error ? error.message : "An error occurred") } finally { setIsLoading(false) } } return (

Phreakz Drive Sign in to access your private storage

) } [V0_FILE]typescriptreact:file="app/auth/sign-up/page.tsx" isMerged="true" "use client" import type React from "react" import { createClient } from "@/lib/supabase/client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import Link from "next/link" import { useRouter } from "next/navigation" import { useState } from "react" export default function Page() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [repeatPassword, setRepeatPassword] = useState("") const [error, setError] = useState(null) const [isLoading, setIsLoading] = useState(false) const router = useRouter() const handleSignUp = async (e: React.FormEvent) => { e.preventDefault() const supabase = createClient() setIsLoading(true) setError(null) if (password !== repeatPassword) { setError("Passwords do not match") setIsLoading(false) return } try { const { error } = await supabase.auth.signUp({ email, password, options: { emailRedirectTo: process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${window.location.origin}/drive`, }, }) if (error) throw error router.push("/auth/sign-up-success") } catch (error: unknown) { setError(error instanceof Error ? error.message : "An error occurred") } finally { setIsLoading(false) } } return (

Create Account Sign up for Phreakz Drive

Email setEmail(e.target.value)} className="border-border" />

Password setPassword(e.target.value)} className="border-border" />

Repeat Password setRepeatPassword(e.target.value)} className="border-border" />

{error &&

{error}

}

Already have an account?{" "} Sign in

) } [V0_FILE]typescriptreact:file="app/auth/sign-up-success/page.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import Link from "next/link" import { Button } from "@/components/ui/button" export default function Page() { return (

Check Your Email Please confirm your email to continue

We've sent you a confirmation email. Please check your inbox and click the link to activate your account.

) } [V0_FILE]typescriptreact:file="app/auth/error/page.tsx" isMerged="true" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import Link from "next/link" import { Button } from "@/components/ui/button" export default async function Page({ searchParams, }: { searchParams: Promise<{ error: string }> }) { const params = await searchParams return (

Authentication Error {params?.error ? (

Error: {params.error}

) : (

An unexpected error occurred during authentication.

)}

) } [V0_FILE]typescriptreact:file="components/drive/folder-list.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { createClient } from "@/lib/supabase/client" import { Folder, MoreVertical, Trash2, Edit2 } from "lucide-react" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { useRouter } from "next/navigation" import { DeleteFolderDialog } from "./delete-folder-dialog" import { RenameFolderDialog } from "./rename-folder-dialog" type FolderType = { id: string name: string created_at: string } export function FolderList({ folderId }: { folderId: string | null }) { const [folders, setFolders] = useState([]) const [isLoading, setIsLoading] = useState(true) const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; folder: FolderType | null }>({ open: false, folder: null, }) const [renameDialog, setRenameDialog] = useState<{ open: boolean; folder: FolderType | null }>({ open: false, folder: null, }) const router = useRouter() useEffect(() => { loadFolders() }, [folderId]) const loadFolders = async () => { const supabase = createClient() setIsLoading(true) const { data: { user }, } = await supabase.auth.getUser() if (!user) return const { data, error } = await supabase .from("folders") .select("*") .eq("user_id", user.id) .eq("parent_id", folderId) .order("name", { ascending: true }) if (!error && data) { setFolders(data) } setIsLoading(false) } if (isLoading) { return

Loading folders...

} if (folders.length === 0) { return null } return (

Folders

{folders.map((folder) => (

router.push(`/drive?folder=${folder.id}`)} > {folder.name} e.stopPropagation()}> { e.stopPropagation() setRenameDialog({ open: true, folder }) }} > Rename { e.stopPropagation() setDeleteDialog({ open: true, folder }) }} > Delete

))}

setDeleteDialog({ open, folder: null })} onSuccess={loadFolders} /> setRenameDialog({ open, folder: null })} onSuccess={loadFolders} />

) } [V0_FILE]typescriptreact:file="components/drive/create-folder-button.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { FolderPlus } from "lucide-react" import { createClient } from "@/lib/supabase/client" import { useRouter } from "next/navigation" export function CreateFolderButton({ folderId }: { folderId: string | null }) { const [open, setOpen] = useState(false) const [folderName, setFolderName] = useState("") const [isCreating, setIsCreating] = useState(false) const [error, setError] = useState(null) const router = useRouter() const handleCreate = async () => { if (!folderName.trim()) { setError("Folder name is required") return } const supabase = createClient() setIsCreating(true) setError(null) const { data: { user }, } = await supabase.auth.getUser() if (!user) return const { error } = await supabase.from("folders").insert({ name: folderName.trim(), parent_id: folderId, user_id: user.id, }) if (error) { setError(error.message) } else { setOpen(false) setFolderName("") router.refresh() } setIsCreating(false) } return ( ) } [V0_FILE]typescriptreact:file="components/drive/delete-folder-dialog.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { createClient } from "@/lib/supabase/client" type FolderType = { id: string name: string } export function DeleteFolderDialog({ open, folder, onOpenChange, onSuccess, }: { open: boolean folder: FolderType | null onOpenChange: (open: boolean) => void onSuccess: () => void }) { const [isDeleting, setIsDeleting] = useState(false) const handleDelete = async () => { if (!folder) return const supabase = createClient() setIsDeleting(true) const { error } = await supabase.from("folders").delete().eq("id", folder.id) if (!error) { onSuccess() onOpenChange(false) } setIsDeleting(false) } return ( ) } [V0_FILE]typescriptreact:file="components/drive/rename-folder-dialog.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { createClient } from "@/lib/supabase/client" type FolderType = { id: string name: string } export function RenameFolderDialog({ open, folder, onOpenChange, onSuccess, }: { open: boolean folder: FolderType | null onOpenChange: (open: boolean) => void onSuccess: () => void }) { const [folderName, setFolderName] = useState("") const [isRenaming, setIsRenaming] = useState(false) const [error, setError] = useState(null) useEffect(() => { if (folder) { setFolderName(folder.name) setError(null) } }, [folder]) const handleRename = async () => { if (!folder || !folderName.trim()) { setError("Folder name is required") return } const supabase = createClient() setIsRenaming(true) setError(null) const { error } = await supabase.from("folders").update({ name: folderName.trim() }).eq("id", folder.id) if (error) { setError(error.message) } else { onSuccess() onOpenChange(false) } setIsRenaming(false) } return ( ) } [V0_FILE]typescriptreact:file="components/drive/delete-file-dialog.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { createClient } from "@/lib/supabase/client" type FileType = { id: string name: string storage_path: string } export function DeleteFileDialog({ open, file, onOpenChange, onSuccess, }: { open: boolean file: FileType | null onOpenChange: (open: boolean) => void onSuccess: () => void }) { const [isDeleting, setIsDeleting] = useState(false) const handleDelete = async () => { if (!file) return const supabase = createClient() setIsDeleting(true) // Delete from storage await supabase.storage.from("user-files").remove([file.storage_path]) // Delete from database const { error } = await supabase.from("files").delete().eq("id", file.id) if (!error) { onSuccess() onOpenChange(false) } setIsDeleting(false) } return ( ) } [V0_FILE]typescriptreact:file="app/drive/gallery/page.tsx" isMerged="true" import { redirect } from "next/navigation" import { createClient } from "@/lib/supabase/server" import { DriveHeader } from "@/components/drive/drive-header" import { ImageGallery } from "@/components/drive/image-gallery" export default async function GalleryPage() { const supabase = await createClient() const { data: { user }, error, } = await supabase.auth.getUser() if (error || !user) { redirect("/auth/login") } return (

Image Gallery

Browse and search your images

) } [V0_FILE]typescriptreact:file="components/drive/image-gallery.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { createClient } from "@/lib/supabase/client" import { Input } from "@/components/ui/input" import { Search, ImageIcon } from "lucide-react" import Image from "next/image" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" type ImageFile = { id: string name: string size: number mime_type: string storage_path: string created_at: string url: string } export function ImageGallery() { const [images, setImages] = useState([]) const [filteredImages, setFilteredImages] = useState([]) const [isLoading, setIsLoading] = useState(true) const [searchQuery, setSearchQuery] = useState("") const [selectedImage, setSelectedImage] = useState(null) useEffect(() => { loadImages() }, []) useEffect(() => { if (searchQuery.trim() === "") { setFilteredImages(images) } else { const query = searchQuery.toLowerCase() setFilteredImages(images.filter((img) => img.name.toLowerCase().includes(query))) } }, [searchQuery, images]) const loadImages = async () => { const supabase = createClient() setIsLoading(true) const { data: { user }, } = await supabase.auth.getUser() if (!user) return // Get all image files const { data: files, error } = await supabase .from("files") .select("*") .eq("user_id", user.id) .like("mime_type", "image/%") .order("created_at", { ascending: false }) if (!error && files) { // Get signed URLs for each image const imagesWithUrls = await Promise.all( files.map(async (file) => { const { data } = await supabase.storage.from("user-files").createSignedUrl(file.storage_path, 3600) return { ...file, url: data?.signedUrl || "", } }), ) setImages(imagesWithUrls) setFilteredImages(imagesWithUrls) } setIsLoading(false) } const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric", }) } const formatFileSize = (bytes: number) => { if (bytes < 1024) return bytes + " B" if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB" return (bytes / (1024 * 1024)).toFixed(1) + " MB" } if (isLoading) { return

Loading images...

} return (

setSearchQuery(e.target.value)} className="pl-9" />

{filteredImages.length === 0 ? (

{searchQuery ? "No images found matching your search" : "No images yet. Upload images to see them here."}

) : ( <>

{filteredImages.length} {filteredImages.length === 1 ? "image" : "images"}

{filteredImages.map((image) => ( ))}

)}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { redirect } from "next/navigation" import { createClient } from "@/lib/supabase/server" import Link from "next/link" import { Button } from "@/components/ui/button" import { Cloud, FolderIcon, ImageIcon, Lock } from "lucide-react" export default async function HomePage() { const supabase = await createClient() const { data: { user }, } = await supabase.auth.getUser() if (user) { redirect("/drive") } return (

Phreakz Drive

Your Private Cloud Storage

Store, organize, and access your files securely. Simple, fast, and completely private.

Features

Organize with Folders

Create folders and subfolders to keep your files perfectly organized

Image Gallery

View all your images in a beautiful gallery with search

Secure & Private

Your files are encrypted and only accessible by you

) } [V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Geist', 'Geist Fallback'; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/drive/page.tsx" isEdit="true" isMerged="true" import { redirect } from "next/navigation" import { createClient } from "@/lib/supabase/server" import { DriveHeader } from "@/components/drive/drive-header" import { FileList } from "@/components/drive/file-list" import { UploadButton } from "@/components/drive/upload-button" export default async function DrivePage() { const supabase = await createClient() const { data: { user }, error, } = await supabase.auth.getUser() if (error || !user) { redirect("/auth/login") } return (

My Drive

) } [V0_FILE]typescriptreact:file="components/drive/upload-button.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState, useRef } from "react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Upload } from "lucide-react" import { createClient } from "@/lib/supabase/client" import { useRouter } from "next/navigation" import { Progress } from "@/components/ui/progress" export function UploadButton() { const [open, setOpen] = useState(false) const [isUploading, setIsUploading] = useState(false) const [uploadProgress, setUploadProgress] = useState(0) const [error, setError] = useState(null) const [selectedFiles, setSelectedFiles] = useState(null) const fileInputRef = useRef(null) const router = useRouter() const handleFileSelect = (e: React.ChangeEvent) => { setSelectedFiles(e.target.files) setError(null) } const handleUpload = async () => { if (!selectedFiles || selectedFiles.length === 0) { setError("Please select at least one file") return } const supabase = createClient() setIsUploading(true) setError(null) setUploadProgress(0) const { data: { user }, } = await supabase.auth.getUser() if (!user) { setError("You must be logged in to upload files") setIsUploading(false) return } try { const totalFiles = selectedFiles.length let completedFiles = 0 for (const file of Array.from(selectedFiles)) { const fileExt = file.name.split(".").pop() const fileName = `${Date.now()}-${Math.random().toString(36).substring(7)}.${fileExt}` const storagePath = `${user.id}/${fileName}` // Upload to storage const { error: uploadError } = await supabase.storage.from("user-files").upload(storagePath, file) if (uploadError) throw uploadError // Save metadata to database const { error: dbError } = await supabase.from("files").insert({ name: file.name, size: file.size, mime_type: file.type || "application/octet-stream", folder_id: null, storage_path: storagePath, user_id: user.id, }) if (dbError) throw dbError completedFiles++ setUploadProgress(Math.round((completedFiles / totalFiles) * 100)) } setOpen(false) setSelectedFiles(null) if (fileInputRef.current) { fileInputRef.current.value = "" } router.refresh() } catch (err) { setError(err instanceof Error ? err.message : "Upload failed") } finally { setIsUploading(false) setUploadProgress(0) } } return ( ) } [V0_FILE]typescriptreact:file="components/drive/file-list.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { createClient } from "@/lib/supabase/client" import { File, MoreVertical, Trash2, Download, ImageIcon, FileText } from "lucide-react" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { DeleteFileDialog } from "./delete-file-dialog" type FileType = { id: string name: string size: number mime_type: string storage_path: string created_at: string } export function FileList() { const [files, setFiles] = useState([]) const [isLoading, setIsLoading] = useState(true) const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; file: FileType | null }>({ open: false, file: null, }) useEffect(() => { loadFiles() }, []) const loadFiles = async () => { const supabase = createClient() setIsLoading(true) const { data: { user }, } = await supabase.auth.getUser() if (!user) return const { data, error } = await supabase .from("files") .select("*") .eq("user_id", user.id) .order("created_at", { ascending: false }) if (!error && data) { setFiles(data) } setIsLoading(false) } const handleDownload = async (file: FileType) => { const supabase = createClient() const { data } = await supabase.storage.from("user-files").download(file.storage_path) if (data) { const url = URL.createObjectURL(data) const a = document.createElement("a") a.href = url a.download = file.name document.body.appendChild(a) a.click() document.body.removeChild(a) URL.revokeObjectURL(url) } } const formatFileSize = (bytes: number) => { if (bytes < 1024) return bytes + " B" if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB" return (bytes / (1024 * 1024)).toFixed(1) + " MB" } const isImage = (mimeType: string) => mimeType.startsWith("image/") const getFileIcon = (mimeType: string) => { if (mimeType.startsWith("image/")) { return } if (mimeType.includes("document") || mimeType.includes("word") || mimeType.includes("pdf")) { return } return } if (isLoading) { return

Loading files...

} if (files.length === 0) { return (

No files yet. Upload your first file to get started.

) } return (

All Files

{files.map((file) => (

{getFileIcon(file.mime_type)}

{file.name}

{formatFileSize(file.size)}

handleDownload(file)}> Download setDeleteDialog({ open: true, file })}> Delete

))}

setDeleteDialog({ open, file: null })} onSuccess={loadFiles} />

) } [V0_FILE]typescriptreact:file="components/drive/drive-header.tsx" isEdit="true" isQuickEdit="true" "use client" import type { User } from "@supabase/supabase-js" import { createClient } from "@/lib/supabase/client" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { LogOut, UserIcon, Images, Home } from "lucide-react" import { useRouter } from "next/navigation" import Link from "next/link" export function DriveHeader({ user }: { user: User }) { const router = useRouter() const handleSignOut = async () => { const supabase = createClient() await supabase.auth.signOut() router.push("/auth/login") } return (

Phreakz Drive

Account {user.email}

Sign Out

) }89:["$","$L8e",null,{"chatId":"n9fju9bMgQi","children":["$","$L8f",null,{"data":{"@\"active-block\",\"n9fju9bMgQi\",":{"id":"b_RqRjYEkT12c","messageId":"uGUZuChGTENSwXYFF4mi9RKJkVkV8Lwe","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"type":"code-project","project":"Code","taskNameActive":"Adding Home button","taskNameComplete":"Added Home button"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"n9fju9bMgQi\",":false,"":null},"children":"$L91"}]}] 8d:["$","$L7a","rVmi0AECfvm",{"value":{"fallback":{"template:rVmi0AECfvm:likes":{"likeCount":10,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L92",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-12-29%20at%201.00.05%E2%80%AFPM-pWhy0e05rTA5RxfZ7t7YyG03k8FgZP.png","alt":"","templateCanonId":"rVmi0AECfvm","blockId":"b_LeoaLMuz9Ja"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L93",null,{"href":"/templates/rVmi0AECfvm","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L93",null,{"href":"/templates/rVmi0AECfvm","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L93",null,{"href":"/templates/rVmi0AECfvm","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7f",null,{"teamId":"$undefined","authorId":"1LYPztgf0FJPDKwi1l8uJ5bL"}],["$","$L93",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/rVmi0AECfvm","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Unico B"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L94"]}],"$L95","$L96"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This