8e:I[903690,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/12y5b7jhqsigo.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2hshm2fng68su.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2rhf_b_f0_r6p.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01__zsl2uy-6s.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/437ci-gwph8ce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3e9-sgwexen44.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/12y5b7jhqsigo.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2hshm2fng68su.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2rhf_b_f0_r6p.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01__zsl2uy-6s.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/437ci-gwph8ce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3e9-sgwexen44.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3"],"SWRDataProvider"] 92:I[589831,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/12y5b7jhqsigo.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2hshm2fng68su.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2rhf_b_f0_r6p.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01__zsl2uy-6s.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/437ci-gwph8ce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3e9-sgwexen44.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3"],"TemplateImage"] 93:I[507037,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/12y5b7jhqsigo.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2hshm2fng68su.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2rhf_b_f0_r6p.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01__zsl2uy-6s.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/437ci-gwph8ce.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/3e9-sgwexen44.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_EXjvTALmqUxZjpnbYjGsTMjPETB3"],"PrefetchLinkAndRefreshOnHover"] 90:T76d1,[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { nanoid } from "nanoid" import { Plus, Send, Image, FileText } from "lucide-react" import { Button } from "@/components/ui/button" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Card } from "@/components/ui/card" import { useTheme } from "next-themes" import { ChatMessage } from "@/components/chat/message" import { SettingsModal } from "@/components/modals/settings-modal" import { HistoryModal } from "@/components/modals/history-modal" import { ToolsModal } from "@/components/modals/tools-modal" import { WebSearchModal } from "@/components/modals/web-search-modal" import { ReasoningModal } from "@/components/modals/reasoning-modal" import type { Message, Chat, Settings, AITool } from "@/types/chat" import { streamResponse, createChatOptions } from "@/lib/api" const defaultSettings: Settings = { currentModel: "gpt-4o-mini", systemPrompt: "", customModels: {}, enabledTools: {}, activeReasoningModel: null, } const defaultTools: AITool[] = [ { id: "weather", name: "Weather", icon: "🌤️", enabled: false }, { id: "img2txt", name: "Image to Text", icon: "🖼️", enabled: false }, { id: "txt2img", name: "Text to Image", icon: "🎨", enabled: false }, { id: "txt2speech", name: "Text to Speech", icon: "🔊", enabled: false }, ] export default function ChatInterface() { const { theme, setTheme } = useTheme() const [settings, setSettings] = useState(defaultSettings) const [chats, setChats] = useState([]) const [currentChat, setCurrentChat] = useState({ id: nanoid(), messages: [], createdAt: new Date().toISOString(), }) const [inputMessage, setInputMessage] = useState("") const [tools, setTools] = useState(defaultTools) const [isLoading, setIsLoading] = useState(false) useEffect(() => { // Load settings from localStorage const savedSettings = localStorage.getItem("chat-settings") if (savedSettings) { setSettings(JSON.parse(savedSettings)) } // Load chats from localStorage const savedChats = localStorage.getItem("chat-history") if (savedChats) { setChats(JSON.parse(savedChats)) } // Load tools from localStorage const savedTools = localStorage.getItem("chat-tools") if (savedTools) { setTools(JSON.parse(savedTools)) } }, []) useEffect(() => { // Save to localStorage whenever data changes localStorage.setItem("chat-settings", JSON.stringify(settings)) localStorage.setItem("chat-history", JSON.stringify(chats)) localStorage.setItem("chat-tools", JSON.stringify(tools)) }, [settings, chats, tools]) const handleSend = async () => { if (!inputMessage.trim()) return const newMessage: Message = { id: nanoid(), type: "user", content: inputMessage, timestamp: new Date().toISOString(), } setCurrentChat((prev) => ({ ...prev, messages: [...prev.messages, newMessage], })) setInputMessage("") setIsLoading(true) try { // Create chat options using helper function const chatOptions = createChatOptions( settings, currentChat.messages, tools.filter((tool) => settings.enabledTools[tool.id]), ) // Create temporary message for streaming const tempMessageId = nanoid() setCurrentChat((prev) => ({ ...prev, messages: [ ...prev.messages, { id: tempMessageId, type: "ai", content: "", timestamp: new Date().toISOString(), }, ], })) // Start streaming using AI SDK let fullContent = "" for await (const chunk of streamResponse(chatOptions)) { fullContent += chunk setCurrentChat((prev) => ({ ...prev, messages: prev.messages.map((msg) => (msg.id === tempMessageId ? { ...msg, content: fullContent } : msg)), })) } } catch (error) { const errorMessage: Message = { id: nanoid(), type: "error", content: "An error occurred while processing your request. Please try again.", timestamp: new Date().toISOString(), } setCurrentChat((prev) => ({ ...prev, messages: [...prev.messages, errorMessage], })) } finally { setIsLoading(false) } } const handleNewChat = () => { // Save current chat to history if it has messages if (currentChat.messages.length > 0) { setChats((prev) => [...prev, currentChat]) } // Create new chat setCurrentChat({ id: nanoid(), messages: [], createdAt: new Date().toISOString(), }) } const handleChatSelect = (chatId: string) => { const selectedChat = chats.find((chat) => chat.id === chatId) if (selectedChat) { // Save current chat if it has messages if (currentChat.messages.length > 0) { setChats((prev) => [...prev, currentChat]) } setCurrentChat(selectedChat) // Remove selected chat from history setChats((prev) => prev.filter((chat) => chat.id !== chatId)) } } const handleToolToggle = (toolId: string, enabled: boolean) => { setTools((prev) => prev.map((tool) => (tool.id === toolId ? { ...tool, enabled } : tool))) } const handleWebSearch = (url: string) => { const searchMessage: Message = { id: nanoid(), type: "user", content: `Analyzing website: ${url}`, timestamp: new Date().toISOString(), } setCurrentChat((prev) => ({ ...prev, messages: [...prev.messages, searchMessage], })) } return (

{/* Header */}

{settings.currentModel}

{/* Chat Area */} {currentChat.messages.map((message) => ( ))} {isLoading && (

)} {/* Input Area */}

setInputMessage(e.target.value)}
            placeholder="Type your message..."
            className="min-h-[50px]"
            onKeyDown={(e) => {
              if (e.key === "Enter" && !e.shiftKey) {
                e.preventDefault()
                handleSend()
              }
            }}
          />
          <Button onClick={handleSend} className="h-[50px] w-[50px] p-0" disabled={isLoading}>
            <Send className="h-5 w-5" />
          </Button>
        </div>

