90: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"] 91: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"] 94: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"] 95: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"] 92:T67a20,[V0_FILE]typescriptreact:file="components/theme-provider.tsx" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/theme-toggle.tsx" "use client" import * as React from "react" import { Moon, Sun } from "lucide-react" import { useTheme } from "next-themes" export function ThemeToggle() { const [mounted, setMounted] = React.useState(false) const { theme, setTheme } = useTheme() React.useEffect(() => { setMounted(true) }, []) if (!mounted) { return null } return ( ) } [V0_FILE]javascript:file="tailwind.config.js" isFixed="true" isQuickEdit="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], theme: { extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/page.tsx" isQuickEdit="true" import { redirect } from "next/navigation" export default function Home() { redirect("/dashboard-cms") } [V0_FILE]typescriptreact:file="components/ui/slider.tsx" "use client" import * as React from "react" import * as SliderPrimitive from "@radix-ui/react-slider" import { cn } from "@/lib/utils" const Slider = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Slider.displayName = SliderPrimitive.Root.displayName export { Slider } [V0_FILE]typescriptreact:file="components/ui/switch.tsx" "use client" import * as React from "react" import * as SwitchPrimitives from "@radix-ui/react-switch" import { cn } from "@/lib/utils" const Switch = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Switch.displayName = SwitchPrimitives.Root.displayName export { Switch } [V0_FILE]typescriptreact:file="components/ui/select.tsx" isQuickEdit="true" "use client" import * as React from "react" import * as SelectPrimitive from "@radix-ui/react-select" import { Check, ChevronDown, ChevronUp } from "lucide-react" import { cn } from "@/lib/utils" const Select = SelectPrimitive.Root const SelectGroup = SelectPrimitive.Group const SelectValue = SelectPrimitive.Value const SelectTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( span]:line-clamp-1", className, )} {...props} > {children} )) SelectTrigger.displayName = SelectPrimitive.Trigger.displayName const SelectScrollUpButton = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName const SelectScrollDownButton = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName const SelectContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, position = "popper", ...props }, ref) => ( {children} )) SelectContent.displayName = SelectPrimitive.Content.displayName const SelectLabel = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectLabel.displayName = SelectPrimitive.Label.displayName const SelectItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} )) SelectItem.displayName = SelectPrimitive.Item.displayName const SelectSeparator = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectSeparator.displayName = SelectPrimitive.Separator.displayName export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } [V0_FILE]typescriptreact:file="components/dashboard/recent-orders.tsx" "use client" import { Badge } from "@/components/ui/badge" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" interface Order { id: string customer: { name: string email: string avatar?: string } product: string amount: string status: "pending" | "processing" | "shipped" | "delivered" | "cancelled" date: string } const orders: Order[] = [ { id: "#3210", customer: { name: "Olivia Martin", email: "olivia.martin@email.com", avatar: "/placeholder.svg?height=32&width=32", }, product: "iPhone 15 Pro", amount: "$1,299.00", status: "delivered", date: "2 hours ago", }, { id: "#3209", customer: { name: "Jackson Lee", email: "jackson.lee@email.com", avatar: "/placeholder.svg?height=32&width=32", }, product: "MacBook Air M2", amount: "$1,199.00", status: "processing", date: "4 hours ago", }, { id: "#3208", customer: { name: "Isabella Nguyen", email: "isabella.nguyen@email.com", avatar: "/placeholder.svg?height=32&width=32", }, product: "AirPods Pro", amount: "$249.00", status: "shipped", date: "6 hours ago", }, { id: "#3207", customer: { name: "William Kim", email: "will@email.com", avatar: "/placeholder.svg?height=32&width=32", }, product: "iPad Pro 12.9", amount: "$1,099.00", status: "pending", date: "8 hours ago", }, { id: "#3206", customer: { name: "Sofia Davis", email: "sofia.davis@email.com", avatar: "/placeholder.svg?height=32&width=32", }, product: "Apple Watch Ultra", amount: "$799.00", status: "cancelled", date: "1 day ago", }, ] const statusColors = { pending: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400", processing: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400", shipped: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400", delivered: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400", cancelled: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400", } export default function RecentOrders() { return (

