44:o1,~44:o7fa,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3hgpkj-xzfw6u.js" 4:I[381307,["$3"],"default"] 5:I[934914,["$3"],"default"] 38:"ViewportBoundary" 39:I[176645,["$3"],"$38"] 3b:"MetadataBoundary" 3c:I[176645,["$3"],"$3b"] 3d:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/1bv-hlxwcj3mn.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1t5z917tkvfhq.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1jd4bptd-zy0t.css","style"] :HL["/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","style"] 1:X 6:X 17:X 1a:X 21:X 1f:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L20","p":false,"v":"$21"}}]] 1d:[["children",{"s":{"n":"id","t":"d","k":"a-4-W22PCgFKLTj","s":null},"h":98,"d":{"r":"$L1e","p":false,"v":"$6"},"c":"$Q1f"}]] 2b:X 29:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2a","p":false,"v":"$2b"}}]] 27:[["children",{"s":{"n":"id","t":"d","k":"a-4-W22PCgFKLTj","s":null},"h":38,"d":{"r":"$L28","p":false,"v":"$6"},"c":"$Q29"}]] 25:[["children",{"s":"chat","h":106,"d":{"r":"$L26","p":false,"v":"$6"},"c":"$Q27"}]] 23:[["children",{"s":"(chat)","h":106,"d":{"r":"$L24","p":false,"v":"$6"},"c":"$Q25"}]] 35:X 33:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L34","p":false,"v":"$35"}}]] 31:[["children",{"s":{"n":"id","t":"d","k":"a-4-W22PCgFKLTj","s":null},"h":102,"d":{"r":"$L32","p":false,"v":"$6"},"c":"$Q33"}]] 2f:[["children",{"s":"chat","h":106,"d":{"r":"$L30","p":false,"v":"$6"},"c":"$Q31"}]] 2d:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2e","p":false,"v":"$6"},"c":"$Q2f"}]] 37:X 1b:[["children",{"s":"chat","h":98,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2c","p":false,"v":"$6"},"c":"$Q2d"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L36","p":false,"v":"$37"}}]] 18:[["children",{"s":{"n":"scope","t":"d","k":"9slide22-9107s-projects","s":null},"h":74,"d":{"r":"$L19","p":false,"v":"$1a"},"c":"$Q1b"}]] 44:oc3c,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bv-hlxwcj3mn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1t5z917tkvfhq.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1jd4bptd-zy0t.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15"],"$L16"]}],"p":false,"v":"$17"},"c":"$Q18"}]] 44: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"}]] 3f:X 40:X 44:o716,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,["$","$L39","fwkG0Yo9BKJknYCEgXfbrv",{"children":"$L3a"}],["$","div","fwkG0Yo9BKJknYCEgXfbrm",{"hidden":true,"children":["$","$L3c",null,{"children":["$","$3d",null,{"name":"Next.Metadata","children":"$L3e"}]}]}]]}],"p":false,"v":"$3f"}},"s":"$40","a":"$@41","w":"$@42"} 44:o1000,44:I[176645,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[381307,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js" 50:"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js" 51:"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js" 52:"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js" 53:"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js" 54:"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js" 55:"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js" 56:"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js" 57:"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js" 58:"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js" 59:"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js" 5a:"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js" 5b:"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js" 5c:"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js" 5d:"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js" 5e:"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js" 5f:"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js" 60:"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js" 61:"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js" 62:"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js" 63:"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js" 64:"/chat-static/_next/static/immutable/chunks/1bhi04iocyynd.js" 65:"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js" 66:"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js" 67:"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js" 68:"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js" 69:"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js" 6a:"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js" 6b:"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js" 6c:"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js" 6d:"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js" 6e:"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js" 6f:"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js" 70:"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js" 71:"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js" 72:"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js" 73:"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js" 74:"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js" 75:"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js" 76:"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js" 77:"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js" 78:"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js" 79:"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js" 7a:"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js" 7b:"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js" 7c:"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js" 7d:I[822201,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c"],"default"] 7e:"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js" 7f:"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js" 80:"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js" 81:"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js" 82:"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js" 83:"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js" 84:"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js" 85:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 86:"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js" 87:"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js" 88:"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js44:o84c," 89:"GitChatHeaderSkeleton" 8a:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$89"] 6:C 9:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js","async":true,"nonce":"$undefined"}] a:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js","async":true,"nonce":"$undefined"}] b:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js","async":true,"nonce":"$undefined"}] c:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js","async":true,"nonce":"$undefined"}] d:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/1bhi04iocyynd.js","async":true,"nonce":"$undefined"}] e:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js","async":true,"nonce":"$undefined"}] f:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js","async":true,"nonce":"$undefined"}] 44:o644,19:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 44:o29a,1c:["$","$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"}]]}] 1e:["$","$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"}]]}] 44:o726,20:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3d",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 44:o3e7,22:["$","$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"}]]}] 24:["$","$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"}]]}] 26:["$","$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"}]]}] 44:o1103,28:["$","$L47",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"}]}],"$L48","$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 44:o6cc,2a:["$","$2","c",{"children":["$L4e",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],null]}] 44:o780,2c:["$","$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"}]]}] 2e:["$","$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"}]]}] 30:["$","$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"}]]}] 32:["$","$L47",null,{"loading":[["$","$L7d","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.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"}]]}]}] 44:o78d,34:["$","$2","c",{"children":[["$","$3d",null,{"fallback":["$","$L8a",null,{}],"children":"$L8b"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.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/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}]],null]}] 44:o32,36:["$","$2","c",{"children":["$L8c",null,null]}] 44:o885,8e:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"AppCard"] 8f:"FULL_BLEED_APP_CARD_CLASSNAME" 90:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$8f"] 91:"/chat-static/_next/static/immutable/chunks/3vujvky3kfowx.js" 92:"SidebarCollapseButton" 93:I[663042,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$91"],"$92"] 94:I[192842,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"ChatWarning"] 95:I[903785,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$91"],"NewChatButton"] 40:300 48:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 49:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4b:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 8d:T1963,44:o1963,44:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8d"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3d",null,{"fallback":["$","$L8e",null,{"className":"$90","children":[["$","$L93",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"}],["$","$L94",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L95",null,{}]}]]}],"children":"$L96"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 44:o17,17:T8,variants97:T18d6,44: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"}] });44:o158,16:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$97"}}],"$L98","$L99","$L9a","$L9b"]}],"$L9c"]}] 44:o1000,9d:"GeistThemeScript" 9e:I[943185,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$9d"] 9f:I[600033,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"AppStoreMetaTag"] a0:I[943185,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"GeistProvider"] a1:I[818362,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"LocaleProvider"] a2:I[841245,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"MotionConfig"] a3:"AtomicContextSWRProvider" a4:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a3"] a5:"GlobalPromiseContextProvider" a6:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a5"] a9:I[827887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"JotaiProvider"] aa:"ServerQuerySWRRuntimeProvider" ab:I[74757,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$aa"] ad:I[815349,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"CleanupStorage"] ae:I[470669,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Analytics"] af:I[191173,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SpeedInsights"] b1:"VercelianAppFlowMigrator" b2:I[23825,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$b1"] b3:I[108762,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"TrackInfo"] b4:I[578386,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"PageViewTracker"] b5:I[356301,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"AutoCapture"] 98:["$","$L9e",null,{"storageKey":"theme"}] 99:["$","$3d",null,{"children":["$","$L9f",null,{}]}] 9a:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9b:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organiza44:o2cc,tion\",\"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\"}}]"}}] 44:o93b,9c:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased kSVEZa_variable yCrHjW_variable hGs1mq_variable","children":[["$","$La0",null,{"storageKey":"theme","withScript":false,"children":["$","$La1",null,{"locale":"en","children":["$","$La2",null,{"reducedMotion":"user","children":["$","$La4",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":["$","$La6",null,{"params":null,"promises":{"dailyModelUsage":"$@a7","freeFixWithV0Usage":"$@a8"},"children":[["$","$La9",null,{"children":["$","$Lab",null,{"children":"$Lac"}]}],["$","$Lad",null,{}]]}]}]}]}]}],["$","$Lae",null,{}],["$","$Laf",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3d",null,{"children":"$Lb0"}],["$","$Lb2",null,{}],["$","$Lb3",null,{}],["$","$Lb4",null,{}],["$","$Lb5",null,{}]]}] 44:o90,3a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 44:oe,3f:T8,variants44:o1000,b6:"HydrateDurableAtoms" b7:I[783749,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$b6"] b8:I[359783,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"DataProvider"] b9:I[32170,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"UserProvider"] bb:"AnimatedIconProvider" bc:I[908887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$bb"] bd:I[30570,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"PortalProvider"] be:"SnowflakePublishProvider" bf:I[966820,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$be"] c0:"UserInputProvider" c1:I[472914,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c0"] c2:I[69221,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"CmdkProvider"] c3:"VirtualMachineUIStateProvider" c4:I[319228,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c3"] c5:"DeployedPreviewIframeRefProvider" c6:I[166890,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c5"] c7:"PreviewSourceUIStateProvider" c8:I[197843,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c7"] c9:I[367078,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"LoaderProvider"] ca:"PromptFormUIProvider" cb:I[595358,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$ca"] cc:I[242759,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"FlagsProvider"] ce:I[723704,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"NuqsAdapter"] cf:"ChatTabsProvider" d0:I[568561,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$cf"] d1:"PersonalScopeMigrationAnnouncementProvider" d2:I[206559,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$d1"] d4:"AnnouncementVisibilityProvider" d5:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$d4"] d8:I[561588,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$5844:o4ab,","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] d9:I[407562,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] da:"SuspendingDialogs" db:I[840793,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$da"] dc:I[323194,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SignInDialog"] dd:I[279070,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"ConsentBanner"] de:I[15279,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SessionManager"] 44:o8ad,ac:["$","$Lb7",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":["$","$Lb8",null,{"children":["$","$Lb9",null,{"expectUser":false,"userPromise":"$@ba","children":["$","$Lbc",null,{"children":["$","$Lbd",null,{"children":["$","$Lbf",null,{"children":["$","$Lc1",null,{"children":["$","$Lc2",null,{"children":["$","$Lc4",null,{"children":["$","$Lc6",null,{"children":["$","$Lc8",null,{"children":["$","$Lc9",null,{"children":["$","$Lcb",null,{"children":["$","$Lcc",null,{"promise":"$@cd","middlewareFlags":[],"children":["$","$Lce",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"destinationTeamIdPromise":"$@d3","children":["$","$Ld5",null,{"visiblePromise":"$@d6","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":[["$","$3d",null,{"fallback":null,"children":"$Ld7"}],["$","$Ld8",null,{}],["$","$Ld9",null,{}],["$","$3d",null,{"fallback":null,"children":["$","$Ldb",null,{}]}],["$","$Ldc",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ldd",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 44:o12c,96:["$","$L8e",null,{"className":"$90","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L94",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] b0:["$","$Lde",null,{"enabled":false}] 44:o20,ba:"$undefined" d6:true d7:null 44:o81,3f:T1,?37:T1,?21:T1,?35:T1,?2b:T1,?40:60 37:T8,variants35:T8,variants1a:T8,variants3f:T2,id35:T5,scope2b:T2,id1a:T5,scope35:T2,id44:oe62,df:"RouteChatIdProvider" e0:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$df"] e1:"CompletionAttentionProvider" e2:I[607506,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e1"] e3:"SidebarUIProvider" e4:I[475961,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e3"] e7:"HeaderSlotClientRouter" e8:I[597544,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e7"] e9:"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js" ea:I[32459,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$e9"],"default"] eb:I[990009,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"Header"] ec:"RevalidateChatIdSkeletonStyles" ed:I[564011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$ec"] ee:I[980088,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"DynamicCMDK"] ef:"PromptQueueSnapshotProvider" f0:I[475641,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$ef"] f3:"ChatPromiseContextProvider" f4:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$f3"] fc:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"GitChatHeader"] fd:I[705838,["$3"],"IconMark"] 8c:null 44:o77d,43:["$","$Le0",null,{"children":["$","$Le2",null,{"children":["$","$Le4",null,{"children":[["$","$3d",null,{"fallback":null,"children":"$@e5"}],["$","$3d",null,{"children":"$Le6"}],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":[["$","$Le8",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ea","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Leb",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ea","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$ea","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3d",null,{"children":["$","$Led",null,{}]}],["$","$Lee",null,{}]]}]}]}] 44:o46e,4e:["$","$Lf0",null,{"initial":{"chatId":"W22PCgFKLTj","snapshot":"$@f1"},"children":"$Lf2"}] 8b:["$","$Lf4",null,{"params":{"chatId":"W22PCgFKLTj"},"promises":{"attributes":"$@f5","externalMeta":"$@f6","latest":"$@f7","messagesRange":"$@f8","messages":"$@f9","template":"$@fa","gitStatus":"$@fb"},"children":["$","$Lfc",null,{"chatId":"W22PCgFKLTj"}]}] d3:null cd:{"requested":"9slide22-9107s-projects","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":false,"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,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 44:o577,3e:[["$","title","0",{"children":"a (4) - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Please duplicate this block."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/a-4-W22PCgFKLTj"}],["$","meta","4",{"property":"og:title","content":"a (4) - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"Please duplicate this block."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/W22PCgFKLTj"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"a (4) - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"Please duplicate this block."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/W22PCgFKLTj"}],["$","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"}],["$","$Lfd","15",{}]] 44:o8,45:null 44:od76,105:"ExplicitChatIdProvider" 106:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$105"] 107:I[838238,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"SWRDataProvider"] 2b:T8,variants2b:T5,scopef5:{"ok":true,"value":{"designSystemId":null,"title":"a (4)","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_ipxxtp4CaRPSMIhXu4SJ3gbW","authorId":"anon:C_LujqaAKT2EFgVzrJwDL","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":false,"canWriteToChat":false,"chatCreatedAt":1787909712006,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":"v0-git-s3-storage","storageEntityId":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} f6:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f7:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f8:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fb:{"ok":true,"value":null,"__seedOnly":true} e5:null 10a:[] 10b:[["zmJo57Th1ol","b_aVOoQfdsTad"],["b_fOP0B1H4jX8",null],["b_clU8fndFEGj",null],["b_rXaIsURlv9M",null],["b_fgwLDEP11Yd",null],["b_kjyVX3tuFqb",null],["b_JamqEYlFNoT",null],["b_FwqKVAVBNVg",null],["b_64heOZBGia6",null]] 10c:[["zmJo57Th1ol",{"templateVersionId":null,"templateCanonId":null}],["b_fOP0B1H4jX8",{"templateVersionId":null,"templateCanonId":null}],["b_clU8fndFEGj",{"templateVersionId":null,"templateCanonId":null}],["b_rXaIsURlv9M",{"templateVersionId":null,"templateCanonId":null}],["b_fgwLDEP11Yd",{"templateVersionId":null,"templateCanonId":null}],["b_kjyVX3tuFqb",{"templateVersionId":null,"templateCanonId":null}],["b_JamqEYlFNoT",{"templateVersionId":null,"templateCanonId":null}],["b_FwqKVAVBNVg",{"templateVersionId":null,"templateCanonId":null}],["b_64heOZBGia6",{"templateVersionId":null,"templateCanonId":null}]] 10d:[["zmJo57Th1ol","$D2026-08-28T09:35:12.006Z"],["b_fOP0B1H4jX8","$D2026-08-28T09:45:29.876Z"],["b_clU8fndFEGj","$D2026-08-28T09:46:24.126Z"],["b_rXaIsURlv9M","$D2026-08-28T09:47:54.538Z"],["b_fgwLDEP11Yd","$D2026-08-28T09:48:13.656Z"],["b_kjyVX3tuFqb","$D2026-08-28T09:49:02.610Z"],["b_JamqEYlFNoT","$D2026-08-28T09:49:48.997Z"],["b_FwqKVAVBNVg","$D2026-08-28T09:49:57.326Z"],["b_64heOZBGia6","$D2026-08-28T09:50:22.741Z"]] 10e:[["zmJo57Th1ol",false],["b_fOP0B1H4jX8",false],["b_clU8fndFEGj",false],["b_rXaIsURlv9M",false],["b_fgwLDEP11Yd",false],["b_kjyVX3tuFqb",false],["b_JamqEYlFNoT",false],["b_FwqKVAVBNVg",false],["b_64heOZBGia6",false]] 44:o953,10f:[["zmJo57Th1ol","$undefined"],["b_fOP0B1H4jX8",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_clU8fndFEGj",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_rXaIsURlv9M",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_fgwLDEP11Yd",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_kjyVX3tuFqb",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_JamqEYlFNoT",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_FwqKVAVBNVg",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}],["b_64heOZBGia6",{"git":{"ref":"main","sha":"0de6fc115289c59b8dceca55b47e9704fd365a32","type":"github","repoId":0,"repoName":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","ownerName":"v0-git-s3-storage","commitMessage":"feat: add quality selector and adjust video player controls layout"}}]] 44:o6c8,110:[["zmJo57Th1ol",null],["b_fOP0B1H4jX8",null],["b_clU8fndFEGj",null],["b_rXaIsURlv9M",null],["b_fgwLDEP11Yd",null],["b_kjyVX3tuFqb",null],["b_JamqEYlFNoT",null],["b_FwqKVAVBNVg",null],["b_64heOZBGia6",null]] 111:[["zmJo57Th1ol",true],["b_fOP0B1H4jX8",true],["b_clU8fndFEGj",true],["b_rXaIsURlv9M",true],["b_fgwLDEP11Yd",true],["b_kjyVX3tuFqb",true],["b_JamqEYlFNoT",true],["b_FwqKVAVBNVg",true],["b_64heOZBGia6",true]] 112:[["zmJo57Th1ol",true],["b_fOP0B1H4jX8",true],["b_clU8fndFEGj",true],["b_rXaIsURlv9M",true],["b_fgwLDEP11Yd",true],["b_kjyVX3tuFqb",true],["b_JamqEYlFNoT",true],["b_FwqKVAVBNVg",true],["b_64heOZBGia6",true]] 113:[] 114:T435,/vercel/share/v0-project/multi-pip-extension: force default size of pop-out windows of picture-in-picture respect aspect ratio of original video. implement auto resize button that force pop-out windows size to aspect ratio of original video. implement quality button to choose quality of playing video in pop-out windows of picture-in-picture hide top bar that show title in pop-out windows of picture-in-picture implement button to toogle show / hide caption / subtitle available of video modify volume bar being shorter implement previous video button **DO NOT WRITE ANY NON-CODES LINES OR COMMENTS TO FILE** **DO NOT WRITE README FILE OR SOMETHING LIKE THAT** **UPDATE DIRECTLY AVAILABLE FILES IN EXISTED FOLDER AND MODIFY FOLDER NAME** **DO NOT ASK ME ANYTHING AND DO NOT WRITE, SHOW ANY THINKING PROCESS STEP AND DO NOT BUILD ANY WEBSITE OR DOWNLOAD PAGES OR PREVIEW... AND DO NOT SUMMERIZE AND DESCRIBE ANYTHING AND DO NOT SHOW V0 GENERATION PANEL AND DO NOT WRITE ANY INSTRUCTION** **NO NEED FOR CLARIFICATION, JUST PROCEED WITH YOUR BEST JUDGMENT AND PLAN** 115:Ta055,44:oa055,[V0_FILE]javascript:file="/multi-pip-extension/content.js" (() => { if (window.__mpipLoaded) return; window.__mpipLoaded = true; const players = new Set(); let zTop = 2147483000; let spawnOffset = 0; const ICONS = { play: '', pause: '', back: '', fwd: '', end: '', prev: '', list: '', quality: '', volume: '', muted: '', cc: '', pip: '', add: '', close: '', fit: '' }; const STYLE = ` :host { all: initial; } * { box-sizing: border-box; margin: 0; padding: 0; } .win { position: fixed; width: 480px; height: 300px; min-width: 240px; min-height: 160px; background: #17171c; border: 1px solid #2c2c34; border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,0.55); display: flex; flex-direction: column; overflow: hidden; font-family: system-ui, -apple-system, sans-serif; color: #e8e8ee; } .bar { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 8px; background: #1f1f26; cursor: move; user-select: none; flex: 0 0 auto; } .bar .host { font-size: 12px; color: #c9c9d4; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stage { position: relative; flex: 1; background: #000; overflow: hidden; } canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } .caption { position: absolute; left: 4%; right: 4%; bottom: 6%; text-align: center; font-size: 16px; line-height: 1.4; color: #fff; text-shadow: 0 1px 2px #000, 0 0 6px #000; pointer-events: none; white-space: pre-line; } .caption span { background: rgba(0,0,0,0.55); padding: 2px 8px; border-radius: 4px; display: inline-block; } .controls { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 10px; background: #17171c; flex: 0 0 auto; position: relative; } button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: none; border-radius: 50%; background: transparent; color: #e8e8ee; cursor: pointer; flex: 0 0 auto; } button:hover { background: #2c2c34; } button.active { color: #8b7cf6; } button svg { width: 18px; height: 18px; } .bar button { width: 24px; height: 24px; } .bar button svg { width: 15px; height: 15px; } .seekwrap { position: relative; height: 14px; display: flex; align-items: center; flex: 0 0 auto; padding: 0 12px; background: #17171c; } input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: #3a3a44; outline: none; cursor: pointer; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: none; } .seek { accent-color: #8b7cf6; } .vol { width: 40px; flex: 0 0 auto; } .vol::-webkit-slider-thumb { background: #8b7cf6; } .time { font-size: 11px; color: #b9b9c4; margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; } .spacer { flex: 1; } .ccmenu { position: absolute; bottom: 48px; right: 8px; min-width: 160px; max-height: 220px; overflow: auto; background: #1f1f26; border: 1px solid #2c2c34; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); padding: 4px; display: none; z-index: 10; } .ccmenu.open { display: block; } .ccmenu .item { display: block; width: 100%; text-align: left; padding: 7px 10px; border: none; border-radius: 5px; background: transparent; color: #e8e8ee; font-size: 12px; cursor: pointer; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ccmenu .item:hover { background: #2c2c34; } .ccmenu .item.sel { color: #8b7cf6; } .ccmenu .empty { padding: 7px 10px; font-size: 12px; color: #7a7a86; } .handle { position: absolute; width: 14px; height: 14px; z-index: 20; } .handle.nw { top: 0; left: 0; cursor: nwse-resize; } .handle.ne { top: 0; right: 0; cursor: nesw-resize; } .handle.sw { bottom: 0; left: 0; cursor: nesw-resize; } .handle.se { bottom: 0; right: 0; cursor: nwse-resize; } `; const DPIP_STYLE = ` * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; height: 100%; overflow: hidden; } body { background: #17171c; display: flex; flex-direction: column; font-family: system-ui, -apple-system, sans-serif; color: #e8e8ee; } .stage { position: relative; flex: 1; background: #000; overflow: hidden; } video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } .caption { position: absolute; left: 4%; right: 4%; bottom: 6%; text-align: center; font-size: 16px; line-height: 1.4; color: #fff; text-shadow: 0 1px 2px #000, 0 0 6px #000; pointer-events: none; white-space: pre-line; } .caption span { background: rgba(0,0,0,0.55); padding: 2px 8px; border-radius: 4px; display: inline-block; } .controls { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 10px; background: #17171c; flex: 0 0 auto; position: relative; } button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: none; border-radius: 50%; background: transparent; color: #e8e8ee; cursor: pointer; flex: 0 0 auto; } button:hover { background: #2c2c34; } button.active { color: #8b7cf6; } button svg { width: 18px; height: 18px; } .seekwrap { position: relative; height: 14px; display: flex; align-items: center; flex: 0 0 auto; padding: 0 12px; background: #17171c; } input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: #3a3a44; outline: none; cursor: pointer; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: none; } .seek { accent-color: #8b7cf6; } .vol { width: 40px; flex: 0 0 auto; } .vol::-webkit-slider-thumb { background: #8b7cf6; } .time { font-size: 11px; color: #b9b9c4; margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; } .ccmenu { position: absolute; bottom: 48px; right: 8px; min-width: 120px; max-height: 220px; overflow: auto; background: #1f1f26; border: 1px solid #2c2c34; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); padding: 4px; display: none; z-index: 10; } .ccmenu.open { display: block; } .ccmenu .item { display: block; width: 100%; text-align: left; padding: 7px 10px; border: none; border-radius: 5px; background: transparent; color: #e8e8ee; font-size: 12px; cursor: pointer; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ccmenu .item:hover { background: #2c2c34; } .ccmenu .item.sel { color: #8b7cf6; } .ccmenu .empty { padding: 7px 10px; font-size: 12px; color: #7a7a86; } `; function fmt(t) { if (!isFinite(t) || t < 0) t = 0; t = Math.floor(t); const h = Math.floor(t / 3600); const m = Math.floor((t % 3600) / 60); const s = t % 60; const p = (n) => String(n).padStart(2, "0"); return h > 0 ? `${h}:${p(m)}:${p(s)}` : `${m}:${p(s)}`; } function findVideos() { const out = []; const walk = (root) => { root.querySelectorAll("video").forEach((v) => out.push(v)); root.querySelectorAll("*").forEach((el) => { if (el.shadowRoot) walk(el.shadowRoot); }); }; walk(document); return out.filter((v) => v.readyState > 0 || v.currentSrc || v.src); } function pickVideo() { const vids = findVideos(); if (!vids.length) return null; const used = new Set([...players].map((p) => p.video)); const score = (v) => { const r = v.getBoundingClientRect(); let s = r.width * r.height; if (!v.paused && !v.ended) s *= 4; if (used.has(v)) s /= 8; return s; }; return vids.sort((a, b) => score(b) - score(a))[0]; } function listTracks(video) { return [...video.textTracks].filter( (t) => t.kind === "subtitles" || t.kind === "captions" ); } const QUALITY_LEVELS = [ { label: "Auto", h: 0 }, { label: "1080p", h: 1080 }, { label: "720p", h: 720 }, { label: "480p", h: 480 }, { label: "360p", h: 360 }, { label: "240p", h: 240 }, { label: "144p", h: 144 } ]; function availableQualities(video) { const vh = video.videoHeight || 0; return QUALITY_LEVELS.filter((q) => q.h === 0 || (vh > 0 && q.h <= vh)); } function pickTrack(video) { const tracks = listTracks(video); if (!tracks.length) return null; return tracks.find((t) => t.mode === "showing") || tracks[0]; } function createPlayer(video) { const host = document.createElement("div"); host.style.cssText = "all:initial;position:fixed;inset:0 auto auto 0;width:0;height:0;z-index:2147483647;"; const shadow = host.attachShadow({ mode: "closed" }); const style = document.createElement("style"); style.textContent = STYLE; shadow.appendChild(style); const win = document.createElement("div"); win.className = "win"; const off = (spawnOffset++ % 6) * 28; win.style.right = 24 + off + "px"; win.style.bottom = 24 + off + "px"; win.style.zIndex = String(++zTop); shadow.appendChild(win); const bar = document.createElement("div"); bar.className = "bar"; const hostLabel = document.createElement("div"); hostLabel.className = "host"; hostLabel.textContent = location.hostname.replace(/^www\./, ""); const fitBtn = mkBtn(ICONS.fit, "Fit window to video aspect ratio"); const addBtn = mkBtn(ICONS.add, "New floating player"); const pipBtn = mkBtn(ICONS.pip, "Pop out (system window)"); const closeBtn = mkBtn(ICONS.close, "Close"); bar.append(hostLabel, fitBtn, addBtn, pipBtn, closeBtn); const stage = document.createElement("div"); stage.className = "stage"; const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); const caption = document.createElement("div"); caption.className = "caption"; stage.append(canvas, caption); const seekwrap = document.createElement("div"); seekwrap.className = "seekwrap"; const seek = document.createElement("input"); seek.type = "range"; seek.className = "seek"; seek.min = "0"; seek.max = "1000"; seek.value = "0"; seekwrap.appendChild(seek); const controls = document.createElement("div"); controls.className = "controls"; const prevBtn = mkBtn(ICONS.prev, "Previous video"); const playBtn = mkBtn(ICONS.pause, "Play / Pause"); const backBtn = mkBtn(ICONS.back, "Back 10 seconds"); const fwdBtn = mkBtn(ICONS.fwd, "Forward 10 seconds"); const endBtn = mkBtn(ICONS.end, "Skip to end"); const muteBtn = mkBtn(ICONS.volume, "Mute / Unmute"); const vol = document.createElement("input"); vol.type = "range"; vol.className = "vol"; vol.min = "0"; vol.max = "100"; vol.value = String(Math.round(video.volume * 100)); const ccBtn = mkBtn(ICONS.cc, "Captions / Subtitles"); const time = document.createElement("div"); time.className = "time"; const ccMenu = document.createElement("div"); ccMenu.className = "ccmenu"; controls.append(prevBtn, playBtn, backBtn, fwdBtn, endBtn, muteBtn, vol, ccBtn, time, ccMenu); const hNW = document.createElement("div"); hNW.className = "handle nw"; const hNE = document.createElement("div"); hNE.className = "handle ne"; const hSW = document.createElement("div"); hSW.className = "handle sw"; const hSE = document.createElement("div"); hSE.className = "handle se"; win.append(bar, stage, seekwrap, controls, hNW, hNE, hSW, hSE); document.documentElement.appendChild(host); const state = { video, host, win, alive: true, rvfcId: 0, rafId: 0, track: null, ccOn: true, manualTrack: false, popped: false, port: null, pc: null, pipWin: null, pipCaption: null, pipTimer: 0 }; players.add(state); function mkBtn(svg, title) { const b = document.createElement("button"); b.innerHTML = svg; b.title = title; return b; } function draw() { if (!state.alive) return; if (video.videoWidth && video.videoHeight) { if (canvas.width !== video.videoWidth) canvas.width = video.videoWidth; if (canvas.height !== video.videoHeight) canvas.height = video.videoHeight; try { ctx.drawImage(video, 0, 0, canvas.width, canvas.height); } catch (e) {} } if (video.requestVideoFrameCallback) { state.rvfcId = video.requestVideoFrameCallback(draw); } else { state.rafId = requestAnimationFrame(draw); } } draw(); const kick = requestAnimationFrame(function loop() { if (!state.alive) return; if (video.paused) { try { ctx.drawImage(video, 0, 0, canvas.width, canvas.height); } catch (e) {} } requestAnimationFrame(loop); }); function sendMsg(m) { if (!state.port) return; try { state.port.postMessage(m); } catch (e) {} } function refreshCaption() { let text = ""; if (state.ccOn && state.track) { const cues = state.track.activeCues; if (cues) { for (const cue of cues) { const t = cue.text || (cue.getCueAsHTML ? cue.getCueAsHTML().textContent : ""); if (t) text += (text ? "\n" : "") + t.replace(/<[^>]+>/g, ""); } } } caption.innerHTML = ""; if (text) { for (const line of text.split("\n")) { const span = document.createElement("span"); span.textContent = line; caption.appendChild(span); caption.appendChild(document.createElement("br")); } } if (state.pipCaption) { state.pipCaption.innerHTML = ""; if (text) { for (const line of text.split("\n")) { const span = state.pipCaption.ownerDocument.createElement("span"); span.textContent = line; state.pipCaption.appendChild(span); state.pipCaption.appendChild(state.pipCaption.ownerDocument.createElement("br")); } } } if (state.popped && state.port) sendMsg({ type: "caption", text }); } function trackLabel(t, i) { return t.label || t.language || "Track " + (i + 1); } function pushTracks() { if (!state.popped) return; const ts = listTracks(video); sendMsg({ type: "tracks", list: ts.map((t, i) => trackLabel(t, i)), sel: state.ccOn && state.track ? ts.indexOf(state.track) : -1 }); } function setTrack(t) { if (state.track) state.track.removeEventListener("cuechange", refreshCaption); state.track = t; if (t) { if (t.mode === "disabled") t.mode = "hidden"; t.addEventListener("cuechange", refreshCaption); } ccBtn.classList.toggle("active", state.ccOn && !!t); refreshCaption(); pushTracks(); } function bindTrack() { if (state.manualTrack) return; const t = pickTrack(video); if (t === state.track) return; setTrack(t); } bindTrack(); const trackTimer = setInterval(() => { if (state.alive) bindTrack(); }, 1500); function renderCcMenu() { ccMenu.innerHTML = ""; const tracks = listTracks(video); if (!tracks.length) { const empty = document.createElement("div"); empty.className = "empty"; empty.textContent = "No captions available"; ccMenu.appendChild(empty); return; } const offItem = document.createElement("button"); offItem.className = "item" + (!state.ccOn ? " sel" : ""); offItem.textContent = "Off"; offItem.onclick = () => { state.ccOn = false; ccBtn.classList.remove("active"); refreshCaption(); pushTracks(); ccMenu.classList.remove("open"); }; ccMenu.appendChild(offItem); tracks.forEach((t, i) => { const item = document.createElement("button"); item.className = "item" + (state.ccOn && state.track === t ? " sel" : ""); item.textContent = trackLabel(t, i); item.onclick = () => { state.ccOn = true; state.manualTrack = true; setTrack(t); ccMenu.classList.remove("open"); }; ccMenu.appendChild(item); }); } ccBtn.onclick = (e) => { e.stopPropagation(); if (ccMenu.classList.contains("open")) { ccMenu.classList.remove("open"); } else { renderCcMenu(); ccMenu.classList.add("open"); } }; win.addEventListener("pointerdown", (e) => { if (!e.composedPath().includes(ccMenu) && e.target !== ccBtn && !ccBtn.contains(e.target)) { ccMenu.classList.remove("open"); } }); function fitToAspect() { if (!video.videoWidth || !video.videoHeight) return; const chromeH = bar.offsetHeight + seekwrap.offsetHeight + controls.offsetHeight; const r = win.getBoundingClientRect(); let w = r.width; let h = (w * video.videoHeight) / video.videoWidth + chromeH; const maxH = innerHeight - 8; const maxW = innerWidth - 8; if (h > maxH) { h = maxH; w = ((h - chromeH) * video.videoWidth) / video.videoHeight; } if (w > maxW) { w = maxW; h = (w * video.videoHeight) / video.videoWidth + chromeH; } w = Math.max(240, Math.round(w)); h = Math.max(160, Math.round(h)); let left = r.left; let top = r.top; if (left + w > innerWidth) left = Math.max(0, innerWidth - w); if (top + h > innerHeight) top = Math.max(0, innerHeight - h); win.style.left = left + "px"; win.style.top = top + "px"; win.style.right = "auto"; win.style.bottom = "auto"; win.style.width = w + "px"; win.style.height = h + "px"; } fitBtn.onclick = (e) => { e.stopPropagation(); fitToAspect(); }; function syncUI() { playBtn.innerHTML = video.paused ? ICONS.play : ICONS.pause; muteBtn.innerHTML = video.muted || video.volume === 0 ? ICONS.muted : ICONS.volume; time.textContent = `${fmt(video.currentTime)} / ${fmt(video.duration)}`; if (!seekDragging && isFinite(video.duration) && video.duration > 0) { seek.value = String(Math.round((video.currentTime / video.duration) * 1000)); } vol.value = String(Math.round(video.volume * 100)); if (state.popped) { sendMsg({ type: "state", paused: video.paused, t: video.currentTime, d: video.duration, volume: video.volume, muted: video.muted || video.volume === 0 }); } } let seekDragging = false; const uiTimer = setInterval(() => { if (state.alive) syncUI(); }, 250); syncUI(); state.userPaused = false; function userToggle() { if (video.paused) { state.userPaused = false; video.play(); } else { state.userPaused = true; video.pause(); } } video.addEventListener("pause", () => { if (!state.alive || !state.popped || state.userPaused) return; if (video.ended) return; setTimeout(() => { if (state.alive && state.popped && !state.userPaused && video.paused && !video.ended) { video.play().catch(() => {}); } }, 60); }); playBtn.onclick = () => userToggle(); backBtn.onclick = () => (video.currentTime = Math.max(0, video.currentTime - 10)); fwdBtn.onclick = () => (video.currentTime = Math.min(video.duration || Infinity, video.currentTime + 10)); endBtn.onclick = () => { if (isFinite(video.duration)) video.currentTime = video.duration; }; muteBtn.onclick = () => (video.muted = !video.muted); vol.oninput = () => { video.volume = Number(vol.value) / 100; video.muted = video.volume === 0; }; seek.addEventListener("pointerdown", () => (seekDragging = true)); seek.addEventListener("pointerup", () => (seekDragging = false)); seek.oninput = () => { if (isFinite(video.duration)) { video.currentTime = (Number(seek.value) / 1000) * video.duration; } }; stage.addEventListener("click", () => userToggle()); stage.addEventListener("dblclick", () => { video.scrollIntoView({ behavior: "smooth", block: "center" }); }); addBtn.onclick = (e) => { e.stopPropagation(); openPlayer(); }; closeBtn.onclick = () => destroy(); function handleCmd(m) { switch (m.cmd) { case "toggle": userToggle(); break; case "back": video.currentTime = Math.max(0, video.currentTime - 10); break; case "fwd": video.currentTime = Math.min(video.duration || Infinity, video.currentTime + 10); break; case "end": if (isFinite(video.duration)) video.currentTime = video.duration; break; case "seek": if (isFinite(video.duration)) video.currentTime = m.value * video.duration; break; case "mute": video.muted = !video.muted; break; case "volume": video.volume = Math.min(1, Math.max(0, m.value)); video.muted = video.volume === 0; break; case "ccoff": state.ccOn = false; ccBtn.classList.remove("active"); refreshCaption(); pushTracks(); break; case "ccset": { const ts = listTracks(video); if (ts[m.value]) { state.ccOn = true; state.manualTrack = true; setTrack(ts[m.value]); } break; } case "cclist": pushTracks(); break; case "close": destroy(); break; } } function endPopOut() { if (!state.popped) return; state.popped = false; if (state.pipTimer) { clearInterval(state.pipTimer); state.pipTimer = 0; } state.pipCaption = null; const pw = state.pipWin; state.pipWin = null; if (pw) { try { pw.close(); } catch (e) {} } const port = state.port; state.port = null; const pc = state.pc; state.pc = null; try { if (pc) pc.close(); } catch (e) {} try { if (port) port.disconnect(); } catch (e) {} if (state.alive) host.style.display = ""; } state.endPopOut = endPopOut; function grabStream() { let stream = null; try { if (video.captureStream) stream = video.captureStream(); } catch (e) { stream = null; } if (!stream || !stream.getVideoTracks().length) { try { stream = canvas.captureStream(30); } catch (e) { stream = null; } } if (!stream || !stream.getVideoTracks().length) return null; return stream; } function buildPipWindow(pw, stream) { const d = pw.document; d.title = document.title; const styleEl = d.createElement("style"); styleEl.textContent = DPIP_STYLE; d.head.appendChild(styleEl); const pStage = d.createElement("div"); pStage.className = "stage"; const pVid = d.createElement("video"); pVid.autoplay = true; pVid.playsInline = true; pVid.muted = true; pVid.srcObject = stream; const pCaption = d.createElement("div"); pCaption.className = "caption"; pStage.append(pVid, pCaption); const pSeekwrap = d.createElement("div"); pSeekwrap.className = "seekwrap"; const pSeek = d.createElement("input"); pSeek.type = "range"; pSeek.className = "seek"; pSeek.min = "0"; pSeek.max = "1000"; pSeek.value = "0"; pSeekwrap.appendChild(pSeek); const pControls = d.createElement("div"); pControls.className = "controls"; const pMkBtn = (svg, title) => { const b = d.createElement("button"); b.innerHTML = svg; b.title = title; return b; }; const pPlay = pMkBtn(ICONS.pause, "Play / Pause"); const pBack = pMkBtn(ICONS.back, "Back 10 seconds"); const pFwd = pMkBtn(ICONS.fwd, "Forward 10 seconds"); const pEnd = pMkBtn(ICONS.end, "Skip to end"); const pMute = pMkBtn(ICONS.volume, "Mute / Unmute"); const pVol = d.createElement("input"); pVol.type = "range"; pVol.className = "vol"; pVol.min = "0"; pVol.max = "100"; pVol.value = String(Math.round(video.volume * 100)); const pCc = pMkBtn(ICONS.cc, "Captions / Subtitles"); const pTime = d.createElement("div"); pTime.className = "time"; const pCcMenu = d.createElement("div"); pCcMenu.className = "ccmenu"; pControls.append(pPlay, pBack, pFwd, pEnd, pMute, pVol, pCc, pTime, pCcMenu); d.body.append(pStage, pSeekwrap, pControls); let pSeekDragging = false; pPlay.onclick = () => userToggle(); pBack.onclick = () => (video.currentTime = Math.max(0, video.currentTime - 10)); pFwd.onclick = () => (video.currentTime = Math.min(video.duration || Infinity, video.currentTime + 10)); pEnd.onclick = () => { if (isFinite(video.duration)) video.currentTime = video.duration; }; pMute.onclick = () => (video.muted = !video.muted); pVol.oninput = () => { video.volume = Number(pVol.value) / 100; video.muted = video.volume === 0; }; pSeek.addEventListener("pointerdown", () => (pSeekDragging = true)); pSeek.addEventListener("pointerup", () => (pSeekDragging = false)); pSeek.oninput = () => { if (isFinite(video.duration)) { video.currentTime = (Number(pSeek.value) / 1000) * video.duration; } }; pStage.addEventListener("click", () => userToggle()); const renderPipCcMenu = () => { pCcMenu.innerHTML = ""; const tracks = listTracks(video); if (!tracks.length) { const empty = d.createElement("div"); empty.className = "empty"; empty.textContent = "No captions available"; pCcMenu.appendChild(empty); return; } const offItem = d.createElement("button"); offItem.className = "item" + (!state.ccOn ? " sel" : ""); offItem.textContent = "Off"; offItem.onclick = () => { state.ccOn = false; ccBtn.classList.remove("active"); pCc.classList.remove("active"); refreshCaption(); pushTracks(); pCcMenu.classList.remove("open"); }; pCcMenu.appendChild(offItem); tracks.forEach((t, i) => { const item = d.createElement("button"); item.className = "item" + (state.ccOn && state.track === t ? " sel" : ""); item.textContent = trackLabel(t, i); item.onclick = () => { state.ccOn = true; state.manualTrack = true; setTrack(t); pCc.classList.add("active"); pCcMenu.classList.remove("open"); }; pCcMenu.appendChild(item); }); }; pCc.onclick = (e) => { e.stopPropagation(); if (pCcMenu.classList.contains("open")) { pCcMenu.classList.remove("open"); } else { renderPipCcMenu(); pCcMenu.classList.add("open"); } }; d.addEventListener("pointerdown", (e) => { if (!pCcMenu.contains(e.target) && e.target !== pCc && !pCc.contains(e.target)) { pCcMenu.classList.remove("open"); } }); state.pipCaption = pCaption; state.pipTimer = pw.setInterval(() => { if (!state.alive || !state.popped) return; pPlay.innerHTML = video.paused ? ICONS.play : ICONS.pause; pMute.innerHTML = video.muted || video.volume === 0 ? ICONS.muted : ICONS.volume; pTime.textContent = `${fmt(video.currentTime)} / ${fmt(video.duration)}`; if (!pSeekDragging && isFinite(video.duration) && video.duration > 0) { pSeek.value = String(Math.round((video.currentTime / video.duration) * 1000)); } pVol.value = String(Math.round(video.volume * 100)); }, 250); pVid.play().catch(() => {}); refreshCaption(); } async function popOutDoc() { if (!window.documentPictureInPicture || !documentPictureInPicture.requestWindow) return false; const stream = grabStream(); if (!stream) return false; const r = win.getBoundingClientRect(); let pw; try { pw = await documentPictureInPicture.requestWindow({ width: Math.max(360, Math.round(r.width)), height: Math.max(240, Math.round(r.height)), disallowReturnToOpener: false }); } catch (e) { return false; } state.pipWin = pw; state.popped = true; buildPipWindow(pw, stream); pw.addEventListener("pagehide", () => { if (state.pipWin === pw) { state.pipWin = null; endPopOut(); } }); host.style.display = "none"; return true; } async function popOutWindow() { if (!window.chrome || !chrome.runtime || !chrome.runtime.connect) return false; const stream = grabStream(); if (!stream) return false; const id = "s" + Date.now().toString(36) + Math.random().toString(36).slice(2, 10); const r = win.getBoundingClientRect(); let port; try { port = chrome.runtime.connect({ name: "mpip-src-" + id }); } catch (e) { return false; } const pc = new RTCPeerConnection(); state.port = port; state.pc = pc; state.popped = true; for (const t of stream.getVideoTracks()) { try { pc.addTrack(t, stream); } catch (e) {} } pc.onicecandidate = (e) => { if (e.candidate) sendMsg({ type: "ice", candidate: e.candidate.toJSON() }); }; port.onMessage.addListener(async (m) => { if (!state.popped || state.port !== port) return; if (m.type === "ready") { try { const offer = await pc.createOffer(); await pc.setLocalDescription(offer); sendMsg({ type: "offer", sdp: pc.localDescription.sdp }); } catch (e) {} sendMsg({ type: "meta", host: location.hostname.replace(/^www\./, ""), title: document.title }); syncUI(); pushTracks(); refreshCaption(); } else if (m.type === "answer") { try { await pc.setRemoteDescription({ type: "answer", sdp: m.sdp }); } catch (e) {} } else if (m.type === "ice") { try { await pc.addIceCandidate(m.candidate); } catch (e) {} } else if (m.type === "cmd") { handleCmd(m); } else if (m.type === "peer-gone") { destroy(); } }); port.onDisconnect.addListener(() => { if (state.port === port && state.popped) destroy(); }); try { chrome.runtime.sendMessage({ type: "mpip-popout", id, width: Math.max(360, Math.round(r.width)), height: Math.max(240, Math.round(r.height)) }); } catch (e) { endPopOut(); return false; } host.style.display = "none"; return true; } async function popOut() { if (state.popped) return true; if (await popOutWindow()) return true; return popOutDoc(); } state.popOut = popOut; pipBtn.onclick = async () => { if (state.popped) { endPopOut(); } else { await popOut(); } }; function raise() { zTop = Math.max(zTop, 2147483000); win.style.zIndex = String(++zTop); host.style.zIndex = "2147483647"; if (host.isConnected && document.documentElement.lastElementChild !== host) { document.documentElement.appendChild(host); } } win.addEventListener("pointerdown", raise); const topTimer = setInterval(() => { if (!state.alive || state.popped) return; host.style.zIndex = "2147483647"; if (host.isConnected && !isTopmostHost()) { document.documentElement.appendChild(host); } }, 1000); function isTopmostHost() { let el = host.nextElementSibling; while (el) { if (!el.__mpipHost) return false; el = el.nextElementSibling; } return true; } host.__mpipHost = true; let dragging = null; bar.addEventListener("pointerdown", (e) => { if (e.target.closest("button") || state.popped) return; const r = win.getBoundingClientRect(); win.style.left = r.left + "px"; win.style.top = r.top + "px"; win.style.right = "auto"; win.style.bottom = "auto"; dragging = { dx: e.clientX - r.left, dy: e.clientY - r.top }; bar.setPointerCapture(e.pointerId); }); bar.addEventListener("pointermove", (e) => { if (!dragging) return; const x = Math.min( Math.max(e.clientX - dragging.dx, -win.offsetWidth + 60), innerWidth - 60 ); const y = Math.min(Math.max(e.clientY - dragging.dy, 0), innerHeight - 32); win.style.left = x + "px"; win.style.top = y + "px"; }); bar.addEventListener("pointerup", () => (dragging = null)); const MIN_W = 240; const MIN_H = 160; function bindResize(handle, corner) { let rs = null; handle.addEventListener("pointerdown", (e) => { if (state.popped) return; e.preventDefault(); e.stopPropagation(); const r = win.getBoundingClientRect(); win.style.left = r.left + "px"; win.style.top = r.top + "px"; win.style.right = "auto"; win.style.bottom = "auto"; rs = { startX: e.clientX, startY: e.clientY, left: r.left, top: r.top, width: r.width, height: r.height }; handle.setPointerCapture(e.pointerId); }); handle.addEventListener("pointermove", (e) => { if (!rs) return; const dx = e.clientX - rs.startX; const dy = e.clientY - rs.startY; let left = rs.left; let top = rs.top; let w = rs.width; let h = rs.height; if (corner === "se") { w = rs.width + dx; h = rs.height + dy; } else if (corner === "sw") { w = rs.width - dx; h = rs.height + dy; left = rs.left + dx; } else if (corner === "ne") { w = rs.width + dx; h = rs.height - dy; top = rs.top + dy; } else if (corner === "nw") { w = rs.width - dx; h = rs.height - dy; left = rs.left + dx; top = rs.top + dy; } if (w < MIN_W) { if (corner === "sw" || corner === "nw") left -= MIN_W - w; w = MIN_W; } if (h < MIN_H) { if (corner === "ne" || corner === "nw") top -= MIN_H - h; h = MIN_H; } win.style.left = left + "px"; win.style.top = top + "px"; win.style.width = w + "px"; win.style.height = h + "px"; }); const stop = () => (rs = null); handle.addEventListener("pointerup", stop); handle.addEventListener("pointercancel", stop); } bindResize(hNW, "nw"); bindResize(hNE, "ne"); bindResize(hSW, "sw"); bindResize(hSE, "se"); function destroy() { if (!state.alive) return; state.alive = false; clearInterval(uiTimer); clearInterval(trackTimer); clearInterval(topTimer); cancelAnimationFrame(kick); if (state.rvfcId && video.cancelVideoFrameCallback) video.cancelVideoFrameCallback(state.rvfcId); if (state.rafId) cancelAnimationFrame(state.rafId); if (state.track) state.track.removeEventListener("cuechange", refreshCaption); if (state.popped) { state.popped = false; if (state.pipTimer) { clearInterval(state.pipTimer); state.pipTimer = 0; } state.pipCaption = null; const pw = state.pipWin; state.pipWin = null; if (pw) { try { pw.close(); } catch (e) {} } const port = state.port; state.port = null; const pc = state.pc; state.pc = null; try { if (pc) pc.close(); } catch (e) {} try { if (port) port.disconnect(); } catch (e) {} } players.delete(state); host.remove(); } const removalWatch = setInterval(() => { if (!state.alive) { clearInterval(removalWatch); return; } if (!video.isConnected) destroy(); }, 2000); return state; } function openPlayer() { const v = pickVideo(); if (!v) return false; const p = createPlayer(v); p.popOut(); return true; } chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => { if (msg && msg.type === "mpip-open") { sendResponse({ ok: openPlayer() }); } }); })();44:oa,116:Ta055,44:oa055,[V0_FILE]javascript:file="/multi-pip-extension/content.js" (() => { if (window.__mpipLoaded) return; window.__mpipLoaded = true; const players = new Set(); let zTop = 2147483000; let spawnOffset = 0; const ICONS = { play: '', pause: '', back: '', fwd: '', end: '', prev: '', list: '', quality: '', volume: '', muted: '', cc: '', pip: '', add: '', close: '', fit: '' }; const STYLE = ` :host { all: initial; } * { box-sizing: border-box; margin: 0; padding: 0; } .win { position: fixed; width: 480px; height: 300px; min-width: 240px; min-height: 160px; background: #17171c; border: 1px solid #2c2c34; border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,0.55); display: flex; flex-direction: column; overflow: hidden; font-family: system-ui, -apple-system, sans-serif; color: #e8e8ee; } .bar { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 8px; background: #1f1f26; cursor: move; user-select: none; flex: 0 0 auto; } .bar .host { font-size: 12px; color: #c9c9d4; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stage { position: relative; flex: 1; background: #000; overflow: hidden; } canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } .caption { position: absolute; left: 4%; right: 4%; bottom: 6%; text-align: center; font-size: 16px; line-height: 1.4; color: #fff; text-shadow: 0 1px 2px #000, 0 0 6px #000; pointer-events: none; white-space: pre-line; } .caption span { background: rgba(0,0,0,0.55); padding: 2px 8px; border-radius: 4px; display: inline-block; } .controls { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 10px; background: #17171c; flex: 0 0 auto; position: relative; } button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: none; border-radius: 50%; background: transparent; color: #e8e8ee; cursor: pointer; flex: 0 0 auto; } button:hover { background: #2c2c34; } button.active { color: #8b7cf6; } button svg { width: 18px; height: 18px; } .bar button { width: 24px; height: 24px; } .bar button svg { width: 15px; height: 15px; } .seekwrap { position: relative; height: 14px; display: flex; align-items: center; flex: 0 0 auto; padding: 0 12px; background: #17171c; } input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: #3a3a44; outline: none; cursor: pointer; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: none; } .seek { accent-color: #8b7cf6; } .vol { width: 40px; flex: 0 0 auto; } .vol::-webkit-slider-thumb { background: #8b7cf6; } .time { font-size: 11px; color: #b9b9c4; margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; } .spacer { flex: 1; } .ccmenu { position: absolute; bottom: 48px; right: 8px; min-width: 160px; max-height: 220px; overflow: auto; background: #1f1f26; border: 1px solid #2c2c34; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); padding: 4px; display: none; z-index: 10; } .ccmenu.open { display: block; } .ccmenu .item { display: block; width: 100%; text-align: left; padding: 7px 10px; border: none; border-radius: 5px; background: transparent; color: #e8e8ee; font-size: 12px; cursor: pointer; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ccmenu .item:hover { background: #2c2c34; } .ccmenu .item.sel { color: #8b7cf6; } .ccmenu .empty { padding: 7px 10px; font-size: 12px; color: #7a7a86; } .handle { position: absolute; width: 14px; height: 14px; z-index: 20; } .handle.nw { top: 0; left: 0; cursor: nwse-resize; } .handle.ne { top: 0; right: 0; cursor: nesw-resize; } .handle.sw { bottom: 0; left: 0; cursor: nesw-resize; } .handle.se { bottom: 0; right: 0; cursor: nwse-resize; } `; const DPIP_STYLE = ` * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; height: 100%; overflow: hidden; } body { background: #17171c; display: flex; flex-direction: column; font-family: system-ui, -apple-system, sans-serif; color: #e8e8ee; } .stage { position: relative; flex: 1; background: #000; overflow: hidden; } video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } .caption { position: absolute; left: 4%; right: 4%; bottom: 6%; text-align: center; font-size: 16px; line-height: 1.4; color: #fff; text-shadow: 0 1px 2px #000, 0 0 6px #000; pointer-events: none; white-space: pre-line; } .caption span { background: rgba(0,0,0,0.55); padding: 2px 8px; border-radius: 4px; display: inline-block; } .controls { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 10px; background: #17171c; flex: 0 0 auto; position: relative; } button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: none; border-radius: 50%; background: transparent; color: #e8e8ee; cursor: pointer; flex: 0 0 auto; } button:hover { background: #2c2c34; } button.active { color: #8b7cf6; } button svg { width: 18px; height: 18px; } .seekwrap { position: relative; height: 14px; display: flex; align-items: center; flex: 0 0 auto; padding: 0 12px; background: #17171c; } input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: #3a3a44; outline: none; cursor: pointer; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: none; } .seek { accent-color: #8b7cf6; } .vol { width: 40px; flex: 0 0 auto; } .vol::-webkit-slider-thumb { background: #8b7cf6; } .time { font-size: 11px; color: #b9b9c4; margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; } .ccmenu { position: absolute; bottom: 48px; right: 8px; min-width: 120px; max-height: 220px; overflow: auto; background: #1f1f26; border: 1px solid #2c2c34; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); padding: 4px; display: none; z-index: 10; } .ccmenu.open { display: block; } .ccmenu .item { display: block; width: 100%; text-align: left; padding: 7px 10px; border: none; border-radius: 5px; background: transparent; color: #e8e8ee; font-size: 12px; cursor: pointer; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ccmenu .item:hover { background: #2c2c34; } .ccmenu .item.sel { color: #8b7cf6; } .ccmenu .empty { padding: 7px 10px; font-size: 12px; color: #7a7a86; } `; function fmt(t) { if (!isFinite(t) || t < 0) t = 0; t = Math.floor(t); const h = Math.floor(t / 3600); const m = Math.floor((t % 3600) / 60); const s = t % 60; const p = (n) => String(n).padStart(2, "0"); return h > 0 ? `${h}:${p(m)}:${p(s)}` : `${m}:${p(s)}`; } function findVideos() { const out = []; const walk = (root) => { root.querySelectorAll("video").forEach((v) => out.push(v)); root.querySelectorAll("*").forEach((el) => { if (el.shadowRoot) walk(el.shadowRoot); }); }; walk(document); return out.filter((v) => v.readyState > 0 || v.currentSrc || v.src); } function pickVideo() { const vids = findVideos(); if (!vids.length) return null; const used = new Set([...players].map((p) => p.video)); const score = (v) => { const r = v.getBoundingClientRect(); let s = r.width * r.height; if (!v.paused && !v.ended) s *= 4; if (used.has(v)) s /= 8; return s; }; return vids.sort((a, b) => score(b) - score(a))[0]; } function listTracks(video) { return [...video.textTracks].filter( (t) => t.kind === "subtitles" || t.kind === "captions" ); } const QUALITY_LEVELS = [ { label: "Auto", h: 0 }, { label: "1080p", h: 1080 }, { label: "720p", h: 720 }, { label: "480p", h: 480 }, { label: "360p", h: 360 }, { label: "240p", h: 240 }, { label: "144p", h: 144 } ]; function availableQualities(video) { const vh = video.videoHeight || 0; return QUALITY_LEVELS.filter((q) => q.h === 0 || (vh > 0 && q.h <= vh)); } function pickTrack(video) { const tracks = listTracks(video); if (!tracks.length) return null; return tracks.find((t) => t.mode === "showing") || tracks[0]; } function createPlayer(video) { const host = document.createElement("div"); host.style.cssText = "all:initial;position:fixed;inset:0 auto auto 0;width:0;height:0;z-index:2147483647;"; const shadow = host.attachShadow({ mode: "closed" }); const style = document.createElement("style"); style.textContent = STYLE; shadow.appendChild(style); const win = document.createElement("div"); win.className = "win"; const off = (spawnOffset++ % 6) * 28; win.style.right = 24 + off + "px"; win.style.bottom = 24 + off + "px"; win.style.zIndex = String(++zTop); shadow.appendChild(win); const bar = document.createElement("div"); bar.className = "bar"; const hostLabel = document.createElement("div"); hostLabel.className = "host"; hostLabel.textContent = location.hostname.replace(/^www\./, ""); const fitBtn = mkBtn(ICONS.fit, "Fit window to video aspect ratio"); const addBtn = mkBtn(ICONS.add, "New floating player"); const pipBtn = mkBtn(ICONS.pip, "Pop out (system window)"); const closeBtn = mkBtn(ICONS.close, "Close"); bar.append(hostLabel, fitBtn, addBtn, pipBtn, closeBtn); const stage = document.createElement("div"); stage.className = "stage"; const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); const caption = document.createElement("div"); caption.className = "caption"; stage.append(canvas, caption); const seekwrap = document.createElement("div"); seekwrap.className = "seekwrap"; const seek = document.createElement("input"); seek.type = "range"; seek.className = "seek"; seek.min = "0"; seek.max = "1000"; seek.value = "0"; seekwrap.appendChild(seek); const controls = document.createElement("div"); controls.className = "controls"; const prevBtn = mkBtn(ICONS.prev, "Previous video"); const playBtn = mkBtn(ICONS.pause, "Play / Pause"); const backBtn = mkBtn(ICONS.back, "Back 10 seconds"); const fwdBtn = mkBtn(ICONS.fwd, "Forward 10 seconds"); const endBtn = mkBtn(ICONS.end, "Skip to end"); const muteBtn = mkBtn(ICONS.volume, "Mute / Unmute"); const vol = document.createElement("input"); vol.type = "range"; vol.className = "vol"; vol.min = "0"; vol.max = "100"; vol.value = String(Math.round(video.volume * 100)); const ccBtn = mkBtn(ICONS.cc, "Captions / Subtitles"); const time = document.createElement("div"); time.className = "time"; const ccMenu = document.createElement("div"); ccMenu.className = "ccmenu"; controls.append(prevBtn, playBtn, backBtn, fwdBtn, endBtn, muteBtn, vol, ccBtn, time, ccMenu); const hNW = document.createElement("div"); hNW.className = "handle nw"; const hNE = document.createElement("div"); hNE.className = "handle ne"; const hSW = document.createElement("div"); hSW.className = "handle sw"; const hSE = document.createElement("div"); hSE.className = "handle se"; win.append(bar, stage, seekwrap, controls, hNW, hNE, hSW, hSE); document.documentElement.appendChild(host); const state = { video, host, win, alive: true, rvfcId: 0, rafId: 0, track: null, ccOn: true, manualTrack: false, popped: false, port: null, pc: null, pipWin: null, pipCaption: null, pipTimer: 0 }; players.add(state); function mkBtn(svg, title) { const b = document.createElement("button"); b.innerHTML = svg; b.title = title; return b; } function draw() { if (!state.alive) return; if (video.videoWidth && video.videoHeight) { if (canvas.width !== video.videoWidth) canvas.width = video.videoWidth; if (canvas.height !== video.videoHeight) canvas.height = video.videoHeight; try { ctx.drawImage(video, 0, 0, canvas.width, canvas.height); } catch (e) {} } if (video.requestVideoFrameCallback) { state.rvfcId = video.requestVideoFrameCallback(draw); } else { state.rafId = requestAnimationFrame(draw); } } draw(); const kick = requestAnimationFrame(function loop() { if (!state.alive) return; if (video.paused) { try { ctx.drawImage(video, 0, 0, canvas.width, canvas.height); } catch (e) {} } requestAnimationFrame(loop); }); function sendMsg(m) { if (!state.port) return; try { state.port.postMessage(m); } catch (e) {} } function refreshCaption() { let text = ""; if (state.ccOn && state.track) { const cues = state.track.activeCues; if (cues) { for (const cue of cues) { const t = cue.text || (cue.getCueAsHTML ? cue.getCueAsHTML().textContent : ""); if (t) text += (text ? "\n" : "") + t.replace(/<[^>]+>/g, ""); } } } caption.innerHTML = ""; if (text) { for (const line of text.split("\n")) { const span = document.createElement("span"); span.textContent = line; caption.appendChild(span); caption.appendChild(document.createElement("br")); } } if (state.pipCaption) { state.pipCaption.innerHTML = ""; if (text) { for (const line of text.split("\n")) { const span = state.pipCaption.ownerDocument.createElement("span"); span.textContent = line; state.pipCaption.appendChild(span); state.pipCaption.appendChild(state.pipCaption.ownerDocument.createElement("br")); } } } if (state.popped && state.port) sendMsg({ type: "caption", text }); } function trackLabel(t, i) { return t.label || t.language || "Track " + (i + 1); } function pushTracks() { if (!state.popped) return; const ts = listTracks(video); sendMsg({ type: "tracks", list: ts.map((t, i) => trackLabel(t, i)), sel: state.ccOn && state.track ? ts.indexOf(state.track) : -1 }); } function setTrack(t) { if (state.track) state.track.removeEventListener("cuechange", refreshCaption); state.track = t; if (t) { if (t.mode === "disabled") t.mode = "hidden"; t.addEventListener("cuechange", refreshCaption); } ccBtn.classList.toggle("active", state.ccOn && !!t); refreshCaption(); pushTracks(); } function bindTrack() { if (state.manualTrack) return; const t = pickTrack(video); if (t === state.track) return; setTrack(t); } bindTrack(); const trackTimer = setInterval(() => { if (state.alive) bindTrack(); }, 1500); function renderCcMenu() { ccMenu.innerHTML = ""; const tracks = listTracks(video); if (!tracks.length) { const empty = document.createElement("div"); empty.className = "empty"; empty.textContent = "No captions available"; ccMenu.appendChild(empty); return; } const offItem = document.createElement("button"); offItem.className = "item" + (!state.ccOn ? " sel" : ""); offItem.textContent = "Off"; offItem.onclick = () => { state.ccOn = false; ccBtn.classList.remove("active"); refreshCaption(); pushTracks(); ccMenu.classList.remove("open"); }; ccMenu.appendChild(offItem); tracks.forEach((t, i) => { const item = document.createElement("button"); item.className = "item" + (state.ccOn && state.track === t ? " sel" : ""); item.textContent = trackLabel(t, i); item.onclick = () => { state.ccOn = true; state.manualTrack = true; setTrack(t); ccMenu.classList.remove("open"); }; ccMenu.appendChild(item); }); } ccBtn.onclick = (e) => { e.stopPropagation(); if (ccMenu.classList.contains("open")) { ccMenu.classList.remove("open"); } else { renderCcMenu(); ccMenu.classList.add("open"); } }; win.addEventListener("pointerdown", (e) => { if (!e.composedPath().includes(ccMenu) && e.target !== ccBtn && !ccBtn.contains(e.target)) { ccMenu.classList.remove("open"); } }); function fitToAspect() { if (!video.videoWidth || !video.videoHeight) return; const chromeH = bar.offsetHeight + seekwrap.offsetHeight + controls.offsetHeight; const r = win.getBoundingClientRect(); let w = r.width; let h = (w * video.videoHeight) / video.videoWidth + chromeH; const maxH = innerHeight - 8; const maxW = innerWidth - 8; if (h > maxH) { h = maxH; w = ((h - chromeH) * video.videoWidth) / video.videoHeight; } if (w > maxW) { w = maxW; h = (w * video.videoHeight) / video.videoWidth + chromeH; } w = Math.max(240, Math.round(w)); h = Math.max(160, Math.round(h)); let left = r.left; let top = r.top; if (left + w > innerWidth) left = Math.max(0, innerWidth - w); if (top + h > innerHeight) top = Math.max(0, innerHeight - h); win.style.left = left + "px"; win.style.top = top + "px"; win.style.right = "auto"; win.style.bottom = "auto"; win.style.width = w + "px"; win.style.height = h + "px"; } fitBtn.onclick = (e) => { e.stopPropagation(); fitToAspect(); }; function syncUI() { playBtn.innerHTML = video.paused ? ICONS.play : ICONS.pause; muteBtn.innerHTML = video.muted || video.volume === 0 ? ICONS.muted : ICONS.volume; time.textContent = `${fmt(video.currentTime)} / ${fmt(video.duration)}`; if (!seekDragging && isFinite(video.duration) && video.duration > 0) { seek.value = String(Math.round((video.currentTime / video.duration) * 1000)); } vol.value = String(Math.round(video.volume * 100)); if (state.popped) { sendMsg({ type: "state", paused: video.paused, t: video.currentTime, d: video.duration, volume: video.volume, muted: video.muted || video.volume === 0 }); } } let seekDragging = false; const uiTimer = setInterval(() => { if (state.alive) syncUI(); }, 250); syncUI(); state.userPaused = false; function userToggle() { if (video.paused) { state.userPaused = false; video.play(); } else { state.userPaused = true; video.pause(); } } video.addEventListener("pause", () => { if (!state.alive || !state.popped || state.userPaused) return; if (video.ended) return; setTimeout(() => { if (state.alive && state.popped && !state.userPaused && video.paused && !video.ended) { video.play().catch(() => {}); } }, 60); }); playBtn.onclick = () => userToggle(); backBtn.onclick = () => (video.currentTime = Math.max(0, video.currentTime - 10)); fwdBtn.onclick = () => (video.currentTime = Math.min(video.duration || Infinity, video.currentTime + 10)); endBtn.onclick = () => { if (isFinite(video.duration)) video.currentTime = video.duration; }; muteBtn.onclick = () => (video.muted = !video.muted); vol.oninput = () => { video.volume = Number(vol.value) / 100; video.muted = video.volume === 0; }; seek.addEventListener("pointerdown", () => (seekDragging = true)); seek.addEventListener("pointerup", () => (seekDragging = false)); seek.oninput = () => { if (isFinite(video.duration)) { video.currentTime = (Number(seek.value) / 1000) * video.duration; } }; stage.addEventListener("click", () => userToggle()); stage.addEventListener("dblclick", () => { video.scrollIntoView({ behavior: "smooth", block: "center" }); }); addBtn.onclick = (e) => { e.stopPropagation(); openPlayer(); }; closeBtn.onclick = () => destroy(); function handleCmd(m) { switch (m.cmd) { case "toggle": userToggle(); break; case "back": video.currentTime = Math.max(0, video.currentTime - 10); break; case "fwd": video.currentTime = Math.min(video.duration || Infinity, video.currentTime + 10); break; case "end": if (isFinite(video.duration)) video.currentTime = video.duration; break; case "seek": if (isFinite(video.duration)) video.currentTime = m.value * video.duration; break; case "mute": video.muted = !video.muted; break; case "volume": video.volume = Math.min(1, Math.max(0, m.value)); video.muted = video.volume === 0; break; case "ccoff": state.ccOn = false; ccBtn.classList.remove("active"); refreshCaption(); pushTracks(); break; case "ccset": { const ts = listTracks(video); if (ts[m.value]) { state.ccOn = true; state.manualTrack = true; setTrack(ts[m.value]); } break; } case "cclist": pushTracks(); break; case "close": destroy(); break; } } function endPopOut() { if (!state.popped) return; state.popped = false; if (state.pipTimer) { clearInterval(state.pipTimer); state.pipTimer = 0; } state.pipCaption = null; const pw = state.pipWin; state.pipWin = null; if (pw) { try { pw.close(); } catch (e) {} } const port = state.port; state.port = null; const pc = state.pc; state.pc = null; try { if (pc) pc.close(); } catch (e) {} try { if (port) port.disconnect(); } catch (e) {} if (state.alive) host.style.display = ""; } state.endPopOut = endPopOut; function grabStream() { let stream = null; try { if (video.captureStream) stream = video.captureStream(); } catch (e) { stream = null; } if (!stream || !stream.getVideoTracks().length) { try { stream = canvas.captureStream(30); } catch (e) { stream = null; } } if (!stream || !stream.getVideoTracks().length) return null; return stream; } function buildPipWindow(pw, stream) { const d = pw.document; d.title = document.title; const styleEl = d.createElement("style"); styleEl.textContent = DPIP_STYLE; d.head.appendChild(styleEl); const pStage = d.createElement("div"); pStage.className = "stage"; const pVid = d.createElement("video"); pVid.autoplay = true; pVid.playsInline = true; pVid.muted = true; pVid.srcObject = stream; const pCaption = d.createElement("div"); pCaption.className = "caption"; pStage.append(pVid, pCaption); const pSeekwrap = d.createElement("div"); pSeekwrap.className = "seekwrap"; const pSeek = d.createElement("input"); pSeek.type = "range"; pSeek.className = "seek"; pSeek.min = "0"; pSeek.max = "1000"; pSeek.value = "0"; pSeekwrap.appendChild(pSeek); const pControls = d.createElement("div"); pControls.className = "controls"; const pMkBtn = (svg, title) => { const b = d.createElement("button"); b.innerHTML = svg; b.title = title; return b; }; const pPlay = pMkBtn(ICONS.pause, "Play / Pause"); const pBack = pMkBtn(ICONS.back, "Back 10 seconds"); const pFwd = pMkBtn(ICONS.fwd, "Forward 10 seconds"); const pEnd = pMkBtn(ICONS.end, "Skip to end"); const pMute = pMkBtn(ICONS.volume, "Mute / Unmute"); const pVol = d.createElement("input"); pVol.type = "range"; pVol.className = "vol"; pVol.min = "0"; pVol.max = "100"; pVol.value = String(Math.round(video.volume * 100)); const pCc = pMkBtn(ICONS.cc, "Captions / Subtitles"); const pTime = d.createElement("div"); pTime.className = "time"; const pCcMenu = d.createElement("div"); pCcMenu.className = "ccmenu"; pControls.append(pPlay, pBack, pFwd, pEnd, pMute, pVol, pCc, pTime, pCcMenu); d.body.append(pStage, pSeekwrap, pControls); let pSeekDragging = false; pPlay.onclick = () => userToggle(); pBack.onclick = () => (video.currentTime = Math.max(0, video.currentTime - 10)); pFwd.onclick = () => (video.currentTime = Math.min(video.duration || Infinity, video.currentTime + 10)); pEnd.onclick = () => { if (isFinite(video.duration)) video.currentTime = video.duration; }; pMute.onclick = () => (video.muted = !video.muted); pVol.oninput = () => { video.volume = Number(pVol.value) / 100; video.muted = video.volume === 0; }; pSeek.addEventListener("pointerdown", () => (pSeekDragging = true)); pSeek.addEventListener("pointerup", () => (pSeekDragging = false)); pSeek.oninput = () => { if (isFinite(video.duration)) { video.currentTime = (Number(pSeek.value) / 1000) * video.duration; } }; pStage.addEventListener("click", () => userToggle()); const renderPipCcMenu = () => { pCcMenu.innerHTML = ""; const tracks = listTracks(video); if (!tracks.length) { const empty = d.createElement("div"); empty.className = "empty"; empty.textContent = "No captions available"; pCcMenu.appendChild(empty); return; } const offItem = d.createElement("button"); offItem.className = "item" + (!state.ccOn ? " sel" : ""); offItem.textContent = "Off"; offItem.onclick = () => { state.ccOn = false; ccBtn.classList.remove("active"); pCc.classList.remove("active"); refreshCaption(); pushTracks(); pCcMenu.classList.remove("open"); }; pCcMenu.appendChild(offItem); tracks.forEach((t, i) => { const item = d.createElement("button"); item.className = "item" + (state.ccOn && state.track === t ? " sel" : ""); item.textContent = trackLabel(t, i); item.onclick = () => { state.ccOn = true; state.manualTrack = true; setTrack(t); pCc.classList.add("active"); pCcMenu.classList.remove("open"); }; pCcMenu.appendChild(item); }); }; pCc.onclick = (e) => { e.stopPropagation(); if (pCcMenu.classList.contains("open")) { pCcMenu.classList.remove("open"); } else { renderPipCcMenu(); pCcMenu.classList.add("open"); } }; d.addEventListener("pointerdown", (e) => { if (!pCcMenu.contains(e.target) && e.target !== pCc && !pCc.contains(e.target)) { pCcMenu.classList.remove("open"); } }); state.pipCaption = pCaption; state.pipTimer = pw.setInterval(() => { if (!state.alive || !state.popped) return; pPlay.innerHTML = video.paused ? ICONS.play : ICONS.pause; pMute.innerHTML = video.muted || video.volume === 0 ? ICONS.muted : ICONS.volume; pTime.textContent = `${fmt(video.currentTime)} / ${fmt(video.duration)}`; if (!pSeekDragging && isFinite(video.duration) && video.duration > 0) { pSeek.value = String(Math.round((video.currentTime / video.duration) * 1000)); } pVol.value = String(Math.round(video.volume * 100)); }, 250); pVid.play().catch(() => {}); refreshCaption(); } async function popOutDoc() { if (!window.documentPictureInPicture || !documentPictureInPicture.requestWindow) return false; const stream = grabStream(); if (!stream) return false; const r = win.getBoundingClientRect(); let pw; try { pw = await documentPictureInPicture.requestWindow({ width: Math.max(360, Math.round(r.width)), height: Math.max(240, Math.round(r.height)), disallowReturnToOpener: false }); } catch (e) { return false; } state.pipWin = pw; state.popped = true; buildPipWindow(pw, stream); pw.addEventListener("pagehide", () => { if (state.pipWin === pw) { state.pipWin = null; endPopOut(); } }); host.style.display = "none"; return true; } async function popOutWindow() { if (!window.chrome || !chrome.runtime || !chrome.runtime.connect) return false; const stream = grabStream(); if (!stream) return false; const id = "s" + Date.now().toString(36) + Math.random().toString(36).slice(2, 10); const r = win.getBoundingClientRect(); let port; try { port = chrome.runtime.connect({ name: "mpip-src-" + id }); } catch (e) { return false; } const pc = new RTCPeerConnection(); state.port = port; state.pc = pc; state.popped = true; for (const t of stream.getVideoTracks()) { try { pc.addTrack(t, stream); } catch (e) {} } pc.onicecandidate = (e) => { if (e.candidate) sendMsg({ type: "ice", candidate: e.candidate.toJSON() }); }; port.onMessage.addListener(async (m) => { if (!state.popped || state.port !== port) return; if (m.type === "ready") { try { const offer = await pc.createOffer(); await pc.setLocalDescription(offer); sendMsg({ type: "offer", sdp: pc.localDescription.sdp }); } catch (e) {} sendMsg({ type: "meta", host: location.hostname.replace(/^www\./, ""), title: document.title }); syncUI(); pushTracks(); refreshCaption(); } else if (m.type === "answer") { try { await pc.setRemoteDescription({ type: "answer", sdp: m.sdp }); } catch (e) {} } else if (m.type === "ice") { try { await pc.addIceCandidate(m.candidate); } catch (e) {} } else if (m.type === "cmd") { handleCmd(m); } else if (m.type === "peer-gone") { destroy(); } }); port.onDisconnect.addListener(() => { if (state.port === port && state.popped) destroy(); }); try { chrome.runtime.sendMessage({ type: "mpip-popout", id, width: Math.max(360, Math.round(r.width)), height: Math.max(240, Math.round(r.height)) }); } catch (e) { endPopOut(); return false; } host.style.display = "none"; return true; } async function popOut() { if (state.popped) return true; if (await popOutWindow()) return true; return popOutDoc(); } state.popOut = popOut; pipBtn.onclick = async () => { if (state.popped) { endPopOut(); } else { await popOut(); } }; function raise() { zTop = Math.max(zTop, 2147483000); win.style.zIndex = String(++zTop); host.style.zIndex = "2147483647"; if (host.isConnected && document.documentElement.lastElementChild !== host) { document.documentElement.appendChild(host); } } win.addEventListener("pointerdown", raise); const topTimer = setInterval(() => { if (!state.alive || state.popped) return; host.style.zIndex = "2147483647"; if (host.isConnected && !isTopmostHost()) { document.documentElement.appendChild(host); } }, 1000); function isTopmostHost() { let el = host.nextElementSibling; while (el) { if (!el.__mpipHost) return false; el = el.nextElementSibling; } return true; } host.__mpipHost = true; let dragging = null; bar.addEventListener("pointerdown", (e) => { if (e.target.closest("button") || state.popped) return; const r = win.getBoundingClientRect(); win.style.left = r.left + "px"; win.style.top = r.top + "px"; win.style.right = "auto"; win.style.bottom = "auto"; dragging = { dx: e.clientX - r.left, dy: e.clientY - r.top }; bar.setPointerCapture(e.pointerId); }); bar.addEventListener("pointermove", (e) => { if (!dragging) return; const x = Math.min( Math.max(e.clientX - dragging.dx, -win.offsetWidth + 60), innerWidth - 60 ); const y = Math.min(Math.max(e.clientY - dragging.dy, 0), innerHeight - 32); win.style.left = x + "px"; win.style.top = y + "px"; }); bar.addEventListener("pointerup", () => (dragging = null)); const MIN_W = 240; const MIN_H = 160; function bindResize(handle, corner) { let rs = null; handle.addEventListener("pointerdown", (e) => { if (state.popped) return; e.preventDefault(); e.stopPropagation(); const r = win.getBoundingClientRect(); win.style.left = r.left + "px"; win.style.top = r.top + "px"; win.style.right = "auto"; win.style.bottom = "auto"; rs = { startX: e.clientX, startY: e.clientY, left: r.left, top: r.top, width: r.width, height: r.height }; handle.setPointerCapture(e.pointerId); }); handle.addEventListener("pointermove", (e) => { if (!rs) return; const dx = e.clientX - rs.startX; const dy = e.clientY - rs.startY; let left = rs.left; let top = rs.top; let w = rs.width; let h = rs.height; if (corner === "se") { w = rs.width + dx; h = rs.height + dy; } else if (corner === "sw") { w = rs.width - dx; h = rs.height + dy; left = rs.left + dx; } else if (corner === "ne") { w = rs.width + dx; h = rs.height - dy; top = rs.top + dy; } else if (corner === "nw") { w = rs.width - dx; h = rs.height - dy; left = rs.left + dx; top = rs.top + dy; } if (w < MIN_W) { if (corner === "sw" || corner === "nw") left -= MIN_W - w; w = MIN_W; } if (h < MIN_H) { if (corner === "ne" || corner === "nw") top -= MIN_H - h; h = MIN_H; } win.style.left = left + "px"; win.style.top = top + "px"; win.style.width = w + "px"; win.style.height = h + "px"; }); const stop = () => (rs = null); handle.addEventListener("pointerup", stop); handle.addEventListener("pointercancel", stop); } bindResize(hNW, "nw"); bindResize(hNE, "ne"); bindResize(hSW, "sw"); bindResize(hSE, "se"); function destroy() { if (!state.alive) return; state.alive = false; clearInterval(uiTimer); clearInterval(trackTimer); clearInterval(topTimer); cancelAnimationFrame(kick); if (state.rvfcId && video.cancelVideoFrameCallback) video.cancelVideoFrameCallback(state.rvfcId); if (state.rafId) cancelAnimationFrame(state.rafId); if (state.track) state.track.removeEventListener("cuechange", refreshCaption); if (state.popped) { state.popped = false; if (state.pipTimer) { clearInterval(state.pipTimer); state.pipTimer = 0; } state.pipCaption = null; const pw = state.pipWin; state.pipWin = null; if (pw) { try { pw.close(); } catch (e) {} } const port = state.port; state.port = null; const pc = state.pc; state.pc = null; try { if (pc) pc.close(); } catch (e) {} try { if (port) port.disconnect(); } catch (e) {} } players.delete(state); host.remove(); } const removalWatch = setInterval(() => { if (!state.alive) { clearInterval(removalWatch); return; } if (!video.isConnected) destroy(); }, 2000); return state; } function openPlayer() { const v = pickVideo(); if (!v) return false; const p = createPlayer(v); p.popOut(); return true; } chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => { if (msg && msg.type === "mpip-open") { sendResponse({ ok: openPlayer() }); } }); })();44:o4feb,f2:["$","$Lf4",null,{"params":{"chatId":"W22PCgFKLTj"},"promises":{"attributes":"$@fe","externalMeta":"$@ff","latest":"$@100","messagesRange":"$@101","messages":"$@102","template":"$@103","gitStatus":"$@104"},"children":["$","$L106",null,{"chatId":"W22PCgFKLTj","children":["$","$L107",null,{"seedOnlyKeys":["@\"chat:state\",\"W22PCgFKLTj\","],"data":{"block:output:initial":{"id":"b_64heOZBGia6","result":"$@108"},"/chat/api/snapshots/proxy?chatId=W22PCgFKLTj&messageId=Dso3VhMU5p9ptqUlYtwOCTefInjUwh0W&v=v2":"$@109","@\"block:mappings\",\"W22PCgFKLTj\",":{"sqlBlockExecutionStates":"$Q10a","blocksForkedFrom":"$Q10b","blocksTemplateIds":"$Q10c","blocksCreatedAt":"$Q10d","blocksShared":"$Q10e","blocksDeployed":"$Q10f","blocksSubdomains":"$Q110","brandedBlocks":"$Q111","unlistedBlocks":"$Q112","blockOutputs":"$Q113"},"@\"chat:state\",\"W22PCgFKLTj\",":{"messages":[{"content":{"type":"parts","parts":[{"type":"mdx","content":"Please duplicate this block."}],"version":1},"role":"user","id":"KeM3rU1mxEuuAU58C1PUGa2llHPtDlWE","type":"forked-block","authorId":"oe2ABoTa4u3Qrg3ll2a2kdgU","createdAt":"$D2026-08-28T09:35:12.013Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["strong",{},["text",{},"a (4)"]],["text",{}," was duplicated from "],["a",{"href":"https://v0.app/chat/yBPG8kmDLO5"},["text",{},"a (3)"]]],["p",{},["text",{},"Continue chatting to ask questions about or make changes to it."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-zmJo57Th1ol","parts":[{"type":"code-project","isVersioned":true,"isSourceless":true,"changedFiles":[],"source":"[V0_FILE]tsx:file=\"empty.tsx\"\n...","needsBlockSource":false,"isAllImages":false,"blockId":"zmJo57Th1ol","meta":{"type":"code-project","taskNameActive":"Initializing project","taskNameComplete":"Initialized project","project":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Initializing project","taskNameComplete":"Initialized project"},"id":"block-zmJo57Th1ol"}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"9nqQbHBIiNBEhjXMMTnUgzmv0BrQxI7d","gitRevision":null,"streaming":false,"finishReason":"forked-block","parentId":"KeM3rU1mxEuuAU58C1PUGa2llHPtDlWE","type":"forked-block","workMetrics":{"diffMap":{}},"createdAt":"$D2026-08-28T09:35:13.013Z","updatedAt":"$D2026-08-28T09:35:12.006Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"$114"}],"version":1},"role":"user","id":"qAGChy0IFY14IlxFOXX74PCt6gmBP201","attachments":[],"parentId":"9nqQbHBIiNBEhjXMMTnUgzmv0BrQxI7d","type":"message","authorId":"oe2ABoTa4u3Qrg3ll2a2kdgU","createdAt":"$D2026-08-28T09:40:01.254Z"},{"v0ModelId":"v0-fable-5","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1787910007801,"finishedAt":1787910008695,"lastPartSentAt":1787910008673,"taskNameActive":"Listing extension files","taskNameComplete":"Listed extension files","toolCallId":"toolu_01RZeQZtFUMQmmNEXEn5bSNb","agentTurnId":"turn_dYoeBW3F3rTvDevi","filePath":null,"id":"J9pm4lv3idqADnIp","type":"task-ls-repo-v1","parts":[{"type":"ls"},{"type":"ls-results","numFiles":6}]}}],["AssistantMessageContentPart",{"part":{"type":"task-grouped-tasks-v1","id":"LiiQh0MXVpf3GrQ9-EOjSbPOLi5xe48mZ-8lO3dwZ2LUuSmva9-on2zBsOktdzPOKJ9-SbUXtproWsUqqQ4y","parts":[{"createdAt":1787910014944,"finishedAt":1787910018890,"lastPartSentAt":1787910018864,"taskNameActive":"Reading manifest","taskNameComplete":"Read manifest","toolCallId":"toolu_013BJDqjsdeVehHEAm7JnfM6","agentTurnId":"turn_tbozst15TwAQclo5","filePath":null,"id":"LiiQh0MXVpf3GrQ9","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/manifest.json"}]},{"createdAt":1787910015656,"finishedAt":1787910018914,"lastPartSentAt":1787910018880,"taskNameActive":"Reading background script","taskNameComplete":"Read background script","toolCallId":"toolu_01LhdzLSXXA5KDQVTwmUAnAj","agentTurnId":"turn_tbozst15TwAQclo5","filePath":null,"id":"EOjSbPOLi5xe48mZ","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/background.js"}]},{"createdAt":1787910017073,"finishedAt":1787910018878,"lastPartSentAt":null,"taskNameActive":"Reading content script","taskNameComplete":"Read content script","toolCallId":"toolu_01WyEcGga17gqnW2K2NpS9Fc","agentTurnId":"turn_tbozst15TwAQclo5","filePath":null,"id":"8lO3dwZ2LUuSmva9","type":"task-read-file-v1","parts":[]},{"createdAt":1787910017838,"finishedAt":1787910018978,"lastPartSentAt":1787910018935,"taskNameActive":"Reading player HTML","taskNameComplete":"Read player HTML","toolCallId":"toolu_01DtjFTmxHXET8nQ2z84Kzmc","agentTurnId":"turn_tbozst15TwAQclo5","filePath":null,"id":"on2zBsOktdzPOKJ9","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/player.html"}]},{"createdAt":1787910018439,"finishedAt":1787910019112,"lastPartSentAt":1787910019069,"taskNameActive":"Reading player script","taskNameComplete":"Read player script","toolCallId":"toolu_01Mpps8AdKupnJ33FZjCAkWB","agentTurnId":"turn_tbozst15TwAQclo5","filePath":null,"id":"SbUXtproWsUqqQ4y","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/player.js"}]}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Explore • 5 Files","taskNameComplete":"Explore • 5 Files"},"id":"LiiQh0MXVpf3GrQ9-EOjSbPOLi5xe48mZ-8lO3dwZ2LUuSmva9-on2zBsOktdzPOKJ9-SbUXtproWsUqqQ4y"}],["AssistantMessageContentPart",{"part":{"createdAt":1787910025546,"finishedAt":1787910025986,"lastPartSentAt":1787910025967,"taskNameActive":"Reading content script rest","taskNameComplete":"Read content script rest","toolCallId":"toolu_01A24zAd1CfXeNnCbdvLG9uQ","agentTurnId":"turn_GCSYql7Yin3oJfRW","filePath":null,"id":"wIwSy9PWxEzxABLZ","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/content.js"},{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/content.js","offset":522,"limit":637}]}}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_fOP0B1H4jX8","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/player.html","baseName":"player.html","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]html:file=\"/multi-pip-extension/player.html\" \nGENERATING","latestDeploymentInfo":"$10f:1:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_w432h_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_fOP0B1H4jX8","meta":{"taskNameActive":"Rewriting player HTML","taskNameComplete":"Rewrote player HTML","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Rewriting player HTML","taskNameComplete":"Rewrote player HTML"},"id":"block-b_fOP0B1H4jX8"}],["p",{},["text",{},"Now I'll rewrite "],["code",{},"player.js"],["text",{}," with the new controls:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_clU8fndFEGj","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/player.js","baseName":"player.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]js:file=\"/multi-pip-extension/player.js\" \nGENERATING","latestDeploymentInfo":"$10f:2:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_in7fi_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_clU8fndFEGj","meta":{"taskNameActive":"Rewriting player script","taskNameComplete":"Rewrote player script","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Rewriting player script","taskNameComplete":"Rewrote player script"},"id":"block-b_clU8fndFEGj"}],["p",{},["text",{},"Now updating "],["code",{},"content.js"],["text",{}," with the new commands, aspect-ratio sizing, quality control, previous-video, and CC toggle:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_rXaIsURlv9M","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/content.js","baseName":"content.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]js:file=\"/multi-pip-extension/content.js\" \nGENERATING","latestDeploymentInfo":"$10f:3:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_d01cj_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_rXaIsURlv9M","meta":{"taskNameActive":"Updating DPIP style","taskNameComplete":"Updated DPIP style","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating DPIP style","taskNameComplete":"Updated DPIP style"},"id":"block-b_rXaIsURlv9M"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_fgwLDEP11Yd","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/content.js","baseName":"content.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]js:file=\"/multi-pip-extension/content.js\" \nGENERATING","latestDeploymentInfo":"$10f:4:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_21frc_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_fgwLDEP11Yd","meta":{"taskNameActive":"Shortening inline volume bar","taskNameComplete":"Shortened inline volume bar","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Shortening inline volume bar","taskNameComplete":"Shortened inline volume bar"},"id":"block-b_fgwLDEP11Yd"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_kjyVX3tuFqb","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/content.js","baseName":"content.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]js:file=\"/multi-pip-extension/content.js\" \nGENERATING","latestDeploymentInfo":"$10f:5:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_s2zvo_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_kjyVX3tuFqb","meta":{"taskNameActive":"Adding new icons","taskNameComplete":"Added new icons","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Adding new icons","taskNameComplete":"Added new icons"},"id":"block-b_kjyVX3tuFqb"}],["p",{},["text",{},"Now the content.js command handling, quality, previous video, aspect sizing, and CC toggle:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_JamqEYlFNoT","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/content.js","baseName":"content.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]js:file=\"/multi-pip-extension/content.js\" \nGENERATING","latestDeploymentInfo":"$10f:6:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_usjlk_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_JamqEYlFNoT","meta":{"taskNameActive":"Adding prev button inline","taskNameComplete":"Added prev button inline","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Adding prev button inline","taskNameComplete":"Added prev button inline"},"id":"block-b_JamqEYlFNoT"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_FwqKVAVBNVg","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/content.js","baseName":"content.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]js:file=\"/multi-pip-extension/content.js\" \nGENERATING","latestDeploymentInfo":"$10f:7:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_x7lu7_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_FwqKVAVBNVg","meta":{"taskNameActive":"Appending prev to controls","taskNameComplete":"Appended prev to controls","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Appending prev to controls","taskNameComplete":"Appended prev to controls"},"id":"block-b_FwqKVAVBNVg"}],["p",{},["text",{},"Now the core logic additions in content.js — prev video, quality, cc toggle, aspect-ratio popout size:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_64heOZBGia6","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"/multi-pip-extension/player.html","baseName":"player.html","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"/multi-pip-extension/player.js","baseName":"player.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"/multi-pip-extension/content.js","baseName":"content.js","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$115","latestDeploymentInfo":"$10f:8:1","lastDeployedAt":"2026-08-28T09:50:30.580Z","sourceVersionKey":"v_1_jm2ch_s3","needsBlockSource":false,"isAllImages":false,"blockId":"b_64heOZBGia6","meta":{"taskNameActive":"Adding quality helpers","taskNameComplete":"Added quality helpers","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Adding quality helpers","taskNameComplete":"Added quality helpers"},"id":"block-b_64heOZBGia6"}],["AssistantMessageContentPart",{"part":{"createdAt":1787910626879,"finishedAt":1787910626879,"lastPartSentAt":1787910626879,"id":"kaTjxCKzQZLRNCA0","type":"task-stopped-v1","parts":[{"type":"agent-timeout","willContinueAfterTimeout":true}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"GFNfZ3HIxEcXE4bBxLiv28iDMXHJtF0j","gitRevision":{"baseSha":"72f0edb8bdcb7b4bdcc58b347c1300014d0b660e","headSha":"0de6fc115289c59b8dceca55b47e9704fd365a32","readyAt":"2026-08-28T09:50:30.563Z","version":1,"commitMessage":"feat: add quality selector and adjust video player controls layout"},"streaming":false,"finishReason":"tool-calls","parentId":"qAGChy0IFY14IlxFOXX74PCt6gmBP201","type":"message","creditCost":4.3650425,"workMetrics":{"diffMap":{},"linesRead":1218,"agentActions":15},"createdAt":"$D2026-08-28T09:40:01.255Z","updatedAt":"$D2026-08-28T09:50:30.577Z"},{"content":{"type":"parts","parts":[{"type":"timeout-continue"}],"version":1},"role":"user","id":"HHFP3lMEc1i365M1n7pzXJwAwlytv6p4","attachments":[],"parentId":"GFNfZ3HIxEcXE4bBxLiv28iDMXHJtF0j","type":"message","authorId":"oe2ABoTa4u3Qrg3ll2a2kdgU","createdAt":"$D2026-08-28T09:50:28.948Z"},{"v0ModelId":"v0-fable-5","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1787910642664,"finishedAt":1787910643401,"lastPartSentAt":null,"taskNameActive":"Reading content.js","taskNameComplete":"Read content.js","toolCallId":"toolu_01QMRrjL3pLGpohhcAZQGGxa","agentTurnId":"turn_YiTb77jL5FCYiaoq","filePath":null,"id":"IwocRC1Ni5t1vO06","type":"task-read-file-v1","parts":[]}}],["AssistantMessageContentPart",{"part":{"createdAt":1787910649049,"finishedAt":1787910650074,"lastPartSentAt":1787910650054,"taskNameActive":"Reading content.js remainder","taskNameComplete":"Read content.js remainder","toolCallId":"toolu_01TF3WRdSUy7vaBScBteSbKE","agentTurnId":"turn_Oqgg1eLnEJKYSr0X","filePath":null,"id":"fgnyDjfWwtkqNXsI","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/content.js"},{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/content.js","offset":510,"limit":400}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1787910659742,"finishedAt":1787910660889,"lastPartSentAt":1787910660861,"taskNameActive":"Reading content.js end","taskNameComplete":"Read content.js end","toolCallId":"toolu_01DmPGMgGR3ZaDJgbpQiCKL4","agentTurnId":"turn_Kqqxlk6QUlxv5NfZ","filePath":null,"id":"kSB1HdAEPMARJHZA","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/content.js"},{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/content.js","offset":909,"limit":269}]}}],["AssistantMessageContentPart",{"part":{"type":"task-grouped-tasks-v1","id":"Xq3dyfUMBkndkcQM-yhfCJZD8z85Fl9DK","parts":[{"createdAt":1787910670398,"finishedAt":1787910671653,"lastPartSentAt":1787910671628,"taskNameActive":"Reading player.js","taskNameComplete":"Read player.js","toolCallId":"toolu_017U7e7LVJgPCssv2vGUdCpZ","agentTurnId":"turn_Rp9lvxBMfhglpkmw","filePath":null,"id":"Xq3dyfUMBkndkcQM","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/player.js"}]},{"createdAt":1787910671074,"finishedAt":1787910671725,"lastPartSentAt":1787910671667,"taskNameActive":"Reading background.js","taskNameComplete":"Read background.js","toolCallId":"toolu_01UydmMR7LrkLPi7dgUtFEAR","agentTurnId":"turn_Rp9lvxBMfhglpkmw","filePath":null,"id":"yhfCJZD8z85Fl9DK","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/multi-pip-extension/background.js"}]}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Explore • 2 Files","taskNameComplete":"Explore • 2 Files"},"id":"Xq3dyfUMBkndkcQM-yhfCJZD8z85Fl9DK"}],["AssistantMessageContentPart",{"part":{"createdAt":1787910671855,"finishedAt":1787910671855,"lastPartSentAt":1787910671855,"id":"LWdx74iL8LKWO1n0","type":"task-stopped-v1","parts":[{"type":"out-of-credits"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"Dso3VhMU5p9ptqUlYtwOCTefInjUwh0W","gitRevision":{"baseSha":"0de6fc115289c59b8dceca55b47e9704fd365a32","headSha":"0de6fc115289c59b8dceca55b47e9704fd365a32","readyAt":"2026-08-28T09:51:15.772Z","version":1,"commitMessage":"Update from v0"},"streaming":false,"finishReason":"tool-calls","parentId":"HHFP3lMEc1i365M1n7pzXJwAwlytv6p4","type":"message","creditCost":0.882545,"workMetrics":{"diffMap":{},"linesRead":1159,"agentActions":5},"createdAt":"$D2026-08-28T09:50:28.949Z","updatedAt":"$D2026-08-28T09:51:15.772Z"}],"lastSyncedAt":1789911266970,"undo":null,"activeForkKey":["KeM3rU1mxEuuAU58C1PUGa2llHPtDlWE","9nqQbHBIiNBEhjXMMTnUgzmv0BrQxI7d","qAGChy0IFY14IlxFOXX74PCt6gmBP201","GFNfZ3HIxEcXE4bBxLiv28iDMXHJtF0j","HHFP3lMEc1i365M1n7pzXJwAwlytv6p4","Dso3VhMU5p9ptqUlYtwOCTefInjUwh0W"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"W22PCgFKLTj\",":{"id":"b_64heOZBGia6","meta":{"taskNameActive":"Adding quality helpers","taskNameComplete":"Added quality helpers","type":"code-project","id":"Code"},"initial":true,"type":"code-project","messageId":"GFNfZ3HIxEcXE4bBxLiv28iDMXHJtF0j","language":"typescriptreact","source":"$116","closed":true,"hasSourceBeenEdited":false,"lastDeployedAt":"2026-08-28T09:50:30.580Z","latestDeploymentInfo":"$10f:8:1","isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"W22PCgFKLTj\",":{"title":"a (4)","authorId":"oe2ABoTa4u3Qrg3ll2a2kdgU","ownerId":"team_ipxxtp4CaRPSMIhXu4SJ3gbW","storageEntityType":"v0-git-s3-storage","storageEntityId":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","tailwindV4Default":true,"vercelProjectId":null,"canWriteToChat":false},"@\"chat:vm-mode\",\"W22PCgFKLTj\",":true,"@\"chat:vercel-project\",\"W22PCgFKLTj\",":"$@117","@\"team:sensitive-environment-variable-policy\",\"W22PCgFKLTj\",":"$@118","@\"block-view\",\"W22PCgFKLTj\",":true,"integrations:figma":"$@119"},"children":["$L11a","$L11b","$L11c","$L11d","$L11e"]}]}]}] 44:o8,f1:null 44:oc28,120:I[900547,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"FullChat",1] 121:"NavigationMarker" 122:I[681304,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$121"] 123:"OpenInV0JourneyCompletion" 124:I[228493,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$123"] 125:"SuspendingKeepTitleUpdated" 126:I[487989,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$125"] 127:"KeepClientOnUpToDateSlugPath" 128:I[983440,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$127"] fe:{"ok":true,"value":{"designSystemId":null,"title":"a (4)","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_ipxxtp4CaRPSMIhXu4SJ3gbW","authorId":"anon:C_LujqaAKT2EFgVzrJwDL","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":false,"canWriteToChat":false,"chatCreatedAt":1787909712006,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":"v0-git-s3-storage","storageEntityId":"v0-1-team_ipxxtp4CaRPSMIhXu4SJ3gbW-W22PCgFKLTj","vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} ff:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 100:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 101:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 102:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 103:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 104:{"ok":true,"value":null,"__seedOnly":true} 108:null 11f:T2780a,44:o2780a,v0 App

a

To get started, send a prompt or modify this page directly.

44:o1b1,109:"$11f" 117:"$undefined" 118:"$undefined" 119:{"isSignedIn":false} 11a:["$","$L120","full-chat",{"isMobile":false,"templatesServer":null}] 11b:["$","$L122",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}] 11c:["$","$L124",null,{}] 11d:["$","$3d",null,{"children":["$","$L126",null,{"chatId":"W22PCgFKLTj"}]}] 11e:["$","$L128",null,{"id":"W22PCgFKLTj","requireMatchingChatPath":true,"title":"a (4)"}] 44:o11,42:true 41:60219 44:o2c,40:C 3f:C 1:C 37:C 21:C 35:C 2b:C 1a:C 17:C 44:C