{/* Tools Bar */}
        <div className="flex justify-center gap-2 pt-2 border-t">
          <Button variant="ghost" size="icon">
            <Image className="h-5 w-5" />
          </Button>
          <Button variant="ghost" size="icon">
            <FileText className="h-5 w-5" />
          </Button>
          <WebSearchModal onSearch={handleWebSearch} />
          <ReasoningModal
            currentModel={settings.activeReasoningModel}
            onSelect={(model) => setSettings((prev) => ({ ...prev, activeReasoningModel: model }))}
          />
          <ToolsModal tools={tools} onToggle={handleToolToggle} />
        </div>
      </div>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true"
import type React from "react"
import "@/app/globals.css"
import { Inter } from "next/font/google"
import { ThemeProvider } from "@/components/theme-provider"

const inter = Inter({ subsets: ["latin"] })

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={inter.className}>
        <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
          {children}
        </ThemeProvider>
      </body>
    </html>
  )
}

[V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true"
"use client"
import { ThemeProvider as NextThemesProvider } from "next-themes"
import type { ThemeProviderProps } from "next-themes"

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}

[V0_FILE]css:file="app/globals.css" isMerged="true"
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 221.2 83.2% 53.3%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --radius: 0.5rem;
  }

.dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 224.3 76.3% 48%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

[V0_FILE]typescriptreact:file="types/chat.ts" isMerged="true"
export interface Message {
  id: string
  type: "user" | "ai" | "error"
  content: string
  timestamp: string
}

export interface Chat {
  id: string
  messages: Message[]
  createdAt: string
}

export interface CustomModel {
  provider: string
  apiKey: string
  endpointUrl: string
  modelName: string
  savedName: string
}

export interface AITool {
  id: string
  name: string
  icon: string
  enabled: boolean
}