Recent Orders

{orders.map((order) => (

{order.customer.name .split(" ") .map((n) => n[0]) .join("")}

{order.customer.name}

{order.id}

{order.product}

{order.status}

{order.amount}

{order.date}

))}

) } [V0_FILE]typescriptreact:file="components/dashboard/top-products.tsx" "use client" import Image from "next/image" import { TrendingUp, TrendingDown } from "lucide-react" interface Product { id: string name: string category: string sales: number revenue: string change: number image: string } const products: Product[] = [ { id: "1", name: "iPhone 15 Pro", category: "Smartphones", sales: 1234, revenue: "$1,234,000", change: 12.5, image: "/placeholder.svg?height=48&width=48", }, { id: "2", name: "MacBook Air M2", category: "Laptops", sales: 856, revenue: "$856,000", change: 8.2, image: "/placeholder.svg?height=48&width=48", }, { id: "3", name: "AirPods Pro", category: "Audio", sales: 2341, revenue: "$468,200", change: -2.1, image: "/placeholder.svg?height=48&width=48", }, { id: "4", name: "iPad Pro 12.9", category: "Tablets", sales: 567, revenue: "$567,000", change: 15.3, image: "/placeholder.svg?height=48&width=48", }, { id: "5", name: "Apple Watch Ultra", category: "Wearables", sales: 432, revenue: "$345,600", change: 5.7, image: "/placeholder.svg?height=48&width=48", }, ] export default function TopProducts() { return (

Top Products

{products.map((product, index) => (

{index + 1}

{product.name}

{product.category}

{product.revenue}

{product.sales} sold

{product.change > 0 ? ( ) : ( )} 0 ? "text-green-600" : "text-red-600"}`}> {product.change > 0 ? "+" : ""} {product.change}%

))}

) } [V0_FILE]typescriptreact:file="components/dashboard/activity-feed.tsx" "use client" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { ShoppingCart, User, Package, CreditCard, Star } from "lucide-react" interface Activity { id: string type: "order" | "user" | "product" | "payment" | "review" title: string description: string time: string user?: { name: string avatar?: string } metadata?: { amount?: string rating?: number status?: string } } const activities: Activity[] = [ { id: "1", type: "order", title: "New order placed", description: "Order #3210 for iPhone 15 Pro", time: "2 minutes ago", user: { name: "Olivia Martin", avatar: "/placeholder.svg?height=32&width=32", }, metadata: { amount: "$1,299.00", }, }, { id: "2", type: "user", title: "New customer registered", description: "Jackson Lee joined the platform", time: "15 minutes ago", user: { name: "Jackson Lee", avatar: "/placeholder.svg?height=32&width=32", }, }, { id: "3", type: "review", title: "Product review received", description: "5-star review for MacBook Air M2", time: "1 hour ago", user: { name: "Isabella Nguyen", avatar: "/placeholder.svg?height=32&width=32", }, metadata: { rating: 5, }, }, { id: "4", type: "payment", title: "Payment processed", description: "Payment for order #3208 completed", time: "2 hours ago", metadata: { amount: "$249.00", status: "success", }, }, { id: "5", type: "product", title: "Low stock alert", description: "AirPods Pro stock is running low", time: "3 hours ago", metadata: { status: "warning", }, }, ] const getActivityIcon = (type: Activity["type"]) => { switch (type) { case "order": return case "user": return case "product": return case "payment": return case "review": return default: return } } const getActivityColor = (type: Activity["type"]) => { switch (type) { case "order": return "bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" case "user": return "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400" case "product": return "bg-yellow-100 text-yellow-600 dark:bg-yellow-900/30 dark:text-yellow-400" case "payment": return "bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400" case "review": return "bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400" default: return "bg-gray-100 text-gray-600 dark:bg-gray-900/30 dark:text-gray-400" } } export default function ActivityFeed() { return (

Recent Activity

{activities.map((activity) => (

{getActivityIcon(activity.type)}

{activity.title}

{activity.time}

{activity.description}

{activity.user && (

{activity.user.name .split(" ") .map((n) => n[0]) .join("")} {activity.user.name}

)}

{activity.metadata?.amount && ( {activity.metadata.amount} )} {activity.metadata?.rating && (

{[...Array(activity.metadata.rating)].map((_, i) => ( ))}

)}

))}

) } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" "use client" import * as React from "react" import * as AvatarPrimitive from "@radix-ui/react-avatar" import { cn } from "@/lib/utils" const Avatar = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Avatar.displayName = AvatarPrimitive.Root.displayName const AvatarImage = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AvatarImage.displayName = AvatarPrimitive.Image.displayName const AvatarFallback = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" import type * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, }, ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return

} export { Badge, badgeVariants } [V0_FILE]json:file="package.json" { "name": "dashboard-app", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@radix-ui/react-avatar": "^1.0.4", "@radix-ui/react-dropdown-menu": "^2.0.6", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slider": "^1.1.2", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-switch": "^1.0.3", "chart.js": "^4.4.0", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "lucide-react": "^0.294.0", "next": "14.0.4", "next-themes": "^0.2.1", "react": "^18", "react-chartjs-2": "^5.2.0", "react-dom": "^18", "tailwind-merge": "^2.1.0", "tailwindcss-animate": "^1.0.7" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10.0.1", "eslint": "^8", "eslint-config-next": "14.0.4", "postcss": "^8", "tailwindcss": "^3.3.0", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/cmsfullform/content.tsx" isQuickEdit="true" import DashboardContent from "../dashboard" export default function Content() { return (

) } [V0_FILE]typescriptreact:file="components/dashboard/sales-chart.tsx" "use client" import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, BarElement, } from "chart.js" import { Line, Bar } from "react-chartjs-2" ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, BarElement) const salesData = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], datasets: [ { label: "Sales", data: [12000, 19000, 15000, 25000, 22000, 30000, 28000, 35000, 32000, 40000, 38000, 45000], borderColor: "rgb(59, 130, 246)", backgroundColor: "rgba(59, 130, 246, 0.1)", tension: 0.4, }, { label: "Orders", data: [800, 1200, 1000, 1600, 1400, 1900, 1800, 2200, 2000, 2500, 2400, 2800], borderColor: "rgb(16, 185, 129)", backgroundColor: "rgba(16, 185, 129, 0.1)", tension: 0.4, }, ], } const revenueData = { labels: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], datasets: [ { label: "Revenue", data: [3200, 4100, 3800, 5200, 4900, 6100, 5800], backgroundColor: "rgba(139, 92, 246, 0.8)", borderColor: "rgb(139, 92, 246)", borderWidth: 1, }, ], } const chartOptions = { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: "top" as const, labels: { usePointStyle: true, padding: 20, font: { size: 12, }, }, }, title: { display: false, }, tooltip: { mode: "index" as const, intersect: false, }, }, scales: { y: { beginAtZero: true, grid: { color: "rgba(0, 0, 0, 0.1)", }, ticks: { font: { size: 11, }, }, }, x: { grid: { color: "rgba(0, 0, 0, 0.1)", }, ticks: { font: { size: 11, }, }, }, }, interaction: { mode: "nearest" as const, axis: "x" as const, intersect: false, }, } const mobileChartOptions = { ...chartOptions, plugins: { ...chartOptions.plugins, legend: { ...chartOptions.plugins.legend, labels: { ...chartOptions.plugins.legend.labels, padding: 10, font: { size: 10, }, }, }, }, scales: { ...chartOptions.scales, y: { ...chartOptions.scales.y, ticks: { font: { size: 9, }, maxTicksLimit: 6, }, }, x: { ...chartOptions.scales.x, ticks: { font: { size: 9, }, maxRotation: 45, minRotation: 0, }, }, }, } export function SalesChart() { return (

Sales Overview

) } export function RevenueChart() { return (

Weekly Revenue

This week

) } [V0_FILE]typescriptreact:file="components/dashboard/overview-stats.tsx" "use client" import type React from "react" import { TrendingUp, TrendingDown, DollarSign, ShoppingCart, Users, Package } from "lucide-react" interface StatCard { title: string value: string change: string changeType: "increase" | "decrease" icon: React.ReactNode } const stats: StatCard[] = [ { title: "Total Revenue", value: "$45,231.89", change: "+20.1%", changeType: "increase", icon: , }, { title: "Orders", value: "2,350", change: "+180.1%", changeType: "increase", icon: , }, { title: "Customers", value: "12,234", change: "+19%", changeType: "increase", icon: , }, { title: "Products", value: "573", change: "-4.3%", changeType: "decrease", icon: , }, ] export default function OverviewStats() { return (

{stats.map((stat) => (

{stat.title}

{stat.icon}

{stat.value}

{stat.changeType === "increase" ? ( ) : ( )} {stat.change} from last month vs last

))}

) } [V0_FILE]typescriptreact:file="components/dashboard/customer-analytics.tsx" "use client" import { Doughnut } from "react-chartjs-2" import { Chart as ChartJS, ArcElement, Tooltip, Legend } from "chart.js" ChartJS.register(ArcElement, Tooltip, Legend) const customerData = { labels: ["New Customers", "Returning Customers", "VIP Customers"], datasets: [ { data: [45, 35, 20], backgroundColor: ["rgba(59, 130, 246, 0.8)", "rgba(16, 185, 129, 0.8)", "rgba(245, 158, 11, 0.8)"], borderColor: ["rgb(59, 130, 246)", "rgb(16, 185, 129)", "rgb(245, 158, 11)"], borderWidth: 2, }, ], } const customerStats = [ { label: "New Customers", value: "2,345", percentage: "45%", color: "bg-blue-500", }, { label: "Returning Customers", value: "1,823", percentage: "35%", color: "bg-green-500", }, { label: "VIP Customers", value: "1,042", percentage: "20%", color: "bg-yellow-500", }, ] const chartOptions = { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, }, tooltip: { callbacks: { label: (context: any) => `${context.label}: ${context.parsed}%`, }, }, }, } export default function CustomerAnalytics() { return (

Customer Analytics

This month

{/* Chart - Full width on mobile */}

{/* Stats - Below chart on mobile */}

{customerStats.map((stat) => (

{stat.label}

{stat.value}

{stat.percentage}

))}

Total Customers 5,210

+12.5% from last month

) } [V0_FILE]typescriptreact:file="components/dashboard/financial-widgets.tsx" "use client" import List01 from "./list-01" import List02 from "./list-02" export default function FinancialWidgets() { return (

{/* Account Balance Widget */}

Account Balance

{/* Transaction History Widget */}

Recent Transactions

) } [V0_FILE]typescriptreact:file="components/dashboard/list-01.tsx" import { cn } from "@/lib/utils" import { ArrowUpRight, ArrowDownLeft, Wallet, SendHorizontal, QrCode, Plus, ArrowRight, CreditCard } from "lucide-react" interface AccountItem { id: string title: string description?: string balance: string type: "savings" | "checking" | "investment" | "debt" } interface List01Props { totalBalance?: string accounts?: AccountItem[] className?: string } const ACCOUNTS: AccountItem[] = [ { id: "1", title: "Main Savings", description: "Personal savings", balance: "$8,459.45", type: "savings", }, { id: "2", title: "Checking Account", description: "Daily expenses", balance: "$2,850.00", type: "checking", }, { id: "3", title: "Investment Portfolio", description: "Stock & ETFs", balance: "$15,230.80", type: "investment", }, { id: "4", title: "Credit Card", description: "Pending charges", balance: "$1,200.00", type: "debt", }, ] export default function List01({ totalBalance = "$26,540.25", accounts = ACCOUNTS, className }: List01Props) { return (

{/* Total Balance Section */}

Total Balance

{totalBalance}

{/* Accounts List */}

Your Accounts

{accounts.map((account) => (

{account.type === "savings" && ( )} {account.type === "checking" && } {account.type === "investment" && ( )} {account.type === "debt" && }

{account.title}

{account.description && (

{account.description}

)}

{account.balance}

))}

{/* Action buttons footer */}

) } [V0_FILE]typescriptreact:file="components/dashboard/list-02.tsx" import { cn } from "@/lib/utils" import { ArrowUpRight, ArrowDownLeft, Wallet, ShoppingCart, CreditCard, type LucideIcon, ArrowRight, } from "lucide-react" interface Transaction { id: string title: string amount: string type: "incoming" | "outgoing" category: string icon: LucideIcon timestamp: string status: "completed" | "pending" | "failed" } interface List02Props { transactions?: Transaction[] className?: string } const TRANSACTIONS: Transaction[] = [ { id: "1", title: "Apple Store Purchase", amount: "$999.00", type: "outgoing", category: "shopping", icon: ShoppingCart, timestamp: "Today, 2:45 PM", status: "completed", }, { id: "2", title: "Salary Deposit", amount: "$4,500.00", type: "incoming", category: "transport", icon: Wallet, timestamp: "Today, 9:00 AM", status: "completed", }, { id: "3", title: "Netflix Subscription", amount: "$15.99", type: "outgoing", category: "entertainment", icon: CreditCard, timestamp: "Yesterday", status: "pending", }, { id: "4", title: "Supabase Subscription", amount: "$15.99", type: "outgoing", category: "entertainment", icon: CreditCard, timestamp: "Yesterday", status: "pending", }, { id: "5", title: "Vercel Subscription", amount: "$15.99", type: "outgoing", category: "entertainment", icon: CreditCard, timestamp: "2 days ago", status: "completed", }, ] export default function List02({ transactions = TRANSACTIONS, className }: List02Props) { return (

Recent Activity ({transactions.length})

This Month

{transactions.map((transaction) => (

{transaction.title}

{transaction.timestamp}

{transaction.type === "incoming" ? "+" : "-"} {transaction.amount} {transaction.type === "incoming" ? ( ) : ( )}

))}

) } [V0_FILE]typescriptreact:file="components/dashboard/index.tsx" "use client" import OverviewStats from "./overview-stats" import { SalesChart, RevenueChart } from "./sales-chart" import RecentOrders from "./recent-orders" import TopProducts from "./top-products" import CustomerAnalytics from "./customer-analytics" import ActivityFeed from "./activity-feed" import FinancialWidgets from "./financial-widgets" export default function DashboardContent() { return (

{/* Overview Stats */} {/* Charts Row - Stack on mobile, side by side on desktop */}

{/* Main Content Grid - Stack on mobile, responsive grid on larger screens */}

{/* Left Column - Full width on mobile, 2/3 width on desktop */}

{/* Right Column - Full width on mobile, 1/3 width on desktop */}

{/* Financial Overview Section */}

Financial Overview

) } [V0_FILE]typescriptreact:file="components/cmsfullform/profile.tsx" import type React from "react" import { LogOut, MoveUpRight, Settings, CreditCard, FileText } from "lucide-react" import Image from "next/image" import Link from "next/link" interface MenuItem { label: string value?: string href: string icon?: React.ReactNode external?: boolean } interface Profile01Props { name: string role: string avatar: string subscription?: string } const defaultProfile = { name: "Alex Watson", role: "Prompt Engineer", avatar: "https://ferf1mheo22r9ira.public.blob.vercel-storage.com/avatar-02-albo9B0tWOSLXCVZh9rX9KFxXIVWMr.png", subscription: "Free Trial", } satisfies Required export default function Profile01({ name = defaultProfile.name, role = defaultProfile.role, avatar = defaultProfile.avatar, subscription = defaultProfile.subscription, }: Partial = defaultProfile) { const menuItems: MenuItem[] = [ { label: "Subscription", value: subscription, href: "#", icon: , external: false, }, { label: "Settings", href: "/settings", icon: , }, { label: "Terms & Policies", href: "#", icon: , external: true, }, ] return (

{/* Profile Info */}

{name}

{role}

{menuItems.map((item) => (

{item.icon} {item.label}

{item.value && {item.value}} {item.external && }

))}

) } [V0_FILE]typescriptreact:file="components/dashboard-cms/content.tsx" import CMSDashboardContent from "./index" export default function Content() { return (

) } [V0_FILE]typescriptreact:file="components/dashboard-cms/overview-stats.tsx" isFixed="true" "use client" import type React from "react" import { FileText, Eye, MessageSquare, Users, TrendingUp, TrendingDown, Calendar, ImageIcon } from "lucide-react" interface StatCard { title: string value: string change: string changeType: "increase" | "decrease" icon: React.ReactNode description: string } const stats: StatCard[] = [ { title: "Total Articles", value: "1,247", change: "+12.5%", changeType: "increase", icon: , description: "Published articles", }, { title: "Page Views", value: "89.2K", change: "+23.1%", changeType: "increase", icon: , description: "This month", }, { title: "Comments", value: "2,847", change: "+8.2%", changeType: "increase", icon: , description: "User engagement", }, { title: "Authors", value: "24", change: "-2.1%", changeType: "decrease", icon: , description: "Active writers", }, { title: "Scheduled Posts", value: "18", change: "+5.3%", changeType: "increase", icon: , description: "Upcoming content", }, { title: "Media Files", value: "3,456", change: "+15.7%", changeType: "increase", icon: , description: "Images & videos", }, ] export default function OverviewStats() { return (

{stats.map((stat) => (

{stat.icon}

{stat.changeType === "increase" ? ( ) : ( )} {stat.change}

{stat.value}

{stat.title}

{stat.description}

))}

) } [V0_FILE]typescriptreact:file="components/dashboard-cms/content-chart.tsx" "use client" import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, BarElement, } from "chart.js" import { Line, Bar } from "react-chartjs-2" ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, BarElement) const contentData = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], datasets: [ { label: "Articles Published", data: [45, 52, 48, 61, 55, 67, 73, 69, 76, 82, 78, 85], borderColor: "rgb(59, 130, 246)", backgroundColor: "rgba(59, 130, 246, 0.1)", tension: 0.4, }, { label: "Page Views (K)", data: [12, 15, 13, 18, 16, 22, 25, 23, 28, 32, 29, 35], borderColor: "rgb(16, 185, 129)", backgroundColor: "rgba(16, 185, 129, 0.1)", tension: 0.4, }, ], } const categoryData = { labels: ["Technology", "Business", "Health", "Sports", "Entertainment", "Politics", "Science"], datasets: [ { label: "Articles", data: [156, 142, 98, 87, 76, 65, 54], backgroundColor: [ "rgba(59, 130, 246, 0.8)", "rgba(16, 185, 129, 0.8)", "rgba(245, 158, 11, 0.8)", "rgba(239, 68, 68, 0.8)", "rgba(139, 92, 246, 0.8)", "rgba(236, 72, 153, 0.8)", "rgba(6, 182, 212, 0.8)", ], borderColor: [ "rgb(59, 130, 246)", "rgb(16, 185, 129)", "rgb(245, 158, 11)", "rgb(239, 68, 68)", "rgb(139, 92, 246)", "rgb(236, 72, 153)", "rgb(6, 182, 212)", ], borderWidth: 1, }, ], } const chartOptions = { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: "top" as const, labels: { usePointStyle: true, padding: 20, font: { size: 12, }, }, }, title: { display: false, }, tooltip: { mode: "index" as const, intersect: false, }, }, scales: { y: { beginAtZero: true, grid: { color: "rgba(0, 0, 0, 0.1)", }, ticks: { font: { size: 11, }, }, }, x: { grid: { color: "rgba(0, 0, 0, 0.1)", }, ticks: { font: { size: 11, }, }, }, }, interaction: { mode: "nearest" as const, axis: "x" as const, intersect: false, }, } const mobileChartOptions = { ...chartOptions, plugins: { ...chartOptions.plugins, legend: { ...chartOptions.plugins.legend, labels: { ...chartOptions.plugins.legend.labels, padding: 10, font: { size: 10, }, }, }, }, scales: { ...chartOptions.scales, y: { ...chartOptions.scales.y, ticks: { font: { size: 9, }, maxTicksLimit: 6, }, }, x: { ...chartOptions.scales.x, ticks: { font: { size: 9, }, maxRotation: 45, minRotation: 0, }, }, }, } export default function ContentChart() { return (

{/* Content Performance Chart */}

Content Performance

{/* Content by Category Chart */}

Content by Category

This year

) } [V0_FILE]typescriptreact:file="components/dashboard-cms/content-categories.tsx" "use client" import { Badge } from "@/components/ui/badge" import { MoreHorizontal, Plus, TrendingUp, TrendingDown } from "lucide-react" interface Category { id: string name: string count: number change: number color: string description: string } const categories: Category[] = [ { id: "1", name: "Technology", count: 156, change: 12.5, color: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400", description: "Tech news & tutorials", }, { id: "2", name: "Business", count: 142, change: 8.3, color: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400", description: "Business insights", }, { id: "3", name: "Health", count: 98, change: -2.1, color: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400", description: "Health & wellness", }, { id: "4", name: "Sports", count: 87, change: 15.7, color: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400", description: "Sports coverage", }, { id: "5", name: "Entertainment", count: 76, change: 5.2, color: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400", description: "Entertainment news", }, { id: "6", name: "Politics", count: 65, change: -8.4, color: "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400", description: "Political analysis", }, ] export default function ContentCategories() { return (

Content Categories

{categories.map((category) => (

{category.name}

{category.description}

{category.count}

{category.change > 0 ? ( ) : ( )} 0 ? "text-green-600" : "text-red-600"}`}> {category.change > 0 ? "+" : ""} {category.change}%

))}

