46:o1,~46:o88b,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/344ii6lor939z.js" 4:I[695259,["$3"],"default"] 5:I[565976,["$3"],"default"] 39:"ViewportBoundary" 3a:I[407550,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[407550,["$3"],"$3c"] 3e:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/24yy6ayk7w-py.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1q03q74l8cx38.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3ywke3n5--xbv.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3ov87t7yn984v.css","style"] 1:X 6:X 18:X 1b:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"music-library-management-jeru6GH1ODz","s":null},"h":98,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 2c:X 2a:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2b","p":false,"v":"$2c"}}]] 28:[["children",{"s":{"n":"id","t":"d","k":"music-library-management-jeru6GH1ODz","s":null},"h":38,"d":{"r":"$L29","p":false,"v":"$6"},"c":"$Q2a"}]] 26:[["children",{"s":"chat","h":106,"d":{"r":"$L27","p":false,"v":"$6"},"c":"$Q28"}]] 24:[["children",{"s":"(chat)","h":106,"d":{"r":"$L25","p":false,"v":"$6"},"c":"$Q26"}]] 36:X 34:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L35","p":false,"v":"$36"}}]] 32:[["children",{"s":{"n":"id","t":"d","k":"music-library-management-jeru6GH1ODz","s":null},"h":102,"d":{"r":"$L33","p":false,"v":"$6"},"c":"$Q34"}]] 30:[["children",{"s":"chat","h":106,"d":{"r":"$L31","p":false,"v":"$6"},"c":"$Q32"}]] 2e:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2f","p":false,"v":"$6"},"c":"$Q30"}]] 38:X 1c:[["children",{"s":"chat","h":98,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L23","p":false,"v":"$6"},"c":"$Q24"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2d","p":false,"v":"$6"},"c":"$Q2e"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L37","p":false,"v":"$38"}}]] 19:[["children",{"s":{"n":"scope","t":"d","k":"vasanthyoki845-3935s-projects","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 46:oc70,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/24yy6ayk7w-py.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1q03q74l8cx38.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3ywke3n5--xbv.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3ov87t7yn984v.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/303stc2r7f4w8.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/32gb-v7_cfzqx.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3rneqh-vsqil3.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/06g-rie23iir4.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ibth-4qqbhor.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/39ouvcffzes09.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/084caquxx-2sg.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3u2tatjfr-5hw.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/02d02djy805-w.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/134tsydfzev9o.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/277_v9eijjb0j.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/174vnyv1pen0w.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1we1wm7k76att.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2vmptnhcjirpe.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/44lffh5bkggou.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2sm31xx94jmle.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 46:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 40:X 41:X 46:o71d,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L3a","BtoDkdvrCWVMyJ4XpFIADv",{"children":"$L3b"}],["$","$L3d","BtoDkdvrCWVMyJ4XpFIADm",{"children":[["$","div",null,{"hidden":true,"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}],null]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42","w":"$@43"} 46:o1000,45:I[407550,["$3"],"OutletBoundary"] 47:"LoadingBoundaryProvider" 48:I[695259,["$3"],"$47"] 50:"/chat-static/_next/static/immutable/chunks/303stc2r7f4w8.js" 51:"/chat-static/_next/static/immutable/chunks/32gb-v7_cfzqx.js" 52:"/chat-static/_next/static/immutable/chunks/3rneqh-vsqil3.js" 53:"/chat-static/_next/static/immutable/chunks/06g-rie23iir4.js" 54:"/chat-static/_next/static/immutable/chunks/1ibth-4qqbhor.js" 55:"/chat-static/_next/static/immutable/chunks/39ouvcffzes09.js" 56:"/chat-static/_next/static/immutable/chunks/084caquxx-2sg.js" 57:"/chat-static/_next/static/immutable/chunks/3u2tatjfr-5hw.js" 58:"/chat-static/_next/static/immutable/chunks/02d02djy805-w.js" 59:"/chat-static/_next/static/immutable/chunks/134tsydfzev9o.js" 5a:"/chat-static/_next/static/immutable/chunks/277_v9eijjb0j.js" 5b:"/chat-static/_next/static/immutable/chunks/174vnyv1pen0w.js" 5c:"/chat-static/_next/static/immutable/chunks/1we1wm7k76att.js" 5d:"/chat-static/_next/static/immutable/chunks/2vmptnhcjirpe.js" 5e:"/chat-static/_next/static/immutable/chunks/44lffh5bkggou.js" 5f:"/chat-static/_next/static/immutable/chunks/2sm31xx94jmle.js" 60:"/chat-static/_next/static/immutable/chunks/1lqvnbi2s4tj8.js" 61:"/chat-static/_next/static/immutable/chunks/1y1gg-uv-yg37.js" 62:"/chat-static/_next/static/immutable/chunks/3x5h73pts3lzv.js" 63:"/chat-static/_next/static/immutable/chunks/3e2myqnbydjbc.js" 64:"/chat-static/_next/static/immutable/chunks/0v2tlffizqn1u.js" 65:"/chat-static/_next/static/immutable/chunks/2r81a_es1d5td.js" 66:"/chat-static/_next/static/immutable/chunks/1-royq331wc9f.js" 67:"/chat-static/_next/static/immutable/chunks/32v8z27lzdcpc.js" 68:"/chat-static/_next/static/immutable/chunks/01a9_kdk7wvw6.js" 69:"/chat-static/_next/static/immutable/chunks/3gd76rgcgdfvq.js" 6a:"/chat-static/_next/static/immutable/chunks/2wdn3k_g5gncz.js" 6b:"/chat-static/_next/static/immutable/chunks/00ig7kf-1m7tf.js" 6c:"/chat-static/_next/static/immutable/chunks/2x96j17jpmoel.js" 6d:"/chat-static/_next/static/immutable/chunks/2v7_hc5p3w7qm.js" 6e:"/chat-static/_next/static/immutable/chunks/3gixvwt4zt3ff.js" 6f:"/chat-static/_next/static/immutable/chunks/1lje4567xmwde.js" 70:"/chat-static/_next/static/immutable/chunks/149qzst6zqok-.js" 71:"/chat-static/_next/static/immutable/chunks/1u-0w0tk-ga1n.js" 72:"/chat-static/_next/static/immutable/chunks/1h6_1262jslgg.js" 73:"/chat-static/_next/static/immutable/chunks/0iwgr5y80knyy.js" 74:"/chat-static/_next/static/immutable/chunks/0ls8-j_xjbmtb.js" 75:"/chat-static/_next/static/immutable/chunks/29hmppse7nd8c.js" 76:"/chat-static/_next/static/immutable/chunks/07bo94u1q75p2.js" 77:"/chat-static/_next/static/immutable/chunks/1hte80jv16_y1.js" 78:"/chat-static/_next/static/immutable/chunks/2kar_1p0ee5k-.js" 79:"/chat-static/_next/static/immutable/chunks/01ab9pqopejh4.js" 7a:"/chat-static/_next/static/immutable/chunks/3b9s0cgriiw-2.js" 7b:"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js" 7c:"/chat-static/_next/static/immutable/chunks/07mcg9948v_cm.js" 7d:"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js" 7e:I[822201,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d"],"default"] 7f:"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js" 80:"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js" 81:"/chat-static/_next/static/immutable/chunks/2hwgp13tbr4-f.js" 82:"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js" 83:"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js" 84:"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js" 85:"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js" 86:"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js" 87:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 88:"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js" 89:"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js46:o919," 8a:"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js" 8b:"GitChatHeaderSkeleton" 8c:I[70040,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$8b"] 6:C 9:["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1lqvnbi2s4tj8.js","async":true,"nonce":"$undefined"}] a:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1y1gg-uv-yg37.js","async":true,"nonce":"$undefined"}] b:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3x5h73pts3lzv.js","async":true,"nonce":"$undefined"}] c:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3e2myqnbydjbc.js","async":true,"nonce":"$undefined"}] d:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/0v2tlffizqn1u.js","async":true,"nonce":"$undefined"}] e:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/2r81a_es1d5td.js","async":true,"nonce":"$undefined"}] f:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1-royq331wc9f.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/32v8z27lzdcpc.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/01a9_kdk7wvw6.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/3gd76rgcgdfvq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/2wdn3k_g5gncz.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/00ig7kf-1m7tf.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/2x96j17jpmoel.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/2v7_hc5p3w7qm.js","async":true,"nonce":"$undefined"}] 46:o644,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3gixvwt4zt3ff.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1lje4567xmwde.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/149qzst6zqok-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1u-0w0tk-ga1n.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1h6_1262jslgg.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0iwgr5y80knyy.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0ls8-j_xjbmtb.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/29hmppse7nd8c.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/07bo94u1q75p2.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1hte80jv16_y1.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2kar_1p0ee5k-.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/01ab9pqopejh4.js","async":true,"nonce":"$undefined"}]],"$L44"]}] 46:o29a,1d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o7a9,21:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3e5ql_2u3u8jr.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js","async":true,"nonce":"$undefined"}]],["$","$L45",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@46"}]}]]}] 46:o3e7,23:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 25:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 27:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o1103,29:["$","$L48",null,{"loading":[["$","$2","l",{"children":[["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}],["$","div",null,{"data-chat-skeleton-layout":true,"aria-hidden":"true","className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":[["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}],"$L49","$L4a","$L4b"]}]}]]}]}],"$L4c"]}],"$L4d"]}],[],null],"children":"$L4e"}] 46:o74f,2b:["$","$2","c",{"children":["$L4f",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3e5ql_2u3u8jr.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js","async":true,"nonce":"$undefined"}]],null]}] 46:o780,2d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 31:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 33:["$","$L48",null,{"loading":[["$","$L7e","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3b9s0cgriiw-2.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/07mcg9948v_cm.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 46:o810,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L8c",null,{}],"children":"$L8d"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2hwgp13tbr4-f.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/07mcg9948v_cm.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js","async":true,"nonce":"$undefined"}]],null]}] 46:o32,37:["$","$2","c",{"children":["$L8e",null,null]}] 46:o897,90:I[987761,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"AppCard"] 91:"FULL_BLEED_APP_CARD_CLASSNAME" 92:I[987761,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$91"] 93:"/chat-static/_next/static/immutable/chunks/3unrhq1zay_f4.js" 94:"SidebarCollapseButton" 95:I[663042,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$93"],"$94"] 96:I[192842,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"ChatWarning"] 97:I[903785,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$93"],"NewChatButton"] 41:300 49:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4b:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4c:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 8f:T1963,46:o1963,46:o35d,4d:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8f"}}] 4e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3e",null,{"fallback":["$","$L90",null,{"className":"$92","children":[["$","$L95",null,{"collapsedOnly":true,"syncWidth":true,"syncCollapsedMarginRight":"0px","syncExpandedMarginRight":"0px","peekOnHover":false,"className":"pointer-events-auto absolute left-3 top-3 z-20 hidden sm:flex"}],["$","$L96",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L97",null,{}]}]]}],"children":"$L98"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o17,18:T8,variants99:T18d6,46:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });46:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$99"}}],"$L9a","$L9b","$L9c","$L9d"]}],"$L9e"]}] 46:o1000,9f:"GeistThemeScript" a0:I[526065,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$9f"] a1:I[600033,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"AppStoreMetaTag"] a2:I[526065,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"GeistProvider"] a3:I[818362,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"LocaleProvider"] a4:I[841245,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"MotionConfig"] a5:"AtomicContextSWRProvider" a6:I[850359,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$a5"] a7:"GlobalPromiseContextProvider" a8:I[850359,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$a7"] ab:I[827887,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"JotaiProvider"] ac:"ServerQuerySWRRuntimeProvider" ad:I[74757,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$ac"] af:I[815349,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"CleanupStorage"] b0:I[241214,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"Analytics"] b1:I[156707,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"SpeedInsights"] b3:"VercelianAppFlowMigrator" b4:I[23825,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$b3"] b5:I[108762,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"TrackInfo"] b6:I[578386,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"PageViewTracker"] b7:I[356301,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"AutoCapture"] 9a:["$","$La0",null,{"storageKey":"theme"}] 9b:["$","$3e",null,{"children":["$","$La1",null,{}]}] 9c:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9d:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\46:o2d8,":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 46:o93c,9e:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased mAFGZa_variable _1SOORW_variable hGs1mq_variable","children":[["$","$La2",null,{"storageKey":"theme","withScript":false,"children":["$","$La3",null,{"locale":"en","children":["$","$La4",null,{"reducedMotion":"user","children":["$","$La6",null,{"routes":{"scoped":{"scopeUserDetails":{"path":"/api/chat/scoped/user","method":"GET"},"team":{"path":"/api/chat/scoped/team","method":"GET"},"vercelProjectsFavorites":{"path":"/api/chat/scoped/vercel-projects/favorites","method":"GET"},"chats":{"path":"/api/chat/scoped/chats","method":"GET"},"paginatedChats":{"path":"/api/chat/scoped/get-paginated-chats","method":"GET"},"designSystems":{"path":"/api/chat/scoped/design-systems-with-registry/list","method":"GET"},"sidebarProjectGroups":{"path":"/api/chat/scoped/sidebar-project-groups","method":"GET"},"sidebarDrafts":{"path":"/api/v2/internal/chats/sidebar-drafts","method":"GET"}},"chat":{"attributes":{"path":"/api/chat/chat/attributes","method":"GET"},"externalMeta":{"path":"/api/chat/chat/latest-external-meta","method":"GET"},"latest":{"path":"/api/chat/chat/latest","method":"GET"},"template":{"path":"/api/chat/chat/template","method":"GET"},"messages":{"path":"/api/chat/chat/messages","method":"GET"},"messagesRange":{"path":"/api/chat/chat/messages/range","method":"GET"},"gitStatus":{"path":"/api/git/status","method":"GET"}},"library":{"chatsList":{"path":"/api/chat/library/chats/list","method":"GET"},"archivedChatsList":{"path":"/api/chat/library/chats/archived","method":"GET"},"projectsList":{"path":"/api/chat/library/projects/list","method":"GET"},"filters":{"path":"/api/chat/library/filters","method":"GET"}},"project":{},"global":{"dailyModelUsage":{"path":"/api/chat/global/daily-model-usage","method":"GET"},"freeFixWithV0Usage":{"path":"/api/chat/global/free-fix-with-v0-usage","method":"GET"}}},"children":["$","$La8",null,{"params":null,"promises":{"dailyModelUsage":"$@a9","freeFixWithV0Usage":"$@aa"},"children":[["$","$Lab",null,{"children":["$","$Lad",null,{"children":"$Lae"}]}],["$","$Laf",null,{}]]}]}]}]}]}],["$","$Lb0",null,{}],["$","$Lb1",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":"$Lb2"}],["$","$Lb4",null,{}],["$","$Lb5",null,{}],["$","$Lb6",null,{}],["$","$Lb7",null,{}]]}] 46:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 46:oe,40:T8,variants46:o1000,b8:"HydrateDurableAtoms" b9:I[783749,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$b8"] ba:I[359783,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"DataProvider"] bb:I[32170,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"UserProvider"] bd:"AnimatedIconProvider" be:I[908887,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$bd"] bf:I[30570,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"PortalProvider"] c0:"SnowflakePublishProvider" c1:I[966820,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$c0"] c2:"UserInputProvider" c3:I[472914,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$c2"] c4:I[69221,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"CmdkProvider"] c5:"VirtualMachineUIStateProvider" c6:I[319228,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$c5"] c7:"DeployedPreviewIframeRefProvider" c8:I[166890,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$c7"] c9:"PreviewSourceUIStateProvider" ca:I[197843,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$c9"] cb:I[367078,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"LoaderProvider"] cc:"PromptFormUIProvider" cd:I[595358,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$cc"] ce:I[242759,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"FlagsProvider"] d0:I[530813,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"NuqsAdapter"] d1:"ChatTabsProvider" d2:I[568561,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$d1"] d3:"PersonalScopeMigrationAnnouncementProvider" d4:I[206559,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$d3"] d6:"AnnouncementVisibilityProvider" d7:I[878519,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$d6"] da:I[561588,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$5946:o4ab,","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"Toaster"] db:I[407562,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"Toaster"] dc:"SuspendingDialogs" dd:I[840793,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"$dc"] de:I[323194,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"SignInDialog"] df:I[279070,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"ConsentBanner"] e0:I[15279,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"SessionManager"] 46:o8ad,ae:["$","$Lb9",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lba",null,{"children":["$","$Lbb",null,{"expectUser":false,"userPromise":"$@bc","children":["$","$Lbe",null,{"children":["$","$Lbf",null,{"children":["$","$Lc1",null,{"children":["$","$Lc3",null,{"children":["$","$Lc4",null,{"children":["$","$Lc6",null,{"children":["$","$Lc8",null,{"children":["$","$Lca",null,{"children":["$","$Lcb",null,{"children":["$","$Lcd",null,{"children":["$","$Lce",null,{"promise":"$@cf","middlewareFlags":[],"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"children":["$","$Ld4",null,{"destinationTeamIdPromise":"$@d5","children":["$","$Ld7",null,{"visiblePromise":"$@d8","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$3e",null,{"fallback":null,"children":"$Ld9"}],["$","$Lda",null,{}],["$","$Ldb",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Ldd",null,{}]}],["$","$Lde",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ldf",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 46:o12c,98:["$","$L90",null,{"className":"$92","children":["$4e:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L96",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] b2:["$","$Le0",null,{"enabled":false}] 46:o20,bc:"$undefined" d8:true d9:null 46:o81,40:T1,?38:T1,?22:T1,?36:T1,?2c:T1,?41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id46:oe7a,e1:"RouteChatIdProvider" e2:I[903690,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$e1"] e3:"CompletionAttentionProvider" e4:I[607506,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79"],"$e3"] e5:"SidebarUIProvider" e6:I[475961,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79"],"$e5"] e9:"HeaderSlotClientRouter" ea:I[597544,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79"],"$e9"] eb:"/chat-static/_next/static/immutable/chunks/3kts6mi8atfbu.js" ec:I[32459,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$eb"],"default"] ed:I[990009,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79"],"Header"] ee:"RevalidateChatIdSkeletonStyles" ef:I[564011,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79"],"$ee"] f0:I[980088,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79"],"DynamicCMDK"] f1:"PromptQueueSnapshotProvider" f2:I[475641,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$f1"] f5:"ChatPromiseContextProvider" f6:I[850359,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$f5"] fe:I[70040,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"GitChatHeader"] ff:I[239654,["$3"],"IconMark"] 8e:null 46:o77d,44:["$","$Le2",null,{"children":["$","$Le4",null,{"children":["$","$Le6",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@e7"}],["$","$3e",null,{"children":"$Le8"}],false,false,["$","div",null,{"className":"isolate flex min-h-0 flex-1","children":[false,["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","$Lea",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ec","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3kts6mi8atfbu.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Led",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ec","errorStyles":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$ec","errorStyles":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3e",null,{"children":["$","$Lef",null,{}]}],["$","$Lf0",null,{}]]}]}]}] 46:o4a9,4f:["$","$Lf2",null,{"initial":{"chatId":"jeru6GH1ODz","snapshot":"$@f3"},"children":"$Lf4"}] 8d:["$","$Lf6",null,{"params":{"chatId":"jeru6GH1ODz"},"promises":{"attributes":"$@f7","externalMeta":"$@f8","latest":"$@f9","messagesRange":"$@fa","messages":"$@fb","template":"$@fc","gitStatus":"$@fd"},"children":["$","$Lfe",null,{"chatId":"jeru6GH1ODz"}]}] d5:null cf:{"requested":"vasanthyoki845-3935s-projects","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":true,"igm":"gateway.google/gemini-3.1-flash-lite-image","ctv2":false,"lcw":false,"tbb":false,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"ftdml":true,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"f5e":true,"f51e":true,"cfmte":false,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"o55e":true,"o55fe":true,"o55cnp":false,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 46:o74b,3f:[["$","title","0",{"children":"Music library management - v0 by Vercel"}],["$","meta","1",{"name":"description","content":" while searchuingor filter counts gets reduced count data do not changes duingsearchibng or filter need to fix this tiiisue dont't change any ui only these..."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/music-library-management-jeru6GH1ODz"}],["$","meta","4",{"property":"og:title","content":"Music library management - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":" while searchuingor filter counts gets reduced count data do not changes duingsearchibng or filter need to fix this tiiisue dont't change any ui only these..."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/jeru6GH1ODz"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Music library management - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":" while searchuingor filter counts gets reduced count data do not changes duingsearchibng or filter need to fix this tiiisue dont't change any ui only these..."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/jeru6GH1ODz"}],["$","link","11",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","12",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","14",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$Lff","15",{}]] 46:o8,46:null 46:oa52,107:"ExplicitChatIdProvider" 108:I[903690,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$107"] 109:I[838238,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"SWRDataProvider"] 2c:T8,variants2c:T5,scopef7:{"ok":true,"value":{"designSystemId":null,"title":"Music library management","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_oYKfqcbPSZ0RiShCuEpkuL9G","tailwindV4Default":true,"nextVersionDefault":16,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":false,"canWriteToChat":false,"canManageChat":false,"chatCreatedAt":1786451570908,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":"v0-git-s3-storage","storageEntityId":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} f8:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fb:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fc:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fd:{"ok":true,"value":null,"__seedOnly":true} e7:null 10c:[] 10d:[["b_N7kTh8Fh3Qc",null],["b_z329kDHQjAu",null],["b_huborQiDJzS",null],["b_cYiHg6dAw2a",null],["b_U1wRU7bZHGB",null],["b_vN6W5PrcdEI",null],["b_43c6A4AkgvJ",null]] 10e:[["b_N7kTh8Fh3Qc",{"templateVersionId":null,"templateCanonId":null}],["b_z329kDHQjAu",{"templateVersionId":null,"templateCanonId":null}],["b_huborQiDJzS",{"templateVersionId":null,"templateCanonId":null}],["b_cYiHg6dAw2a",{"templateVersionId":null,"templateCanonId":null}],["b_U1wRU7bZHGB",{"templateVersionId":null,"templateCanonId":null}],["b_vN6W5PrcdEI",{"templateVersionId":null,"templateCanonId":null}],["b_43c6A4AkgvJ",{"templateVersionId":null,"templateCanonId":null}]] 46:o5b7,10f:[["b_arQdnRBPPSb","$D2026-08-11T12:33:19.870Z"],["b_ZgZJvHRRUd9","$D2026-08-11T12:33:30.136Z"],["b_1sq793fgK0U","$D2026-08-11T12:33:42.015Z"],["b_7UTNHNDrNhK","$D2026-08-11T12:35:07.678Z"],["b_ZxIiBo34XUX","$D2026-08-11T12:36:27.105Z"],["b_UV2dx6670xi","$D2026-08-11T12:36:29.945Z"],["b_2LISEvVXmfj","$D2026-08-11T12:36:33.617Z"],["b_uUA4hu0RBjI","$D2026-08-12T03:42:58.053Z"],["b_OzOBl7MNmrz","$D2026-08-12T03:43:00.914Z"],["b_x4P4a2u3gAF","$D2026-08-12T03:43:11.036Z"],["b_HaagkkTy4vd","$D2026-08-12T03:43:22.201Z"],["b_GhCDVE2HdRc","$D2026-08-12T03:46:21.714Z"],["b_DDZQGUsbE7t","$D2026-08-12T03:46:26.962Z"],["b_UCEAWZI7Tls","$D2026-08-12T04:15:22.359Z"],["b_GTQopUS0dNu","$D2026-08-12T04:15:27.998Z"],["b_N4xdPcIin2F","$D2026-08-12T04:15:48.070Z"],["b_N4pbHpaYBFT","$D2026-08-12T04:15:56.693Z"],["b_jykQtbfk9Yg","$D2026-08-12T04:15:59.697Z"],["b_e5MZvdJkxGW","$D2026-08-12T04:20:29.631Z"],["b_utCa01ZehVU","$D2026-08-12T04:20:32.655Z"],["b_DmLZttKt7gM","$D2026-08-12T04:20:42.548Z"],["b_mozBT6xyJJe","$D2026-08-12T04:20:45.066Z"],["b_2aW1TOwDqyX","$D2026-08-12T04:20:48.796Z"],["b_OwpJ4WFucKT","$D2026-08-12T04:20:52.618Z"],["b_N7kTh8Fh3Qc","$D2026-08-12T04:45:59.446Z"],["b_z329kDHQjAu","$D2026-08-12T04:46:01.352Z"],["b_huborQiDJzS","$D2026-08-12T04:57:10.497Z"],["b_cYiHg6dAw2a","$D2026-08-12T05:00:35.751Z"],["b_U1wRU7bZHGB","$D2026-08-12T05:00:43.423Z"],["b_vN6W5PrcdEI","$D2026-08-12T05:00:48.073Z"],["b_43c6A4AkgvJ","$D2026-08-12T05:00:51.388Z"]] 46:oae,110:[["b_N7kTh8Fh3Qc",false],["b_z329kDHQjAu",false],["b_huborQiDJzS",false],["b_cYiHg6dAw2a",false],["b_U1wRU7bZHGB",false],["b_vN6W5PrcdEI",false],["b_43c6A4AkgvJ",false]] 46:o7fb,111:[["b_N7kTh8Fh3Qc",{"git":{"ref":"main","sha":"6791087fcc1b78da78527f977e703352acc971ff","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"feat: adjust pagination on music list deletion when last item removed"}}],["b_z329kDHQjAu",{"git":{"ref":"main","sha":"6791087fcc1b78da78527f977e703352acc971ff","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"feat: adjust pagination on music list deletion when last item removed"}}],["b_huborQiDJzS",{"git":{"ref":"main","sha":"c121f6faa01c7962177d97c23664ce8e08b62539","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"feat: refine statistics calculation logic for MusicLibrary"}}],["b_cYiHg6dAw2a",{"git":{"ref":"main","sha":"1c9307cef8b46dc6d7f755ea03d5e388af80d459","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"refactor: update MusicForm and MusicLibrary to simplify stats handling"}}],["b_U1wRU7bZHGB",{"git":{"ref":"main","sha":"1c9307cef8b46dc6d7f755ea03d5e388af80d459","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"refactor: update MusicForm and MusicLibrary to simplify stats handling"}}],["b_vN6W5PrcdEI",{"git":{"ref":"main","sha":"1c9307cef8b46dc6d7f755ea03d5e388af80d459","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"refactor: update MusicForm and MusicLibrary to simplify stats handling"}}],["b_43c6A4AkgvJ",{"git":{"ref":"main","sha":"1c9307cef8b46dc6d7f755ea03d5e388af80d459","type":"github","repoId":0,"repoName":"v0-1-y9VdYCHod75NF8s5Go0v4vjK-jeru6GH1ODz","ownerName":"v0-git-s3-storage","commitMessage":"refactor: update MusicForm and MusicLibrary to simplify stats handling"}}]] 46:o206,112:[["b_N7kTh8Fh3Qc",null],["b_z329kDHQjAu",null],["b_huborQiDJzS",null],["b_cYiHg6dAw2a",null],["b_U1wRU7bZHGB",null],["b_vN6W5PrcdEI",null],["b_43c6A4AkgvJ",null]] 113:[["b_N7kTh8Fh3Qc",true],["b_z329kDHQjAu",true],["b_huborQiDJzS",true],["b_cYiHg6dAw2a",true],["b_U1wRU7bZHGB",true],["b_vN6W5PrcdEI",true],["b_43c6A4AkgvJ",true]] 114:[["b_N7kTh8Fh3Qc",true],["b_z329kDHQjAu",true],["b_huborQiDJzS",true],["b_cYiHg6dAw2a",true],["b_U1wRU7bZHGB",true],["b_vN6W5PrcdEI",true],["b_43c6A4AkgvJ",true]] 115:[] 116:Taf53,46:oaf53,[V0_FILE]javascriptreact:file="/MusicLibrary.jsx" import { useState, useRef, useEffect } from "react"; import { ChevronUp, ChevronDown, Plus, Eye, Edit, Trash2, Music, CheckCircle, AlertCircle, ChevronLeft, ChevronRight, } from "lucide-react"; import { LuArrowUpDown } from "react-icons/lu"; import { FiDownload, FiPause, FiPlay } from "react-icons/fi"; import MusicForm from "./MusicForm"; import { useGetMusicLibraryQuery, useLazyGetMusicLibraryQuery, useDeleteMusicMutation, useAddMusicMutation, useLazyGetMusicByIdQuery, useEditMusicMutation } from "../../features/music/musicLibraryApi"; import { Offcanvas } from "bootstrap"; import "../../pages/MusicLibrary/MusicLibraryFilter.css"; import "./MusicLibrary.css"; import AudioPlayer from "./AudioPlayer"; import Pagination from "../../components/Pagination/Pagination"; import { toast } from "react-toastify"; const SortIcon = ({ field, sortField, sortOrder }) => { if (sortField !== field) { return ; } return sortOrder === "asc" ? ( ) : ( ); }; export default function MusicLibrary() { const [searchQuery, setSearchQuery] = useState(""); const [vibeFilter, setVibeFilter] = useState("all"); const [energyFilter, setEnergyFilter] = useState("all"); const [statusFilter, setStatusFilter] = useState("all"); const [musicModeFilter, setMusicModeFilter] = useState("all"); const [sortField, setSortField] = useState(null); const [sortOrder, setSortOrder] = useState("asc"); const [currentPage, setCurrentPage] = useState(1); const [itemsPerPage, setItemsPerPage] = useState(10); const [debouncedSearch, setDebouncedSearch] = useState(""); const [showAddOffcanvas, setShowAddOffcanvas] = useState(false); const [showEditOffcanvas, setShowEditOffcanvas] = useState(false); const [showDeleteModal, setShowDeleteModal] = useState(false); const [showViewOffcanvas, setShowViewOffcanvas] = useState(false); const [getMusicLibrary, { isLoading, error }] = useLazyGetMusicLibraryQuery(); const [deleteMusic, { isLoading: isDeleting }] = useDeleteMusicMutation(); const [refreshKey, setRefreshKey] = useState(0); const [addMusic, { isLoading: isAddingMusic }] = useAddMusicMutation(); const [getMusicById, { isLoading: isGettingMusic }] = useLazyGetMusicByIdQuery(); const [editMusic, { isLoading: isEditingMusic }] = useEditMusicMutation(); useEffect(() => { const timer = setTimeout(() => { setDebouncedSearch(searchQuery); }, 300); return () => clearTimeout(timer); }, [searchQuery]); const [selectedMusic, setSelectedMusic] = useState(null); const [selectedCheckboxes, setSelectedCheckboxes] = useState(new Set()); const [formData, setFormData] = useState({ title: "", description: "", vibe: "", energy: "", musicMode: "", status: "", fileName: "", audioUrl: "", duration: "", }); // const previewAudioRef = useRef(null); // const [previewPlaying, setPreviewPlaying] = useState(false); // const [previewProgress, setPreviewProgress] = useState(0); // const [previewDuration, setPreviewDuration] = useState(0); const currentAudioRef = useRef({ audio: null, setPlaying: null, setShowTime: null, }); const offcanvasRef = useRef(null); useEffect(() => { const element = offcanvasRef.current; if (!element) return; const offcanvas = Offcanvas.getOrCreateInstance(element, { backdrop: true, scroll: false, }); const handleHidden = () => { setShowAddOffcanvas(false); setShowEditOffcanvas(false); setShowViewOffcanvas(false); setSelectedMusic(null); }; element.addEventListener("hidden.bs.offcanvas", handleHidden); if (showAddOffcanvas || showEditOffcanvas || showViewOffcanvas) { setTimeout(() => { offcanvas.show(); }, 0); } else { offcanvas.hide(); } return () => { element.removeEventListener("hidden.bs.offcanvas", handleHidden); }; }, [showAddOffcanvas, showEditOffcanvas, showViewOffcanvas]); const [musicData, setMusicData] = useState([]); const [totalItems, setTotalItems] = useState(0); const [apiTotalPages, setApiTotalPages] = useState(0); const [statistics, setStatistics] = useState({ totalMusic: 0, activeMusic: 0, inactiveMusic: 0, }); const statusValue = (status) => { if ( status === true || status === 1 || status === "1" || String(status).toLowerCase() === "active" ) { return "active"; } if ( status === false || status === 0 || status === "0" || String(status).toLowerCase() === "inactive" ) { return "inactive"; } return ""; }; useEffect(() => { let cancelled = false; const getCount = (value, fallback = 0) => value?.count ?? value ?? fallback; const loadMusicLibrary = async () => { try { const result = await getMusicLibrary( { page: currentPage, limit: itemsPerPage, search: debouncedSearch || "", vibeFilter: vibeFilter === "all" ? "" : vibeFilter, energyFilter: energyFilter === "all" ? "" : energyFilter, musicModeFilter: musicModeFilter === "all" ? "" : musicModeFilter, statusFilter: statusFilter === "all" ? "" : statusFilter, sortField: sortField || "", sortOrder, }, false ).unwrap(); if (cancelled) return; const apiMusic = Array.isArray(result?.items) ? result.items : Array.isArray(result?.data?.items) ? result.data.items : []; setMusicData(apiMusic); const total = result?.pagination?.total ?? result?.data?.pagination?.total ?? result?.total ?? result?.data?.total ?? apiMusic.length; const totalPages = result?.pagination?.totalPages ?? result?.data?.pagination?.totalPages ?? (Math.ceil(total / itemsPerPage) || 1); setTotalItems(total); setApiTotalPages(totalPages); // Counts represent the complete library, not the filtered table response. // Keep the cards unchanged while search or filters are active. const hasActiveFilters = Boolean( debouncedSearch || (vibeFilter && vibeFilter !== "all") || (energyFilter && energyFilter !== "all") || (musicModeFilter && musicModeFilter !== "all") || (statusFilter && statusFilter !== "all"), ); const stats = result?.statistics || result?.data?.statistics || {}; const totalStat = stats.totalMusic ?? stats.total ?? result?.totalMusic; const activeStat = stats.activeMusic ?? stats.active ?? result?.activeMusic; const inactiveStat = stats.inactiveMusic ?? stats.inactive ?? result?.inactiveMusic; const hasApiStatistics = totalStat !== undefined || activeStat !== undefined || inactiveStat !== undefined; if (!hasActiveFilters && hasApiStatistics) { setStatistics({ totalMusic: getCount(totalStat, statistics.totalMusic), activeMusic: getCount(activeStat, statistics.activeMusic), inactiveMusic: getCount(inactiveStat, statistics.inactiveMusic), }); } } catch (err) { if (!cancelled) console.error("Music Library API Error:", err); } }; loadMusicLibrary(); return () => { cancelled = true; }; }, [ currentPage, itemsPerPage, debouncedSearch, vibeFilter, energyFilter, musicModeFilter, statusFilter, sortField, sortOrder, getMusicLibrary, refreshKey, ]); const totalPages = Math.max( 1, apiTotalPages || Math.ceil(totalItems / itemsPerPage), ); const filteredMusic = musicData.filter((music) => { if (statusFilter === "all") { return true; } return statusValue(music.status) === statusFilter; }); const paginatedMusic = filteredMusic; const handlePageChange = (page) => { const nextPage = Number(page); if (nextPage < 1 || nextPage > totalPages || nextPage === currentPage) { return; } setCurrentPage(nextPage); }; const handleSort = (field) => { if (sortField === field) { setSortOrder(sortOrder === "asc" ? "desc" : "asc"); } else { setSortField(field); setSortOrder("asc"); } setCurrentPage(1); }; const openAddOffcanvas = () => { setFormData({ title: "", description: "", vibe: "", energy: "", musicMode: "Alpha", status: "active", fileName: "", audioUrl: "", }); setShowAddOffcanvas(true); }; const closeAddOffcanvas = () => { setShowAddOffcanvas(false); // Remove any remaining backdrop setTimeout(() => { document .querySelectorAll(".offcanvas-backdrop") .forEach((el) => el.remove()); document.body.style.removeProperty("overflow"); document.body.style.removeProperty("padding-right"); }, 200); }; const openViewOffcanvas = (music) => { loadMusicById(music, "view"); }; const openEditOffcanvas = (music) => { loadMusicById(music, "edit"); }; const loadMusicById = async (music, mode) => { if (!music?.id) { toast.error("Music ID not found."); return; } try { const response = await getMusicById(String(music.id)).unwrap(); console.log("SINGLE MUSIC API RESPONSE:", response); if (response?.success === false) { toast.error(response?.message || "Failed to fetch music."); return; } const data = response?.data || response; console.log("SINGLE MUSIC DATA:", data); const normalizedStatus = data.status === true || data.status === 1 || data.status === "1" || String(data.status).toLowerCase() === "active" ? "active" : "inactive"; setFormData({ title: data.title || "", description: data.description || "", vibe: data.vibe || "", energy: data.energy || "", musicMode: data.musicMode || "Alpha", status: normalizedStatus, fileName: data.fileName || "", audioUrl: data.cloudUrl || data.audioUrl || "", duration: data.duration ?? data.audioDuration ?? "", }); setSelectedMusic({ ...music, ...data, id: music.id, }); if (mode === "view") { setShowViewOffcanvas(true); } else { setShowEditOffcanvas(true); } } catch (error) { console.error("Get Music By ID Error:", error); toast.error( error?.data?.message || error?.message || "Failed to fetch music details." ); } }; const closeEditOffcanvas = () => { setShowEditOffcanvas(false); setSelectedMusic(null); // Remove any remaining backdrop setTimeout(() => { document .querySelectorAll(".offcanvas-backdrop") .forEach((el) => el.remove()); document.body.style.removeProperty("overflow"); document.body.style.removeProperty("padding-right"); }, 200); }; const openDeleteModal = (music) => { setSelectedMusic(music); setShowDeleteModal(true); }; const closeDeleteModal = () => { setShowDeleteModal(false); setSelectedMusic(null); }; const closeViewOffcanvas = () => { setShowViewOffcanvas(false); setSelectedMusic(null); // Remove any remaining backdrop setTimeout(() => { document .querySelectorAll(".offcanvas-backdrop") .forEach((el) => el.remove()); document.body.style.removeProperty("overflow"); document.body.style.removeProperty("padding-right"); }, 200); }; const handleFormChange = (e) => { const { name, value } = e.target; setFormData((prev) => ({ ...prev, [name]: value })); }; // const handleSubmit = (e) => { // e.preventDefault(); // if (showEditOffcanvas && selectedMusic) { // setMusicData((prev) => // prev.map((m) => // m.id === selectedMusic.id // ? { ...m, ...formData, uploadDate: m.uploadDate } // : m, // ), // ); // closeEditOffcanvas(); // } else { // const newMusic = { // id: Math.max(...musicData.map((m) => m.id), 0) + 1, // ...formData, // uploadDate: new Date().toLocaleDateString("en-US", { // year: "numeric", // month: "short", // day: "numeric", // }), // duration: "3:45", // fileSize: "5.2 MB", // }; // setMusicData((prev) => [newMusic, ...prev]); // closeAddOffcanvas(); // } // }; const handleSubmit = async (e, selectedFile) => { e.preventDefault(); console.log("Parent handleSubmit called"); console.log("Form Data:", formData); console.log("Selected File:", selectedFile); // ========================= // ADD MUSIC // ========================= if (showAddOffcanvas) { if (!(selectedFile instanceof File)) { toast.error("Please select an audio file."); return; } try { const response = await addMusic({ ...formData, status: formData.status === "active", audio: selectedFile, }).unwrap(); console.log("Add Music API Response:", response); if (response?.success === false) { toast.error( response?.message || "Failed to add music." ); return; } toast.success( response?.message || "Music uploaded successfully." ); // Close drawer closeAddOffcanvas(); // Clear form setFormData({ title: "", description: "", vibe: "", energy: "", musicMode: "Alpha", status: "active", fileName: "", audioUrl: "", }); // Refresh API list + statistics setRefreshKey((prev) => prev + 1); // Go to first page setCurrentPage(1); } catch (error) { console.error("Add Music API Error:", error); toast.error( error?.data?.message || error?.message || "Failed to upload music." ); } return; } // ========================= // EDIT MUSIC // ========================= if (showEditOffcanvas && selectedMusic) { try { const response = await editMusic({ id: selectedMusic.id, title: formData.title.trim(), description: formData.description?.trim() || "", vibe: formData.vibe, energy: formData.energy, musicMode: formData.musicMode, // Convert form string to API boolean status: formData.status === "active", audio: selectedFile instanceof File ? selectedFile : undefined, }).unwrap(); console.log("Edit Music API Response:", response); if (response?.success === false) { toast.error( response?.message || "Failed to update music." ); return; } toast.success( response?.message || "Music updated successfully." ); closeEditOffcanvas(); setFormData({ title: "", description: "", vibe: "", energy: "", musicMode: "Alpha", status: "active", fileName: "", audioUrl: "", }); setSelectedMusic(null); // Refresh list + statistics setRefreshKey((prev) => prev + 1); // Go to first page setCurrentPage(1); } catch (error) { console.error("Edit Music API Error:", error); toast.error( error?.data?.message || error?.message || "Failed to update music." ); } return; } }; const handleDelete = async () => { if (!selectedMusic?.id) { return; } try { const response = await deleteMusic(selectedMusic.id).unwrap(); console.log("Delete Music API Response:", response); // Close delete modal closeDeleteModal(); // Move back when the deleted record was the only row on this page. if (currentPage > 1 && paginatedMusic.length === 1) { setCurrentPage((page) => page - 1); } // Reload the list and statistics once after deletion. setRefreshKey((prev) => prev + 1); } catch (error) { console.error("Delete Music API Error:", error); } }; const vibes = [ "Wealth & Financial Growth", "Love & Relationships", "Health & Wellness", "Self-Concept & Identity", "Mindset & Spiritual Growth", "Lifestyle Upgrades", "Learning & Creativity", "Social Influence & Recognition", "Service & Contribution", ]; const energies = [ "Hinduism", "Islam", "Christianity", "Buddhism", "Judaism", "Sikhism", "Spiritual", "Non-religious", "Ayurveda", ]; const musicModes = ["Alpha", "Beta", "Theta", "Delta"]; const { totalMusic, activeMusic, inactiveMusic } = statistics; const activePercentage = totalMusic > 0 ? (activeMusic / totalMusic) * 100 : 0; const inactivePercentage = totalMusic > 0 ? (inactiveMusic / totalMusic) * 100 : 0; return (

{/* Header */}

Music Library

Manage and organize your music collection

{/* Statistics Cards */}

{/* Total Music */}

Total Music

{totalMusic}

All tracks: 100%

{/* Active Music */}

Active Music

{activeMusic}

{activePercentage.toFixed(0)}% of total

{/* Inactive Music */}

Inactive Music

{inactiveMusic}

{inactivePercentage.toFixed(0)}% of total

{/* Search & Filter */}

{/* Left Title */}

Music List

{/* Right Controls */}

{/* Search */}

{ setSearchQuery(e.target.value); setCurrentPage(1); }} />

{/* Vibe */}

{/* Energy */}

{/* Status */}

{/* Music Mode */}

{/* Add Music */}

{/* Vibe Badges */}

{vibes.map((vibe) => ( ))}

{/* Bulk Actions Bar */} {selectedCheckboxes.size > 0 && (

{selectedCheckboxes.size} item(s) selected

)} {/* Table */}

{isLoading && (

Loading music...

)} {error && (

Error: Failed to load music. {error?.data?.message && ` ${error.data.message}`}

)} {!isLoading && !error && (

{/* Title */} {/* Vibe */} {/* Energy */} {/* Music Mode */} {/* Duration */} {/* Music */} {/* Status */} {/* Actions */} {paginatedMusic.length > 0 ? ( paginatedMusic.map((music) => { const status = music.status === true || music.status === 1 ? "active" : music.status === false || music.status === 0 ? "inactive" : String(music.status ?? "").toLowerCase(); return ( {/* Title */} {/* Vibe */} {/* Energy */} {/* Music Mode */} {/* Duration */} {/* Audio Player */} {/* Status */} {/* Actions */} ); }) ) : ( )}

handleSort("title")} > Title	Vibe	Energy	Music Mode	handleSort("duration")} > Duration	Music	Status	Actions
{music.title \|\| "-"}	{music.vibe \|\| "-"}	{music.energy \|\| "-"}	{music.musicMode \|\| "-"}	{music.duration \|\| "-"}		{status ? status.charAt(0).toUpperCase() + status.slice(1) : "-"}
No music found Try adjusting your search or filter criteria.

)}

{/* Pagination */}

{/* Left - Rows Per Page */}

Show entries

{/* Center - Entry Count */}

Showing {totalItems === 0 ? 0 : (currentPage - 1) * itemsPerPage + 1}{" "} to {Math.min(currentPage * itemsPerPage, totalItems)} of {totalItems}{" "} entries

{/* Mobile Pagination */}

{/* Desktop / Tablet Pagination */}

{(showAddOffcanvas || showEditOffcanvas || showViewOffcanvas) && ( <>

{showAddOffcanvas && "Add New Music"} {showEditOffcanvas && "Edit Music"} {showViewOffcanvas && "View Music"}

{ if (showAddOffcanvas) { closeAddOffcanvas(); } if (showEditOffcanvas) { closeEditOffcanvas(); } if (showViewOffcanvas) { closeViewOffcanvas(); } }} />

)} {/* Delete Confirmation Modal */} {showDeleteModal && selectedMusic && (

Delete Music

Are you sure you want to delete{" "} {selectedMusic.title}? This action cannot be undone.

)}

); }46:oa,117:Taf53,46:oaf53,[V0_FILE]javascriptreact:file="/MusicLibrary.jsx" import { useState, useRef, useEffect } from "react"; import { ChevronUp, ChevronDown, Plus, Eye, Edit, Trash2, Music, CheckCircle, AlertCircle, ChevronLeft, ChevronRight, } from "lucide-react"; import { LuArrowUpDown } from "react-icons/lu"; import { FiDownload, FiPause, FiPlay } from "react-icons/fi"; import MusicForm from "./MusicForm"; import { useGetMusicLibraryQuery, useLazyGetMusicLibraryQuery, useDeleteMusicMutation, useAddMusicMutation, useLazyGetMusicByIdQuery, useEditMusicMutation } from "../../features/music/musicLibraryApi"; import { Offcanvas } from "bootstrap"; import "../../pages/MusicLibrary/MusicLibraryFilter.css"; import "./MusicLibrary.css"; import AudioPlayer from "./AudioPlayer"; import Pagination from "../../components/Pagination/Pagination"; import { toast } from "react-toastify"; const SortIcon = ({ field, sortField, sortOrder }) => { if (sortField !== field) { return ; } return sortOrder === "asc" ? ( ) : ( ); }; export default function MusicLibrary() { const [searchQuery, setSearchQuery] = useState(""); const [vibeFilter, setVibeFilter] = useState("all"); const [energyFilter, setEnergyFilter] = useState("all"); const [statusFilter, setStatusFilter] = useState("all"); const [musicModeFilter, setMusicModeFilter] = useState("all"); const [sortField, setSortField] = useState(null); const [sortOrder, setSortOrder] = useState("asc"); const [currentPage, setCurrentPage] = useState(1); const [itemsPerPage, setItemsPerPage] = useState(10); const [debouncedSearch, setDebouncedSearch] = useState(""); const [showAddOffcanvas, setShowAddOffcanvas] = useState(false); const [showEditOffcanvas, setShowEditOffcanvas] = useState(false); const [showDeleteModal, setShowDeleteModal] = useState(false); const [showViewOffcanvas, setShowViewOffcanvas] = useState(false); const [getMusicLibrary, { isLoading, error }] = useLazyGetMusicLibraryQuery(); const [deleteMusic, { isLoading: isDeleting }] = useDeleteMusicMutation(); const [refreshKey, setRefreshKey] = useState(0); const [addMusic, { isLoading: isAddingMusic }] = useAddMusicMutation(); const [getMusicById, { isLoading: isGettingMusic }] = useLazyGetMusicByIdQuery(); const [editMusic, { isLoading: isEditingMusic }] = useEditMusicMutation(); useEffect(() => { const timer = setTimeout(() => { setDebouncedSearch(searchQuery); }, 300); return () => clearTimeout(timer); }, [searchQuery]); const [selectedMusic, setSelectedMusic] = useState(null); const [selectedCheckboxes, setSelectedCheckboxes] = useState(new Set()); const [formData, setFormData] = useState({ title: "", description: "", vibe: "", energy: "", musicMode: "", status: "", fileName: "", audioUrl: "", duration: "", }); // const previewAudioRef = useRef(null); // const [previewPlaying, setPreviewPlaying] = useState(false); // const [previewProgress, setPreviewProgress] = useState(0); // const [previewDuration, setPreviewDuration] = useState(0); const currentAudioRef = useRef({ audio: null, setPlaying: null, setShowTime: null, }); const offcanvasRef = useRef(null); useEffect(() => { const element = offcanvasRef.current; if (!element) return; const offcanvas = Offcanvas.getOrCreateInstance(element, { backdrop: true, scroll: false, }); const handleHidden = () => { setShowAddOffcanvas(false); setShowEditOffcanvas(false); setShowViewOffcanvas(false); setSelectedMusic(null); }; element.addEventListener("hidden.bs.offcanvas", handleHidden); if (showAddOffcanvas || showEditOffcanvas || showViewOffcanvas) { setTimeout(() => { offcanvas.show(); }, 0); } else { offcanvas.hide(); } return () => { element.removeEventListener("hidden.bs.offcanvas", handleHidden); }; }, [showAddOffcanvas, showEditOffcanvas, showViewOffcanvas]); const [musicData, setMusicData] = useState([]); const [totalItems, setTotalItems] = useState(0); const [apiTotalPages, setApiTotalPages] = useState(0); const [statistics, setStatistics] = useState({ totalMusic: 0, activeMusic: 0, inactiveMusic: 0, }); const statusValue = (status) => { if ( status === true || status === 1 || status === "1" || String(status).toLowerCase() === "active" ) { return "active"; } if ( status === false || status === 0 || status === "0" || String(status).toLowerCase() === "inactive" ) { return "inactive"; } return ""; }; useEffect(() => { let cancelled = false; const getCount = (value, fallback = 0) => value?.count ?? value ?? fallback; const loadMusicLibrary = async () => { try { const result = await getMusicLibrary( { page: currentPage, limit: itemsPerPage, search: debouncedSearch || "", vibeFilter: vibeFilter === "all" ? "" : vibeFilter, energyFilter: energyFilter === "all" ? "" : energyFilter, musicModeFilter: musicModeFilter === "all" ? "" : musicModeFilter, statusFilter: statusFilter === "all" ? "" : statusFilter, sortField: sortField || "", sortOrder, }, false ).unwrap(); if (cancelled) return; const apiMusic = Array.isArray(result?.items) ? result.items : Array.isArray(result?.data?.items) ? result.data.items : []; setMusicData(apiMusic); const total = result?.pagination?.total ?? result?.data?.pagination?.total ?? result?.total ?? result?.data?.total ?? apiMusic.length; const totalPages = result?.pagination?.totalPages ?? result?.data?.pagination?.totalPages ?? (Math.ceil(total / itemsPerPage) || 1); setTotalItems(total); setApiTotalPages(totalPages); // Counts represent the complete library, not the filtered table response. // Keep the cards unchanged while search or filters are active. const hasActiveFilters = Boolean( debouncedSearch || (vibeFilter && vibeFilter !== "all") || (energyFilter && energyFilter !== "all") || (musicModeFilter && musicModeFilter !== "all") || (statusFilter && statusFilter !== "all"), ); const stats = result?.statistics || result?.data?.statistics || {}; const totalStat = stats.totalMusic ?? stats.total ?? result?.totalMusic; const activeStat = stats.activeMusic ?? stats.active ?? result?.activeMusic; const inactiveStat = stats.inactiveMusic ?? stats.inactive ?? result?.inactiveMusic; const hasApiStatistics = totalStat !== undefined || activeStat !== undefined || inactiveStat !== undefined; if (!hasActiveFilters && hasApiStatistics) { setStatistics({ totalMusic: getCount(totalStat, statistics.totalMusic), activeMusic: getCount(activeStat, statistics.activeMusic), inactiveMusic: getCount(inactiveStat, statistics.inactiveMusic), }); } } catch (err) { if (!cancelled) console.error("Music Library API Error:", err); } }; loadMusicLibrary(); return () => { cancelled = true; }; }, [ currentPage, itemsPerPage, debouncedSearch, vibeFilter, energyFilter, musicModeFilter, statusFilter, sortField, sortOrder, getMusicLibrary, refreshKey, ]); const totalPages = Math.max( 1, apiTotalPages || Math.ceil(totalItems / itemsPerPage), ); const filteredMusic = musicData.filter((music) => { if (statusFilter === "all") { return true; } return statusValue(music.status) === statusFilter; }); const paginatedMusic = filteredMusic; const handlePageChange = (page) => { const nextPage = Number(page); if (nextPage < 1 || nextPage > totalPages || nextPage === currentPage) { return; } setCurrentPage(nextPage); }; const handleSort = (field) => { if (sortField === field) { setSortOrder(sortOrder === "asc" ? "desc" : "asc"); } else { setSortField(field); setSortOrder("asc"); } setCurrentPage(1); }; const openAddOffcanvas = () => { setFormData({ title: "", description: "", vibe: "", energy: "", musicMode: "Alpha", status: "active", fileName: "", audioUrl: "", }); setShowAddOffcanvas(true); }; const closeAddOffcanvas = () => { setShowAddOffcanvas(false); // Remove any remaining backdrop setTimeout(() => { document .querySelectorAll(".offcanvas-backdrop") .forEach((el) => el.remove()); document.body.style.removeProperty("overflow"); document.body.style.removeProperty("padding-right"); }, 200); }; const openViewOffcanvas = (music) => { loadMusicById(music, "view"); }; const openEditOffcanvas = (music) => { loadMusicById(music, "edit"); }; const loadMusicById = async (music, mode) => { if (!music?.id) { toast.error("Music ID not found."); return; } try { const response = await getMusicById(String(music.id)).unwrap(); console.log("SINGLE MUSIC API RESPONSE:", response); if (response?.success === false) { toast.error(response?.message || "Failed to fetch music."); return; } const data = response?.data || response; console.log("SINGLE MUSIC DATA:", data); const normalizedStatus = data.status === true || data.status === 1 || data.status === "1" || String(data.status).toLowerCase() === "active" ? "active" : "inactive"; setFormData({ title: data.title || "", description: data.description || "", vibe: data.vibe || "", energy: data.energy || "", musicMode: data.musicMode || "Alpha", status: normalizedStatus, fileName: data.fileName || "", audioUrl: data.cloudUrl || data.audioUrl || "", duration: data.duration ?? data.audioDuration ?? "", }); setSelectedMusic({ ...music, ...data, id: music.id, }); if (mode === "view") { setShowViewOffcanvas(true); } else { setShowEditOffcanvas(true); } } catch (error) { console.error("Get Music By ID Error:", error); toast.error( error?.data?.message || error?.message || "Failed to fetch music details." ); } }; const closeEditOffcanvas = () => { setShowEditOffcanvas(false); setSelectedMusic(null); // Remove any remaining backdrop setTimeout(() => { document .querySelectorAll(".offcanvas-backdrop") .forEach((el) => el.remove()); document.body.style.removeProperty("overflow"); document.body.style.removeProperty("padding-right"); }, 200); }; const openDeleteModal = (music) => { setSelectedMusic(music); setShowDeleteModal(true); }; const closeDeleteModal = () => { setShowDeleteModal(false); setSelectedMusic(null); }; const closeViewOffcanvas = () => { setShowViewOffcanvas(false); setSelectedMusic(null); // Remove any remaining backdrop setTimeout(() => { document .querySelectorAll(".offcanvas-backdrop") .forEach((el) => el.remove()); document.body.style.removeProperty("overflow"); document.body.style.removeProperty("padding-right"); }, 200); }; const handleFormChange = (e) => { const { name, value } = e.target; setFormData((prev) => ({ ...prev, [name]: value })); }; // const handleSubmit = (e) => { // e.preventDefault(); // if (showEditOffcanvas && selectedMusic) { // setMusicData((prev) => // prev.map((m) => // m.id === selectedMusic.id // ? { ...m, ...formData, uploadDate: m.uploadDate } // : m, // ), // ); // closeEditOffcanvas(); // } else { // const newMusic = { // id: Math.max(...musicData.map((m) => m.id), 0) + 1, // ...formData, // uploadDate: new Date().toLocaleDateString("en-US", { // year: "numeric", // month: "short", // day: "numeric", // }), // duration: "3:45", // fileSize: "5.2 MB", // }; // setMusicData((prev) => [newMusic, ...prev]); // closeAddOffcanvas(); // } // }; const handleSubmit = async (e, selectedFile) => { e.preventDefault(); console.log("Parent handleSubmit called"); console.log("Form Data:", formData); console.log("Selected File:", selectedFile); // ========================= // ADD MUSIC // ========================= if (showAddOffcanvas) { if (!(selectedFile instanceof File)) { toast.error("Please select an audio file."); return; } try { const response = await addMusic({ ...formData, status: formData.status === "active", audio: selectedFile, }).unwrap(); console.log("Add Music API Response:", response); if (response?.success === false) { toast.error( response?.message || "Failed to add music." ); return; } toast.success( response?.message || "Music uploaded successfully." ); // Close drawer closeAddOffcanvas(); // Clear form setFormData({ title: "", description: "", vibe: "", energy: "", musicMode: "Alpha", status: "active", fileName: "", audioUrl: "", }); // Refresh API list + statistics setRefreshKey((prev) => prev + 1); // Go to first page setCurrentPage(1); } catch (error) { console.error("Add Music API Error:", error); toast.error( error?.data?.message || error?.message || "Failed to upload music." ); } return; } // ========================= // EDIT MUSIC // ========================= if (showEditOffcanvas && selectedMusic) { try { const response = await editMusic({ id: selectedMusic.id, title: formData.title.trim(), description: formData.description?.trim() || "", vibe: formData.vibe, energy: formData.energy, musicMode: formData.musicMode, // Convert form string to API boolean status: formData.status === "active", audio: selectedFile instanceof File ? selectedFile : undefined, }).unwrap(); console.log("Edit Music API Response:", response); if (response?.success === false) { toast.error( response?.message || "Failed to update music." ); return; } toast.success( response?.message || "Music updated successfully." ); closeEditOffcanvas(); setFormData({ title: "", description: "", vibe: "", energy: "", musicMode: "Alpha", status: "active", fileName: "", audioUrl: "", }); setSelectedMusic(null); // Refresh list + statistics setRefreshKey((prev) => prev + 1); // Go to first page setCurrentPage(1); } catch (error) { console.error("Edit Music API Error:", error); toast.error( error?.data?.message || error?.message || "Failed to update music." ); } return; } }; const handleDelete = async () => { if (!selectedMusic?.id) { return; } try { const response = await deleteMusic(selectedMusic.id).unwrap(); console.log("Delete Music API Response:", response); // Close delete modal closeDeleteModal(); // Move back when the deleted record was the only row on this page. if (currentPage > 1 && paginatedMusic.length === 1) { setCurrentPage((page) => page - 1); } // Reload the list and statistics once after deletion. setRefreshKey((prev) => prev + 1); } catch (error) { console.error("Delete Music API Error:", error); } }; const vibes = [ "Wealth & Financial Growth", "Love & Relationships", "Health & Wellness", "Self-Concept & Identity", "Mindset & Spiritual Growth", "Lifestyle Upgrades", "Learning & Creativity", "Social Influence & Recognition", "Service & Contribution", ]; const energies = [ "Hinduism", "Islam", "Christianity", "Buddhism", "Judaism", "Sikhism", "Spiritual", "Non-religious", "Ayurveda", ]; const musicModes = ["Alpha", "Beta", "Theta", "Delta"]; const { totalMusic, activeMusic, inactiveMusic } = statistics; const activePercentage = totalMusic > 0 ? (activeMusic / totalMusic) * 100 : 0; const inactivePercentage = totalMusic > 0 ? (inactiveMusic / totalMusic) * 100 : 0; return (

{/* Header */}

Music Library

Manage and organize your music collection

{/* Statistics Cards */}

{/* Total Music */}

Total Music

{totalMusic}

All tracks: 100%

{/* Active Music */}

Active Music

{activeMusic}

{activePercentage.toFixed(0)}% of total

{/* Inactive Music */}

Inactive Music

{inactiveMusic}

{inactivePercentage.toFixed(0)}% of total

{/* Search & Filter */}

{/* Left Title */}

Music List

{/* Right Controls */}

{/* Search */}

{ setSearchQuery(e.target.value); setCurrentPage(1); }} />

{/* Vibe */}

{/* Energy */}

{/* Status */}

{/* Music Mode */}

{/* Add Music */}

{/* Vibe Badges */}

{vibes.map((vibe) => ( ))}

{/* Bulk Actions Bar */} {selectedCheckboxes.size > 0 && (

{selectedCheckboxes.size} item(s) selected

)} {/* Table */}

{isLoading && (

Loading music...

)} {error && (

Error: Failed to load music. {error?.data?.message && ` ${error.data.message}`}

)} {!isLoading && !error && (

handleSort("title")} > Title	Vibe	Energy	Music Mode	handleSort("duration")} > Duration	Music	Status	Actions
{music.title \|\| "-"}	{music.vibe \|\| "-"}	{music.energy \|\| "-"}	{music.musicMode \|\| "-"}	{music.duration \|\| "-"}		{status ? status.charAt(0).toUpperCase() + status.slice(1) : "-"}
No music found Try adjusting your search or filter criteria.

)}

{/* Pagination */}

{/* Left - Rows Per Page */}

Show entries

{/* Center - Entry Count */}

Showing {totalItems === 0 ? 0 : (currentPage - 1) * itemsPerPage + 1}{" "} to {Math.min(currentPage * itemsPerPage, totalItems)} of {totalItems}{" "} entries

{/* Mobile Pagination */}

{/* Desktop / Tablet Pagination */}

{(showAddOffcanvas || showEditOffcanvas || showViewOffcanvas) && ( <>

{showAddOffcanvas && "Add New Music"} {showEditOffcanvas && "Edit Music"} {showViewOffcanvas && "View Music"}

{ if (showAddOffcanvas) { closeAddOffcanvas(); } if (showEditOffcanvas) { closeEditOffcanvas(); } if (showViewOffcanvas) { closeViewOffcanvas(); } }} />

)} {/* Delete Confirmation Modal */} {showDeleteModal && selectedMusic && (

Delete Music

Are you sure you want to delete{" "} {selectedMusic.title}? This action cannot be undone.

)}

); }46:o9963,f4:["$","$Lf6",null,{"params":{"chatId":"jeru6GH1ODz"},"promises":{"attributes":"$@100","externalMeta":"$@101","latest":"$@102","messagesRange":"$@103","messages":"$@104","template":"$@105","gitStatus":"$@106"},"children":["$","$L108",null,{"chatId":"jeru6GH1ODz","children":["$","$L109",null,{"seedOnlyKeys":["@\"chat:state\",\"jeru6GH1ODz\","],"data":{"block:output:initial":{"id":"b_43c6A4AkgvJ","result":"$@10a"},"/chat/api/snapshots/proxy?chatId=jeru6GH1ODz&messageId=RR8DNpkWXTSkqiB79eIu9rm8pukehEoT&v=v2":"$@10b","@\"block:mappings\",\"jeru6GH1ODz\",":{"sqlBlockExecutionStates":"$Q10c","blocksForkedFrom":"$Q10d","blocksTemplateIds":"$Q10e","blocksCreatedAt":"$Q10f","blocksShared":"$Q110","blocksDeployed":"$Q111","blocksSubdomains":"$Q112","brandedBlocks":"$Q113","unlistedBlocks":"$Q114","blockOutputs":"$Q115"},"@\"chat:state\",\"jeru6GH1ODz\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"wUratYsLwU3lJJ1khHRsR5ivoymGfLJ7","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-11T12:32:50.720Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_arQdnRBPPSb","type":"code-project","isVersioned":false},{"blockId":"b_ZgZJvHRRUd9","type":"code-project","isVersioned":false},{"blockId":"b_1sq793fgK0U","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"UIZyYRpNg0nnjej7hOJyK9UnFHMdco36","gitRevision":{"headSha":"a10d63abcd9379b561d6380f7be9ab0d638e4d3c","readyAt":"2026-08-11T12:33:56.568Z","version":1},"streaming":false,"finishReason":"stop","parentId":"wUratYsLwU3lJJ1khHRsR5ivoymGfLJ7","type":"message","createdAt":"$D2026-08-11T12:32:50.721Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"qhZ0WjQWoxpSue12Qporz7AvN1SDs5gK","parentId":"UIZyYRpNg0nnjej7hOJyK9UnFHMdco36","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-11T12:34:55.251Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_7UTNHNDrNhK","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"QIoAogLTYCRFfmOppGFbV43hxLf5e1pC","gitRevision":{"baseSha":"a10d63abcd9379b561d6380f7be9ab0d638e4d3c","headSha":"79f2a996015566564ba729034f7e7ee97a3df864","readyAt":"2026-08-11T12:35:15.928Z","version":1},"streaming":false,"finishReason":"stop","parentId":"qhZ0WjQWoxpSue12Qporz7AvN1SDs5gK","type":"message","createdAt":"$D2026-08-11T12:34:55.252Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"p90DaHOgl89MtQDboNGOFETSHJ5Hr79P","parentId":"QIoAogLTYCRFfmOppGFbV43hxLf5e1pC","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-11T12:36:15.512Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_ZxIiBo34XUX","type":"code-project","isVersioned":false},{"blockId":"b_UV2dx6670xi","type":"code-project","isVersioned":false},{"blockId":"b_2LISEvVXmfj","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"KZH0tFuIqJClrXE1x16U9o82Qc3NptT9","gitRevision":{"baseSha":"79f2a996015566564ba729034f7e7ee97a3df864","headSha":"6b765c13d34d4bddfd5565d28c9fa3521df4517b","readyAt":"2026-08-11T12:36:43.795Z","version":1},"streaming":false,"finishReason":"stop","parentId":"p90DaHOgl89MtQDboNGOFETSHJ5Hr79P","type":"message","createdAt":"$D2026-08-11T12:36:15.513Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"uaj9N0MPS1Ki9OxSzE5jiaeidZeN9j6S","parentId":"KZH0tFuIqJClrXE1x16U9o82Qc3NptT9","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-12T03:42:44.635Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_uUA4hu0RBjI","type":"code-project","isVersioned":false},{"blockId":"b_OzOBl7MNmrz","type":"code-project","isVersioned":false},{"blockId":"b_x4P4a2u3gAF","type":"code-project","isVersioned":false},{"blockId":"b_HaagkkTy4vd","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"jiLuRUO0sBggrR0uUGN3yRikymnkwKKf","gitRevision":{"baseSha":"6b765c13d34d4bddfd5565d28c9fa3521df4517b","headSha":"155a3dc0c251136b774d0c13ce1efe0e90bcdfe3","readyAt":"2026-08-12T03:43:42.603Z","version":1},"streaming":false,"finishReason":"stop","parentId":"uaj9N0MPS1Ki9OxSzE5jiaeidZeN9j6S","type":"message","createdAt":"$D2026-08-12T03:42:44.636Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"mjsbjgvYROEjctzywfs0MtuR2Ct5nnAz","parentId":"jiLuRUO0sBggrR0uUGN3yRikymnkwKKf","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-12T03:46:13.527Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_GhCDVE2HdRc","type":"code-project","isVersioned":false},{"blockId":"b_DDZQGUsbE7t","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"od6iBabH8ZwlhNBttxTrLDAwr1aWwnaQ","gitRevision":{"baseSha":"155a3dc0c251136b774d0c13ce1efe0e90bcdfe3","headSha":"8bb950cfc56cff1472193c4771e9a15c2118d949","readyAt":"2026-08-12T03:46:39.035Z","version":1},"streaming":false,"finishReason":"stop","parentId":"mjsbjgvYROEjctzywfs0MtuR2Ct5nnAz","type":"message","createdAt":"$D2026-08-12T03:46:13.528Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"vrgLhNhCsne4yUDPunwcSu5VygFDZH2S","parentId":"od6iBabH8ZwlhNBttxTrLDAwr1aWwnaQ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-12T04:15:07.513Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_UCEAWZI7Tls","type":"code-project","isVersioned":false},{"blockId":"b_GTQopUS0dNu","type":"code-project","isVersioned":false},{"blockId":"b_N4xdPcIin2F","type":"code-project","isVersioned":false},{"blockId":"b_N4pbHpaYBFT","type":"code-project","isVersioned":false},{"blockId":"b_jykQtbfk9Yg","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"bvAkISAmScmnnbtVjeyRcAtKGbjJq6lq","gitRevision":{"baseSha":"8bb950cfc56cff1472193c4771e9a15c2118d949","headSha":"8f57e462d4f2caa7341f9efb6657d562ef5e2e96","readyAt":"2026-08-12T04:16:07.205Z","version":1},"streaming":false,"finishReason":"stop","parentId":"vrgLhNhCsne4yUDPunwcSu5VygFDZH2S","type":"message","createdAt":"$D2026-08-12T04:15:07.514Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"zs0Ll7WCapNWvBRHRMQwwuFjAfTaTgZE","parentId":"bvAkISAmScmnnbtVjeyRcAtKGbjJq6lq","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-12T04:20:01.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_e5MZvdJkxGW","type":"code-project","isVersioned":false},{"blockId":"b_utCa01ZehVU","type":"code-project","isVersioned":false},{"blockId":"b_DmLZttKt7gM","type":"code-project","isVersioned":false},{"blockId":"b_mozBT6xyJJe","type":"code-project","isVersioned":false},{"blockId":"b_2aW1TOwDqyX","type":"code-project","isVersioned":false},{"blockId":"b_OwpJ4WFucKT","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"VruiSqLfs5d4eDppBzt8QiF6TTN6b6qk","gitRevision":{"baseSha":"8f57e462d4f2caa7341f9efb6657d562ef5e2e96","headSha":"45f7ba0537d5b3f2d123a7dafa26553af502546c","readyAt":"2026-08-12T04:21:01.565Z","version":1},"streaming":false,"finishReason":"stop","parentId":"zs0Ll7WCapNWvBRHRMQwwuFjAfTaTgZE","type":"message","createdAt":"$D2026-08-12T04:20:01.918Z"},{"content":{"type":"parts","parts":[{"type":"attachment","url":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%5BPasted%201413%20lines%5D-fzsDIGTXZQbgesI4XwGdQ7ex65x7yH","name":"[Pasted 1413 lines]","contentType":"text/plain","size":44653},{"type":"mdx","content":"\n10 records is there after add one more it will go to next page now two pages now i try to delte second pafe one record after deleting it will not redirect to next first page"}],"version":1},"role":"user","id":"lCBnvtJZFB0UDjAtSCYIowEcLiZVHgBV","attachments":[{"url":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%5BPasted%201413%20lines%5D-fzsDIGTXZQbgesI4XwGdQ7ex65x7yH","name":"[Pasted 1413 lines]","size":44653,"contentType":"text/plain"}],"parentId":"VruiSqLfs5d4eDppBzt8QiF6TTN6b6qk","type":"message","authorId":"y9VdYCHod75NF8s5Go0v4vjK","createdAt":"$D2026-08-12T04:45:50.048Z"},{"v0ModelId":"v0-mini","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1786509951127,"finishedAt":1786509951127,"lastPartSentAt":1786509951127,"id":"FBQIgOq1GTblmE15","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786509951127,"finishedAt":1786509951695,"lastPartSentAt":null,"taskNameActive":"Reading [Pasted-1413-lines]","taskNameComplete":"Read [Pasted-1413-lines]","toolCallId":"tool_eqSQfOAg4JOYlzN1","agentTurnId":"turn_KsPnogzTvyVpOI7O","filePath":null,"id":"i9GXugZ5FmjjJbJe","type":"task-read-file-v1","parts":[]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786509956795,"finishedAt":1786509959270,"lastPartSentAt":1786509959270,"taskNameActive":"Editing file logic","id":"8QRdoP0MAipyibPE","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":2,"thought":"I need to edit the actual file and inspect what needs to be deleted. Since I've already read the file, I should set the page if I'm only deleting an item on page 2. I can compute the current page and total items. In the handleDelete function, after a successful deletion, if the current page is greater than one and there's only one music item, I should refresh it and set the current page correctly. I'll also need to avoid causing duplicate refresh calls."}]}}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_N7kTh8Fh3Qc","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[],"source":"[V0_FILE]jsx:file=\"/MusicLibrary.jsx\" \n...","latestDeploymentInfo":"$111:0:1","lastDeployedAt":"2026-08-12T04:46:09.301Z","sourceVersionKey":"v_1_g02pl_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_N7kTh8Fh3Qc","meta":{"taskNameActive":"Making changes","taskNameComplete":"Made some changes","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Making changes","taskNameComplete":"Made some changes"},"id":"block-b_N7kTh8Fh3Qc"}],["AssistantMessageContentPart",{"part":{"createdAt":1786509959905,"finishedAt":1786509959905,"lastPartSentAt":1786509959905,"id":"nCFSYw0IndOez5DU","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786509959905,"finishedAt":1786509959969,"lastPartSentAt":null,"taskNameActive":"Reading MusicLibrary.jsx","taskNameComplete":"Read MusicLibrary.jsx","toolCallId":"tool_ldKQTh9BuxsgVTHX","agentTurnId":"turn_9V0OfZD0w1iV2Vad","filePath":null,"id":"gDXN1Snq5Iyl3s6X","type":"task-read-file-v1","parts":[]}}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_z329kDHQjAu","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"/MusicLibrary.jsx","baseName":"MusicLibrary.jsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]jsx:file=\"/MusicLibrary.jsx\" \nGENERATING","latestDeploymentInfo":"$111:1:1","lastDeployedAt":"2026-08-12T04:46:09.301Z","sourceVersionKey":"v_1_i8kkh_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_z329kDHQjAu","meta":{"taskNameActive":"Fixing delete pagination","taskNameComplete":"Fixed delete pagination","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Fixing delete pagination","taskNameComplete":"Fixed delete pagination"},"id":"block-b_z329kDHQjAu"}],["p",{},["text",{},"Fixed the delete pagination issue."]],["p",{},["text",{},"When deleting the only record on page 2, the table now automatically moves back to page 1 and refreshes the data once. The existing UI remains unchanged."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"lWbkZlbtilmRU2oGZHHDzE1V2nZxuQWE","gitRevision":{"baseSha":"45f7ba0537d5b3f2d123a7dafa26553af502546c","headSha":"6791087fcc1b78da78527f977e703352acc971ff","readyAt":"2026-08-12T04:46:09.270Z","version":1},"streaming":false,"finishReason":"stop","parentId":"lCBnvtJZFB0UDjAtSCYIowEcLiZVHgBV","type":"message","creditCost":0.01695927,"workMetrics":{"diffMap":{},"agentActions":4},"createdAt":"$D2026-08-12T04:45:50.049Z","updatedAt":"$D2026-08-12T04:46:09.292Z"},{"content":{"type":"parts","parts":[{"type":"attachment","url":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%5BPasted%201392%20lines%5D-hh3XBTI4HOXcoRKldujgtwrVWay5DT","name":"[Pasted 1392 lines]","contentType":"text/plain","size":45512},{"type":"mdx","content":" now i am go to second page why active inactive count do not reduced i want same conts for all pages \ni need to disable button add and edit button until rewponice comingf from backend need to add loading states correctly "}],"version":1},"role":"user","id":"khDdhNFjEC94hnxL89bC6fURV9nM7tFC","attachments":[{"url":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%5BPasted%201392%20lines%5D-hh3XBTI4HOXcoRKldujgtwrVWay5DT","name":"[Pasted 1392 lines]","size":45512,"contentType":"text/plain"}],"parentId":"lWbkZlbtilmRU2oGZHHDzE1V2nZxuQWE","type":"message","authorId":"y9VdYCHod75NF8s5Go0v4vjK","createdAt":"$D2026-08-12T04:56:53.944Z"},{"v0ModelId":"v0-mini","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1786510614584,"finishedAt":1786510614584,"lastPartSentAt":1786510614584,"id":"nN88yR97Uz1auTbw","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"type":"task-grouped-tasks-v1","id":"asMf9sNIgIK7VW2S-qNI4KpDMY9pTSx7O","parts":[{"createdAt":1786510614584,"finishedAt":1786510614951,"lastPartSentAt":null,"taskNameActive":"Reading [Pasted-1392-lines]","taskNameComplete":"Read [Pasted-1392-lines]","toolCallId":"tool_tJL2TNeehUnQb8oG","agentTurnId":"turn_wb4kOBWhy08mrquI","filePath":null,"id":"asMf9sNIgIK7VW2S","type":"task-read-file-v1","parts":[]},{"createdAt":1786510619074,"finishedAt":1786510620046,"lastPartSentAt":1786510620024,"taskNameActive":"Finding action buttons","taskNameComplete":"Found action buttons","toolCallId":"call_L88k0ZcSc5XMNvODcubDRkj1","agentTurnId":"turn_wb4kOBWhy08mrquI","filePath":null,"id":"qNI4KpDMY9pTSx7O","type":"task-grep-repo-v1","parts":[{"type":"grepping-repo","pattern":"openAddOffcanvas|openEditOffcanvas|handleSubmit|isAddingMusic|isEditingMusic","path":"/vercel/share/v0-project/MusicLibrary.jsx","globPattern":"*.jsx"},{"type":"grep-file-results","numFileMatches":0}]}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Explore • 1 File • 1 Search","taskNameComplete":"Explore • 1 File • 1 Search"},"id":"asMf9sNIgIK7VW2S-qNI4KpDMY9pTSx7O"}],["AssistantMessageContentPart",{"part":{"createdAt":1786510622300,"finishedAt":1786510624508,"lastPartSentAt":1786510624508,"taskNameActive":"Investigating music library loading","id":"lxJQlnfi1VyYkhcS","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":2,"thought":"I’m trying to troubleshoot why the music library is not loading correctly. It seems like I should be using the actual source from the attachment rather than just what I have. There might be some edits in counts blocking the process. I also need to check if the form is receiving the loading properties correctly. I’ll need to inspect the bottom part of the component where it might be breaking down. Let’s figure this out!"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786510624563,"finishedAt":1786510624990,"lastPartSentAt":1786510624958,"taskNameActive":"Finding form rendering","taskNameComplete":"Found form rendering","toolCallId":"call_XULlcXfNxqhpvEmhFBxwxAnC","agentTurnId":"turn_Bur6Op1m9XLYNAU8","filePath":null,"id":"l1gz5jv4NSpxIsCa","type":"task-grep-repo-v1","parts":[{"type":"grepping-repo","pattern":"