export interface Settings {
  currentModel: string
  systemPrompt: string
  customModels: Record<string, CustomModel>
  enabledTools: Record<string, boolean>
  activeReasoningModel: string | null
}

[V0_FILE]typescriptreact:file="components/modals/settings-modal.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SettingsIcon, X } from "lucide-react"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import type { Settings, CustomModel } from "@/types/chat"

interface SettingsModalProps {
  settings: Settings
  onSave: (settings: Settings) => void
}

export function SettingsModal({ settings, onSave }: SettingsModalProps) {
  const [isOpen, setIsOpen] = useState(false)
  const [currentSettings, setCurrentSettings] = useState<Settings>(settings)
  const [showCustomModel, setShowCustomModel] = useState(false)
  const [newCustomModel, setNewCustomModel] = useState<CustomModel>({
    provider: "",
    apiKey: "",
    endpointUrl: "",
    modelName: "",
    savedName: "",
  })

const handleSave = () => {
    onSave(currentSettings)
    setIsOpen(false)
  }

const addCustomModel = () => {
    if (newCustomModel.provider && newCustomModel.savedName) {
      setCurrentSettings((prev) => ({
        ...prev,
        customModels: {
          ...prev.customModels,
          [newCustomModel.provider]: newCustomModel,
        },
      }))
      setNewCustomModel({
        provider: "",
        apiKey: "",
        endpointUrl: "",
        modelName: "",
        savedName: "",
      })
      setShowCustomModel(false)
    }
  }

return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
      <DialogTrigger asChild>
        <Button variant="ghost" size="icon">
          <SettingsIcon className="h-5 w-5" />
        </Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-[425px]">
        <DialogHeader>
          <DialogTitle>Settings</DialogTitle>
          <DialogDescription>Configure your chat settings and custom models</DialogDescription>
        </DialogHeader>
        <div className="grid gap-4 py-4">
          <div className="grid gap-2">
            <Label htmlFor="systemPrompt">System Prompt</Label>
            <Textarea
              id="systemPrompt"
              value={currentSettings.systemPrompt}
              onChange={(e) =>
                setCurrentSettings((prev) => ({
                  ...prev,
                  systemPrompt: e.target.value,
                }))
              }
              placeholder="Enter a system prompt to guide the AI's behavior..."
              className="min-h-[100px]"
            />
            <p className="text-sm text-muted-foreground">
              The system prompt helps define the AI's behavior and personality.
            </p>
          </div>

<div className="grid gap-2">
            <Label>Custom Models</Label>
            <Button variant="outline" onClick={() => setShowCustomModel(!showCustomModel)}>
              {showCustomModel ? "Cancel" : "Add Custom Model"}
            </Button>

{showCustomModel && (
              <div className="grid gap-2 p-4 border rounded-lg">
                <Input
                  placeholder="Provider name"
                  value={newCustomModel.provider}
                  onChange={(e) =>
                    setNewCustomModel((prev) => ({
                      ...prev,
                      provider: e.target.value,
                    }))
                  }
                />
                <Input
                  type="password"
                  placeholder="API Key"
                  value={newCustomModel.apiKey}
                  onChange={(e) =>
                    setNewCustomModel((prev) => ({
                      ...prev,
                      apiKey: e.target.value,
                    }))
                  }
                />
                <Input
                  placeholder="Endpoint URL"
                  value={newCustomModel.endpointUrl}
                  onChange={(e) =>
                    setNewCustomModel((prev) => ({
                      ...prev,
                      endpointUrl: e.target.value,
                    }))
                  }
                />
                <Input
                  placeholder="Model name"
                  value={newCustomModel.modelName}
                  onChange={(e) =>
                    setNewCustomModel((prev) => ({
                      ...prev,
                      modelName: e.target.value,
                    }))
                  }
                />
                <Input
                  placeholder="Saved name"
                  value={newCustomModel.savedName}
                  onChange={(e) =>
                    setNewCustomModel((prev) => ({
                      ...prev,
                      savedName: e.target.value,
                    }))
                  }
                />
                <Button onClick={addCustomModel}>Add Model</Button>
              </div>
            )}

{Object.entries(currentSettings.customModels).map(([provider, model]) => (
              <div key={provider} className="flex items-center gap-2 p-2 border rounded-lg">
                <span className="flex-1">{model.savedName}</span>
                <Button
                  variant="ghost"
                  size="icon"
                  onClick={() => {
                    const { [provider]: _, ...rest } = currentSettings.customModels
                    setCurrentSettings((prev) => ({
                      ...prev,
                      customModels: rest,
                    }))
                  }}
                >
                  <X className="h-4 w-4" />
                </Button>
              </div>
            ))}
          </div>
        </div>

<div className="flex justify-end gap-2">
          <Button variant="outline" onClick={() => setIsOpen(false)}>
            Cancel
          </Button>
          <Button onClick={handleSave}>Save Changes</Button>
        </div>
      </DialogContent>
    </Dialog>
  )
}