Total Articles {categories.reduce((sum, cat) => sum + cat.count, 0)}

) } [V0_FILE]typescriptreact:file="components/dashboard-cms/media-library.tsx" "use client" import { Badge } from "@/components/ui/badge" import { ImageIcon, Video, FileText, Music, Download, Trash2, Eye, MoreHorizontal } from "lucide-react" interface MediaFile { id: string name: string type: "image" | "video" | "document" | "audio" size: string uploadDate: string dimensions?: string duration?: string downloads: number url: string } const mediaFiles: MediaFile[] = [ { id: "1", name: "hero-banner-2024.jpg", type: "image", size: "2.4 MB", uploadDate: "2 hours ago", dimensions: "1920x1080", downloads: 45, url: "/placeholder.svg?height=120&width=120", }, { id: "2", name: "product-demo-video.mp4", type: "video", size: "15.7 MB", uploadDate: "1 day ago", dimensions: "1280x720", duration: "3:24", downloads: 23, url: "/placeholder.svg?height=120&width=120", }, { id: "3", name: "annual-report-2024.pdf", type: "document", size: "1.2 MB", uploadDate: "3 days ago", downloads: 156, url: "/placeholder.svg?height=120&width=120", }, { id: "4", name: "podcast-episode-12.mp3", type: "audio", size: "45.6 MB", uploadDate: "1 week ago", duration: "45:30", downloads: 89, url: "/placeholder.svg?height=120&width=120", }, { id: "5", name: "infographic-climate.png", type: "image", size: "3.1 MB", uploadDate: "1 week ago", dimensions: "1080x1920", downloads: 67, url: "/placeholder.svg?height=120&width=120", }, { id: "6", name: "interview-highlights.mp4", type: "video", size: "8.9 MB", uploadDate: "2 weeks ago", dimensions: "1920x1080", duration: "2:15", downloads: 34, url: "/placeholder.svg?height=120&width=120", }, ] const getFileIcon = (type: string) => { switch (type) { case "image": return case "video": return

Recent Orders

Top Products

Recent Activity

Sales Overview

Weekly Revenue

{stat.title}

Customer Analytics

Account Balance

Recent Transactions

{totalBalance}

Your Accounts

{account.title}

Recent Activity ({transactions.length})

{transaction.title}

Financial Overview

{name}

{stat.title}

Content Performance

Content by Category

Content Categories

Media Library

{file.name}

Recent Posts

{post.title}

Popular Articles

{article.title}

Recent Comments

Publishing Schedule

{post.title}

User Activity

System History

Subscription & Billing

Current Plan

Available Plans

Payment Method

Billing History

Privacy Settings

Profile Visibility

Data & Analytics

Activity Tracking

Data Management

Preferences

Appearance

Language & Region

Content Editor

Behavior

About

Tags

Share

About

Tags

Share

More Templates Like This