[V0_FILE]typescriptreact:file="components/modals/history-modal.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { History } from "lucide-react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { ScrollArea } from "@/components/ui/scroll-area"
import type { Chat } from "@/types/chat"

interface HistoryModalProps {
  chats: Chat[]
  onSelect: (chatId: string) => void
}

export function HistoryModal({ chats, onSelect }: HistoryModalProps) {
  const [isOpen, setIsOpen] = useState(false)

const handleSelect = (chatId: string) => {
    onSelect(chatId)
    setIsOpen(false)
  }

return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
      <DialogTrigger asChild>
        <Button variant="ghost" size="icon">
          <History className="h-5 w-5" />
        </Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-[425px]">
        <DialogHeader>
          <DialogTitle>Chat History</DialogTitle>
        </DialogHeader>
        <ScrollArea className="h-[400px] pr-4">
          <div className="space-y-2">
            {chats.map((chat) => (
              <Button
                key={chat.id}
                variant="outline"
                className="w-full justify-start"
                onClick={() => handleSelect(chat.id)}
              >
                <div className="flex flex-col items-start">
                  <span className="text-sm font-medium">
                    {chat.messages[0]?.content.substring(0, 30) || "New Chat"}...
                  </span>
                  <span className="text-xs text-muted-foreground">{new Date(chat.createdAt).toLocaleDateString()}</span>
                </div>
              </Button>
            ))}
          </div>
        </ScrollArea>
      </DialogContent>
    </Dialog>
  )
}

[V0_FILE]typescriptreact:file="components/modals/tools-modal.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PenToolIcon as Tools } from "lucide-react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { Switch } from "@/components/ui/switch"
import { Label } from "@/components/ui/label"
import type { AITool } from "@/types/chat"

interface ToolsModalProps {
  tools: AITool[]
  onToggle: (toolId: string, enabled: boolean) => void
}

export function ToolsModal({ tools, onToggle }: ToolsModalProps) {
  const [isOpen, setIsOpen] = useState(false)

return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
      <DialogTrigger asChild>
        <Button variant="ghost" size="icon">
          <Tools className="h-5 w-5" />
        </Button>
      </DialogTrigger>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>AI Tools</DialogTitle>
        </DialogHeader>
        <div className="space-y-4">
          {tools.map((tool) => (
            <div key={tool.id} className="flex items-center justify-between space-x-2">
              <Label htmlFor={tool.id} className="flex items-center space-x-2">
                <span className="text-xl">{tool.icon}</span>
                <span>{tool.name}</span>
              </Label>
              <Switch id={tool.id} checked={tool.enabled} onCheckedChange={(checked) => onToggle(tool.id, checked)} />
            </div>
          ))}
        </div>
      </DialogContent>
    </Dialog>
  )
}

[V0_FILE]typescriptreact:file="components/modals/web-search-modal.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Globe } from "lucide-react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"

interface WebSearchModalProps {
  onSearch: (url: string) => void
}

export function WebSearchModal({ onSearch }: WebSearchModalProps) {
  const [isOpen, setIsOpen] = useState(false)
  const [url, setUrl] = useState("")

const handleSearch = () => {
    if (url.trim()) {
      onSearch(url.trim())
      setUrl("")
      setIsOpen(false)
    }
  }

return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
      <DialogTrigger asChild>
        <Button variant="ghost" size="icon">
          <Globe className="h-5 w-5" />
        </Button>
      </DialogTrigger>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>Web Search</DialogTitle>
        </DialogHeader>
        <div className="space-y-4">
          <Input placeholder="Enter website URL..." value={url} onChange={(e) => setUrl(e.target.value)} />
          <Button onClick={handleSearch} className="w-full">
            Search Website
          </Button>
        </div>
      </DialogContent>
    </Dialog>
  )
}

[V0_FILE]typescriptreact:file="components/modals/reasoning-modal.tsx" isFixed="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Brain } from "lucide-react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"

interface ReasoningModalProps {
  currentModel: string | null
  onSelect: (model: string) => void
}

export function ReasoningModal({ currentModel, onSelect }: ReasoningModalProps) {
  const [isOpen, setIsOpen] = useState(false)

const reasoningModels = [
    { id: "deepseek-reasoner", name: "Deepseek Reasoner" },
    { id: "o1-mini", name: "O1 Mini Reasoning" },
    { id: "o3-mini", name: "O3 Mini Reasoning" },
    { id: "grok-beta", name: "Grok Beta" },
  ]

return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
      <DialogTrigger asChild>
        <Button variant="ghost" size="icon">
          <Brain className="h-5 w-5" />
        </Button>
      </DialogTrigger>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>Select Reasoning Model</DialogTitle>
        </DialogHeader>
        <div className="space-y-4">
          <Select
            value={currentModel || ""}
            onValueChange={(value) => {
              onSelect(value)
              setIsOpen(false)
            }}
          >
            <SelectTrigger>
              <SelectValue placeholder="Select a model" />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="none">None (Default)</SelectItem>
              {reasoningModels.map((model) => (
                <SelectItem key={model.id} value={model.id}>
                  {model.name}
                </SelectItem>
              ))}
            </SelectContent>
          </Select>
        </div>
      </DialogContent>
    </Dialog>
  )
}

[V0_FILE]typescript:file="lib/api.ts" isEdit="true" isMerged="true"
import { streamText } from "ai"

// Helper function to handle chat responses
export async function* streamResponse(options: any) {
  try {
    const stream = await streamText(options)
    for await (const chunk of stream.textStream) {
      yield chunk
    }
  } catch (error) {
    console.error("Error streaming response:", error)
    throw error
  }
}

// Helper function to handle tool calls
export async function handleToolCall(functionName: string, args: any) {
  switch (functionName) {
    case "weather":
      // Mock weather implementation
      return { temperature: "22°C", condition: "Sunny" }
    case "img2txt":
      // Mock image to text implementation
      return { text: "Image analysis result" }
    case "txt2img":
      // Mock text to image implementation
      return { imageUrl: "generated-image-url" }
    case "txt2speech":
      // Mock text to speech implementation
      return { audioUrl: "generated-audio-url" }
    default:
      throw new Error(`Unknown function: ${functionName}`)
  }
}

// Helper function to create chat options
export function createChatOptions(settings: any, messages: any[], tools?: any[]) {
  return {
    model: settings.currentModel,
    messages: [
      ...(settings.systemPrompt ? [{ role: "system", content: settings.systemPrompt }] : []),
      ...messages.map((msg) => ({
        role: msg.type === "user" ? "user" : "assistant",
        content: msg.content,
      })),
    ],
    ...(tools &&
      tools.length > 0 && {
        tools: tools.map((tool) => ({
          type: "function",
          function: {
            name: tool.id,
            description: tool.name,
            parameters: {
              type: "object",
              properties: {},
              required: [],
            },
          },
        })),
      }),
  }
}

[V0_FILE]typescriptreact:file="components/chat/message.tsx" isEdit="true" isQuickEdit="true"
import type { Message } from "@/types/chat"
import { cn } from "@/lib/utils"
import { format } from "date-fns"

interface ChatMessageProps {
  message: Message & {
    model?: string
  }
}

export function ChatMessage({ message }: ChatMessageProps) {
  const isUser = message.type === "user"

return (
    <div className={cn("mb-4 flex", isUser ? "justify-end" : "justify-start")}>
      <div
        className={cn(
          "max-w-[80%] rounded-lg p-4",
          isUser ? "bg-primary text-primary-foreground" : "bg-muted",
          // Add model-specific styling
          !isUser &&
            message.model && {
              "bg-blue-100 dark:bg-blue-900": message.model.includes("gpt-4"),
              "bg-purple-100 dark:bg-purple-900": message.model.includes("claude"),
              "bg-green-100 dark:bg-green-900": message.model.includes("gemini"),
              "bg-orange-100 dark:bg-orange-900": message.model.includes("llama"),
              "bg-red-100 dark:bg-red-900": message.model.includes("mistral"),
              "bg-yellow-100 dark:bg-yellow-900": message.model.includes("deepseek"),
              "bg-cyan-100 dark:bg-cyan-900": message.model.includes("grok"),
            },
          message.type === "error" && "bg-destructive text-destructive-foreground",
        )}
      >
        <div className="flex items-center gap-2 text-xs opacity-70 mb-1">
          <span>{isUser ? "You" : "AI"}</span>
          <span>{format(new Date(message.timestamp), "HH:mm:ss")}</span>
        </div>
        <div className="whitespace-pre-wrap">{message.content}</div>
      </div>
    </div>
  )
}
87:["$","$L8e",null,{"chatId":"piOICSCaSiA","children":["$","$L8f",null,{"data":{"@\"active-block\",\"piOICSCaSiA\",":{"id":"b_uKYqQfx2tVo","messageId":"CpOBIna5v2jieecbhYOHGCgOJt5EWkRb","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"ai-chat","type":"code-project","project":"ai-chat"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"piOICSCaSiA\",":false,"":null},"children":"$L91"}]}]
8b:["$","$L78","E5K33EeNAuS",{"value":{"fallback":{"template:E5K33EeNAuS:likes":{"likeCount":11,"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/petdexth-KwMbHtNX5EryviG3TZJWkfkKfeaNMO.png","alt":"","templateCanonId":"E5K33EeNAuS","blockId":"b_6A0GV3ourtb"}],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/E5K33EeNAuS","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L93",null,{"href":"/templates/E5K33EeNAuS","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/E5K33EeNAuS","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":[["$","$L7d",null,{"teamId":"$undefined","authorId":"C81tX9genGT5vAvYtqUIyV0o"}],["$","$L93",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/E5K33EeNAuS","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":"Codex Pet Gallery"}],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":"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 3.25C2.5 1.45507 3.95507 0 5.75 0H6.25C8.04493 0 9.5 1.45507 9.5 3.25V3.75C9.5 5.54493 8.04493 7 6.25 7H5.75C3.95507 7 2.5 5.54493 2.5 3.75V3.25ZM5.75 1.5C4.7835 1.5 4 2.2835 4 3.25V3.75C4 4.7165 4.7835 5.5 5.75 5.5H6.25C7.2165 5.5 8 4.7165 8 3.75V3.25C8 2.2835 7.2165 1.5 6.25 1.5H5.75ZM1.5 14.5V13.1709C2.31958 11.5377 3.99308 10.5 5.82945 10.5H6.17055C8.00692 10.5 9.68042 11.5377 10.5 13.1709V14.5H1.5ZM5.82945 9C3.35483 9 1.10604 10.4388 0.0690305 12.6857L0 12.8353V13V15.25V16H0.75H11.25H12V15.25V13V12.8353L11.931 12.6857C10.894 10.4388 8.64517 9 6.17055 9H5.82945ZM15.931 12.6857C15.3706 11.4715 14.4561 10.4931 13.3439 9.85058L12.5935 11.1494C13.399 11.6148 14.0681 12.3101 14.5 13.1709V14.5H13.5V16H15.25H16V15.25V13V12.8352L15.931 12.6857ZM11.25 0H10.5V1.5H11.25C12.2165 1.5 13 2.2835 13 3.25V3.75C13 4.7165 12.2165 5.5 11.25 5.5H10.5V7H11.25C13.0449 7 14.5 5.54493 14.5 3.75V3.25C14.5 1.45507 13.0449 0 11.25 0Z\" fill=\"currentColor\"/>"},"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"]}]]}]}]]}]]}]}]
</article></body></html>

About

Tags

Share

About

Tags

Share

More Templates Like This