@popmelt.com/core 0.27.1 → 0.28.0

package/dist/chunk-Q5PC5FWC.mjs

@@ -0,0 +1,347 @@
+"use client";
+import{b as Qs,a as Ni}from"./chunk-M3MBL5NR.mjs";import{sa as St,Ra as Ie,Ta as po,T as Mn,ja as ji,b as _s,ea as Oi,ta as Zs,Pa as vr,Oa as fo,Ma as qn,Ca as Wi,za as Bi,Na as qs,ka as Di,ra as Fi,pa as ho,na as Us,oa as Js,xa as Gs,qa as Vi,ya as xr,Ya as Qi,_a as _i,Ia as Xs,Xa as Ks,a as wr,d as Ys,c as ed,Q as td,ca as nd,Sa as rd,ma as od,Qa as id,Fa as ad,Ea as ld,Ha as sd,ab as dd,j as cd,db as ud,i as Zi,k as mo,l as pd,o as qi,m as fd,n as hd,p as md}from"./chunk-R5RMIYS5.mjs";import{a as Ui,i as Ji,h as go,k as Gi,j as Cr,m as Xi,l as yo}from"./chunk-BISCKKOX.mjs";import{a as kr}from"./chunk-XTOCFTVW.mjs";import{a as Ki}from"./chunk-LVEMYZOA.mjs";import{c as Un,i as bo,a as gd}from"./chunk-YIAZGECE.mjs";import{d as Sr,m as Jn,v as vo,u as Yi,r as yd,p as ea}from"./chunk-HGW2U6PD.mjs";import{createContext as xo,lazy as bd,useSyncExternalStore as vd,useState as A,useRef as M,useCallback as ie,useLayoutEffect as Ze,useEffect as D,useMemo as he,useContext as Ln,useId as Gn,Suspense as xd,useReducer as wd,createElement as ta,Component as Cd}from"react";import{createLucideIcon as kd,Search as na,Bot as Sd,Brain as Id,Zap as Md,Leaf as Ld,ChevronDown as wo,Fingerprint as ra,MessageCircle as Td,Check as Tn,RefreshCw as Co,Trash2 as Ed,Image as $d,Clock as oa,OctagonAlert as Ad,MessageCircleQuestionMark as zd,TriangleAlert as Rd,Reply as Pd,Link2 as ko,X as ia,LockOpen as Hd,Lock as aa,LoaderCircle as Xn,UserPlus as Nd,History as la,ChevronLeft as jd,Settings as sa,LogOut as Od,ArrowUpRight as Wd,Plus as Bd,Folder as Dd,Copy as da,Moon as Fd,Monitor as Vd,Sun as Qd,Pause as ca,RotateCcw as _d,Hand as Zd,ALargeSmall as qd,Bold as Ud,BetweenHorizontalStart as Jd,BetweenVerticalEnd as Gd,AlignLeft as ua,Palette as pa,Move as Xd,Scaling as Kd,RotateCw as Yd,CircleDashed as ec,Blend as tc,MoveHorizontal as nc,MoveVertical as rc,SlidersHorizontal as oc,AlignStartVertical as ic,AlignCenterVertical as ac,AlignEndVertical as lc,StretchHorizontal as sc,AlignHorizontalJustifyStart as dc,AlignHorizontalJustifyCenter as cc,AlignHorizontalJustifyEnd as uc,AlignHorizontalSpaceBetween as pc,AlignHorizontalSpaceAround as fc,AlignCenter as hc,AlignRight as mc,AlignJustify as gc,Signal as yc,SignalZero as bc,SignalLow as vc,SignalMedium as xc,SignalHigh as wc}from"lucide-react";import{jsx as l,jsxs as y,Fragment as Le}from"react/jsx-runtime";import{flushSync as Cc}from"react-dom";var kc=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),En="M20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293Z";function Sc(){let e=[],t=0,n=0;for(let[,L,k]of En.matchAll(/([A-Z])([^A-Z]*)/g)){let E=(k.match(/-?\d*\.?\d+/g)??[]).map(Number),R=t,j=n;if(L!=="Z")if(L==="H"?t=E[0]:L==="V"?n=E[0]:(t=E[E.length-2],n=E[E.length-1]),L==="C")for(let P=1;P<=24;P++){let $=P/24,F=1-$;e.push({x:F**3*R+3*F**2*$*E[0]+3*F*$**2*E[2]+$**3*t,y:F**3*j+3*F**2*$*E[1]+3*F*$**2*E[3]+$**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(L=>L.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(L,k)=>({x:L.x+(k.x-L.x)*(r-L.y)/(k.y-L.y),y:r}),s=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(s.x+d.x)/2,u=(s.x-d.x)/2,p=[s,...e.slice(o,i+1),d].map(L=>{let k=Math.asin(Math.max(-1,Math.min(1,(L.x-c)/u))),E=Math.cos(k);return{longitude:k,height:E>1e-5?(L.y-r)/E:0}}),h=[],m=[8,6.2,8.6,6.5,8],v=[0,1.4,.8,1.8,1.1,0],x=(L,k,E,R)=>{for(let j=0;j<=24;j++){let P=j/24,$=1-P;h.push({longitude:$**3*L[0]+3*$**2*P*k[0]+3*$*P**2*E[0]+P**3*R[0],height:$**3*L[1]+3*$**2*P*k[1]+3*$*P**2*E[1]+P**3*R[1]})}};for(let[L,k]of m.entries()){let E=Math.PI/2+L/m.length*Math.PI,R=E+Math.PI/m.length,j=(E+R)/2,P=.145,$=v[L],F=v[L+1];x([E,$],[j-P,$],[j-P,$+.7],[j-P,k-1.4]);for(let _=0;_<=32;_++){let de=Math.PI*(1-_/32);h.push({longitude:j+P*Math.cos(de),height:k-1.4+1.4*Math.sin(de)})}x([j+P,k-1.4],[j+P,F+.7],[j+P,F],[R,F])}let T=[...p,...h],w=L=>`L${L.x} ${L.y}`,S=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(w).join("")+w(s),H=w(d)+e.slice(i+1).map(w).join("")+"Z";return L=>{let k=Math.atan2(Math.sin(L),Math.cos(L));if(Math.abs(k)<1e-9)return En;let E=T.map(R=>({longitude:Math.atan2(Math.sin(R.longitude+k),Math.cos(R.longitude+k)),height:R.height})).filter(R=>Math.abs(R.longitude)<Math.PI/2).sort((R,j)=>j.longitude-R.longitude).map(R=>{let j=c+u*Math.sin(R.longitude),P=r+R.height*Math.cos(R.longitude);return`L${j} ${P}`}).join("");return S+E+H}}function fa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=M(null),a=M(null),s=M(null),d=Gn(),c=M(0),u=M(!1),p=M(null);return Ze(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),Ze(()=>{let h=i.current;if(!h)return;h.style.removeProperty("fill"),h.style.removeProperty("stroke");let m=window.matchMedia("(prefers-reduced-motion: reduce)"),v=0,x=null,T=0,w=!1,S=c.current,H=Math.ceil(S),L=!e&&H-S>1e-9,k=!1,E=0,R=null,j=h,P=j.style.cursor,$=j.style.touchAction,F=G=>{a.current?.setAttribute("d",G),s.current?.setAttribute("d",G)},_=()=>{p.current??(p.current=Sc()),F(p.current(-c.current*Math.PI*2))},de=()=>{w=!0,c.current=0,F(En),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},me=G=>{let ke=x===null?0:G-x;if(x=G,k){let I=Math.min(ke/1e3,.05),C=e?1/15:0,W=Math.exp(-1.8*I);c.current+=C*I+(E-C)*(1-W)/1.8,E=C+(E-C)*W,Math.abs(E-C)<.005&&(k=!1,S=c.current,H=Math.round(S),T=0)}else if(e)c.current+=ke/15e3;else{T+=ke;let I=Math.min(1,T/250);if(I===1){de();return}let C=1-(1-I)**3;c.current=S+(H-S)*C}_(),v=requestAnimationFrame(me)},se=()=>{cancelAnimationFrame(v),x=null,!(R||w)&&(!e&&(m.matches||!u.current||document.hidden)?de():m.matches?(c.current=0,F(En)):u.current&&!document.hidden&&(v=requestAnimationFrame(me)))},U=G=>{R||!G.isPrimary||G.button!==0||(j.setPointerCapture(G.pointerId),R={id:G.pointerId,startX:G.clientX,x:G.clientX,time:G.timeStamp,moved:!1},E=0,cancelAnimationFrame(v),j.style.cursor="grabbing")},xe=G=>{if(!R||R.id!==G.pointerId||!R.moved&&Math.abs(G.clientX-R.startX)<3)return;R.moved=!0;let ke=-(G.clientX-R.x)/160,I=Math.max((G.timeStamp-R.time)/1e3,.001),C=24/(Math.PI*2);E+=(Math.max(-C,Math.min(C,ke/I))-E)*(1-Math.exp(-I/.035)),c.current+=ke,R.x=G.clientX,R.time=G.timeStamp,_()},K=G=>{!R||R.id!==G.pointerId||(R.moved&&(E*=Math.exp(-Math.max(0,G.timeStamp-R.time-40)/60),k=G.type==="pointerup"&&!m.matches,w=!1,S=c.current,H=Math.round(S),T=0),R=null,j.style.cursor="grab",j.hasPointerCapture(G.pointerId)&&j.releasePointerCapture(G.pointerId),se())};if(!e&&!L&&(de(),!t))return;let we=G=>{for(let[ke,I]of Object.entries({pointerdown:U,pointermove:xe,pointerup:K,pointercancel:K,lostpointercapture:K}))j[G](ke,I)};t&&(j.style.cursor="grab",j.style.touchAction="pan-y",we("addEventListener")),r?.(L);let Te=new IntersectionObserver(([G])=>{u.current=G?.isIntersecting??!1,se()});return Te.observe(h),m.addEventListener("change",se),document.addEventListener("visibilitychange",se),se(),()=>{cancelAnimationFrame(v),Te.disconnect(),t&&(we("removeEventListener"),j.style.cursor=P,j.style.touchAction=$,R&&j.hasPointerCapture(R.id)&&j.releasePointerCapture(R.id)),m.removeEventListener("change",se),document.removeEventListener("visibilitychange",se)}},[e,t,r]),y("svg",{...o,ref:i,children:[n&&y(Le,{children:[l("defs",{children:y("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[l("rect",{width:"40",height:"40",fill:"white"}),l("path",{ref:s,d:En,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),l("path",{d:kc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),l("path",{ref:a,d:En})]})}function Ic(){return l("svg",{"data-popmelt-wordmark":!0,role:"img","aria-label":"Popmelt",focusable:"false",width:"57.315",height:"19.5",viewBox:"0 0 57.315 19.5",fill:"currentColor",style:{display:"block",flexShrink:0},children:l("path",{d:"M1.427 14.625V4.553H4.813Q6.199 4.553 7.215 4.969Q8.231 5.385 8.786 6.187Q9.341 6.989 9.341 8.167Q9.341 9.374 8.79 10.191Q8.238 11.008 7.245 11.424Q6.251 11.84 4.902 11.84H2.838L3.069 10.122H4.857Q5.639 10.122 6.214 9.915Q6.789 9.708 7.109 9.272Q7.429 8.836 7.429 8.167Q7.429 7.52 7.113 7.102Q6.797 6.685 6.222 6.478Q5.647 6.271 4.857 6.271H3.287Q3.287 14.618 1.427 14.625ZM9.421 10.913Q9.421 9.841 9.95 8.963Q10.478 8.086 11.378 7.561Q12.278 7.036 13.395 7.036Q14.527 7.036 15.423 7.561Q16.319 8.086 16.84 8.967Q17.361 9.848 17.361 10.913Q17.361 11.985 16.84 12.87Q16.319 13.755 15.419 14.284Q14.519 14.812 13.957 14.812Q13.395 14.812 12.832 14.812Q12.27 14.812 11.374 14.284Q10.478 13.755 9.95 12.87Q9.421 11.985 9.421 10.913ZM13.395 13.109Q14.019 13.109 14.504 12.812Q14.989 12.515 15.271 12.019Q15.553 11.522 15.553 10.928Q15.553 10.326 15.271 9.83Q14.989 9.334 14.504 9.036Q14.019 8.739 13.395 8.739Q12.778 8.739 12.289 9.036Q11.8 9.334 11.514 9.83Q11.229 10.326 11.229 10.928Q11.229 11.522 11.514 12.019Q11.8 12.515 12.289 12.812Q12.778 13.109 13.395 13.109ZM17.957 18.022V10.913Q17.957 9.803 18.478 8.93Q18.999 8.056 19.899 7.55Q20.799 7.044 21.931 7.044Q23.063 7.044 23.959 7.569Q24.855 8.093 25.376 8.971Q25.897 9.848 25.897 10.913Q25.897 12.045 25.402 12.93Q24.907 13.815 24.033 14.317Q23.16 14.82 22.02 14.82Q21.179 14.82 20.459 14.425Q19.738 14.031 19.303 13.392Q18.867 12.754 18.867 12.01L19.764 12.29Q19.764 18.022 17.957 18.022ZM21.931 13.117Q22.555 13.117 23.04 12.82Q23.525 12.522 23.807 12.022Q24.089 11.522 24.089 10.928Q24.089 10.326 23.807 9.834Q23.525 9.341 23.04 9.044Q22.555 8.747 21.931 8.747Q21.314 8.747 20.825 9.044Q20.336 9.341 20.05 9.834Q19.764 10.326 19.764 10.928Q19.764 11.522 20.05 12.022Q20.336 12.522 20.825 12.82Q21.314 13.117 21.931 13.117ZM39.274 10.748V14.625H37.467V11.046Q37.467 10.423 37.271 9.9Q37.075 9.378 36.666 9.062Q36.256 8.747 35.617 8.747Q34.994 8.747 34.591 9.055Q34.189 9.363 33.99 9.878Q33.791 10.392 33.791 11.016V14.625H31.983V11.024Q31.983 10.392 31.787 9.878Q31.592 9.363 31.178 9.055Q30.765 8.747 30.134 8.747Q29.495 8.747 29.093 9.062Q28.691 9.378 28.499 9.897Q28.307 10.415 28.307 11.039V14.625H26.499V10.755Q26.499 9.721 26.897 8.869Q27.294 8.018 28.073 7.509Q28.853 6.999 29.999 6.999Q30.944 6.999 31.634 7.355Q32.323 7.712 32.706 8.338Q33.088 8.964 33.104 9.789H32.7Q32.723 8.964 33.116 8.338Q33.51 7.712 34.188 7.355Q34.867 6.999 35.305 6.999Q35.744 6.999 36.325 6.999Q36.905 6.999 37.689 7.509Q38.472 8.018 38.873 8.866Q39.274 9.713 39.274 10.748ZM39.878 10.876Q39.878 9.811 40.354 8.93Q40.831 8.049 41.685 7.524Q42.54 6.999 43.664 6.999Q44.811 6.999 45.628 7.501Q46.445 8.003 46.884 8.847Q47.323 9.69 47.323 10.71V11.325H41.297L41.604 10.762Q41.566 11.468 41.841 12.025Q42.115 12.581 42.63 12.901Q43.145 13.221 43.837 13.221Q44.483 13.221 45.009 12.932Q45.534 12.643 45.828 12.079L47.217 12.789Q46.73 13.763 45.856 14.284Q44.983 14.805 44.417 14.805Q43.852 14.805 43.286 14.805Q42.72 14.805 41.816 14.302Q40.913 13.8 40.396 12.915Q39.878 12.03 39.878 10.876ZM41.701 10.255H45.523Q45.485 9.765 45.237 9.389Q44.989 9.012 44.583 8.801Q44.176 8.59 43.649 8.59Q43.115 8.59 42.701 8.813Q42.287 9.035 42.035 9.411Q41.783 9.788 41.701 10.255ZM50.147 3.841V14.625H48.339Q48.339 3.841 50.147 3.841ZM52.051 11.838V5.333H53.859V11.779Q53.859 12.455 54.231 12.827Q54.602 13.199 55.226 13.199Q55.564 13.199 55.935 13.093Q56.306 12.988 56.576 12.8V14.437Q56.291 14.617 55.875 14.722Q55.459 14.827 55.26 14.827Q55.061 14.827 54.567 14.827Q54.073 14.827 53.403 14.449Q52.733 14.071 52.392 13.393Q52.051 12.715 52.051 11.838ZM56.576 8.778H50.64V7.238H56.576V8.778Z"})})}function Mc({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return l("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:y("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[l("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),l("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function ha(e){return e.charAt(0).toUpperCase()+e.slice(1)}function pn(e,t){return{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px 2px 4px",border:0,borderRadius:6,backgroundColor:t?e.hoverSurface:"transparent",color:t?e.hoverForeground:e.muted,font:"inherit",fontWeight:500,cursor:"pointer"}}function ma({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:s,workspace:d,connection:c,connectionDetails:u,style:p}){let h=Ie[e],m=rd(t),[v,x]=A(!1),[T,w]=A(!1);return y("div",{role:"region","aria-label":"About Popmelt","data-popmelt-guidance":"popmelt","data-popmelt-font":"sans","data-popmelt-theme":e,"data-popmelt-theme-preference":t,style:{position:"relative",display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:12,overflow:"visible",boxSizing:"border-box",padding:16,border:`1px solid ${h.border}`,borderRadius:20,backgroundColor:h.surface,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",zIndex:10001,color:h.primary,fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...p},children:[i&&l("button",{type:"button","aria-label":"Open history",title:"History",onClick:i,style:{position:"absolute",top:16,right:a?44:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:l(la,{size:16,"aria-hidden":"true"})}),a&&l("button",{type:"button","aria-label":"Open settings",title:"Settings",onClick:a,style:{position:"absolute",top:16,right:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:l(sa,{size:16,"aria-hidden":"true"})}),l(fa,{interactive:!0,active:s,"aria-hidden":"true",width:32,height:32,viewBox:"7 7 26 26",fill:h.primary,style:{display:"block",width:32,height:32,flexShrink:0,marginBottom:-4}}),y("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4},children:[l(Ic,{}),y("span",{"aria-label":"Command Command",style:{display:"inline-flex",alignItems:"center",gap:2,padding:"1px 3px",borderRadius:6,backgroundColor:h.control,color:h.mutedStrong,fontSize:12,lineHeight:1.3,letterSpacing:"-0.12px"},children:[l("span",{children:"\u2318"}),l("span",{children:"\u2318"})]})]}),l("p",{style:{margin:0,color:h.secondary},children:"A tiny, powerful design layer for humans and AI."}),y("p",{style:{margin:0,color:h.secondary},children:[l("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",l("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",l("a",{href:"https://x.com/bekhovsgun",target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"DM on X"})]})]}),d,y("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,y("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${ha(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),style:{...pn(h,v),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[l(Mc,{position:r}),l("span",{children:ha(r)})]}),y("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${m}`,title:`Theme: ${t}. Switch to ${m}`,"data-popmelt-theme-control":t,onClick:()=>n?.(m),onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),style:{...pn(h,T),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?l(Fd,{size:14,strokeWidth:1.5}):t==="auto"?l(Vd,{size:14,strokeWidth:1.5}):l(Qd,{size:14,strokeWidth:1.5}),l("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Lc(){let e=window.__POPMELT_PATH_PATCH__;if(e){e.subscribers+=1;return}let t=window.history.pushState,n=window.history.replaceState,r=a=>{window.dispatchEvent(new CustomEvent("popmelt:locationchange",{detail:{prevPath:a}}))},o=function(a,s,d){let c=window.location.pathname;t.call(window.history,a,s,d),r(c)},i=function(a,s,d){let c=window.location.pathname;n.call(window.history,a,s,d),r(c)};window.history.pushState=o,window.history.replaceState=i,window.__POPMELT_PATH_PATCH__={subscribers:1,originalPushState:t,originalReplaceState:n,wrappedPushState:o,wrappedReplaceState:i}}function Tc(){let e=window.__POPMELT_PATH_PATCH__;e&&(e.subscribers-=1,!(e.subscribers>0)&&(window.history.pushState===e.wrappedPushState&&(window.history.pushState=e.originalPushState),window.history.replaceState===e.wrappedReplaceState&&(window.history.replaceState=e.originalReplaceState),delete window.__POPMELT_PATH_PATCH__))}function Ec(e){return Lc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Tc()}}function $c(){return window.location.pathname}function ga(){return vd(Ec,$c,()=>"/")}var ya=28;function Ac({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:s,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:h}){let m=Ie[e],v=e==="light"?m.primary:m.hoverForeground,[x,T]=A(o&&r?u?.connection??null:null),[w,S]=A(o&&r?u?.taste??null:null),[H,L]=A(!1),[k,E]=A(null),[R,j]=A(!1),[P,$]=A(0),[F,_]=A(null),de=M(void 0),me=()=>clearTimeout(de.current);D(()=>()=>clearTimeout(de.current),[]);let se=M(c);se.current=c;let U=M(u);U.current=u;let xe=M(p);xe.current=p;let K=M(void 0),we=M(void 0);D(()=>{if(!x)return;let C=x.state==="signed_in"?x.accountId:void 0;(x.state!=="signed_in"||K.current&&(K.current!==C||we.current!==x.environment))&&(clearTimeout(de.current),se.current?.()),K.current=C,we.current=x.environment},[x]);let Te={onMouseEnter:()=>{me(),de.current=setTimeout(()=>d?.(),100)},onMouseLeave:me,onFocus:()=>{me(),d?.()}};D(()=>{let C=!0,W=new AbortController,B,N=o&&r?U.current:null;if(K.current=N?.connection.accountId,we.current=N?.connection.environment,T(N?.connection??null),S(N?.taste??null),L(!1),E(null),!o||!r)return;async function Y(){try{let $e=await Mn(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!$e.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let ee=await $e.json();if(!C)return;if(E(ee.error?ee.errorMessage??"Sign-in did not complete. Please try again.":null),ee.state==="signed_in"){K.current&&(K.current!==ee.accountId||we.current!==ee.environment)&&(T(ee),S(null),L(!1),xe.current?.(null));let qe=await Mn(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!qe.ok)throw Error("Could not read taste. Reconnect if access has expired.");let Q=await qe.json(),Ne=ee;if(ee.profile===void 0){let Ae=await Mn(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(Ae.ok){let ue=await Ae.json();if(ue.state!=="signed_in"||ue.accountId!==ee.accountId||ue.environment!==ee.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");Ne=ue}}if(!C)return;let re=Q.direction?.name??null;T(Ne),S(re),L(!0),K.current=Ne.accountId,we.current=Ne.environment,xe.current?.(Ne.accountId?{connection:Ne,taste:re,generation:typeof Q.generation=="number"&&Number.isFinite(Q.generation)?Q.generation:0}:null)}else T(ee),S(null),L(!0),K.current=void 0,xe.current?.(null);C&&(B=setTimeout(Y,ee.pending?1e3:15e3))}catch{C&&(T(null),S(null),L(!1),xe.current?.(null),E(null),B=setTimeout(Y,15e3))}}return Y(),()=>{C=!1,W.abort(),clearTimeout(B)}},[r,o,P]);async function G(C){if(!o||!r||R)return;me(),c?.();let W=C==="sign-in"?window.open("about:blank","_blank"):null;if(C==="sign-in"&&!W){E("Allow popups, then try sign-in again.");return}W&&(W.opener=null),j(!0),L(!1),T(null),E(null),S(null),xe.current?.(null);try{let B=await Mn(`${r}/cloud-taste/${C}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!B.ok)throw Error("Could not update the connection. Check secure storage and try again.");let N=await B.json();if(C==="sign-in"){let Y=ud(N.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(Y.href)}$(Y=>Y+1)}catch(B){W?.close(),$(N=>N+1),E(B instanceof Error?B.message:"Connection unavailable.")}finally{j(!1)}}let ke={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},I={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:v,font:"inherit",fontWeight:500,minWidth:0};return y("div",{role:"region","aria-label":"Popmelt Settings","data-popmelt-settings":!0,"data-popmelt-font":"sans","data-popmelt-theme":e,style:{position:"relative",width:"100%",boxSizing:"border-box",padding:"20px 16px 16px",display:"flex",flexDirection:"column",gap:12,border:`1px solid ${m.border}`,borderRadius:20,background:m.surface,color:m.secondary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...h},children:[l("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${m.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
+        [data-account-identity] { color: ${v}; transform: translateX(${ya}px); transition: transform 160ms ease, background-color 120ms ease, color 120ms ease; }
+        [data-popmelt-settings] [data-account-control] button[data-account-logout]:is(:disabled, :enabled) { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
+        [data-account-avatar] { opacity: 1; transition: opacity 120ms ease; }
+        [data-account-control]:is(:hover, :focus-within) [data-account-avatar] { opacity: .5; }
+        [data-account-control]:is(:hover, :focus-within) [data-account-identity] { transform: translateX(0); background: ${m.hoverSurface}; color: ${m.secondary}; }
+        [data-popmelt-settings] [data-account-control]:is(:hover, :focus-within) button[data-account-logout]:enabled { opacity: 1; pointer-events: auto; }
+        @media (prefers-reduced-motion: reduce) { [data-account-control] :is([data-account-logout], [data-account-identity], [data-account-avatar]) { transition: none !important; } }
+      `}),y("button",{type:"button","aria-label":"Back to Popmelt",onClick:a,style:{border:0,padding:0,background:"transparent",font:"inherit",alignSelf:"flex-start",cursor:"pointer",display:"flex",gap:4,alignItems:"center",color:m.primary,fontWeight:600},children:[l(jd,{size:16}),l(sa,{size:16}),"Settings"]}),y("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Local settings",children:[l("span",{style:{color:m.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:"Local"}),y("div",{style:ke,children:[l("span",{children:"Project"}),l("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),y("div",{style:ke,children:[l("span",{children:"Default model"}),n]})]}),y("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Popmelt.com settings",children:[y("span",{style:{color:m.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:["Popmelt.com"," ",x?.environment==="staging"&&l("span",{style:{color:m.muted},children:"(Staging)"})]}),o?y(Le,{children:[y("div",{style:ke,children:[l("span",{children:"Your account"}),x?.state==="signed_in"?y("span",{"data-account-control":!0,style:{position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",paddingRight:ya,maxWidth:"65%"},children:[y("span",{"data-account-identity":!0,style:{...I,color:void 0,paddingLeft:6,overflow:"hidden",flexShrink:1},children:[x.profile?.avatarUrl&&x.profile.avatarUrl!==F?l("img",{"data-account-avatar":!0,src:x.profile.avatarUrl,alt:"",width:16,height:16,referrerPolicy:"no-referrer",style:{borderRadius:"50%",objectFit:"cover",flexShrink:0},onError:()=>_(x.profile?.avatarUrl??null)}):null,l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:x.profile?.name||"Your account"})]}),l("button",{type:"button","data-account-logout":!0,"aria-label":`Sign out ${x.profile?.name||"of Popmelt"}`,title:"Disconnect your account and the active taste model.",disabled:R||!H,onClick:()=>{G("disconnect")},style:{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",display:"inline-flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:0,border:0,borderRadius:6,background:"transparent",color:m.primary,cursor:"pointer"},children:l(Od,{size:14})})]}):x?.pending?l("button",{type:"button",style:{...I,cursor:"pointer"},disabled:R||!H,onClick:()=>{G("disconnect")},children:"Cancel sign-in"}):y("button",{type:"button",style:{...I,cursor:"pointer"},disabled:R||!H||!r||x?.state==="unavailable",onClick:()=>{G("sign-in")},children:["Sign in ",l(Wd,{size:14})]})]}),x?.state==="signed_in"&&y("div",{style:ke,children:[l("span",{children:"Taste"}),w?l("button",{type:"button","data-active-taste-badge":!0,...Te,onClick:s,disabled:!s||!H,style:{...I,paddingLeft:6,cursor:"pointer"},children:y(Le,{children:[l(aa,{size:14,style:{flexShrink:0}}),l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:w})]})}):y("button",{type:"button",disabled:!s,onClick:s,...Te,style:{...I,paddingLeft:6,gap:3,color:e==="light"?v:m.secondary,background:m.hoverSurface,cursor:s?"pointer":"default"},children:[l(Bd,{size:14,"aria-hidden":"true"})," Browse collection"]})]}),x?.state==="unavailable"&&l("span",{style:{fontSize:12},children:"Cloud taste is not enabled on this bridge."})]}):i??l("span",{children:"Cloud taste is private to the host."})]}),k&&l("div",{role:"status",style:{fontSize:12},children:k})]})}function zc(e,t){return["Help me authorize this browser for local Popmelt cloud access.",t?`Use the project directory ${JSON.stringify(t)}.`:"Use the project directory that owns the running Popmelt bridge for this app.",`Run: npx popmelt cloud link '${e}'`,"Return the resulting private link in this chat so I can open it in this browser. Treat the link as a credential: do not commit it, publish it, or put it in shared logs.","Keep multiplayer off. Do not change sharing settings or restart the app or bridge. If linking fails, explain the specific blocker before making other changes."].join(`
+
+`)}function Rc({theme:e,appOrigin:t,projectRoot:n,error:r}){let o=Ie[e],[i,a]=A(!1),[s,d]=A(""),c=M(!1),u=M(!0);return D(()=>(u.current=!0,()=>{u.current=!1}),[]),D(()=>{if(!i)return;let p=setTimeout(()=>a(!1),2e3);return()=>clearTimeout(p)},[i]),y("div",{"data-popmelt-cloud-link-prompt":!0,style:{display:"grid",gap:8},children:[y("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:4},children:[l("span",{children:"Ask your agent to"}),y("button",{type:"button",disabled:i,onClick:async()=>{if(!c.current){c.current=!0;try{await navigator.clipboard.writeText(zc(t,n)),u.current&&(a(!0),d(""))}catch{u.current&&d("Couldn\u2019t copy the prompt. Please try again.")}finally{c.current=!1}}},style:{display:"inline-flex",alignItems:"center",justifySelf:"start",gap:8,padding:"4px 8px",border:0,borderRadius:8,background:o.hoverSurface,color:e==="light"?o.primary:o.hoverForeground,font:"inherit",fontWeight:400,cursor:i?"default":"pointer"},children:[i?"Copied":"get connected",i?l(Tn,{size:14,"aria-hidden":"true"}):l(da,{size:14,"aria-hidden":"true"})]})]}),(s||r)&&l("span",{role:"alert",children:s||r}),l("span",{role:"status",style:{position:"absolute",clipPath:"inset(50%)",width:1,height:1,overflow:"hidden"},children:i?"Prompt copied. Paste it into your agent.":""})]})}var Ir=new Map;function ba(e){let t=new URL(e);if(t.protocol!=="http:"||!["localhost","127.0.0.1","[::1]"].includes(t.hostname)||t.username||t.password||t.pathname!=="/"||t.search||t.hash)throw new Error("Invalid local bridge.");return t}function Pc(e,t,n=fetch){let r=ba(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Ir.get(o);if(i)return i;let a=(async()=>{let s=sessionStorage.getItem(o);if(location.hash.startsWith("#popmelt-cloud-link=")){let c=location.hash.slice(20);history.replaceState(history.state,"",location.pathname+location.search);let u=JSON.parse(decodeURIComponent(c)),p=ba(u.bridgeOrigin);if(u.projectId!==t||p.port!==r.port||typeof u.claim!="string"||!/^[A-Za-z0-9_-]{43}$/.test(u.claim))throw new Error("Browser link belongs to another project or bridge.");let h=await n(`${r.origin}/cloud-host/claim`,{method:"POST",redirect:"error",credentials:"omit",signal:AbortSignal.timeout(1e4),headers:{"Content-Type":"application/json","X-Popmelt-Project-Id":t},body:JSON.stringify({claim:u.claim})});if(!h.ok)throw new Error("Browser link expired. Generate a new one from the local CLI.");if(s=(await h.json()).token,typeof s!="string"||!/^[A-Za-z0-9_-]{43}$/.test(s))throw new Error("Invalid local host response.");sessionStorage.setItem(o,s)}if(!s)return null;let d=await n(`${r.origin}/cloud-taste/status`,{redirect:"error",credentials:"omit",signal:AbortSignal.timeout(1e4),headers:{"X-Popmelt-Project-Id":t,"X-Popmelt-Cloud-Host":s}});if(d.status===403||d.status===409)return sessionStorage.removeItem(o),null;if(!d.ok)throw new Error("Cloud connection unavailable. Check the bridge and secure storage.");return s})();return Ir.set(o,a),a.finally(()=>{Ir.get(o)===a&&Ir.delete(o)}).catch(()=>{}),a}function Hc(e,t,n){let r=`${e}
+${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"",key:r}),!n||!e||!t)return;let a=!0,s;return Pc(e,t).then(d=>{!a||!d||(s=td(e,{"X-Popmelt-Project-Id":t,"X-Popmelt-Cloud-Host":d},["/cloud-taste/","/send","/reply"]),i({linked:!0,error:"",key:r}))}).catch(d=>{a&&i({linked:!1,key:r,error:d instanceof Error?d.message:"Local host linking failed."})}),()=>{a=!1,s?.()}},[e,t,n,r]),n&&o.key===r?o:{linked:!1,error:""}}function Nc({detail:e,retryLabel:t,retry:n,fixPrompt:r,theme:o}){let i=Ie[o],[a,s]=A(!1),d=M(!1),c=M(!0),[u,p]=A(""),[h,m]=A(!1);D(()=>(c.current=!0,()=>{c.current=!1}),[]),D(()=>{if(!h)return;let x=setTimeout(()=>m(!1),2e3);return()=>clearTimeout(x)},[h]);let v=async()=>{if(!d.current){d.current=!0,s(!0),p("");try{await n()}catch{c.current&&p("Still unavailable \u2014 try again or share the fix prompt with your agent")}finally{d.current=!1,c.current&&s(!1)}}};return y("div",{"data-popmelt-session-recovery":!0,style:{width:"100%",borderTop:`1px solid ${i.border}`,paddingTop:12,fontSize:12,color:i.mutedStrong},children:[l("p",{style:{margin:"0 0 10px",lineHeight:1.5},children:e}),l("style",{children:`
+      [data-popmelt-session-recovery] button { display: inline-flex; align-items: center; gap: 5px; border: 0; border-radius: 6px; padding: 6px 8px; font: inherit; color: inherit; background: ${i.hoverSurface}; cursor: pointer; }
+      [data-popmelt-session-recovery] button:disabled { opacity: .6; cursor: default; }
+      [data-popmelt-session-recovery] button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
+      @keyframes popmelt-session-recovery-spin { to { transform: rotate(360deg); } }
+      [data-popmelt-session-recovery] .lucide-loader-circle { animation: popmelt-session-recovery-spin .8s linear infinite; }
+      @media (prefers-reduced-motion: reduce) { [data-popmelt-session-recovery] .lucide-loader-circle { animation: none; } }
+    `}),y("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[y("button",{type:"button",disabled:a,onClick:()=>{v()},children:[a?l(Xn,{size:14,"aria-hidden":"true"}):l(_d,{size:14,"aria-hidden":"true"}),a?"Checking\u2026":t]}),y("button",{type:"button",disabled:h,onClick:async()=>{try{await navigator.clipboard.writeText(r),c.current&&(m(!0),p(""))}catch{c.current&&p("Couldn\u2019t copy the fix prompt \u2014 try again")}},children:[h?l(Tn,{size:14,"aria-hidden":"true"}):l(da,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),l("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function jc({theme:e,label:t,reconnecting:n,retry:r,restart:o,clearLocalSpace:i,retryLabel:a="Reconnect",pendingLabel:s="Reconnecting",failedLabel:d="Connection failed",hint:c="Reconnect without reloading the page or clearing your draft"}){let[u,p]=A(!1),[h,m]=A(!1),[v,x]=A(!1),[T,w]=A(s),[S,H]=A(!1),[L]=A(()=>Array.from(new Set([t,a,s,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),k=M(!1),E=M(!0);D(()=>(E.current=!0,()=>{E.current=!1}),[]);let R=S&&!!i,j=S&&!R&&!!o,P=R?"Clear space":j?"Restart server":a,$=(u||h)&&!v,F=v?T:$?P:S?d:t,_=R?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":j?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":S?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,de=async()=>{if(!k.current){k.current=!0,w(R?"Clearing":j?"Restarting server":s),x(!0);try{R?await i?.():(j&&await o?.(),await r()),E.current&&H(!1)}catch{E.current&&H(!0)}finally{k.current=!1,E.current&&x(!1)}}};return y("span",{style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:6,minWidth:0,maxWidth:"100%"},children:[l("style",{children:`
+        @keyframes popmelt-connection-spin { to { transform: rotate(360deg); } }
+        [data-popmelt-session-connection] .lucide-loader-circle { animation: popmelt-connection-spin .8s linear infinite; }
+        [data-popmelt-session-connection] > svg { flex-shrink: 0; }
+        @media (prefers-reduced-motion: reduce) { [data-popmelt-session-connection] .lucide-loader-circle { animation: none; } }
+      `}),y("button",{"data-popmelt-session-connection":!0,type:"button",disabled:v,title:_,"aria-label":`${F}. ${_}`,"aria-busy":v,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>m(!0),onBlur:()=>m(!1),onClick:()=>{de()},style:{...pn(Ie[e],$),cursor:v?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[v||n&&!$?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):$||S?l(Co,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):l(ca,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),y("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[L.map(me=>l("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:me},me)),l("span",{"data-popmelt-connection-label":!0,title:F,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:F})]})]})]})}function $n(e){return e<=767}function fn(e){return $n(e)?8:16}function wt(e){let t=fn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var hn=16,Je=40,Pt=8,va="popmelt-toolbar-snap-position";function mn(e){return e.startsWith("top-")}function An(e){return e.endsWith("-right")}function Kn(e){return e.endsWith("-center")}function xa(){try{let e=localStorage.getItem(va);if(e&&Oc(e))return e}catch{}return"bottom-right"}function wa(e){try{localStorage.setItem(va,e)}catch{}}function Oc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Wc(e,t,n){let r=$n(t),o=fn(t),i=mn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Je,a=!mn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return Kn(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:An(e)?{position:"fixed",top:i,bottom:a,right:r?`max(${o}px, env(safe-area-inset-right))`:o,left:"auto"}:{position:"fixed",top:i,bottom:a,left:r?`max(${o}px, env(safe-area-inset-left))`:o,right:"auto"}}function Wt(e,t,n,r=12){let o=mn(e),i=$n(t),a=fn(t),s=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Je+r}px)`:a+Je+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Je+r}px)`:a+Je+r},d;return Kn(e)?d={left:"50%",transform:"translateX(-50%)"}:An(e)?d={right:i?`max(${a}px, env(safe-area-inset-right))`:a}:d={left:i?`max(${a}px, env(safe-area-inset-left))`:a},{position:"fixed",...s,...d}}function Bc(e,t,n){let r=mn(e),o=$n(t),i=fn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Je+8}px)`:i+Je+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Je+8}px)`:i+Je+8},s,d;return Kn(e)?(s={left:"50%",transform:"translateX(-50%)"},d="center"):An(e)?(s={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(s={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...s,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function Dc(e,t=typeof window<"u"?window.innerWidth:1920){let n=mn(e),r=An(e)||Kn(e),o=$n(t),i=fn(t),a=n&&r?i+Je+Pt:i,s=!n&&r?i+Je+Pt:i;return{position:"fixed",top:o?`max(${a}px, env(safe-area-inset-top))`:a,right:o?`max(${i}px, env(safe-area-inset-right))`:i,bottom:o?`max(${s}px, env(safe-area-inset-bottom))`:s,width:wt(t)}}function Fc(e,t,n){let r=wt(t),o=fn(t),i=mn(e),a,s;An(e)||Kn(e)?(a=t-o,s=a-r):(s=o,a=s+r);let d=i?o+Je+Pt:n-o-Je-Pt;return{left:s,right:a,y:d}}var Vc=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],Ca=100,It=200,Mr={surface:null,phase:"visible"};function So({openDelayMs:e=Ca,exitDurationMs:t=It,pinnedSurface:n=null}={}){let[r,o]=A(Mr),i=M(Mr),a=M(null),s=M(n);s.current=n;let d=M(null),c=M(null),u=ie(w=>{i.current.surface===w.surface&&i.current.phase===w.phase||(i.current=w,o(w))},[]),p=ie(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),h=ie(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]),m=ie(w=>{a.current=w,p(),h(),u({surface:w,phase:"visible"})},[h,p,u]),v=ie(w=>{if(!(s.current&&i.current.surface===s.current&&w!==s.current)){if(a.current=w,p(),h(),i.current.surface!==null){u({surface:w,phase:"visible"});return}d.current=setTimeout(()=>{d.current=null,a.current===w&&u({surface:w,phase:"visible"})},e)}},[h,p,e,u]),x=ie(w=>{w!==s.current&&(a.current===w&&(a.current=null),p(),i.current.surface===w&&(h(),u({surface:w,phase:"exiting"}),c.current=setTimeout(()=>{c.current=null,a.current===null&&u(Mr)},t)))},[h,p,t,u]),T=ie(w=>{w&&i.current.surface!==w||(a.current=null,p(),h(),u(Mr))},[h,p,u]);return Ze(()=>{n&&i.current.surface===n&&m(n)},[n,m]),D(()=>()=>{p(),h()},[h,p]),{surface:r.surface,phase:r.phase,enter:v,leave:x,show:m,dismiss:T}}var Qc={version:"0.28.0"},ka=Qc.version;function Io({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...s}){let d=Ie[e];return l("div",{...s,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Wc(r,o.w,o.h),zIndex:9999,display:"flex",alignItems:"center",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",cursor:"pointer",overflow:"visible",transition:"none",backgroundColor:d.surface,color:d.primary,colorScheme:e,boxSizing:"border-box",border:t?0:`1px solid ${d.border}`,boxShadow:t?`0 0 0 1px ${d.border}`:void 0,borderRadius:20,padding:t?"4px 8px 4px 4px":0,width:t?n:40,height:40,gap:t?6:0,justifyContent:t?"flex-start":"center",...a}})}function Mo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return l("button",{type:"button",title:e?"Collapse (\u2318\u2318)":"Open Popmelt (\u2318\u2318)",...o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:e?24:40,height:e?32:40,flexShrink:0,border:"none",background:"none",padding:0,cursor:"pointer"},children:l(fa,{"data-popmelt-logo":!0,active:t,onSettlingChange:r,width:"24",height:"24",viewBox:"0 0 40 40",fill:e||t?n:"none",stroke:e||t?"none":n,strokeWidth:"1",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"})})}function Sa({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:s,toolbarRef:d,...c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),m=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},v=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",m),p.addEventListener("mouseleave",v),()=>{p.removeEventListener("mouseenter",m),p.removeEventListener("mouseleave",v)}},[n,e]),l(Io,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:s,style:{opacity:n?1:.2,...c.style},children:l(Mo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Ia(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=A(e);return D(()=>{let r=()=>n(e());return window.addEventListener("resize",r),window.visualViewport?.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.visualViewport?.removeEventListener("resize",r)}},[]),t}function Ma(e){let t=M(e);t.current=e,D(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let s=Date.now();r=s-n<wr.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=s},i=a=>{a.key!=="Meta"&&a.key!=="Control"&&(r=0)};return window.addEventListener("keydown",o),window.addEventListener("keyup",i),()=>{window.removeEventListener("keydown",o),window.removeEventListener("keyup",i)}},[])}var _c=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function Zc({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:s,onMenu:d}){let c=Ie[e];return y("div",{"data-popmelt-compact-tool-control":!0,style:{..._c(e,46),pointerEvents:r?void 0:"none"},children:[y("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:s,style:{width:26,height:32,display:"flex",alignItems:"center",justifyContent:"flex-end",position:"relative",padding:0,border:0,background:"transparent",color:c.primary,cursor:r&&i?"pointer":"default"},children:[t,a&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),l("button",{type:"button","aria-label":"Choose tool","aria-haspopup":"menu","aria-expanded":n,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:d,style:{width:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:"0 6px 0 2px",border:0,background:"transparent",color:c.mutedStrong,cursor:r?"pointer":"default"},children:l(wo,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function qc({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:s=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=A(()=>!o),[h,m]=A(xa),v=M(null),x=So(),{leave:T,dismiss:w}=x,S=x.surface!==null&&x.phase==="visible",H=Ia(),L=()=>{if(u){w(),d?.(),p(!1);return}p(!0),o&&x.show("popmelt-guide")};return Ma(L),D(()=>{let k=v.current;if(!k)return;let E=R=>{R.relatedTarget instanceof Node&&k.contains(R.relatedTarget)||T("popmelt-guide")};return k.addEventListener("pointerout",E),()=>k.removeEventListener("pointerout",E)},[u,T]),u?y("div",{ref:v,style:{display:"contents"},onKeyDown:k=>{k.key==="Escape"&&w()},onBlur:k=>{k.relatedTarget instanceof Node&&v.current?.contains(k.relatedTarget)||T("popmelt-guide")},children:[l("style",{children:`
+        [data-popmelt-entry-dimmed] [data-popmelt-entry-content],
+        [data-popmelt-entry-dimmed] [data-popmelt-entry-control] > [data-popmelt-logo] {
+          opacity: 1;
+          transition: opacity 120ms ease;
+        }
+        [data-popmelt-entry-dimmed="true"] [data-popmelt-entry-content],
+        [data-popmelt-entry-dimmed="true"] [data-popmelt-entry-control] > [data-popmelt-logo] {
+          opacity: 0.5;
+        }
+        [data-popmelt-entry-dimmed] [data-popmelt-entry-control]:is(:hover:not([aria-expanded="true"]), :focus-visible) > [data-popmelt-entry-content],
+        [data-popmelt-entry-dimmed] [data-popmelt-entry-control]:is(:hover:not([aria-expanded="true"]), :focus-visible) > [data-popmelt-logo] {
+          opacity: 1;
+        }
+        @media (prefers-reduced-motion: reduce) {
+          [data-popmelt-entry-dimmed] [data-popmelt-entry-content],
+          [data-popmelt-entry-dimmed] [data-popmelt-entry-control] > [data-popmelt-logo] {
+            transition: none;
+          }
+        }
+      `}),x.surface&&l("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>x.enter("popmelt-guide"),style:{...Wt(h,H.w,H.h,0),width:wt(H.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:Pt}:{paddingBottom:Pt},zIndex:10001},children:l(ma,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:k=>{wa(k),m(k)},active:S,style:{opacity:S?1:0,transition:S?"none":`opacity ${It}ms ease`},connection:i??y("span",{style:{...pn(Ie[e],!1),cursor:"default"},children:[l(ko,{size:14,strokeWidth:1.5}),y("span",{children:["Version ",ka]})]})})}),a&&!x.surface&&l("div",{"data-devtools":"toolbar-entry-panel",style:{...Wt(h,H.w,H.h,Pt),zIndex:10001},children:a}),y(Io,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:H,"aria-label":c,"data-popmelt-entry-dimmed":!!(s&&a&&!x.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Ie[e].border}`,boxShadow:"none"}:void 0,children:[l("span",{style:{display:"contents"},onMouseEnter:()=>w(),onFocus:()=>w(),children:r}),l(Mo,{expanded:!0,"data-popmelt-entry-control":!0,color:Ie[e].primary,onClick:L,onMouseEnter:()=>x.enter("popmelt-guide"),onFocus:()=>x.show("popmelt-guide")})]})]}):l(Sa,{theme:e,snapPosition:h,viewport:H,color:Ie[e].primary,onOpen:L})}function La(e,t){let n=Math.max(0,Math.floor((t-e)/1e3));return n<60?`${n}s`:n<3600?`${Math.floor(n/60)}m`:n<86400?`${Math.floor(n/3600)}h`:`${Math.floor(n/86400)}d`}var Ta={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ea={display:"flex",alignItems:"baseline",gap:16,width:"100%"},$a={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},Aa={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function Uc(e,t){let n=new Date(t);n.setHours(0,0,0,0);let r=new Date(n);r.setDate(r.getDate()-1);let o=new Date(n);return o.setDate(o.getDate()-(o.getDay()+6)%7),e>=n.getTime()?"Today":e>=r.getTime()?"Yesterday":e>=o.getTime()?"This week":"Earlier"}function Jc({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Ie[t],[s,d]=A(""),[c,u]=A(0),[p,h]=A(0),[m,v]=A([]),[x,T]=A(!1),[w,S]=A(!0),[H,L]=A(null),[k,E]=A(Date.now),R=M(null);D(()=>(i?.(null),()=>i?.(null)),[i,s,e]),D(()=>{R.current?.focus();let $=setInterval(()=>E(Date.now()),3e4);return()=>clearInterval($)},[]),D(()=>{let $=!1,F=new AbortController;S(!0),L(null),c===0&&v([]);let _=setTimeout(async()=>{try{if(!e)throw new Error("Bridge unavailable");let de=new URLSearchParams({q:s,limit:"10",offset:String(c)}),me=await Mn(`${e}/threads/history?${de}`,{signal:F.signal});if(!me.ok)throw new Error("History unavailable");let se=await me.json();if($)return;v(U=>c===0?se.threads:[...U,...se.threads.filter(xe=>!U.some(K=>K.id===xe.id))]),T(se.hasMore)}catch{$||L("Couldn\u2019t load history. Check the bridge connection.")}finally{$||S(!1)}},s?180:0);return()=>{$=!0,F.abort(),clearTimeout(_)}},[e,s,c,p]);let j=new Map;for(let $ of m){let F=s.trim()?"Results":Uc($.updatedAt,k);j.set(F,[...j.get(F)??[],$])}let P={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return y("div",{ref:R,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:$=>{$.stopPropagation(),$.key==="Escape"&&($.preventDefault(),r())},style:{...n,boxSizing:"border-box",padding:"16px 16px 20px",borderRadius:20,border:`1px solid ${a.border}`,background:a.surface,color:a.secondary,fontFamily:St,fontSize:14,lineHeight:1.3,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",display:"flex",flexDirection:"column",gap:16,overflow:"hidden",pointerEvents:"auto",outline:"none",zIndex:10002},children:[l("style",{children:`
+[data-devtools="history-panel"] button:focus-visible, [data-devtools="history-panel"] input:focus-visible { outline: 2px solid ${a.primary}; outline-offset: 3px; }
+[data-devtools="history-panel"] .popmelt-history-row { color: ${a.secondary}; }
+[data-devtools="history-panel"] .popmelt-history-row:hover { color: ${a.primary}; }
+[data-devtools="history-panel"] .popmelt-history-row time { color: ${a.muted}; }
+[data-devtools="history-panel"] .popmelt-history-row:hover time { color: ${a.secondary}; }
+    `}),y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[l(la,{size:16,"aria-hidden":"true"}),"History"]}),l("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:l(ia,{size:16})})]}),y("label",{style:{display:"flex",alignItems:"center",gap:8},children:[l(na,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),l("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:s,onChange:$=>{d($.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),y("div",{"aria-busy":w,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...j].map(([$,F])=>y("section",{"aria-label":$,style:{display:"flex",flexDirection:"column",gap:12},children:[l("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:$}),l("div",{style:{display:"flex",flexDirection:"column",gap:8},children:F.map(_=>y("button",{type:"button",className:"popmelt-history-row",title:[_.preview,_.archived?"Dismissed":"",_.previousWorkspace?"Previous workspace":""].filter(Boolean).join(" \xB7 "),onClick:()=>o(_.id),onMouseEnter:()=>i?.(_),onMouseLeave:()=>i?.(null),onFocus:()=>i?.(_),onBlur:()=>i?.(null),style:{...P,color:void 0,...Ta},children:[y("span",{style:Ea,children:[l("span",{style:$a,children:_.preview}),l("time",{dateTime:new Date(_.updatedAt).toISOString(),style:Aa,children:La(_.updatedAt,k)})]}),s.trim()&&_.excerpt&&l("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:_.excerpt})]},_.id))})]},$)),H?y("div",{role:"alert",children:[H," ",l("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>h($=>$+1),children:"Retry"})]}):w?l("div",{role:"status",children:"Loading\u2026"}):m.length===0?l("div",{role:"status",children:s.trim()?"No matching threads.":"No conversations yet."}):null,x&&!w&&!H&&l("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u($=>$+10),children:"Show more"})]})]})}var Lr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Lo={direct:"Use all canvas tools. Send code changes without host approval.","approval-required":"Use all canvas tools. Code changes need host approval.",blocked:"Sending code changes is blocked by the host."},za=["circle","square","diamond","hexagon"];function To(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Ra=e=>e.map((t,n)=>{let r=o=>{let i=Math.hypot(o[0]-t[0],o[1]-t[1]),a=Math.min(3,i/2)/i;return[t[0]+(o[0]-t[0])*a,t[1]+(o[1]-t[1])*a].join(" ")};return`${n?"L":"M"}${r(e[(n+e.length-1)%e.length])} Q${t.join(" ")} ${r(e[(n+1)%e.length])}`}).join(" ")+" Z",Gc={diamond:Ra([[12,1],[23,12],[12,23],[1,12]]),hexagon:Ra([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function Yn({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return l("svg",{...i,"data-peer-shape":e,"aria-hidden":"true",width:n,height:n,viewBox:"0 0 24 24",style:{display:"block",flexShrink:0,overflow:"visible",pointerEvents:"none",...o},children:l("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?l("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?l("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):l("path",{d:Gc[e]})})})}function zn(e){return(e%360+360)%360}function Tr(e){let t=e.match(/oklch\([^)]*\s+([\d.]+)\s*\)/i);if(!t?.[1])return null;let n=Number.parseFloat(t[1]);return Number.isFinite(n)?zn(n):null}function Xt(e){return`oklch(${.628} ${.258} ${zn(e)})`}function Pa(e){let t=Tr(e)??29;return Xt(t+60)}function Eo(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function $o(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function Xc(e,t,n){return e.threadId?`thread:${e.threadId}`:e.groupId&&n.has(e.groupId)?`thread-group:${e.groupId}`:e.groupId?`group:${e.groupId}`:e.id?`annotation:${e.id}`:`annotation-index:${t}`}function Kc(e,t){let n=Math.abs(zn(e)-zn(t));return Math.min(n,360-n)<.5}function Rn(e,t,n){let r=Tr(e)??29,o=Math.round(360/60),i=Eo(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if($o(c,i))return[];let p=Tr(c.color);return p===null?[]:[{hue:p,key:Xc(c,u,i)}]}),s=Xt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=zn(r+c*60),p=new Set(a.filter(h=>Kc(h.hue,u)).map(h=>h.key));if(p.size===0)return Xt(u);p.size<d&&(d=p.size,s=Xt(u))}return s}function Yc(e,t){let n=Eo(e);return e.map(r=>$o(r,n)?{...r,color:t}:r)}function eu(e){let t=new Set(e.annotationIds),n={color:e.color,threadId:e.threadId,pathname:e.pathname},r=e.annotations.map(o=>o.id&&t.has(o.id)?{...o,color:e.color,threadId:e.threadId}:o);return r.push(n),Rn(Pa(e.color),r,e.pathname)}function tu(e,t){return e.find(n=>n.color)?.color??t}function nu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=Eo(e.annotations),r=t.find(i=>$o(i,n)&&!!i.color);if(r?.color)return Rn(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return Rn(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?Rn(Pa(o.color),e.annotations,e.currentPathname):Rn(Xt(29),e.annotations,e.currentPathname)}var er=[210,150,270,90,330,30].map(e=>zn(29+e)),Ao=[.68,.5,.82,.59,.75,.43];function ru(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return za[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Kt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&za.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Ao.indexOf(Number(t[1])),r=er.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Ao.length+n)*er.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Ha(i)===e.color)return ru(i)}return"circle"}function Ha(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/er.length),n=Ao,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${er[e%er.length]})`}function ou(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??Ui.activeColor:e?.color??Ha(0)}function Na(e){return e.reduce((t,n)=>t+To(Kt(n)),0)-Math.max(0,e.length-1)*4.5}function iu({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:s,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let h=Ie[a],m=a==="light"?"#ffffff":"#000000",v=s??t,x=Gn(),T=M(null),w=M({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});w.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let S=M(null),H=()=>{S.current!==null&&cancelAnimationFrame(S.current),S.current=null},L=e.length>0;return D(()=>{let k=T.current;if(!k)return;let E=R=>{if(R.pointerType==="touch")return;let j=R.target instanceof Element?R.target.closest("button[data-peer-id]"):null;if(!j||!k.contains(j)||R.relatedTarget instanceof Node&&j.contains(R.relatedTarget))return;let P=j.dataset.peerId;R.type==="pointerover"?(H(),Cc(()=>w.current.onDetailsEnter?.(P,"pointer")),w.current.onPeek&&(S.current=requestAnimationFrame(()=>{S.current=requestAnimationFrame(()=>{S.current=null,w.current.onPeek?.(P)})}))):(H(),w.current.onPeekEnd?.(P),w.current.onDetailsLeave?.(P,R.relatedTarget))};return k.addEventListener("pointerover",E),k.addEventListener("pointerout",E),k.addEventListener("pointercancel",E),()=>{H(),k.removeEventListener("pointerover",E),k.removeEventListener("pointerout",E),k.removeEventListener("pointercancel",E)}},[L]),e.length?l("ul",{ref:T,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:k,permission:E,color:R=h.secondary,shape:j,unseenActivity:P},$)=>y("li",{style:{display:"flex",position:"relative",zIndex:e.length-$,marginRight:$===e.length-1?0:-4.5},children:[y("button",{type:"button","aria-pressed":n===k.id,"aria-label":`Preview ${k.name}'s plane \u2014 ${Lr[E]}${P?" \u2014 New activity":""}`,title:c?void 0:`${k.name} \xB7 ${Lr[E]}: ${Lo[E]}`,"aria-describedby":[`${x}-${$}`,s===k.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":k.id,onClick:()=>{H(),r(k.id)},onFocus:()=>c?.(k.id,"focus"),onBlur:F=>u?.(k.id,F.relatedTarget),onKeyDown:F=>{F.key==="Escape"&&(H(),i?.(k.id)),!(F.key!=="Escape"||s!==k.id)&&(F.preventDefault(),F.stopPropagation(),p?.(k.id))},style:{display:"flex",position:"relative",alignItems:"center",width:To(Kt({identity:k,color:R,shape:j})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[l(Yn,{shape:Kt({identity:k,color:R,shape:j}),color:v===k.id?R:`color-mix(in srgb, ${R} 20%, ${h.surface})`,outline:n===k.id?m:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&l("span",{"data-devtools":"peer-activity-dot","aria-hidden":"true",style:{position:"absolute",top:-1,right:-2,width:9,height:9,borderRadius:"50%",background:h.primary,border:`1px solid ${h.surface}`,pointerEvents:"none"}})]}),l("span",{id:`${x}-${$}`,hidden:!0,children:Lo[E]})]},k.id))}):null}function zo(e,t){return JSON.stringify([e,t??null])}function Ro(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:zo(e.id,t.id)}))}function au(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Ro(n).map(r=>r.key))}function lu(e,t){let n=[],r=()=>{try{let i=JSON.parse(e.getItem(t)??"[]");Array.isArray(i)&&(n=[...new Set([...i.filter(a=>typeof a=="string"),...n])].slice(-1e3))}catch{}return n},o=i=>{let a=r(),s=i.filter(c=>!a.includes(c));if(!s.length)return a;let d=[...new Set([...a,...s])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function ja({at:e,theme:t,label:n}){let[r,o]=A(Date.now);if(D(()=>{let s=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(s)},[]),!Number.isFinite(e)||e<=0)return null;let i=Math.max(0,Math.floor((r-e)/1e3)),a=i<60?`${i}s ago`:i<3600?`${Math.floor(i/60)}m ago`:`${Math.floor(i/3600)}h ago`;return l("span",{"data-devtools":"activity-age",title:`${n}: ${new Date(e).toLocaleString()}`,"aria-label":`${n}: ${a}`,style:{background:Ie[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Ie[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var Yt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Pn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Er={gap:3,padding:"2px 6px",radius:8},gn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},en=gn,tr={size:21,padding:3,radius:8,iconSize:15},Po={padding:"0 4px",height:18,radius:6},Oa={fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3};function Ho(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Er.gap,padding:Er.padding,borderRadius:Er.radius,border:0,flexShrink:0,background:Ie[e].control,color:Ie[e].primary,...Oa,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var su=kd("HandPeace",[["path",{d:"M7 12 5.1 4.9a1.75 1.75 0 0 1 3.4-.8L11 11l2.5-8a1.75 1.75 0 0 1 3.35 1.05L15 11",key:"raised-fingers"}],["path",{d:"M15 14v-3a1.75 1.75 0 0 1 3.5 0v3a1.75 1.75 0 0 1-3.5 0Z",key:"folded-ring-finger"}],["path",{d:"M18.5 13a1.75 1.75 0 0 1 3.5 0v2a1.75 1.75 0 0 1-3.5 0Z",key:"folded-pinky"}],["path",{d:"M22 15v1a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-1",key:"palm"}],["path",{d:"M6 15v-1.3a1.75 1.75 0 0 1 2.6-1.5l4 2.3a1.75 1.75 0 0 1-1.75 3.03l-.65-.37",key:"folded-thumb"}]]),Wa=120,du=180,cu=2e3;function No(e){let t=Ie[e];return{display:"flex",alignItems:"center",gap:Yt.gap,width:Yt.width,maxWidth:`calc(100vw - ${Yt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Yt.radius,padding:Yt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function uu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:s=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:h=[],showUnreadSuggestions:m=!0}){let v=M(c);v.current=c;let x=M(null);D(()=>{let re=x.current;if(!re)return;let Ae=v.current,ue=Se=>{if(Se.pointerType==="touch")return;let ge=Se.target instanceof Element?Se.target.closest('[data-devtools="peer-review-sent"]'):null;!ge||!re.contains(ge)||Se.relatedTarget instanceof Node&&ge.contains(Se.relatedTarget)||v.current?.(Se.type==="pointerover"?ge.dataset.annotationId??null:null)};return re.addEventListener("pointerover",ue),re.addEventListener("pointerout",ue),re.addEventListener("pointercancel",ue),()=>{re.removeEventListener("pointerover",ue),re.removeEventListener("pointerout",ue),re.removeEventListener("pointercancel",ue),Ae?.(null)}},[e.identity.id]);let[T,w]=A(!1),[S,H]=A(),[L,k]=A(),E=M(0),R=M(null),j=M(!1);Ze(()=>{!T&&j.current&&(j.current=!1,R.current?.focus({preventScroll:!0}))},[T,e.identity.id]);let P=async(re,Ae)=>{w(!0),H(re),k(void 0);try{await Ae()||(E.current+=1,k({target:re,pulse:E.current}))}catch{E.current+=1,k({target:re,pulse:E.current})}finally{w(!1),H(void 0)}},[$,F]=A("idle"),[_,de]=A(),me=M(0),se=M(null),[U,xe]=A();Ze(()=>{if(!se.current)return;let re=!0,Ae=()=>{if(!re||!se.current)return;let ue=getComputedStyle(se.current),Se=document.createElement("span");Object.assign(Se.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:ue.fontFamily,fontSize:ue.fontSize,fontWeight:ue.fontWeight,lineHeight:ue.lineHeight}),document.body.append(Se);let ge=Number.parseFloat(ue.paddingLeft)+Number.parseFloat(ue.paddingRight)+en.iconSize+en.gap,at=Ht=>(Se.textContent=Ht,Math.ceil(ge+Se.getBoundingClientRect().width)),Mt={idle:at("Invite"),busy:at("Copying\u2026"),copied:at("Copied")};Se.remove(),Object.values(Mt).every(Ht=>Ht>ge)&&xe(Mt)};return Ae(),document.fonts?.ready.then(Ae),()=>{re=!1}},[t,s,a]),D(()=>{if($==="copied"){let re=setTimeout(()=>{F(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},cu);return()=>clearTimeout(re)}if($==="copied-out"){let re=setTimeout(()=>F("idle-in"),Wa);return()=>clearTimeout(re)}if($==="idle-in"){let re=setTimeout(()=>F("idle"),16);return()=>clearTimeout(re)}},[$]);let K=Ie[t],[we,Te]=A(),[G,ke]=A(),I=M(0),[C,W]=A(Date.now);D(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[B,N]=A("idle"),Y=e.permission==="direct"?Hd:aa,$e=!s&&!!o,ee=[...p].sort((re,Ae)=>(Ae.submittedAt??0)-(re.submittedAt??0)),qe=ee.flatMap(Ro),Q=new Set(h),Ne=async(re,Ae)=>{if(!d)return;let ue=zo(re,Ae);w(!0),Te(ue),ke(void 0);try{await d(re,Ae)}catch{I.current+=1,ke({key:ue,pulse:I.current})}finally{w(!1),Te(void 0)}};return y("div",{id:n,ref:x,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...No(t),flexWrap:d||u?"wrap":void 0,...r},children:[l("style",{children:`
+        [data-devtools="peer-revoke"] { color: ${K.secondary}; }
+        [data-devtools="peer-revoke"]:not(:disabled):is(:hover, :focus-visible) { color: ${K.primary}; }
+        [data-devtools="peer-revoke-label"] {
+          max-width: 0;
+          opacity: 0;
+          overflow: hidden;
+          transition: max-width 160ms ease, opacity 120ms ease;
+        }
+        [data-devtools="peer-revoke"]:is(:hover, :focus-visible) [data-devtools="peer-revoke-label"] {
+          max-width: 60px;
+          opacity: 1;
+        }
+        [data-devtools="peer-permission"]:not(:focus-visible):has(+ [data-devtools="peer-revoke"]:is(:hover, :focus-visible)) {
+          opacity: 0;
+          pointer-events: none;
+        }
+        [data-devtools="peer-details"][data-popmelt-theme="${t}"] :is([data-devtools="peer-permission"], [data-devtools="peer-invite"]):not(:disabled):is(:hover, :focus-visible, [aria-expanded="true"]) {
+          box-shadow: inset 0 0 0 100px ${K.softHairline};
+        }
+        [data-devtools="peer-review-list"] .popmelt-history-row { color: ${K.secondary}; font-size: 12px; }
+        [data-devtools="peer-review-list"] .popmelt-history-row time { color: ${K.muted}; }
+        [data-devtools="peer-review-list"] .popmelt-history-row:is(:hover, :focus-visible) { color: ${K.primary}; }
+        [data-devtools="peer-review-list"] .popmelt-history-row:is(:hover, :focus-visible) time { color: ${K.secondary}; }
+        [data-popmelt-peer-action-rejection="odd"] {
+          animation: popmelt-peer-action-rejection-odd 220ms ease-out;
+        }
+        [data-popmelt-peer-action-rejection="even"] {
+          animation: popmelt-peer-action-rejection-even 220ms ease-out;
+        }
+        [data-popmelt-peer-action-spinner] {
+          animation: popmelt-peer-action-spin 0.8s linear infinite;
+        }
+        @keyframes popmelt-peer-action-rejection-odd {
+          ${qn}
+        }
+        @keyframes popmelt-peer-action-rejection-even {
+          ${qn}
+        }
+        @keyframes popmelt-peer-action-spin {
+          to { transform: rotate(360deg); }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          :is([data-devtools="peer-permission"], [data-devtools="peer-invite"], [data-devtools="peer-revoke-label"]) { transition: none !important; }
+          [data-popmelt-peer-invite-content] { transition: none !important; }
+          [data-popmelt-peer-action-rejection] { animation: none !important; }
+          [data-popmelt-peer-action-spinner] { animation: none !important; }
+        }
+      `}),y("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[l(Yn,{shape:Kt(e),color:e.color??K.secondary,size:Yt.identitySize}),y("span",{style:{minWidth:0},children:[y("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[l("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!s&&e.lastActivityAt!==void 0&&l(ja,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&y("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:K.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),s&&a&&l("button",{ref:se,type:"button","data-devtools":"peer-invite",disabled:$==="busy","aria-live":"polite","aria-label":_===void 0?void 0:"Invitation copy failed; try again","data-popmelt-peer-action-rejection":_===void 0?void 0:_%2?"odd":"even",onClick:async()=>{de(void 0),F("busy");try{await a(),F("copied")}catch{me.current+=1,F("idle"),de(me.current)}},style:{...Ho(t),width:U?U[$==="busy"?"busy":$==="copied"||$==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:en.gap,padding:en.padding,borderRadius:en.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${du}ms ease`,color:$==="busy"?K.muted:K.primary,cursor:$==="busy"?"default":"pointer"},children:y("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:$==="copied-out"||$==="idle-in"?0:1,transition:`opacity ${Wa}ms ease`},children:[$==="busy"?l(Xn,{"data-popmelt-peer-action-spinner":!0,size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):$==="copied"||$==="copied-out"?l(Tn,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):l(Nd,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),$==="busy"?"Copying\u2026":$==="copied"||$==="copied-out"?"Copied":"Invite"]})}),(!s||e.identity.relationship!=="host")&&y("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[y("button",{"data-devtools":"peer-permission",type:"button",disabled:!$e||T||e.permission==="blocked","aria-label":$e?L?.target==="permission"?"Permission update failed; try again":`${Lr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":L?.target==="permission"?L.pulse%2?"odd":"even":void 0,onClick:()=>$e&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Ho(t),gap:gn.gap,padding:gn.padding,borderRadius:gn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:T?K.muted:K.primary,cursor:!$e||T?"default":"pointer"},children:[S==="permission"?l(Xn,{"data-popmelt-peer-action-spinner":!0,size:gn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):l(Y,{size:gn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Lr[e.permission]]}),!s&&i&&e.identity.relationship!=="host"&&y("button",{type:"button","data-devtools":"peer-revoke",ref:R,"aria-label":L?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":L?.target==="revoke"?L.pulse%2?"odd":"even":void 0,disabled:T,onClick:()=>{j.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:tr.size,height:tr.size,padding:tr.padding,borderRadius:tr.radius,border:0,background:"transparent",flexShrink:0,fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:T?"default":"pointer"},children:[l("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:l("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),l(su,{size:tr.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&y("div",{style:{flexBasis:"100%"},children:[l("button",{type:"button",disabled:B==="busy",onClick:async()=>{N("busy");try{await u(),N("shared")}catch{N("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${K.border}`,borderRadius:Er.radius,background:"transparent",color:K.primary,font:"inherit",cursor:"pointer"},children:B==="busy"?"Requesting preview\u2026":B==="shared"?"Share my plane again":"Share my plane"}),B==="error"&&l("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&ee.length>0&&y("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[l("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:K.secondary},children:"Awaiting review"}),l("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:qe.map(({submission:re,annotation:Ae,key:ue})=>{let Se=m&&!Q.has(ue);return l("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Ae.id,"data-unread":Se?"true":void 0,disabled:T,"aria-label":`${Se?"New: ":""}View ${Ae.label} on the peer plane`,"aria-busy":we===ue,"data-popmelt-peer-action-rejection":G?.key===ue?G.pulse%2?"odd":"even":void 0,onClick:()=>{Ne(re.id,Ae.id)},onFocus:()=>c?.(Ae.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:T?"default":"pointer",...Ta},children:y("span",{style:Ea,children:[l("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Se&&l("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??K.secondary}})}),l("span",{style:$a,children:Ae.label}),re.submittedAt!==void 0&&l("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Aa,children:La(re.submittedAt,C)})]})},ue)})})]})]})}var Ba=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function pu(e,t,n){let r=M(e);r.current=e,Ze(()=>{let o=n?.current??window,i=null,a=!1,s=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(Ba).find(Boolean)??null:Ba(u.relatedTarget))},d=u=>{if(!(u.code!=="Space"&&u.key!==" ")&&!(!a&&(u.type!=="keydown"||u.defaultPrevented||u.repeat||u.isComposing||u.metaKey||u.ctrlKey||u.altKey||u.shiftKey||!i||i!==r.current||!t.current?.isConnected||u.composedPath().some(p=>p instanceof Element&&(p.matches('input, textarea, select, [role="textbox"], [role="menuitem"], [data-admission-reject]')||p instanceof HTMLElement&&p.isContentEditable))))){if(u.preventDefault(),u.stopImmediatePropagation(),u.type==="keyup"){a=!1;return}a||(a=!0,t.current?.click())}},c=()=>{i=null,a=!1};return o.addEventListener("pointerover",s,!0),o.addEventListener("pointerout",s,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",s,!0),o.removeEventListener("pointerout",s,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Da=260,jo=120;function Fa(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Po.padding,height:Po.height,borderRadius:Po.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ie[e].control,color:Ie[e].primary}}function Va(e){return No(e)}function Oo(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Pn.gap,padding:Pn.padding,borderRadius:Pn.radius,border:0,background:"transparent",color:Ie[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function fu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:s,onDetailsDismiss:d,onHoverChange:c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let h=m=>{if(m.pointerType==="touch"||m.relatedTarget instanceof Node&&p.contains(m.relatedTarget))return;let v=m.type==="pointerover";c?.(v),v?a?.("pointer"):s?.(m.relatedTarget)};return p.addEventListener("pointerover",h),p.addEventListener("pointerout",h),p.addEventListener("pointercancel",h),()=>{p.removeEventListener("pointerover",h),p.removeEventListener("pointerout",h),p.removeEventListener("pointercancel",h)}},[a,s,c]),y("button",{ref:u,type:"button","data-devtools":"admission-chip","data-admission-request-id":e.id,"aria-label":`Access request from ${e.name}`,"aria-expanded":t,"aria-controls":t?i:void 0,onFocus:()=>a?.("focus"),onBlur:p=>s?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:To(Kt(e)),height:22,boxSizing:"border-box",padding:0,flexShrink:0,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:n?`color-mix(in srgb, #fff 20%, ${Ie[o].surface})`:"#fff",cursor:"pointer",border:0},children:[l(Yn,{shape:Kt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Ie[o].surface})`:e.color??"transparent",outline:t?Ie[o].primary:Ie[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),l(Zd,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function hu({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,s]=A(!1),[d,c]=A(),u=M(0),p=M(!1),h=async m=>{if(!p.current){p.current=!0,s(!0),c(void 0);try{await r(t.id,m)}catch{u.current+=1,c({target:m,pulse:u.current})}finally{p.current=!1,s(!1)}}};return y("div",{id:e,role:"group","aria-label":`${t.name}'s access request`,"data-devtools":"admission-card","data-popmelt-font":"sans","data-popmelt-theme":n,style:{...Va(n),...o},children:[l("style",{children:`
+        [data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject] {
+          color: ${Ie[n].mutedStrong};
+          transition: color 120ms ease;
+        }
+        [data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject]:not(:disabled):is(:hover, :focus-visible) {
+          color: ${Ie[n].primary};
+        }
+        [data-admission-invite] {
+          transition: opacity ${jo}ms ease;
+        }
+        [data-admission-reject-label] {
+          max-width: 0;
+          opacity: 0;
+          overflow: hidden;
+          transition: max-width 160ms ease, opacity ${jo}ms ease;
+        }
+        [data-admission-reject]:not(:disabled):is(:hover, :focus-visible) [data-admission-reject-label] {
+          max-width: 54px;
+          opacity: 1;
+        }
+        [data-admission-invite]:not(:focus-visible):has(+ [data-admission-reject]:not(:disabled):is(:hover, :focus-visible)) {
+          opacity: 0;
+          pointer-events: none;
+        }
+        [data-popmelt-admission-decision-rejection="odd"] {
+          animation: popmelt-admission-decision-rejection-odd 220ms ease-out;
+        }
+        [data-popmelt-admission-decision-rejection="even"] {
+          animation: popmelt-admission-decision-rejection-even 220ms ease-out;
+        }
+        @keyframes popmelt-admission-decision-rejection-odd {
+          ${qn}
+        }
+        @keyframes popmelt-admission-decision-rejection-even {
+          ${qn}
+        }
+        @keyframes popmelt-admission-invite-label-out {
+          0%, 30% {
+            opacity: 1;
+            transform: translateX(0);
+          }
+          100% {
+            opacity: 0;
+            transform: translateX(10px);
+          }
+        }
+        @keyframes popmelt-admission-updating-label-in {
+          0% {
+            opacity: 0;
+            transform: translate(-12px, -50%);
+          }
+          100% {
+            opacity: 1;
+            transform: translate(0, -50%);
+          }
+        }
+        [data-popmelt-admission-updating-dot] {
+          animation-duration: 1.2s;
+          animation-iteration-count: infinite;
+          animation-timing-function: step-end;
+        }
+        [data-popmelt-admission-updating-dot="1"] {
+          animation-name: popmelt-admission-updating-dot-1;
+        }
+        [data-popmelt-admission-updating-dot="2"] {
+          animation-name: popmelt-admission-updating-dot-2;
+        }
+        [data-popmelt-admission-updating-dot="3"] {
+          animation-name: popmelt-admission-updating-dot-3;
+        }
+        @keyframes popmelt-admission-updating-dot-1 {
+          0%, 24.99% { opacity: 0; }
+          25%, 100% { opacity: 1; }
+        }
+        @keyframes popmelt-admission-updating-dot-2 {
+          0%, 49.99% { opacity: 0; }
+          50%, 100% { opacity: 1; }
+        }
+        @keyframes popmelt-admission-updating-dot-3 {
+          0%, 74.99% { opacity: 0; }
+          75%, 100% { opacity: 1; }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          [data-popmelt-admission-invite-label],
+          [data-popmelt-admission-updating-label] { animation: none !important; }
+          [data-admission-invite],
+          [data-admission-reject-label] { transition: none !important; }
+          [data-popmelt-admission-updating-dot] { animation: none; opacity: 1; }
+          [data-popmelt-admission-decision-rejection] { animation: none !important; }
+        }
+      `}),y("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[l(Yn,{"data-popmelt-request-avatar":!0,shape:Kt(t),color:t.color??"transparent",size:Yt.identitySize}),l("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:600},children:t.name}),l(ja,{at:t.createdAt,theme:n,label:"Requested"})]}),y("div",{style:{display:"flex",gap:0,position:"relative"},children:[y("button",{ref:i,type:"button",disabled:a,"data-admission-invite":!0,"data-popmelt-admission-decision-rejection":d?.target==="grant"?d.pulse%2?"odd":"even":void 0,"aria-keyshortcuts":"Space","aria-label":a?"Updating\u2026":d?.target==="grant"?"Invite failed; try again":"Invite",style:{...Oo(n),position:"relative",boxSizing:"border-box",overflow:"hidden"},onClick:()=>{h("grant")},children:[l("kbd",{"aria-hidden":"true","data-popmelt-admission-invite-shortcut":!0,style:{...Fa(n),opacity:a?0:1,transition:`opacity ${jo}ms ease`},children:"space"}),l("span",{"aria-hidden":"true","data-popmelt-admission-invite-label":!0,style:{fontSize:12,opacity:a?0:1,transform:a?"translateX(10px)":"translateX(0)",animation:a?`popmelt-admission-invite-label-out ${Da}ms ease both`:void 0},children:"to invite"}),a&&y("span",{"aria-hidden":"true","data-popmelt-admission-updating-label":!0,style:{position:"absolute",top:"50%",right:8,fontSize:12,opacity:1,transform:"translate(0, -50%)",animation:`popmelt-admission-updating-label-in ${Da}ms ease 40ms both`},children:["Updating",y("span",{"aria-hidden":"true","data-popmelt-admission-updating-dots":!0,style:{display:"inline-block"},children:[l("span",{"data-popmelt-admission-updating-dot":"1",children:"."}),l("span",{"data-popmelt-admission-updating-dot":"2",children:"."}),l("span",{"data-popmelt-admission-updating-dot":"3",children:"."})]})]})]}),y("button",{type:"button",disabled:a,"aria-label":d?.target==="decline"?"Decline request failed; try again":"Decline request","data-admission-reject":!0,"data-popmelt-admission-decision-rejection":d?.target==="decline"?d.pulse%2?"odd":"even":void 0,style:{...Oo(n),color:void 0,position:"relative"},onClick:()=>{h("decline")},children:[l("span",{"data-admission-reject-label":!0,"aria-hidden":"true",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)"},children:l("span",{style:{display:"block",paddingRight:4,whiteSpace:"nowrap"},children:"Decline?"})}),l(ia,{size:Pn.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]})]})}var Qa=`
+  [data-popmelt-admission-wave] {
+    transform-box: fill-box;
+    transform-origin: 70% 85%;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    [data-popmelt-admission-ask][aria-expanded="false"]:is(:hover, :focus-visible) [data-popmelt-admission-wave],
+    [data-devtools="admission-chip"]:is(:hover, :focus-visible) [data-popmelt-admission-wave] {
+      animation: popmelt-admission-wave 650ms ease-in-out;
+    }
+  }
+  @keyframes popmelt-admission-wave {
+    0%, 100% { transform: rotate(0deg); }
+    20% { transform: rotate(18deg); }
+    40% { transform: rotate(-12deg); }
+    60% { transform: rotate(12deg); }
+    80% { transform: rotate(-6deg); }
+  }
+`,Wo=xo(null),_a=xo(void 0);function mu({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Gn(),i=Gn(),[a,s]=A(""),[d,c]=A(!1),[u,p]=A(!0),[h,m]=A(!1),v=Ie[t];return y("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async x=>{if(x.preventDefault(),!(d||!a.trim())){c(!0),m(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{m(!0)}finally{c(!1)}}},style:{...No(t),display:"block",...n},children:[l("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),l("input",{id:o,name:"peer-name","aria-label":"Your name",autoComplete:"nickname",maxLength:48,required:!0,disabled:d,value:a,placeholder:"Your name","aria-describedby":h?i:void 0,onChange:x=>s(x.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${v.border}`,borderRadius:Pn.radius,background:"transparent",color:v.primary,font:"inherit"}}),l("p",{title:Lo["approval-required"],style:{fontSize:12,color:v.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&y(Le,{children:[y("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[l("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:x=>p(x.target.checked)}),"Share my plane"]}),l("p",{style:{fontSize:12,color:v.secondary,margin:"0 0 12px"},children:"Allow peers to preview this tab. Your browser will ask for permission; you can still join if you decline."})]}),l("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:Pn.radius,background:v.primary,color:v.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),h&&l("p",{id:i,role:"alert",style:{margin:"8px 0 0",fontSize:12},children:"Could not join. Check the connection or ask the host for a fresh invitation."})]})}var Za=xo(null);function qa(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function gu(e,t,n,r,o,i=!0){let a=M(null),s=M(null),d=M(null),c=M(null),u=M(null);D(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),D(()=>{if(!i||!r.current)return;let p=qa(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),D(()=>{if(!i)return;let p=h=>{if(r.current)try{let m=h.newValue?JSON.parse(h.newValue):[];if(!Array.isArray(m))return;if(h.key===o.annotations){let x=qa(m);if(x===a.current)return;a.current=x,n({type:"SYNC_ANNOTATIONS",payload:{annotations:m}});return}let v=JSON.stringify(m);if(h.key===o.styleMods){if(v===s.current)return;s.current=v,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:m})}else if(h.key===o.textMods){if(v===d.current)return;d.current=v,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:m})}else if(h.key===o.domMods){if(v===c.current)return;c.current=v,n({type:"RESTORE_DOM_MODIFICATIONS",payload:m})}else if(h.key===o.spacingChanges){if(v===u.current)return;u.current=v,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:m})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),D(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(h,m,v)=>{let x=JSON.stringify(m);x!==v.current&&(v.current=x,localStorage.setItem(h,x))};p(o.styleMods,t.styleModifications,s),p(o.textMods,t.textModifications,d),p(o.domMods,t.domModifications,c),p(o.spacingChanges,t.spacingTokenChanges,u),localStorage.setItem(o.stroke,String(t.strokeWidth))},[i,e,t.styleModifications,t.textModifications,t.domModifications,t.spacingTokenChanges,t.activeColor,t.strokeWidth,r,o])}function Ua(e){let t=M(e);D(()=>t.current(),[])}function yu(e){let t=n=>{if(n.ctrlKey||n.defaultPrevented)return;let r=Math.abs(n.deltaX)>Math.abs(n.deltaY),o=r?n.deltaX:n.deltaY;if(o){for(let i of n.composedPath()){if(i instanceof HTMLElement){let a=getComputedStyle(i),s=r?a.overflowX:a.overflowY,d=r?i.scrollLeft:i.scrollTop,c=r?i.scrollWidth-i.clientWidth:i.scrollHeight-i.clientHeight;if(/^(auto|scroll|overlay)$/.test(s)&&c>0){if(o<0?d>0:d<c-1)return;let u=r?a.overscrollBehaviorX:a.overscrollBehaviorY;if(u==="contain"||u==="none")break}}if(i===e)break}n.preventDefault()}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}var bu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",vu={borderWidth:3,borderStyle:"solid",borderImage:`url("${bu}") 4 / 1.9 / 0 round`};function $r(e){let t=new Set,n=new Map;for(let i of e){if(!i.linkedSelector)continue;let a=n.get(i.linkedSelector)||[];a.push(i),n.set(i.linkedSelector,a)}let r=new Set,o=new Set;for(let i of n.values()){if(i.length<=1){i[0]?.groupId&&o.add(i[0].groupId);continue}i.sort((s,d)=>d.timestamp-s.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let s=1;s<i.length;s++){let d=i[s];t.add(d),d.groupId&&r.add(d.groupId)}}for(let i of e)i.groupId&&r.has(i.groupId)&&!o.has(i.groupId)&&t.add(i);return t}function Ar(e){let t=e.trim().toLowerCase(),n=t.match(/oklch\(\s*([\d.]+%?)/);if(n){let i=n[1];return i.endsWith("%")?parseFloat(i)/100:parseFloat(i)}let r=t.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);if(r){let[i,a,s]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*s)/255}let o=t.match(/hsla?\(\s*[\d.]+[,\s]+[\d.]+%?[,\s]+([\d.]+)%?/);if(o)return parseFloat(o[1])/100;if(t.startsWith("#")){let i=t.slice(1);(i.length===3||i.length===4)&&(i=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]);let a=parseInt(i.slice(0,2),16),s=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*s+.0722*d)/255}return null}function xu(e){return(t,n)=>{let r=Ar(t[1]),o=Ar(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function wu(e){let t=e.replace(/^--/,"");t=t.replace(/^(?:color|clr)-/,"");let n=t.split("-");return n.length>1&&/^\d+$/.test(n[n.length-1])&&n.pop(),n.join("-")}function Cu(e){let t=new Map;for(let o of e){let i=wu(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=xu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=Ar(o[1][0][1])??0,s=Ar(i[1][0][1])??0;return a-s}),r}function ku(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var Ja=new Set(["expresses"]),Bo={project:0,route:1,selector:2,component:3,file:4};function Su(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function Iu(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function Ga(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Bo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Mu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function nr(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return Ga(a,n.get(o)?.length??0)-Ga(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Lu(e){let t=e.explanations.filter(w=>w.state!=="retired"),n=new Map(t.map(w=>[w.id,w])),r=t.filter(w=>w.state!=="challenged"),o=new Set(r.map(w=>w.id)),i=new Map,a=new Map,s=new Set;for(let w of t)for(let S of w.relations){if(!Ja.has(S.type))continue;let H=S.direction==="outgoing"?w.id:S.explanationId,L=S.direction==="outgoing"?S.explanationId:w.id,k=`${H}:${L}`;s.has(k)||!o.has(H)||!o.has(L)||(s.add(k),i.set(L,new Set([...i.get(L)??[],H])),a.set(H,new Set([...a.get(H)??[],L])))}let d=new Map,c=new Map;for(let[w,S]of i)d.set(w,nr(S,n,d));for(let[w,S]of a)c.set(w,nr(S,n,d));let u=nr(r.flatMap(w=>(c.get(w.id)?.length??0)>0?[]:(d.get(w.id)?.length??0)>0||Mu(w)?[w.id]:[]),n,d),p=new Set,h=w=>{if(!p.has(w)){p.add(w);for(let S of d.get(w)??[])h(S)}};u.forEach(h);let m=new Map;for(let w of u){let S=n.get(w),H=Su(S),L=m.get(H);L?L.rootIds.push(w):m.set(H,{id:H,label:Iu(S),scopeKind:S.scope.kind,rootIds:[w]})}let v=[...m.values()].sort((w,S)=>Bo[w.scopeKind]-Bo[S.scopeKind]||w.label.localeCompare(S.label)),x=nr(r.flatMap(w=>p.has(w.id)?[]:[w.id]),n,d),T=nr(t.flatMap(w=>w.state==="challenged"?[w.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:v,unplacedIds:x,challengedIds:T}}function Tu(e,t){let n=new Set([...e.explanationsById.values()].flatMap(a=>t(a)?[a.id]:[])),r=new Set(n),o=[...n];for(;o.length;){let a=o.pop();for(let s of e.parentIdsById.get(a)??[])r.has(s)||(r.add(s),o.push(s))}let i=a=>new Map([...a].flatMap(([s,d])=>r.has(s)?[[s,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let s=a.rootIds.filter(d=>r.has(d));return s.length?[{...a,rootIds:s}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Eu(e){return e.type==="expresses"?e.direction==="incoming"?"Expressed through":"Expression of":e.type==="excepts"?e.direction==="incoming"?"Has exception":"Exception to":e.type==="supersedes"?e.direction==="incoming"?"Replaced by":"Replaces":"Related to"}function $u(e){return Ja.has(e.type)}var Au=/^#[0-9a-fA-F]{3,8}$/,zu=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Ru=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Pu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function Xa(e){let t=e.trim();return Au.test(t)||zu.test(t)||Ru.has(t.toLowerCase())}function Hu(e){return Pu.test(e.trim())}function Nu(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Do(e,t=""){if(e==null)return[];if(typeof e!="object")return[[t,String(e)]];if(Array.isArray(e))return[[t,e.map(String).join(", ")]];let n=[];for(let[r,o]of Object.entries(e)){let i=t?`${t}.${r}`:r;if(o!==null&&typeof o=="object"&&!Array.isArray(o)){let a=o;typeof a.value=="string"?n.push([i,a.value]):n.push(...Do(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function ju(e){return e.length===0?"generic":e.filter(([,t])=>Xa(t)).length>e.length/2?"colors":e.filter(([,t])=>Hu(t)).length>e.length/2?"spacing":"generic"}var Ou={width:360,backgroundColor:"var(--popmelt-library-surface)",border:"1px solid var(--popmelt-library-border)",borderRadius:20,boxSizing:"border-box",zIndex:10001,display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",color:"var(--popmelt-library-primary)",padding:16,pointerEvents:"auto",backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)"};function Wu({varName:e,value:t,reference:n}){return l("div",{title:n?`${e} \u2192 ${n}
+${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&l(ko,{size:10,strokeWidth:2.5,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",filter:"drop-shadow(0 0 1px rgba(0,0,0,0.5))"}})})}function Bu({entries:e,references:t}){let n=[],r=[];for(let i of e)Xa(i[1])?n.push(i):r.push(i);let o=Cu(n);return y(Le,{children:[o.map(([i,a])=>y("div",{style:{marginBottom:4},children:[y("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),l("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([s,d])=>l(Wu,{varName:s,value:d,reference:t[s]},s))})]},i)),r.length>0&&l(Fo,{entries:r})]})}var zr=[0,1,2,4,8,12,16,20,24,28,32];function Du(e){if(e<=32){let t=zr[0],n=Math.abs(e-t);for(let r=1;r<zr.length;r++){let o=Math.abs(e-zr[r]);o<n&&(t=zr[r],n=o)}return t}return Math.round(e/8)*8}function Fu({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:s}){let[d,c]=A(!1),[u,p]=A(null),h=M(!1),m=M(0),v=M(0),x=M([]),T=u!==null?u:n,w=u!==null?`${u}px`:t,S=u!==null,H=ie(k=>{k.preventDefault(),h.current=!0,m.current=k.clientX,v.current=n;let E=mo(o);x.current=pd(E);let R=P=>{let $=P.clientX-m.current,F=Math.max(0,Math.round(v.current+$));P.shiftKey&&(F=Du(F));for(let _ of x.current)_.element.style.setProperty(_.property,F+"px","important");p(F),i?.({name:e,px:F,token:E})},j=()=>{window.removeEventListener("mousemove",R),window.removeEventListener("mouseup",j),document.body.style.cursor="",h.current=!1,p(P=>{if(P!==null&&P!==n&&a){let $=mo(o),F=$.bindings&&$.bindings.length>0,_;if(F){let U=qi($.bindings,v.current,P);_=JSON.stringify({...$,value:`${P}px`,bindings:U})}else{let U=fd(x.current,v.current),xe=hd(x.current);if(U.length>0){let K=qi(U,v.current,P);_=JSON.stringify({value:`${P}px`,property:xe,bindings:K})}else _=`${P}px`}let de=typeof o=="string"?o:JSON.stringify(o),me=x.current.map(U=>({selector:gd(U.element),property:U.property})),se=md(x.current,v.current,P);a({tokenPath:r,originalValue:de,currentValue:_,targets:me,originalPx:v.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:v.current,newPx:P,affectedElements:se})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",R),window.addEventListener("mouseup",j)},[n,e,r,o,i,a]),L=mo(o);return y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:11,padding:"1px 0",cursor:"ew-resize",userSelect:"none"},onMouseEnter:()=>{h.current||(c(!0),i?.({name:e,px:T,token:L}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:H,children:[l("span",{style:{color:d||S?"#FF0000":"var(--popmelt-library-muted)"},children:e}),y("span",{style:{display:"flex",alignItems:"center",gap:4},children:[l("span",{style:{color:d||S?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:w}),s&&d&&!S&&l("button",{type:"button",title:"Remove token",onMouseDown:k=>{k.stopPropagation();let E=typeof o=="string"?o:JSON.stringify(o);s(r,E)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:k=>{k.currentTarget.style.color="#FF0000"},onMouseLeave:k=>{k.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function Vu({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],s=[];for(let d of e){let c=Nu(d[1]);c!==null?a.push([d[0],d[1],c]):s.push(d)}return y(Le,{children:[a.length>0&&l("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),h=n?Qu(n,d):c,m=h&&typeof h=="object"&&"value"in h?h:c;return l(Fu,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:m,onHover:r,onModify:o,onDelete:i},d)})}),s.length>0&&l(Fo,{entries:s})]})}function Qu(e,t){let n=t.split("."),r=e;for(let o of n){if(r==null||typeof r!="object")return;r=r[o]}return r}function Fo({entries:e}){return l("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>y("div",{style:{fontSize:11},children:[l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),l("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function Ka({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=ju(e);return a==="colors"?l(Bu,{entries:e,references:{}}):a==="spacing"?l(Vu,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):l(Fo,{entries:e})}function _u(e){let t=e.toLowerCase(),n=null,r=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,{acceptNode(i){return i.closest("#devtools-toolbar, #devtools-canvas, #devtools-scrim, [data-popmelt-panel]")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=r.currentNode;for(;o=r.nextNode();){let i=o,a=Object.keys(i).find(d=>d.startsWith("__reactFiber$")||d.startsWith("__reactInternalInstance$"));if(!a)continue;let s=i[a];for(;s;){let d=s.type,c=typeof d=="function"||typeof d=="object"?d?.displayName||d?.name:null;if(typeof c=="string"){let u=c.toLowerCase();if(u===t){let p={...s.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...s.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...s.memoizedProps};delete p.ref,n={type:d,props:p}}}}s=s.return}}return n}var Zu=class extends Cd{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}render(){return this.state.hasError?null:this.props.children}};function qu({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):l("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Do(i);return y("section",{children:[l("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),l(Ka,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function Uu({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,s]=A(!1),[d,c]=A(!1),u=M(null),p=M(0),[h,m]=A(0),[v,x]=A(0),T=Do(t),w=T.find(([P])=>P==="description")?.[1];D(()=>{if(!d&&!r){m(0),x(0),p.current=0;return}let P=Zi(e);m(P.length)},[d,r,e]),D(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let S=n||r||d,H=n?"139,92,246":"34,197,94",L=n?"#8b5cf6":"#22c55e",k=S?`rgba(${H},0.06)`:void 0,E=S?`inset 0 0 0 1.5px rgba(${H},0.35)`:void 0,R=r||d,j=ie(()=>{let P=Zi(e);if(P.length===0)return;let $=p.current%P.length;P[$].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),x($),p.current=$+1,i?.({name:e,instanceIndex:$})},[e,i]);return y("div",{ref:u,onClick:j,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:k,padding:6,boxShadow:E,cursor:"pointer"},children:[y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[y("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[l("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:R?L:"transparent",color:R?"#fff":"var(--popmelt-library-secondary)"},children:e}),R&&h>1&&y("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[v+1,"/",h]})]}),o&&d&&l("button",{type:"button",title:"Remove from model",onClick:P=>{P.stopPropagation(),o(e)},style:{border:"none",background:"none",cursor:"pointer",padding:"0 2px",fontSize:14,lineHeight:1,color:"var(--popmelt-library-muted)",marginTop:-4},onMouseEnter:P=>{P.currentTarget.style.color="#FF0000"},onMouseLeave:P=>{P.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),w&&l("div",{style:{fontSize:11,color:R?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:w}),a?l(Ka,{entries:T.filter(([P])=>P!=="description"),categoryKey:""}):l(Ju,{name:e,onNotFound:()=>s(!0),entries:T})]})}function Ju({name:e,onNotFound:t}){let[n,r]=A(null),[o,i]=A(!1);return D(()=>{let a=_u(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:l(Zu,{onError:t,children:l("div",{"data-popmelt-panel":!0,onClick:a=>{a.preventDefault(),a.stopPropagation()},style:{width:"100%",overflowY:"auto",overflowX:"hidden",maxHeight:150,padding:"1rem",outline:"1px solid var(--popmelt-library-soft-hairline)",backgroundColor:"var(--popmelt-library-raised)",boxSizing:"border-box",marginBottom:4,display:"flex",flexDirection:"column",justifyContent:"stretch",alignItems:"center",contain:"layout paint",position:"relative",isolation:"isolate"},children:l("div",{style:{zoom:.5,pointerEvents:"none"},children:ta(n.type,n.props)})})})}function Gu({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=cd(i),s=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return l(Le,{children:s.map(([d,c])=>l(Uu,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var Xu={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function Ku(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ya(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function Yu({explanation:e}){let t=ku(e.evidenceCount);return y("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[l(yc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),l(t==="zero"?bc:t==="low"?vc:t==="medium"?xc:wc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Vo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(s=>!$u(s)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return y("article",{style:{background:e.state==="grounded"?"var(--popmelt-library-raised)":"var(--popmelt-library-soft-surface)",border:"1px solid var(--popmelt-library-soft-hairline)",borderRadius:24,overflow:"hidden"},children:[y("button",{type:"button","aria-expanded":t,onClick:n,style:{width:"100%",border:0,background:"none",color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-primary)",cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:16},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:12,color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-secondary)",fontSize:12,fontWeight:500,lineHeight:1.3,letterSpacing:"0.12px"},children:[l("span",{children:Xu[e.state]}),l("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),y("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[l(Yu,{explanation:e}),l("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),l("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&y("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[l("div",{children:e.rationale}),e.needsGrounding&&l("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(s=>y("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[l("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:s.modelPath})," ","= ",Ku(s.value)]},s.id))]}),i.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(s=>y("div",{style:{marginBottom:5},children:[l("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Eu(s)})," ","\xB7 ",s.statement]},s.id))]}),e.recentEvidence.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(s=>l("div",{style:{marginBottom:7},children:s.summary},s.id))]}),r&&e.sourceThreadIds[0]&&l("button",{type:"button",onClick:()=>r(e.sourceThreadIds[0]),style:{marginTop:14,border:0,borderRadius:12,background:"var(--popmelt-library-soft-surface)",color:"var(--popmelt-library-primary)",cursor:"pointer",font:"inherit",fontWeight:500,padding:"7px 10px"},children:"Open source thread"})]})]})}function el({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let s=n.childrenById.get(e)??[],d=r.has(e);return y("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[l(Vo,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&s.length>0&&l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginLeft:Math.min(24,8+t*4),paddingLeft:8,borderLeft:"1px solid var(--popmelt-library-soft-hairline)"},children:s.map(c=>l(el,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function ep({view:e,filter:t,onViewThread:n}){let[r,o]=A(()=>new Set),i=ie(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=he(()=>Lu(e),[e]),s=he(()=>t==="all"?a:Tu(a,c=>Ya(c,t)),[t,a]),d=e.explanations.filter(c=>Ya(c,t)).length;return D(()=>{t!=="all"&&o(new Set([...s.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,s]),e.counts.total===0?l("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:"No shared understanding yet. It will form continuously as you collaborate in threads."}):d===0?y("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):y("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[s.sections.map(c=>y("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,fontWeight:500,letterSpacing:"0.08em",padding:"0 4px 4px",textTransform:"uppercase"},children:c.label}),c.rootIds.map(u=>l(el,{id:u,depth:0,projection:s,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),s.unplacedIds.length>0&&y("details",{open:t!=="all",children:[y("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",s.unplacedIds.length," observations still finding their place"]}),l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:s.unplacedIds.map(c=>{let u=s.explanationsById.get(c);return u?l(Vo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),s.challengedIds.length>0&&y("details",{open:t==="challenged",children:[y("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",s.challengedIds.length," challenged explanations"]}),l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:s.challengedIds.map(c=>{let u=s.explanationsById.get(c);return u?l(Vo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function tp({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:s,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:h="bottom-right",temporarilyHidden:m=!1}){let[v,,x]=po(e),T=Ie[v],w={"--popmelt-library-surface":T.surface,"--popmelt-library-raised":T.raisedSurface,"--popmelt-library-control":T.control,"--popmelt-library-soft-surface":T.softSurface,"--popmelt-library-hover-surface":T.hoverSurface,"--popmelt-library-primary":T.primary,"--popmelt-library-filter-active":T.hoverForeground,"--popmelt-library-secondary":T.secondary,"--popmelt-library-muted":T.muted,"--popmelt-library-muted-strong":T.mutedStrong,"--popmelt-library-border":T.border,"--popmelt-library-hairline":T.hairline,"--popmelt-library-soft-hairline":T.softHairline},[S,H]=A(void 0),[L,k]=A({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[E,R]=A(!0),[j]=A("understanding"),[P,$]=A("all"),F=M(null),[_,de]=A({hasAbove:!1,hasBelow:!1}),[me,se]=A(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);D(()=>{let I=()=>se(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",I),window.visualViewport?.addEventListener("resize",I),()=>{window.removeEventListener("resize",I),window.visualViewport?.removeEventListener("resize",I)}},[]);let U=ie(()=>{let I=F.current;if(!I)return;let C={hasAbove:I.scrollTop>1,hasBelow:I.scrollTop+I.clientHeight<I.scrollHeight-1};de(W=>W.hasAbove===C.hasAbove&&W.hasBelow===C.hasBelow?W:C)},[]);D(()=>{let I=!1;return nd(e).then(C=>{I||(k(C),R(!1))}),()=>{I=!0}},[e]),D(()=>{let I=requestAnimationFrame(U),C=F.current;if(!C||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(I);let W=new ResizeObserver(U);W.observe(C);let B=C.firstElementChild;return B&&W.observe(B),()=>{cancelAnimationFrame(I),W.disconnect()}},[P,L,E,U]);let xe=ie(I=>{H(C=>{if(!C?.components)return C;let{[I]:W,...B}=C.components;return{...C,components:B}}),u?.(I)},[u]),K=S?.components,we=S?.tokens,Te=K&&Object.keys(K).length>0,G=we&&Object.keys(we).length>0,ke=M(null);return D(()=>{let I=ke.current;if(!I)return;let C=t,W=n;return C&&I.addEventListener("mouseenter",C),W&&I.addEventListener("mouseleave",W),()=>{C&&I.removeEventListener("mouseenter",C),W&&I.removeEventListener("mouseleave",W)}},[t,n]),y("div",{ref:ke,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":v,"data-popmelt-theme-preference":x,"aria-hidden":m||void 0,style:{...Ou,...w,...Dc(h,me),opacity:m?0:1,visibility:m?"hidden":"visible",pointerEvents:m?"none":"auto",transition:m?`opacity ${It}ms ease, visibility 0s linear ${It}ms`:"none"},children:[l("style",{children:`
+[data-popmelt-imprint-filter]:hover {
+  background: var(--popmelt-library-hover-surface) !important;
+  color: var(--popmelt-library-filter-active) !important;
+}
+[data-popmelt-signal-tooltip] {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: -4px;
+  z-index: 2;
+  padding: 4px 8px;
+  border-radius: 8px;
+  background: var(--popmelt-library-primary);
+  color: var(--popmelt-library-surface);
+  font-size: 10px;
+  font-weight: 500;
+  line-height: 1.2;
+  letter-spacing: 0;
+  white-space: nowrap;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(-2px);
+  transition: opacity 120ms ease, transform 120ms ease, visibility 0s linear 120ms;
+  pointer-events: none;
+}
+[data-popmelt-signal-tooltip-trigger]:hover [data-popmelt-signal-tooltip] {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+  transition-delay: 0s;
+}
+@media (hover: none), (pointer: coarse) {
+  [data-popmelt-imprint-filter] { min-height: 40px; }
+}
+      `}),y("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[l(ra,{size:16,strokeWidth:1.8,"aria-hidden":!0}),l("span",{children:"Imprint"}),l("code",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,boxSizing:"border-box",fontSize:12,fontWeight:500,backgroundColor:"var(--popmelt-library-control)",borderRadius:6,color:"var(--popmelt-library-muted-strong)"},children:"I"})]}),l("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(I=>l("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===I,onClick:()=>$(I),style:{border:0,borderRadius:8,background:P===I?"var(--popmelt-library-raised)":"transparent",color:P===I?"var(--popmelt-library-filter-active)":"var(--popmelt-library-muted)",cursor:"pointer",fontFamily:"inherit",fontSize:12,fontWeight:500,letterSpacing:"-0.12px",lineHeight:1.3,padding:"4px 8px"},children:I.charAt(0).toUpperCase()+I.slice(1)},I))}),l("div",{ref:F,"data-popmelt-imprint-scroll":!0,onScroll:U,style:{flex:1,overflowY:"auto",minHeight:0,margin:"0 -16px -16px",padding:"0 16px 16px",boxSizing:"border-box",maskImage:_.hasAbove&&_.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":_.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":_.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0,WebkitMaskImage:_.hasAbove&&_.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":_.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":_.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0},children:l("div",{children:E?l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):j==="understanding"?l(ep,{view:L,filter:P,onViewThread:p}):j==="patterns"?Te?l(Gu,{components:K,selectedComponent:r,hoveredComponent:o,onRemove:xe,onHover:i}):l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):G?l(qu,{tokens:we,onSpacingHover:a,onModifyToken:s,onDeleteToken:d}):l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function tl(e){let t=(e.id||e.label).replace(/^.*\//,"").match(/(?:^|[\s-])(\d+)(?:[.\s-](\d{1,2}))?/);return t?Number(t[1])*1e3+Number(t[2]??0):0}function nl(e){if(e.tierRank!==void 0)return e.tierRank;let t=`${e.id} ${e.label}`.toLowerCase();return/\b(nano|spark|haiku)\b/.test(t)?1:/\b(mini|luna|flash)\b/.test(t)?2:/\b(terra|sonnet)\b/.test(t)?3:/\b(sol|opus|pro)\b/.test(t)?4:/\b(fable|ultra)\b/.test(t)?5:3}function rl(e){let t=e.length>0&&e.every(({model:n})=>n.releaseDate&&Number.isFinite(Date.parse(n.releaseDate)));return[...e].sort((n,r)=>(t?Date.parse(n.model.releaseDate)-Date.parse(r.model.releaseDate):tl(n.model)-tl(r.model))||nl(n.model)-nl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ol(e,t){return rl(t.map((n,r)=>({index:r,model:n})))}function np(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function rp(e,t){let n=Pr(t);return n?e.filter(r=>Pr(`${r} ${Rr(r)}`).includes(n)):e}function op(e,t){if(!e||!t)return"";let n=Rr(e);return Pr(`${e} ${n}`).includes(Pr(t))?n:""}function il(e,t){return t?rl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function ip(e,t){let n=il(e,t);return n.find(r=>r.model.isDefault)?.index??n[0]?.index??0}function Rr(e){let t={anthropic:"Anthropic","openai-codex":"OpenAI Codex",openai:"OpenAI",openrouter:"OpenRouter"};return t[e]?t[e]:e.split(/[-_]/).filter(Boolean).map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}function Pr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var al={id:"",label:"Codex default",source:"cli",isDefault:!0};function ap(e){return[al,...e.filter(t=>t.id!=="")]}var lp="M 233.959793 800.214905 L 468.644287 668.536987 L 472.590637 657.100647 L 468.644287 650.738403 L 457.208069 650.738403 L 417.986633 648.322144 L 283.892639 644.69812 L 167.597321 639.865845 L 54.926208 633.825623 L 26.577238 627.785339 L 3.3e-05 592.751709 L 2.73832 575.27533 L 26.577238 559.248352 L 60.724873 562.228149 L 136.187973 567.382629 L 249.422867 575.194763 L 331.570496 580.026978 L 453.261841 592.671082 L 472.590637 592.671082 L 475.328857 584.859009 L 468.724915 580.026978 L 463.570557 575.194763 L 346.389313 495.785217 L 219.543671 411.865906 L 153.100723 363.543762 L 117.181267 339.060425 L 99.060455 316.107361 L 91.248367 266.01355 L 123.865784 230.093994 L 167.677887 233.073853 L 178.872513 236.053772 L 223.248367 270.201477 L 318.040283 343.570496 L 441.825592 434.738342 L 459.946411 449.798706 L 467.194672 444.64447 L 468.080597 441.020203 L 459.946411 427.409485 L 392.617493 305.718323 L 320.778564 181.932983 L 288.80542 130.630859 L 280.348999 99.865845 C 277.369171 87.221436 275.194641 76.590698 275.194641 63.624268 L 312.322174 13.20813 L 332.8591 6.604126 L 382.389313 13.20813 L 403.248352 31.328979 L 434.013519 101.71814 L 483.865753 212.537048 L 561.181274 363.221497 L 583.812134 407.919434 L 595.892639 449.315491 L 600.40271 461.959839 L 608.214783 461.959839 L 608.214783 454.711609 L 614.577271 369.825623 L 626.335632 265.61084 L 637.771851 131.516846 L 641.718201 93.745117 L 660.402832 48.483276 L 697.530334 24.000122 L 726.52356 37.852417 L 750.362549 72 L 747.060486 94.067139 L 732.886047 186.201416 L 705.100708 330.52356 L 686.979919 427.167847 L 697.530334 427.167847 L 709.61084 415.087341 L 758.496704 350.174561 L 840.644348 247.490051 L 876.885925 206.738342 L 919.167847 161.71814 L 946.308838 140.29541 L 997.61084 140.29541 L 1035.38269 196.429626 L 1018.469849 254.416199 L 965.637634 321.422852 L 921.825562 378.201538 L 859.006714 462.765259 L 819.785278 530.41626 L 823.409424 535.812073 L 832.75177 534.92627 L 974.657776 504.724915 L 1051.328979 490.872559 L 1142.818848 475.167786 L 1184.214844 494.496582 L 1188.724854 514.147644 L 1172.456421 554.335693 L 1074.604126 578.496765 L 959.838989 601.449829 L 788.939636 641.879272 L 786.845764 643.409485 L 789.261841 646.389343 L 866.255127 653.637634 L 899.194702 655.409424 L 979.812134 655.409424 L 1129.932861 666.604187 L 1169.154419 692.537109 L 1192.671265 724.268677 L 1188.724854 748.429688 L 1128.322144 779.194641 L 1046.818848 759.865845 L 856.590759 714.604126 L 791.355774 698.335754 L 782.335693 698.335754 L 782.335693 703.731567 L 836.69812 756.885986 L 936.322205 846.845581 L 1061.073975 962.81897 L 1067.436279 991.490112 L 1051.409424 1014.120911 L 1034.496704 1011.704712 L 924.885986 929.234924 L 882.604126 892.107544 L 786.845764 811.48999 L 780.483276 811.48999 L 780.483276 819.946289 L 802.550415 852.241699 L 919.087341 1027.409424 L 925.127625 1081.127686 L 916.671204 1098.604126 L 886.469849 1109.154419 L 853.288696 1103.114136 L 785.073914 1007.355835 L 714.684631 899.516785 L 657.906067 802.872498 L 650.979858 806.81897 L 617.476624 1167.704834 L 601.771851 1186.147705 L 565.530212 1200 L 535.328857 1177.046997 L 519.302124 1139.919556 L 535.328857 1066.550537 L 554.657776 970.792053 L 570.362488 894.68457 L 584.536926 800.134277 L 592.993347 768.724976 L 592.429626 766.630859 L 585.503479 767.516968 L 514.22821 865.369263 L 405.825531 1011.865906 L 320.053711 1103.677979 L 299.516815 1111.812256 L 263.919525 1093.369263 L 267.221497 1060.429688 L 287.114136 1031.114136 L 405.825531 880.107361 L 477.422913 786.52356 L 523.651062 732.483276 L 523.328918 724.671265 L 520.590698 724.671265 L 205.288605 929.395935 L 149.154434 936.644409 L 124.993355 914.01355 L 127.973183 876.885986 L 139.409409 864.80542 L 234.201385 799.570435 L 233.879227 799.8927 Z",sp="M60.8734,57.2556v-14.9432c0-1.2586.4722-2.2029,1.5728-2.8314l30.0443-17.3023c4.0899-2.3593,8.9662-3.4599,13.9988-3.4599,18.8759,0,30.8307,14.6289,30.8307,30.2006,0,1.1007,0,2.3593-.158,3.6178l-31.1446-18.2467c-1.8872-1.1006-3.7754-1.1006-5.6629,0l-39.4812,22.9651ZM131.0276,115.4561v-35.7074c0-2.2028-.9446-3.7756-2.8318-4.8763l-39.481-22.9651,12.8982-7.3934c1.1007-.6285,2.0453-.6285,3.1458,0l30.0441,17.3024c8.6523,5.0341,14.4708,15.7296,14.4708,26.1107,0,11.9539-7.0769,22.965-18.2461,27.527v.0021ZM51.593,83.9964l-12.8982-7.5497c-1.1007-.6285-1.5728-1.5728-1.5728-2.8314v-34.6048c0-16.8303,12.8982-29.5722,30.3585-29.5722,6.607,0,12.7403,2.2029,17.9324,6.1349l-30.987,17.9324c-1.8871,1.1007-2.8314,2.6735-2.8314,4.8764v45.6159l-.0014-.0015ZM79.3562,100.0403l-18.4829-10.3811v-22.0209l18.4829-10.3811,18.4812,10.3811v22.0209l-18.4812,10.3811ZM91.2319,147.8591c-6.607,0-12.7403-2.2031-17.9324-6.1344l30.9866-17.9333c1.8872-1.1005,2.8318-2.6728,2.8318-4.8759v-45.616l13.0564,7.5498c1.1005.6285,1.5723,1.5728,1.5723,2.8314v34.6051c0,16.8297-13.0564,29.5723-30.5147,29.5723v.001ZM53.9522,112.7822l-30.0443-17.3024c-8.652-5.0343-14.471-15.7296-14.471-26.1107,0-12.1119,7.2356-22.9652,18.403-27.5272v35.8634c0,2.2028.9443,3.7756,2.8314,4.8763l39.3248,22.8068-12.8982,7.3938c-1.1007.6287-2.045.6287-3.1456,0ZM52.2229,138.5791c-17.7745,0-30.8306-13.3713-30.8306-29.8871,0-1.2585.1578-2.5169.3143-3.7754l30.987,17.9323c1.8871,1.1005,3.7757,1.1005,5.6628,0l39.4811-22.807v14.9435c0,1.2585-.4721,2.2021-1.5728,2.8308l-30.0443,17.3025c-4.0898,2.359-8.9662,3.4605-13.9989,3.4605h.0014ZM91.2319,157.296c19.0327,0,34.9188-13.5272,38.5383-31.4594,17.6164-4.562,28.9425-21.0779,28.9425-37.908,0-11.0112-4.719-21.7066-13.2133-29.4143.7867-3.3035,1.2595-6.607,1.2595-9.909,0-22.4929-18.2471-39.3247-39.3251-39.3247-4.2461,0-8.3363.6285-12.4262,2.045-7.0792-6.9213-16.8318-11.3254-27.5271-11.3254-19.0331,0-34.9191,13.5268-38.5384,31.4591C11.3255,36.0212,0,52.5373,0,69.3675c0,11.0112,4.7184,21.7065,13.2125,29.4142-.7865,3.3035-1.2586,6.6067-1.2586,9.9092,0,22.4923,18.2466,39.3241,39.3248,39.3241,4.2462,0,8.3362-.6277,12.426-2.0441,7.0776,6.921,16.8302,11.3251,27.5271,11.3251Z",dp="M29.8768 25.3531C30.9809 25.3531 31.876 26.2481 31.876 27.3522V31.3505C31.876 32.4545 30.9809 33.3496 29.8768 33.3496C28.7727 33.3496 27.8777 32.4545 27.8777 31.3505V27.3522C27.8777 26.2481 28.7727 25.3531 29.8768 25.3531ZM19.8812 25.3531C20.9852 25.3531 21.8803 26.2481 21.8803 27.3522V31.3505C21.8803 32.4545 20.9852 33.3496 19.8812 33.3496C18.7771 33.3496 17.882 32.4545 17.882 31.3505V27.3522C17.882 26.2481 18.7771 25.3531 19.8812 25.3531ZM24.8601 40.8772C36.974 40.8772 46.9603 33.8278 48.6801 30.8403C48.8058 30.6218 48.8464 30.3723 48.8464 30.1202V24.8018C48.8464 24.5813 48.8124 24.3622 48.7308 24.1574C47.9871 22.2899 46.0394 19.5773 43.5257 18.8495C43.1925 17.994 42.6989 16.7433 42.2384 15.8201C42.3154 15.1138 42.3426 14.3853 42.3426 13.6492C42.3426 10.99 41.7789 8.65743 40.0805 6.92044C39.2872 6.10915 38.3028 5.48684 37.1355 5.01903C34.3398 2.74775 30.2723 0.837036 24.8169 0.837036C19.3616 0.837036 15.3805 2.74775 12.5847 5.01903C11.4174 5.48684 10.433 6.10915 9.63975 6.92044C7.9413 8.65743 7.37764 10.99 7.37764 13.6492C7.37764 14.3853 7.40477 15.1138 7.48186 15.8201C7.02133 16.7433 6.52774 17.994 6.19449 18.8495C3.68082 19.5773 1.73309 22.2899 0.989389 24.1574C0.907813 24.3622 0.873779 24.5813 0.873779 24.8018V30.1202C0.873779 30.3723 0.914376 30.6218 1.04014 30.8403C2.75994 33.8278 12.7462 40.8772 24.8601 40.8772ZM26.485 13.0046C26.4 12.3422 26.3595 11.749 26.3584 11.2191L26.3584 11.1772C26.361 9.63975 26.6971 8.63938 27.2339 8.02499C27.9156 7.2448 29.3246 6.64707 32.2941 6.96844C35.3026 7.29402 36.9842 8.04072 37.9376 9.01574C38.8606 9.95971 39.3455 11.372 39.3455 13.6492C39.3455 16.0687 38.9969 17.4982 38.2302 18.3678C37.5012 19.1946 36.0656 19.8674 32.9214 19.8674C30.5041 19.8674 29.1221 19.0812 28.2386 17.9939C27.2899 16.8264 26.7559 15.1161 26.485 13.0046ZM23.2353 13.0046C23.3203 12.3422 23.3607 11.749 23.3619 11.2191L23.3619 11.1772C23.3592 9.63974 23.0232 8.63937 22.4863 8.02498C21.8046 7.24479 20.3957 6.64707 17.4261 6.96843C14.4176 7.29402 12.736 8.04071 11.7826 9.01573C10.8596 9.9597 10.3747 11.372 10.3747 13.6492C10.3747 16.0687 10.7234 17.4982 11.49 18.3677C12.219 19.1946 13.6546 19.8674 16.7989 19.8674C19.2161 19.8674 20.5981 19.0812 21.4816 17.9939C22.4304 16.8264 22.9643 15.1161 23.2353 13.0046ZM25.2042 18.8676L25.0543 18.8676C24.8715 18.8678 24.6005 18.868 24.516 18.8676C24.3045 19.2218 24.0693 19.5618 23.8075 19.884C22.2697 21.7764 19.9741 22.8644 16.7988 22.8644C13.3524 22.8644 10.8266 22.1471 9.24196 20.3498C9.15187 20.2476 9.07125 20.1406 9.07125 20.1406L8.87613 20.3498V33.5049C11.7429 35.0628 17.8959 37.8586 24.8601 37.8586C31.8243 37.8586 37.9773 35.0628 40.8441 33.5049V20.3498L40.649 20.1406C40.649 20.1406 40.5829 20.231 40.4783 20.3498C38.8936 22.1471 36.3678 22.8644 32.9214 22.8644C29.7461 22.8644 27.4506 21.7764 25.9127 19.884C25.6509 19.5618 25.4157 19.2218 25.2042 18.8676Z";function cp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:lp})})}function up({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:sp})})}function pp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:dp,fillRule:"evenodd",clipRule:"evenodd"})})}function fp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:l("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function rr({provider:e,size:t=16,style:n}){return e==="codex"?l(up,{size:t,style:n}):e==="copilot"?l(pp,{size:t,style:n}):e==="omp"?l(fp,{size:t,style:n}):l(cp,{size:t,style:n})}var ll=[{effort:"low",description:"Faster responses with lighter reasoning"},{effort:"medium",description:"Balanced reasoning depth"},{effort:"high",description:"Deeper reasoning for complex work"},{effort:"xhigh",description:"Extra-high reasoning depth"},{effort:"max",description:"Maximum reasoning depth"}],sl=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:ll},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:ll}],hp=[al],dl=[{id:"",label:"Default",source:"static"}],cl=[{id:"",label:"OMP default",source:"static"}],mp=[...sl,...hp,...dl,...cl];function gp(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=mp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var Hr=St,yp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function ul(e){let t=e.replace(/-/g," ").replace(/^claude\s+/i,"").replace(/^GPT\s*/i,"GPT ").replace(/^Sonn\b/i,"Sonnet").replace(/^(fable|opus|sonnet)\b/i,i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase()),n=t.match(/^GPT\s+(\d+)(?:\.(\d+))?\b/i);if(!n)return t;let r=Number(n[1]),o=Number(n[2]??0);return r>5||r===5&&o>=6?t.replace(/^GPT\s+/i,""):t}function bp({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return l("span",{title:`${t+1} of ${e}`,style:{alignItems:"center",background:n?"#333":"transparent",borderRadius:9,display:"inline-flex",gap:2,justifyContent:"center",padding:n?"2px 4px":4,transition:"background-color 120ms ease, padding 120ms ease"},children:Array.from({length:r},(i,a)=>{let s=a===o;return l("span",{style:a===0&&!s?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:s?"#fff":"#888",borderRadius:999,height:s?3:2,width:s?3:2,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}},a)})})}function Qo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:s=!0,onScrubChange:d}){let c=M(null),u=M(!1),[p,h]=A(!1),[m,v]=A(!1),x=n>=0&&n<t.length?n:0,T=t[x],w=!o||t.length<=1;return y("button",{type:"button",disabled:w,onPointerDown:S=>{!i||w||(c.current={x:S.clientX,index:x,moved:!1},v(!0),d?.(!0),S.currentTarget.setPointerCapture(S.pointerId))},onPointerMove:S=>{let H=c.current;if(!H||!i||!o)return;let L=S.clientX-H.x;Math.abs(L)>=4&&(H.moved=!0);let k=Math.max(0,Math.min(t.length-1,H.index+Math.round(L/22)));H.moved&&k!==x&&o(k)},onPointerUp:S=>{let H=c.current;H&&(S.currentTarget.hasPointerCapture(S.pointerId)&&S.currentTarget.releasePointerCapture(S.pointerId),u.current=H.moved,c.current=null,v(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,v(!1),d?.(!1)},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:()=>{if(u.current){u.current=!1;return}w||o((x+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||m)?"#eee":"#aaa",cursor:w?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:Hr,fontSize:12,height:30,justifyContent:"space-between",letterSpacing:"0.12px",padding:"8px 6px 8px 10px",touchAction:i?"none":"auto",userSelect:"none",width:"100%",transition:"background-color 120ms ease, color 120ms ease"},children:[y("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[l(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),l("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??T?.label??"Unavailable"})]}),a==="check"?l(Tn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:s?1:0,transition:"opacity 120ms ease"}}):l(bp,{count:t.length,index:n,pill:p||m})]})}function pl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:s,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:h}){let m=o[i]??o[0],v=he(()=>np(o),[o]),x=m?.upstreamProvider??v[0],[T,w]=A(""),[S,H]=A(!1),[L,k]=A(!1),E=he(()=>rp(v,T),[T,v]),R=E[0],j=op(R,T),P=j.toLowerCase().indexOf(T.trim().toLowerCase());D(()=>{S||w(x?Rr(x):"")},[S,x]);let $=C=>{let W=ip(o,C),B=o[W];w(Rr(C)),H(!1),d?.(W),a.serviceTier&&!B?.speedTiers?.some(N=>N.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},F=he(()=>n==="omp"?il(o,x):ol(n,o),[o,n,x]),_=F.findIndex(C=>C.index===i),de=F.map(C=>({value:String(C.index),label:ul(C.model.label)})),me=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],se=m?.supportedReasoningLevels?.map(C=>C.effort)??me,U=se.map(C=>({value:C,label:yp[C]??C})),xe=a.reasoningEffort??m?.defaultReasoningLevel??se[0],K=Math.max(0,se.indexOf(xe??"")),we=[{value:"",label:"Standard"},...(m?.speedTiers??[]).filter(C=>C.id!=="default").map(C=>({value:C.id,label:C.label}))],Te=Math.max(0,we.findIndex(C=>C.value===(a.serviceTier??""))),G=(m?.speedTiers?.length??0)>0,ke=C=>{let W=F[C];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(B=>B.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},I=["codex","claude","omp","copilot"].filter(C=>r.length===0||r.includes(C));return y("div",{"data-model-picker":!0,"data-popmelt-font":"sans",onMouseEnter:u,onMouseLeave:p,style:{background:"#222",border:"1px solid #ddd",borderRadius:20,bottom:39,boxSizing:"border-box",display:"flex",flexDirection:"column",left:0,opacity:e?1:0,padding:4,pointerEvents:e?"auto":"none",fontFamily:Hr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[l("div",{style:{display:"flex",width:"100%"},children:I.map(C=>{let W=n===C;return l("button",{type:"button","aria-label":`Use ${C==="codex"?"GPT":C==="claude"?"Claude":C==="copilot"?"Copilot":"OMP"}`,"aria-pressed":W,disabled:!s,onClick:()=>s?.(C),style:{alignItems:"center",background:W?"#333":"transparent",border:0,borderRadius:24,color:W?"#eee":"#aaa",cursor:s?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:l(rr,{provider:C,size:12})},C)})}),n==="omp"&&v.length>0&&y("div",{style:{position:"relative",width:"100%"},children:[l(na,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:L?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),S&&j&&l("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:Hr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:L?"0 10px 0 28px":"0 10px",pointerEvents:"none",position:"absolute",right:0,top:0,transition:"padding-left 120ms ease",whiteSpace:"pre",zIndex:1},children:P>=0?y(Le,{children:[j.slice(0,P),l("span",{style:{color:"#eee"},children:j.slice(P,P+T.trim().length)}),j.slice(P+T.trim().length)]}):j}),l("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{H(!1)},onChange:C=>{w(C.currentTarget.value),H(!0)},onFocus:C=>{H(!0),C.currentTarget.select()},onKeyDown:C=>{if(C.key==="Enter"){let W=E[0];W&&(C.preventDefault(),$(W),C.currentTarget.blur())}else if(C.key==="Tab"){let W=E[0];W&&j&&$(W)}else C.key==="Escape"&&C.currentTarget.blur()},onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),placeholder:"Provider",value:T,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:S&&j?"transparent":S||L?"#eee":"#aaa",caretColor:S&&!j?"#eee":"transparent",cursor:S?"text":"pointer",fontFamily:Hr,fontSize:12,height:28,outline:"none",padding:L?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),l(Qo,{icon:Sd,options:de,selectedIndex:_,displayLabel:_<0&&m?ul(m.label):void 0,onSelect:d?ke:void 0,onScrubChange:h,scrub:!0}),l(Qo,{icon:Id,options:U,selectedIndex:K,onSelect:c?C=>c({...a,reasoningEffort:U[C].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),G&&l(Le,{children:l(Qo,{icon:Te>0?Md:Ld,options:we,selectedIndex:Te,onSelect:c&&we.length>1?C=>c({...a,serviceTier:we[C].value||void 0}):void 0,indicator:"check",indicatorActive:Te>0})})]})}function vp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,s]=A(!1);return y("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{s(!0),r?.()},onMouseLeave:()=>{s(!1),o?.()},onClick:n,style:{alignItems:"center",background:t||a?"var(--popmelt-thread-control, #eaeaea)":"transparent",border:0,borderRadius:40,color:"var(--popmelt-thread-muted-strong, #888)",cursor:"pointer",display:"flex",gap:2,height:24,padding:"0 3px 0 6px",...i,transition:"background-color 120ms ease, color 120ms ease"},children:[l(rr,{provider:e,size:14}),l(wo,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Bt={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function fl({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,s={position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:0,border:"none",cursor:r?"default":"pointer",transition:"background-color 150ms ease, color 150ms ease, transform 100ms ease, opacity 150ms ease",backgroundColor:t?Bt.bgActive:"transparent",color:t?Bt.iconActive:Bt.iconDefault,opacity:a()};return l("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:s,onMouseEnter:d=>{r||(d.currentTarget.style.opacity="1",t||(d.currentTarget.style.backgroundColor=Bt.bgHover))},onMouseLeave:d=>{r||(d.currentTarget.style.opacity=String(a()),t||(d.currentTarget.style.backgroundColor="transparent"))},onMouseDown:d=>{r||(d.currentTarget.style.transform="scale(0.95)")},onMouseUp:d=>{r||(d.currentTarget.style.transform="scale(1)")},children:e})}function xp(e,t){let n=[],r=new Set,o=[...e].sort((a,s)=>a.timestamp-s.timestamp),i=a=>!t.has(a)&&a.status!=="dismissed";for(let a of o)if(i(a)){if(a.groupId){if(r.has(a.groupId))continue;r.add(a.groupId);let s=e.filter(c=>c.groupId===a.groupId&&i(c));if(s.length===0)continue;let d=s.find(c=>c.type!=="text")??s[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:s,timestamp:Math.min(...s.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,s)=>a.timestamp-s.timestamp)}function hl(e,t){let n=[],r=new Map;for(let o of e){if(!o.pathname||o.pathname===t){n.push(o.id);continue}let i=r.get(o.pathname)??[];i.push(o.id),r.set(o.pathname,i)}return[...n,...Array.from(r.values()).flat()]}function wp(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var it={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Cp="v1",kp="popmelt-workspace-generation";function Nr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Sp(e,t){return{styleModifications:Nr(e.getItem(t.styleMods)),textModifications:Nr(e.getItem(t.textMods)),domModifications:Nr(e.getItem(t.domMods)),spacingTokenChanges:Nr(e.getItem(t.spacingChanges))}}function Ct(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function jr(e){return{expanded:Ct(it.expanded,e),annotations:Ct(it.annotations,e),styleMods:Ct(it.styleMods,e),textMods:Ct(it.textMods,e),domMods:Ct(it.domMods,e),spacingChanges:Ct(it.spacingChanges,e),tool:Ct(it.tool,e),color:Ct(it.color,e),stroke:Ct(it.stroke,e),inspected:Ct(it.inspected,e)}}function ml(e){return Ct(kp,e)}function Ip(e,t){let n=e.getItem(ml(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Mp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function gl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function Lp(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Tp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!gl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Ep(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=jr(n),a=Ct(`popmelt-annotation-workspace-migration-${Cp}`,n);if(t.getItem(a)==="complete")return i;let s=Tp(Lp(t.getItem(it.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(s));let d=[["expanded",it.expanded],["tool",it.tool],["color",it.color],["stroke",it.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(it.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(it))t.removeItem(c);return i}var $p=["inspector","sticker","model"];function yl(e){return typeof e=="string"&&$p.includes(e)?e:null}function _o(e,t){return yl(e.getItem(t))}function Ap(e,t,n){let r=yl(n);r&&e.setItem(t,r)}function zp(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function Rp(e,t){let n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=i=>{let a=i.relatedTarget;if(a instanceof Node&&e.contains(a))return;let{clientX:s,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,zp(e,s,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var Pp=bd(()=>import("./PopmeltTasteConnectedPane-ZMJXKDPJ.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function Hp({size:e=16}){return l("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:l("path",{d:"M3.15151 1.43325C3.30812 1.4456 3.36664 1.45722 3.45913 1.4772L5.45327 1.90786C5.71961 1.96539 5.81497 1.98598 5.90835 1.9938C5.99722 2.00121 6.08709 2.00077 6.17592 1.99282C6.26931 1.98444 6.36483 1.96415 6.631 1.90493L8.52846 1.48208C8.62443 1.46073 8.68517 1.44843 8.84487 1.4352C8.89832 1.43078 8.99671 1.43071 9.06752 1.4313C9.12351 1.43176 9.19661 1.43502 9.25112 1.43813C9.25428 1.43772 9.25729 1.43652 9.25991 1.43618C9.29344 1.43249 9.32029 1.4337 9.3312 1.43423C9.35404 1.43535 9.37234 1.43727 9.37807 1.43813C9.3909 1.44012 9.40199 1.44249 9.40444 1.44302C9.41007 1.44422 9.41536 1.44552 9.41713 1.44595C9.41937 1.44648 9.42267 1.44735 9.42495 1.4479C10.0388 1.59533 10.4714 2.02864 10.7706 2.55435C11.0678 3.07651 11.2576 3.72874 11.379 4.40688C11.6224 5.76563 11.6131 7.34759 11.5558 8.50942C11.4955 9.73176 10.4539 10.6959 9.20327 10.5514C9.17055 10.5476 9.13946 10.5392 9.10952 10.529C8.98545 10.5053 8.871 10.433 8.80288 10.3151L7.43569 7.94692C7.43478 7.94534 7.43365 7.94363 7.43276 7.94204L7.38491 7.94497H4.61538L4.5685 7.94204C4.56013 7.9638 4.55123 7.98566 4.5392 8.00649L3.2062 10.3161C3.13089 10.4465 2.99974 10.5228 2.86049 10.5368C2.84008 10.5421 2.81956 10.5489 2.79799 10.5514C1.54661 10.6961 0.506006 9.72812 0.450337 8.50552C0.397386 7.34234 0.393576 5.75864 0.638814 4.40005C0.761156 3.72243 0.950829 3.07145 1.24624 2.55044C1.54356 2.02625 1.97419 1.59289 2.5851 1.44692C2.58741 1.44637 2.59064 1.44551 2.59292 1.44497C2.59413 1.44468 2.59975 1.4433 2.60561 1.44204C2.60725 1.44169 2.61812 1.43919 2.631 1.43716C2.63582 1.4364 2.65526 1.43343 2.67983 1.43227C2.68721 1.43193 2.69776 1.43202 2.7101 1.43227C2.72184 1.43252 2.74093 1.43296 2.76381 1.43618V1.43716C2.81577 1.43448 2.88162 1.43088 2.93276 1.43032C3.00218 1.42958 3.09906 1.42915 3.15151 1.43325ZM2.84487 2.33267C2.81452 2.3336 2.80259 2.33385 2.80385 2.33364C2.78384 2.33565 2.76472 2.33745 2.74721 2.33852C2.7445 2.33866 2.74126 2.33838 2.73842 2.33852C2.47469 2.42009 2.23761 2.62688 2.02944 2.9938C1.80471 3.39003 1.63834 3.92989 1.52456 4.5602C1.29746 5.81829 1.29772 7.32142 1.34975 8.4645C1.38088 9.14827 1.91024 9.65706 2.54311 9.66372L3.69545 7.66665C3.24293 7.36725 2.9435 6.85526 2.9435 6.27212C2.94361 5.57966 3.50494 5.01833 4.19741 5.01821H7.80288L7.93081 5.02505C8.5631 5.0893 9.05668 5.6229 9.05678 6.27212C9.05678 6.85264 8.75979 7.36277 8.31069 7.66274L9.46596 9.66274C10.0968 9.65246 10.6236 9.14681 10.6574 8.46548C10.7137 7.32383 10.7176 5.82237 10.4923 4.56509C10.3795 3.93533 10.214 3.39611 9.98842 2.99966C9.7791 2.63188 9.5394 2.4224 9.26967 2.3395C9.26577 2.33933 9.26169 2.33973 9.25795 2.3395C9.24049 2.33841 9.22072 2.33665 9.20034 2.33462C9.19676 2.33442 9.18388 2.33338 9.15932 2.33267C9.13093 2.33185 9.09544 2.33199 9.05971 2.33169C9.02419 2.3314 8.98934 2.33135 8.96108 2.33169C8.93444 2.33202 8.92128 2.33261 8.91909 2.33267C8.85721 2.33779 8.82528 2.34101 8.80385 2.34438C8.78271 2.34774 8.76489 2.35184 8.72377 2.36099L6.82631 2.78286C6.58172 2.83728 6.42081 2.87453 6.256 2.88931C6.11576 2.90186 5.97445 2.90196 5.83413 2.89028C5.66926 2.87651 5.50778 2.84065 5.26284 2.78774L3.2687 2.35708C3.23006 2.34874 3.21432 2.34544 3.19448 2.34243C3.17395 2.33932 3.14269 2.33556 3.0812 2.33071H2.94252C2.90734 2.33109 2.8728 2.33181 2.84487 2.33267ZM4.19741 5.9186C4.002 5.91872 3.84401 6.07671 3.84389 6.27212C3.8439 6.69847 4.18906 7.04443 4.61538 7.04458H7.38491C7.81117 7.04436 8.15639 6.69843 8.15639 6.27212C8.15628 6.07675 7.99822 5.91878 7.80288 5.9186H4.19741ZM9.21596 2.32388H9.21889C9.21766 2.32357 9.21622 2.3232 9.21499 2.3229L9.2101 2.32192C9.21058 2.32203 9.21313 2.32324 9.21596 2.32388ZM2.85756 2.30337C2.85868 2.30294 2.86331 2.30152 2.86831 2.29946C2.87039 2.29859 2.87348 2.29717 2.8771 2.29556L2.85756 2.30337ZM9.47768 1.46645L9.47963 1.46743C9.48162 1.46823 9.48579 1.46939 9.49038 1.47134C9.4866 1.46968 9.48311 1.46806 9.48159 1.46743C9.47986 1.4667 9.47829 1.46572 9.47768 1.46548V1.46645Z",fill:"currentColor"})})}var Np=_s;function jp({wasAnnotating:e,isAnnotating:t,isExpanded:n}){return e&&!t&&n?{expanded:!1,annotating:null}:t!==n?{expanded:null,annotating:n}:{expanded:null,annotating:null}}function Op({reconnecting:e,refresh:t,paused:n=!1}){return e?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?l(ca,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?l(Co,{size:14,strokeWidth:1.5}):l(ko,{size:14,strokeWidth:1.5})}function Wp({bridgeRestartState:e,bridgeIsStale:t,isBridgeConnected:n,packageVersion:r}){return e==="restarting"?"Reconnecting":t?"Version mismatch":e==="error"?"Connection failed":n===!1?"Disconnected":r?`Version ${r}`:"Connected"}function Bp({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Zo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=A(!1),[a,s]=A({side:"below",maxHeight:220}),d=M(null),c=M(null),u=t.find(p=>p.value===e)??t[0];return Ze(()=>{if(!o||!d.current)return;let p=()=>{let m=d.current?.getBoundingClientRect();if(!m)return;let v=8,x=Math.max(0,window.innerHeight-m.bottom-v),T=Math.max(0,m.top-v),w=Math.min(220,t.length*30+2),S=x>=Math.min(w,120)||x>=T?"below":"above";s({side:S,maxHeight:Math.max(48,Math.min(w,S==="below"?x:T))})};p(),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0);let h=requestAnimationFrame(()=>{c.current?.scrollIntoView({block:"nearest"})});return()=>{cancelAnimationFrame(h),window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[o,t.length,e]),D(()=>{if(!o)return;let p=m=>{!d.current||m.composedPath().includes(d.current)||i(!1)},h=m=>{m.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",h)}},[o]),y("div",{ref:d,style:{position:"relative",minWidth:0},children:[y("button",{type:"button",disabled:r,"aria-expanded":o,onClick:()=>i(p=>!p),style:{width:"100%",height:28,display:"flex",alignItems:"center",justifyContent:"space-between",gap:6,border:"1px solid rgba(0,0,0,0.14)",borderRadius:0,backgroundColor:o?"#fff":"transparent",color:o?"#1f2937":"#8f8f8f",font:"inherit",fontSize:11,padding:"0 7px",cursor:r?"default":"pointer",opacity:r?.45:1,textAlign:"left"},children:[l("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),l(wo,{size:12,style:{flexShrink:0}})]}),o&&l("div",{style:{position:"absolute",...a.side==="below"?{top:"100%",marginTop:2}:{bottom:"100%",marginBottom:2},left:0,right:0,maxHeight:a.maxHeight,backgroundColor:"#fff",border:"1px solid rgba(0,0,0,0.1)",zIndex:10002,overflowX:"hidden",overflowY:"auto"},children:t.map(p=>{let h=p.value===e;return y("button",{ref:h?c:void 0,type:"button",onClick:()=>{n?.(p.value),i(!1)},style:{width:"100%",minHeight:30,display:"flex",alignItems:"center",gap:7,border:"none",backgroundColor:h?"#f3f4f6":"#fff",color:"#1f2937",font:"inherit",fontSize:11,padding:"6px 8px",cursor:"pointer",textAlign:"left"},children:[l("span",{style:{width:14,display:"flex",flexShrink:0},children:h&&l(Tn,{size:13,strokeWidth:2})}),l("span",{children:p.label})]},p.value)})})]})}function Dp(e,t){if(e<=0)return[];if(e<=4)return Array.from({length:e},(o,i)=>({key:`model-${i}`,index:i,active:i===t}));let n=e-1,r=o=>({key:`model-${o}`,index:o,active:o===t});return t===0?[r(0),r(1),r(2),{key:"overflow-after",overflow:!0}]:t===1?[{key:"overflow-before",overflow:!0},r(1),r(2),{key:"overflow-after",overflow:!0}]:t===n-1?[{key:"overflow-before",overflow:!0},r(n-2),r(n-1),r(n)]:t===n?[{key:"overflow-before",overflow:!0},r(n-2),r(n-1),r(n)]:t%2===0?[{key:"overflow-before",overflow:!0},r(t-1),r(t),{key:"overflow-after",overflow:!0}]:[{key:"overflow-before",overflow:!0},r(t),r(t+1),{key:"overflow-after",overflow:!0}]}function Fp(e,t,n,r,o,i,a,s){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-s)-(o-a)*(t-s),u=(e-n)*(s-r)-(a-n)*(t-r),p=d<0||c<0||u<0,h=d>0||c>0||u>0;return!(p&&h)}function Vp(e="bottom-right"){return Fc(e,window.innerWidth,window.innerHeight)}function Qp(){return ta(Dd,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function _p(e){let t=e?.trim().replace(/\\/g,"/").replace(/\/$/,"");if(!t)return"Unavailable";let n=t.split("/").filter(Boolean);return n.length<=2?t:`\u2026/${n.slice(-2).join("/")}`}var bl={inspector:{name:"Comment",desc:"Pin feedback to specific elements on the page.",usage:["Click any element to attach a comment","Type your note, then hand off to your AI","Your AI may ask clarifying questions","Replies get threaded"],keys:[{key:"C",desc:"Select tool"},{key:"Click",desc:"Pin comment to element"},{key:"Esc",desc:"Deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},sticker:{name:"Steer",desc:"Apply a small, code-native spacing scale directly on the page.",usage:["Move over an element to target it","Type a family command such as PY, BG, FO, or T","Press Enter to descend, then type a step or name","Applying a sibling token replaces the previous value"],keys:[{key:"S",desc:"Select tool"},{key:"P / M / B / R",desc:"Spacing and shape families"},{key:"BG / F / FO / G",desc:"Color, layout, and type"},{key:"T / O",desc:"Transform and opacity"},{key:"Enter",desc:"Descend or apply"},{key:"\u2190 / \u2192",desc:"Cycle scale step"},{key:"Click",desc:"Apply sticker"},{key:"Esc",desc:"Back or deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},model:{name:"Imprint",desc:"Review the project's shared understanding.",usage:["Filter grounded, emerging, and challenged explanations","Expand an explanation to inspect its evidence","Reopen the source thread when more context is useful"],keys:[{key:"I",desc:"Select tool"},{key:"Esc",desc:"Return to Chat"}]},counter:{name:"Annotations",desc:"Click to cycle, scroll to change color, long press to reset.",usage:[],keys:[{key:"Click",desc:"Cycle annotations"},{key:"Scroll",desc:"Change color"},{key:"Hold",desc:"Reset to red"}]},clear:{name:"Clear",desc:"Remove all annotations and style changes.",usage:[],keys:[{key:"Esc",desc:"Discard draft"},{key:"\u2318 \u232B",desc:"Clear all"},{key:"\u232B",desc:"Delete selected annotation"},{key:"\u2318 Z",desc:"Undo"},{key:"\u2318 \u21E7 Z",desc:"Redo"}]},collapse:{name:"Popmelt",desc:`Comment and zhuzh, then hand off.
+
+Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},vl=St;function Zp(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return nu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function qp(e){return"entry"in e?l(qc,{...e.entry}):l(Up,{...e})}function Up({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:s,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:h,availableProviders:m,modelIndex:v=0,modelCount:x=2,modelLabel:T="Opus 4.6",models:w=[],agentSettings:S={},onModelChange:H,onAgentSettingsChange:L,onModelMenuOpen:k,onViewThread:E,onPreviewHistoryThread:R,onNavigate:j,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:$,isThreadPanelOpen:F,threadOpenRequest:_=0,hasOpenThreadPanel:de=!1,projectPanelTemporarilyHidden:me=!1,mcpStatus:se,bridgeUrl:U,isBridgeConnected:xe,packageVersion:K,bridgeVersion:we,projectRoot:Te,projectRootAccess:G,codexSandboxMode:ke,bridgeRestartState:I="idle",bridgeRestartMessage:C,onBridgeRestart:W,onMouseEnter:B,onToolbarHoverChange:N,activeChromeHoverSurface:Y=null,toolbarRef:$e,snapPosition:ee="bottom-right",onSnapPositionChange:qe}){let Q=Ln(Za),Ne=Ln(Wo),re=Ne?.participantId,Ae=Hc(U,e??void 0,!Q&&!Ne),ue=!!(Q?.ownIsHost||Ae.linked),Se=Na(Q?.peers??[])+Na(Q?.admissionRequests??[])+(Q?.admissionRequests?.length?6:0),ge=he(()=>{let f=e?.trim()||"__pending__";if(re){let b=jr(f);return Object.fromEntries(Object.entries(b).map(([z,ne])=>[z,`${ne}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?jr(f):Ep({storage:localStorage,projectId:f,pathname:window.location.pathname,selectorExists:b=>!!Un(b)})},[e,re]),[at,Mt]=A(!1),Ht=s||at,be=Ia(),[Pe,lt]=A(()=>Q?.onJoin?!0:Ne?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(ge.expanded)==="true"),We=M(_);D(()=>{_!==We.current&&(We.current=_,lt(!0))},[_]);let[He,Dt,At]=po(U),ze=Ie[He],wn=M(null),[Nt,jt]=A(!1),{surface:De,phase:Bn,enter:Dn,leave:Lt,show:an,dismiss:Ft}=So({pinnedSurface:Nt?"popmelt-guide":null,openDelayMs:Ca,exitDurationMs:It}),yt=M(null),[g,ye]=A(null),te=ie(()=>{yt.current!==null&&(yt.current=null,ye(null))},[]),pe=ie(f=>{yt.current&&f!==`peer:${yt.current}`&&te(),an(f)},[te,an]),X=ie(f=>{yt.current&&f!==`peer:${yt.current}`&&te(),Dn(f)},[te,Dn]),Ee=ie(f=>{f!==`peer:${yt.current}`&&Lt(f)},[Lt]),ae=ie(f=>{(!f||yt.current&&f===`peer:${yt.current}`)&&te(),Ft(f)},[te,Ft]),Fe=De==="tool-menu",Ye=Fe&&Bn==="visible",Ue=De==="popmelt-guide",le=Ue&&Bn==="visible",Be=Gn(),bt=De?.startsWith("peer:")?De.slice(5):null,oe=Q?.peers.find(f=>f.identity.id===bt),Oe=De?.startsWith("admission:")?De.slice(10):null,et=Q?.admissionRequests?.find(f=>f.id===Oe),vt=!!(oe||et),V=vt&&Bn==="visible",ce=M(null),[Ve,ut]=A(null),Qe=M(null);D(()=>{let f=Qe.current;if(f)return yu(f)},[Pe]),pu(V?Oe:null,ce,Qe);let zt=M(null),Vt=f=>f instanceof Node&&(zt.current?.closest('[role="toolbar"]')?.contains(f)||f instanceof Element&&!!f.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));D(()=>{bt!==null&&(!oe||!Pe)&&ae(`peer:${bt}`)},[oe,ae,Pe,bt]),D(()=>{if(!g)return;let f=z=>{z.composedPath().some(ne=>ne instanceof Element&&(ne.getAttribute("data-devtools")==="peer-details-corridor"||ne.getAttribute("data-peer-id")===g))||ae(`peer:${g}`)},b=z=>{z.key==="Escape"&&ae(`peer:${g}`)};return document.addEventListener("pointerdown",f),document.addEventListener("keydown",b),()=>{document.removeEventListener("pointerdown",f),document.removeEventListener("keydown",b)}},[ae,g]),D(()=>{if(!Oe)return;if(!et||!Pe){ae(`admission:${Oe}`);return}let f=b=>{b.composedPath().some(z=>z instanceof Element&&["admission-details","admission-chip"].includes(z.getAttribute("data-devtools")??""))||ae(`admission:${Oe}`)};return document.addEventListener("pointerdown",f),()=>document.removeEventListener("pointerdown",f)},[Oe,et,Pe,ae]),Ze(()=>(N?.("peer-details",vt),()=>{vt&&N?.("peer-details",!1)}),[N,vt]);let[dr,ln]=A(null),Cn=M(t.isAnnotating),Qt=M(!1),st=P?.groupId??null,ve=M([]),_t=M(null),cr=M(st),ur=M(new Set(t.annotations.map(f=>f.id))),Xr=M(typeof window<"u"?_o(localStorage,ge.tool):null),sn=M(null),q=M(typeof window<"u"?Zp(ge):null),Me=M(typeof window<"u"?localStorage.getItem(ge.stroke):null),[je,pt]=A(null),[Zt,Rt]=A(!1),[_e,Ot]=A(!1),Fn=JSON.stringify([e,Te,U]),pr=!!(ue&&U&&xe!==!1),qt=M(null),Cs=pr&&qt.current?.key===Fn?qt.current.snapshot:null;D(()=>{(!pr||qt.current?.key!==Fn)&&(qt.current=null)},[pr,Fn]);let[ks,Vn]=A(!1),[Ss,Is]=A(0);D(()=>(kr.setAvailable(ue),()=>kr.setAvailable(!1)),[ue]),D(()=>{let f=!1,b="",z=()=>{let ne=kr.getSnapshot();ne&&(ne.open&&(!f||ne.openRequest!==b)&&ue&&(Vn(!0),Ot("taste"),pe("popmelt-guide")),f=ne.open,b=ne.openRequest)};return z(),kr.subscribe(z)},[ue,pe]),D(()=>{_e||Vn(!1)},[_e]),D(()=>{Ot(!1)},[U,Pe,Q?.ownIsHost]),D(()=>{if(_e!=="settings"||!le)return;let f=b=>{b.key==="Escape"&&(b.composedPath().some(z=>z instanceof HTMLElement&&z.hasAttribute("data-taste-search"))||(b.preventDefault(),b.stopImmediatePropagation(),Ot(!1),pe("popmelt-guide")))};return document.addEventListener("keydown",f,!0),()=>document.removeEventListener("keydown",f,!0)},[_e,le,pe]),D(()=>{Pe||Rt(!1)},[Pe]),D(()=>{Rt(!1)},[U]);let[Ms,Kr]=A(!1),[yi,Yr]=A(!1),[Qn,fr]=A(!1),Tt=M(!1),xt=M(null),rt=M(null),_n=M(null),hr=M(!1);D(()=>{je!=="collapse"&&(Kr(!1),Yr(!1),fr(!1))},[je]),D(()=>{Ue||fr(!1)},[Ue]);let eo=je!==null||le;Ze(()=>(N?.("guidance-panel",eo),()=>{eo&&N?.("guidance-panel",!1)}),[eo,N]),Ze(()=>(N?.("tool-menu",Ye),()=>{Ye&&N?.("tool-menu",!1)}),[N,Ye]),Ze(()=>(N?.("popmelt-guide",le),()=>{le&&N?.("popmelt-guide",!1)}),[N,le]);let bi=!F&&(je==="model"||t.activeTool==="model");D(()=>()=>{hr.current&&(hr.current=!1,N?.("project-panel",!1))},[N,bi]);let Ls=ie(()=>{pe("tool-menu")},[pe]),Ut=ie(()=>{ln(null),ae("tool-menu")},[ae]),[Ts,Es]=A([]),vi=M({x:0,y:0}),kn=M(null),mr=M(null),Jt=M(null),dt=ie(()=>{kn.current=null,mr.current=null,Jt.current&&(clearTimeout(Jt.current),Jt.current=null)},[]);D(()=>{Y==="job-stack"&&(ae(),Tt.current=!1,pt(null),dt(),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[Y,dt,ae]);let to=ie(f=>{rt.current&&(clearTimeout(rt.current),rt.current=null),Tt.current?(kn.current=f,mr.current={...vi.current},Jt.current&&clearTimeout(Jt.current),Jt.current=setTimeout(()=>{kn.current&&(pt(kn.current),dt())},300)):(xt.current&&clearTimeout(xt.current),xt.current=setTimeout(()=>{Tt.current=!0,pt(f),xt.current=null},500))},[dt]),gr=ie(()=>{dt(),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current=setTimeout(()=>{Tt.current=!1,pt(null)},150)},[dt]);D(()=>{Ue?Tt.current=!0:je===null&&(Tt.current=!1)},[je,Ue]),D(()=>{let f=_n.current;if(!f)return;let b=()=>{if(Ue){X("popmelt-guide");return}dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},z=()=>{Ue||(rt.current=setTimeout(()=>{Tt.current=!1,pt(null)},150))};return f.addEventListener("mouseenter",b),f.addEventListener("mouseleave",z),()=>{f.removeEventListener("mouseenter",b),f.removeEventListener("mouseleave",z)}},[dt,ae,X,je,Zt,_e,de,Ee,Ue]),D(()=>{let f=Qe.current;if(f)return Rp(f,()=>{Nt&&De==="popmelt-guide"||((De?.startsWith("peer:")||De?.startsWith("admission:"))&&Ee(De),de?(ae("popmelt-guide"),ae("tool-menu")):(Ee("popmelt-guide"),Ee("tool-menu")))})},[ae,De,de,Ee,Nt]),D(()=>{if(je!=="counter"||!U)return;let f=!1;return Mn(`${U}/threads/recent?limit=5`).then(b=>b.ok?b.json():[]).then(b=>{f||Es(b)}).catch(()=>{}),()=>{f=!0}},[je,U]);let $s=ie(f=>{if(vi.current={x:f.clientX,y:f.clientY},kn.current&&mr.current){let b=mr.current,z=Vp(ee);Fp(f.clientX,f.clientY,b.x,b.y,z.left,z.y,z.right,z.y)||(pt(kn.current),dt())}},[dt,ee]),As=he(()=>{let f=(m??[]).map(b=>b==="claude"?"Claude":b==="codex"?"Codex":b==="copilot"?"Copilot":b==="omp"?"OMP":b);return{name:"AI Model",desc:f.length>1?`${f.join(" and ")} are available.`:f.length===1?`Connected to ${f[0]}.`:"No AI providers detected.",usage:f.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:f.length>1?[{key:"Click",desc:"Switch"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]:[{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]}},[m]),zs=he(()=>{let f=m&&m.length>0?m:["claude","codex","omp","copilot"],b=f.indexOf(p);return f[(b>=0?b+1:0)%f.length]??p},[m,p]),Rs=he(()=>Dp(x,v),[x,v]),no=w[v],xi=no?.supportedReasoningLevels??[],wi=no?.speedTiers??[];gu(Pe,t,n,Qt,ge,!Ne),D(()=>{if(sn.current!==ge.tool){sn.current=ge.tool;let f=_o(localStorage,ge.tool);if(f&&f!==t.activeTool){n({type:"SET_TOOL",payload:f});return}}Ap(localStorage,ge.tool,t.activeTool)},[n,t.activeTool,ge.tool]),Ua(()=>{let f=new URLSearchParams(window.location.search);if(!f.has("popmelt"))return;let b=document.createElement("style");b.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(b);let z=parseInt(f.get("popmelt")||"0",10)||0,ne=()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},O=z>0?setTimeout(ne,z):null;return O||ne(),()=>{O&&clearTimeout(O),b.remove()}}),Ua(()=>{if(Ne)return yo(t.domModifications),go(t.styleModifications),Cr(t.textModifications),lt(t.isAnnotating),Qt.current=!0,()=>{Qt.current=!1};let f=localStorage.getItem(ge.expanded)==="true",b=localStorage.getItem(ge.annotations);if(q.current&&n({type:"SET_COLOR",payload:q.current}),b)try{let O=JSON.parse(b);if(Array.isArray(O)&&O.length>0){for(let Z of O)(Z.status==="waiting_input"||Z.status==="sending"||Z.status==="in_flight")&&(Z.status=Z.threadId?"resolved":"pending");let J=q.current?Yc(O,q.current):O;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:J}})}}catch{}let z=Sp(localStorage,ge);if(z.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:z.styleModifications}),go(z.styleModifications)),z.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:z.textModifications}),Cr(z.textModifications)),z.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:z.domModifications}),yo(z.domModifications)),z.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:z.spacingTokenChanges}),f&&!t.isAnnotating){if(Pe||lt(!0),n({type:"SET_TOOL",payload:Xr.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),Me.current){let J=parseFloat(Me.current);isNaN(J)||n({type:"SET_STROKE_WIDTH",payload:J})}let O=sessionStorage.getItem("popmelt-pending-focus");if(O){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:J}=JSON.parse(O);if(J){let Z=b?JSON.parse(b)??[]:[],Ce=Z.find(fe=>fe.id===J),tt=Ce?.groupId?Z.filter(fe=>fe.groupId===Ce.groupId):Ce?[Ce]:[];$?.({groupId:J,annotationIds:tt.map(fe=>fe.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:J}});let fe=Z.find(ot=>ot.id===J);if(fe){let ot=(fe.groupId?Z.filter(ht=>ht.groupId===fe.groupId):[fe]).flatMap(ht=>ht.points);if(ot.length>0){let ht=Math.min(...ot.map(mt=>mt.x)),Xe=Math.max(...ot.map(mt=>mt.x)),ft=Math.min(...ot.map(mt=>mt.y)),br=Math.max(...ot.map(mt=>mt.y));window.scrollTo({left:(ht+Xe)/2-window.innerWidth/2,top:(ft+br)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ne=sessionStorage.getItem("popmelt-pending-thread");if(ne){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:O,selector:J,preview:Z}=JSON.parse(ne);O&&requestAnimationFrame(()=>{if(J)try{let Ce=Un(J);if(Ce){let tt=Sr(Ce),fe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:fe,point:{x:tt.left+tt.width,y:tt.top},text:Z||"[thread]",linkedSelector:J,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[fe],threadId:O}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[fe],status:"resolved"}})}}catch{}E&&E(O)})}catch{}}return Qt.current=!0,()=>{Qt.current=!1}});let Ci=M(t.styleModifications),ki=M(t.textModifications),Si=M(t.domModifications);D(()=>{let f=Ci.current,b=t.styleModifications;f!==b&&(Ji(f),go(b),Ci.current=b)},[t.styleModifications]),D(()=>{let f=ki.current,b=t.textModifications;f!==b&&(Gi(f),Cr(b),ki.current=b)},[t.textModifications]),D(()=>{let f=t.textModifications.filter(b=>b.selector.startsWith("@frame("));if(f.length)return ji(()=>Cr(f))},[t.textModifications]),D(()=>{let f=Si.current,b=t.domModifications;f!==b&&(Xi(f),yo(b),Si.current=b)},[t.domModifications]),D(()=>{let f=Cn.current;Cn.current=t.isAnnotating;let b=jp({wasAnnotating:f,isAnnotating:t.isAnnotating,isExpanded:Pe});b.expanded!==null&&lt(b.expanded),b.annotating!==null&&n({type:"SET_ANNOTATING",payload:b.annotating})},[n,t.isAnnotating,Pe]);let Ii=M(Pe);Ii.current=Pe,Ma(()=>{if(Ii.current)n({type:"SET_ANNOTATING",payload:!1}),lt(!1);else{let f=_o(localStorage,ge.tool);n({type:"SET_TOOL",payload:f||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),lt(!0)}});let ro=ie(f=>{a||(dt(),n({type:"SET_TOOL",payload:f}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Tt.current=!1,pt(null),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[n,t.isAnnotating,dt,a]),Mi=ie(async()=>{window.focus(),await r()},[r]),Li=ie(async()=>{o&&await o()},[o]),Ps=ie(()=>{n({type:"SET_ANNOTATING",payload:!1}),ae(),lt(!1)},[ae,n]);D(()=>{if(!Fe)return;let f=z=>{!wn.current||z.composedPath().includes(wn.current)||Ut()},b=z=>{z.key==="Escape"&&(z.preventDefault(),z.stopPropagation(),Ut())};return document.addEventListener("mousedown",f),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",f),document.removeEventListener("keydown",b)}},[Ut,Fe]);let oo=ie(()=>{a||(Ji(t.styleModifications),Gi(t.textModifications),Xi(t.domModifications),document.querySelectorAll("[data-pm]").forEach(f=>f.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(ge.annotations),localStorage.removeItem(ge.styleMods),localStorage.removeItem(ge.textMods),localStorage.removeItem(ge.domMods),localStorage.removeItem(ge.spacingChanges),$?.(null),ve.current=[],_t.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,$,u,ge,a]),io=Tr(t.activeColor)??29,Sn=M(null),Ti=M(null),Ei=t.annotations.length>0;D(()=>{let f=Ti.current;if(!f||!Ei)return;let b=z=>{z.preventDefault(),z.stopPropagation();let ne=z.deltaY>0?-1:1,O=((io+ne)%360+360)%360,J=Xt(O);n({type:"SET_COLOR",payload:J}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:J}})};return f.addEventListener("wheel",b,{passive:!1}),()=>f.removeEventListener("wheel",b)},[Ei,t.selectedAnnotationIds,t.lastSelectedId,io,n]);let yr=M(!1),Hs=ie(()=>{yr.current=!1,Sn.current=setTimeout(()=>{yr.current=!0,n({type:"SET_COLOR",payload:Xt(29)})},500)},[n]),$i=ie(()=>{Sn.current&&(clearTimeout(Sn.current),Sn.current=null)},[]);D(()=>()=>{Sn.current&&clearTimeout(Sn.current),Jt.current&&clearTimeout(Jt.current)},[]);let Et=ga(),Ai=he(()=>$r(t.annotations),[t.annotations]),Ge=he(()=>xp(t.annotations,Ai),[t.annotations,Ai]),Ns=he(()=>Ge.filter(f=>!f.pathname||f.pathname===Et),[Ge,Et]),ao=st?Ge.findIndex(f=>f.id===st):null,In=ao!==null&&ao>=0?ao:null,lo=In!==null?Ge[In]??null:null,dn=ie(()=>{$?.(null),ve.current=[],_t.current=null},[$]);D(()=>{let f=cr.current;cr.current=st,f!==null&&st===null&&(ve.current=[],_t.current=null)},[st]),D(()=>{let f=new Set(t.annotations.map(z=>z.id)),b=t.annotations.some(z=>!ur.current.has(z.id)&&z.id!==st&&(z.status??"pending")==="pending");ur.current=f,b&&dn()},[dn,st,t.annotations]),D(()=>{st&&!Ge.some(f=>f.id===st)&&dn()},[Ge,dn,st]);let zi=ie(async f=>{let b=Ge.find(O=>O.id===f);if(!b)return!1;if($?.({groupId:b.id,annotationIds:b.annotations.map(O=>O.id)}),Ut(),!(!b.pathname||b.pathname===Et)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:b.id,pathname:b.pathname})),!j)return window.location.href=b.pathname,!0;try{await j(b.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==b.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:b.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let z=b.annotations.find(O=>O.linkedSelector)?.linkedSelector,ne=z?Un(z):null;if(ne){let O=Sr(ne);window.scrollTo({left:O.left+O.width/2+window.scrollX-window.innerWidth/2,top:O.top+O.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let O=b.annotations.flatMap(fe=>fe.points);if(O.length===0)return!1;let J=Math.min(...O.map(fe=>fe.x)),Z=Math.max(...O.map(fe=>fe.x)),Ce=Math.min(...O.map(fe=>fe.y)),tt=Math.max(...O.map(fe=>fe.y));window.scrollTo({left:(J+Z)/2-window.innerWidth/2,top:(Ce+tt)/2-window.innerHeight/2,behavior:"smooth"})}if(E){let O=b.annotations.find(J=>J.threadId)?.threadId;O&&E(O)}return!0},[Ge,Ut,Et,n,$,j,E,t.activeTool]),Ri=ie(async()=>{if(Ge.length===0){dn();return}ve.current.length===0&&(_t.current=Et,ve.current=hl(Ge,Et));let f=ve.current,b=wp(f,st);if(st!==null&&b===f[0]){let z=_t.current??Et;ve.current=hl(Ge,z),b=ve.current[0]??null}for(let z=0;b&&z<ve.current.length;z+=1){if(await zi(b))return;let ne=ve.current.indexOf(b);if(ve.current=ve.current.filter(O=>O!==b),ve.current.length===0)break;b=ve.current[Math.min(ne,ve.current.length-1)]??ve.current[0]}dn()},[Ge,dn,Et,zi,st]);D(()=>{if(!Pe)return;let f=b=>{if(b.defaultPrevented)return;let z=document.activeElement;for(;z?.shadowRoot?.activeElement;)z=z.shadowRoot.activeElement;if(z?.tagName==="INPUT"||z?.tagName==="TEXTAREA"||z?.isContentEditable)return;if((b.metaKey||b.ctrlKey)&&b.key===wr.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(O=>!O.captured).length>0)&&(b.preventDefault(),Li());return}if((b.metaKey||b.ctrlKey)&&b.key.toLowerCase()===wr.actions.screenshot.key){let O=window.getSelection();if(O&&O.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(b.preventDefault(),window.focus(),Mi());return}if((b.metaKey||b.ctrlKey)&&wr.actions.clear.keys.includes(b.key)){b.preventDefault(),oo();return}if(b.metaKey||b.ctrlKey||b.altKey||t.activeTool==="sticker"&&Ys(b.key))return;let ne=ed(b.key);ne&&(b.preventDefault(),ro(ne))};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[Pe,ro,Mi,Li,o,i,oo,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,je]);let js=88+(Se?Se+6:0),Pi=xe===!1||Q?.connectionNotice?"rgba(239, 68, 68, 0.4)":s&&d?d:ze.primary,Zn=!!(K&&we&&K!==we),Gt=I==="restarting"||!W&&!U,Os=I==="error"?"#dc2626":I==="ok"?Bt.iconDefault:Zn?"#b45309":Bt.iconDefault,Ws=I==="restarting"?"Restarting":I==="error"?"Restart failed":I==="ok"?"Restarted":Zn?"Update bridge":null,so=C??(Zn?`Page version ${K}; bridge version ${we}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:we?`Bridge ${we}. Restart bridge.`:"Restart bridge"),co=Np.map(f=>({...f,Icon:f.type==="model"?ra:f.type==="sticker"?Hp:Td})),cn=co.find(({type:f})=>f===t.activeTool)??co[0],Bs=cn.Icon,Ds=ee.startsWith("top"),Fs=140,Vs=-38,un=Ue?"collapse":je,uo=Math.max(0,be.h-Je-hn*2-Pt),Hi=M(null);return D(()=>{if(!Pe)return;let f=Hi.current;if(!f)return;let b=()=>{N?.("popmelt-trigger",!0),c?.(!0),X("popmelt-guide")},z=()=>{N?.("popmelt-trigger",!1),c?.(!1)};return f.addEventListener("mouseenter",b),f.addEventListener("mouseleave",z),()=>{f.removeEventListener("mouseenter",b),f.removeEventListener("mouseleave",z)}},[X,Pe,c,N]),Pe?y(Le,{children:[l("style",{children:`
+        ${Qa}
+        @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+        @media (prefers-reduced-motion: reduce) { [data-popmelt-reconnecting-spinner] { animation: none !important; } }
+        @keyframes popmelt-border-march { to { background-position: 0 -5px; } }
+        #devtools-toolbar .legacy-toolbar-controls > *:not(:last-child) { display: none !important; }
+        @media (hover: none), (pointer: coarse) {
+          [data-popmelt-tool-menu-item] { min-height: 40px !important; }
+        }
+      `}),bi&&l(tp,{bridgeUrl:U,onViewThread:E,snapPosition:ee,temporarilyHidden:me,onMouseEnter:()=>{hr.current=!0,N?.("project-panel",!0),dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},onMouseLeave:()=>{hr.current=!1,N?.("project-panel",!1),t.activeTool!=="model"&&gr()}}),y("div",{ref:Qe,style:{display:"contents"},children:[Q?.onJoin&&l(mu,{theme:He,onJoin:Q.onJoin,style:{...Wt(ee,be.w,be.h),zIndex:10001,pointerEvents:"auto"}}),et&&Q?.onAdmissionDecision&&Pe&&Y!=="job-stack"&&l("div",{"data-devtools":"admission-details","data-popmelt-hover-panel":!0,"data-admission-request-id":et.id,onPointerEnter:()=>X(`admission:${et.id}`),onPointerLeave:f=>{f.relatedTarget instanceof Node&&Qe.current?.contains(f.relatedTarget)||Ee(`admission:${et.id}`)},onFocusCapture:()=>pe(`admission:${et.id}`),onBlurCapture:f=>{f.relatedTarget instanceof Node&&f.currentTarget.contains(f.relatedTarget)||Ee(`admission:${et.id}`)},onKeyDown:f=>{f.key==="Escape"&&(ae(`admission:${et.id}`),f.stopPropagation())},style:{...Wt(ee,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,wt(be.w)),...ee.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:l(hu,{grantRef:ce,id:Be,request:et,theme:He,onDecide:Q.onAdmissionDecision,style:{maxWidth:Math.min(360,wt(be.w)),opacity:V?1:0,transition:de?"none":`opacity ${It}ms ease`}},et.id)}),!et&&oe&&Pe&&Y!=="job-stack"&&l("div",{"data-devtools":"peer-details-corridor","data-popmelt-hover-panel":!0,style:{...Wt(ee,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,wt(be.w)),...ee.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>X(`peer:${oe.identity.id}`),onFocusCapture:()=>pe(`peer:${oe.identity.id}`),onBlurCapture:f=>{f.relatedTarget instanceof Node&&f.currentTarget.contains(f.relatedTarget)||Ee(`peer:${oe.identity.id}`)},onPointerLeave:f=>{let b=f.relatedTarget;b instanceof Node&&Qe.current?.contains(b)||Ee(`peer:${oe.identity.id}`)},children:l(uu,{id:Be,peer:oe,isOwn:oe.identity.id===Q?.ownPeerId,onSharePreview:oe.identity.id===Q?.ownPeerId?Q.onSharePreview:void 0,pendingSubmissions:Q?.pendingSubmissions?.filter(f=>f.authorId===oe.identity.id),viewedSuggestionKeys:Q?.viewedSuggestionKeys,onHoverSuggestion:Q?.onHoverSuggestion?f=>Q.onHoverSuggestion(oe.identity.id,f):void 0,showUnreadSuggestions:!!Q?.ownIsHost,onFocusSuggestion:Q?.onFocusSuggestion?(f,b)=>(yt.current=oe.identity.id,ye(oe.identity.id),pe(`peer:${oe.identity.id}`),Q.onFocusSuggestion(oe.identity.id,f,b)):void 0,onInvite:oe.identity.relationship==="host"&&oe.identity.id===Q?.ownPeerId?Q.onInvite:void 0,onPermissionChange:oe.identity.relationship!=="host"&&Q?.onPermissionChange?f=>Q.onPermissionChange(oe.identity.id,f):void 0,onRevokeAccess:oe.identity.relationship!=="host"&&Q?.onRevokeAccess?()=>Q.onRevokeAccess(oe.identity.id,f=>pe(`peer:${f}`)):void 0,theme:He,style:{maxWidth:Math.min(360,wt(be.w)),opacity:V?1:0,transition:de?"none":`opacity ${It}ms ease`}})}),ks&&ue&&l("div",{ref:_e==="taste"?_n:void 0,"data-popmelt-hover-panel":!0,inert:_e!=="taste"||!le,"aria-hidden":_e!=="taste"||!le,style:{...Wt(ee,be.w,be.h),...ee.startsWith("top-")?{top:hn+Je,paddingTop:Pt}:{bottom:hn+Je,paddingBottom:Pt},width:wt(be.w),display:_e==="taste"&&Ue&&!Zt&&Y!=="job-stack"?"block":"none",opacity:le?1:0,transition:le||de?"none":`opacity ${It}ms ease`,pointerEvents:"auto",zIndex:10001},children:l(xd,{fallback:l("div",{role:"status",style:{height:uo,borderRadius:20,background:ze.surface,color:ze.primary,display:"grid",placeItems:"center",fontFamily:St,fontSize:13},children:"Loading collection\u2026"}),children:l(Pp,{onEditorVisibilityPinChange:jt,visible:_e==="taste"&&le,prefetchSignal:Ss,bridgeUrl:U,theme:He,onDirectionChange:f=>{if(!f){qt.current=null;return}let b=qt.current;if(b?.key!==Fn||b.snapshot.connection.accountId!==f.accountId||b.snapshot.connection.environment!==f.environment){qt.current=null;return}f.generation<b.snapshot.generation||(b.snapshot={...b.snapshot,taste:f.name,generation:f.generation})},onClose:()=>Ot("settings"),style:{height:uo,maxHeight:uo}})})}),Zt&&Ue&&E&&!vt&&Y!=="job-stack"&&l("div",{ref:_n,"data-popmelt-hover-panel":!0,style:{...Wt(ee,be.w,be.h),...ee.startsWith("top-")?{top:hn+Je,paddingTop:8}:{bottom:hn+Je,paddingBottom:8},width:Math.min(360,wt(be.w)),pointerEvents:"auto",zIndex:10001,opacity:le?1:0,transition:le||de?"none":`opacity ${It}ms ease`},children:l(Jc,{onPreviewThread:R,bridgeUrl:U,theme:He,style:{width:Math.min(360,wt(be.w)),maxHeight:Math.max(120,be.h-Je-hn*2-24)},onClose:()=>{Rt(!1),pt(null),ae("popmelt-guide")},onViewThread:f=>{Rt(!1),pt(null),ae("popmelt-guide"),E?.(f)}})}),!Q?.onJoin&&!(Zt&&Ue)&&!(_e==="taste"&&Ue)&&!vt&&Y!=="job-stack"&&un&&un!=="model"&&(un==="provider"||bl[un])&&(()=>{let f=un==="provider"?As:bl[un];if(un==="collapse"){let b=Wt(ee,be.w,be.h),z=8,ne=hn+Je,O=ee.startsWith("top-")?{...b,top:ne}:{...b,bottom:ne},J=!!(W||U),Z=Q?.connectionNotice,Ce=Z?.recovery&&(Z.kind==="draft-sync"||Z.kind==="reconnecting"||Z.kind==="status-check"||Z.kind==="local-storage"),tt="";if(U)try{tt=new URL(U).port}catch{tt=""}let fe=Q?.connectionNotice?.label??Wp({bridgeRestartState:I,bridgeIsStale:Zn,isBridgeConnected:xe,packageVersion:K}),ot=!Q?.connectionNotice&&Bp({hovered:Ms,canRestartBridge:J,bridgeRestartDisabled:Gt,bridgeRestartState:I,isBridgeConnected:xe}),ht=ot?tt?`Refresh :${tt}`:"Refresh bridge":fe,Xe=_p(Te),ft=G?.state==="ready",br=Te?[Te,p==="codex"&&ke?`Codex sandbox: ${ke}.`:null,G?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
+`):"Working directory unavailable.";return l("div",{ref:_n,"data-popmelt-hover-panel":!0,style:{...O,width:wt(be.w),boxSizing:"content-box",...ee.startsWith("top-")?{paddingTop:z}:{paddingBottom:z},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:le?1:0,transition:le||de?"none":`opacity ${It}ms ease`},children:_e==="settings"?l(Ac,{theme:He,bridgeUrl:U,host:ue,hostSetup:!Q&&!Ne?l(Rc,{theme:He,appOrigin:typeof location>"u"?"<app-url>":location.origin,projectRoot:Te??void 0,error:Ae.error}):void 0,cachedSnapshot:Cs,onSnapshotChange:mt=>{qt.current=mt&&pr?{key:Fn,snapshot:mt}:null},onBrowseCollection:()=>{Vn(!0),Ot("taste")},onPrefetchCollection:()=>{Vn(!0),Is(mt=>mt+1)},onInvalidateCollection:()=>Vn(!1),onClose:()=>{Ot(!1),pe("popmelt-guide")},project:y("span",{"aria-label":br,"data-workspace-access-state":G?.state??"unknown",title:br,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:He==="light"?ze.primary:G&&!ft?ze.hoverForeground:ze.muted,fontWeight:G&&!ft?500:400},children:[l(Qp,{}),l("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Xe}),l("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:G?ft?"\u2713":"!":"\u2026"})]}),model:y("span",{onMouseEnter:()=>Yr(!0),onMouseLeave:()=>{Yr(!1),fr(!1)},style:{display:"inline-flex",position:"relative"},children:[y("button",{type:"button","aria-expanded":Qn,onClick:()=>{Qn||k?.(),fr(mt=>!mt)},style:{...pn(ze,yi||Qn),...He==="light"&&!yi&&!Qn?{color:ze.primary}:{},minWidth:0},children:[l(rr,{provider:p,size:14}),l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:T})]}),l(pl,{visible:Qn,provider:p,availableProviders:m,models:w,modelIndex:v,agentSettings:S,onProviderChange:h,onModelChange:H,onAgentSettingsChange:L,style:{border:`1px solid ${ze.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):_e?null:l(ma,{theme:He,themePreference:At,onThemePreferenceChange:Dt,snapPosition:ee,onSnapPositionChange:qe,active:le,onSettings:()=>{Ot("settings"),Rt(!1)},onHistory:()=>{Rt(!0),pe("popmelt-guide"),pt(null)},connectionDetails:!Ce&&Q?.connectionNotice?.recovery&&l(Nc,{theme:He,...Q.connectionNotice.recovery}),connection:Ce&&Z?.recovery?l(jc,{theme:He,label:Z.label,reconnecting:Z.reconnecting,retry:Z.recovery.retry,clearLocalSpace:Z.recovery.clearLocalSpace,retryLabel:Z.recovery.retryLabel,pendingLabel:Z.kind==="local-storage"?"Retrying saving":void 0,failedLabel:Z.kind==="local-storage"?"Save failed":void 0,hint:Z.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:Q?.ownIsHost&&Z.kind!=="local-storage"?W:void 0}):y("button",{type:"button",onClick:()=>{Q?.connectionNotice||!J||Gt||(W?W():Oi(U))},disabled:!!Q?.connectionNotice||!J||Gt,"aria-label":Q?.connectionNotice?`${fe}. ${Q.connectionNotice.detail}`:J?`${fe}. ${so}`:fe,title:Q?.connectionNotice?.detail??so,onMouseEnter:()=>Kr(!0),onMouseLeave:()=>Kr(!1),style:{...pn(ze,ot),color:ot?ze.hoverForeground:I==="error"||xe===!1?ze.mutedStrong:ze.muted,cursor:!Q?.connectionNotice&&J&&!Gt?"pointer":"default",opacity:1},children:[l(Op,{reconnecting:Q?.connectionNotice?!!Q.connectionNotice.reconnecting:I==="restarting",refresh:ot,paused:Q?.connectionNotice?.paused}),l("span",{children:ht})]})})})}return y("div",{ref:_n,"data-popmelt-hover-panel":["collapse","counter","provider"].includes(je??"")?"":void 0,style:{...Wt(ee,be.w,be.h),width:Math.min(300,wt(be.w)),backgroundColor:"#eaeaea",...vu,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,...je!=="collapse"&&je!=="counter"&&je!=="provider"?{pointerEvents:"none"}:{}},children:[je==="collapse"&&l("div",{style:{marginBottom:10,width:"fit-content",color:Bt.iconDefault},children:l("svg",{width:"48",height:"48",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M11.1406 31.2559C11.2407 31.3875 11.351 31.5132 11.4697 31.6338L3.10449 40H2.39746L11.1406 31.2559ZM8.05371 40H7.34668L14.5498 32.7959C14.8554 32.7706 15.1541 32.7063 15.4414 32.6113L8.05371 40ZM18.2197 34.0762C18.3788 34.1569 18.5445 34.2272 18.7168 34.2861L13.0039 40H12.2969L18.2197 34.0762ZM17.9531 40H17.2461L26.1338 31.1113C26.438 31.0829 26.7427 31.0148 27.0439 30.9082L17.9531 40ZM40 22.9023L22.9033 40H22.1963L40 22.1953V22.9023ZM40 27.8525L27.8525 40H27.1455L40 27.1455V27.8525ZM40 32.8027L32.8027 40H32.0957L40 32.0957V32.8027ZM40 37.752L37.752 40H37.0449L40 37.0449V37.752ZM9.06543 28.3809C9.25255 28.4332 9.45183 28.4715 9.66504 28.4883L0 38.1543V37.4473L9.06543 28.3809ZM6.59375 25.9023C6.65822 26.0626 6.73171 26.2263 6.81445 26.3896L0 33.2041V32.4971L6.59375 25.9023ZM20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293ZM5.72266 22.5303L0 28.2539V27.5469L5.62793 21.918C5.6553 22.1234 5.6868 22.3275 5.72266 22.5303ZM16.2637 26.8398L16.2617 26.8408C16.2784 26.8013 16.2954 26.7627 16.3135 26.7256C16.3203 26.7116 16.3275 26.6982 16.334 26.6855C16.3125 26.7277 16.289 26.7808 16.2637 26.8398ZM40 17.9531L33.9854 23.9668C34.051 23.6832 34.1043 23.4321 34.1445 23.2412L34.1641 23.1748L34.1865 23.0967L34.1963 23.0488L40 17.2461V17.9531ZM5.87012 16.7266C5.80321 17.0165 5.74649 17.3101 5.69727 17.6064L0 23.3047V22.5977L5.87012 16.7266ZM40 13.0039L34.4297 18.5732C34.409 18.3615 34.3832 18.1513 34.3535 17.9424L40 12.2969V13.0039ZM0 18.3555V17.6484L17.6484 0H18.3555L0 18.3555ZM40 8.05371L33.458 14.5947C33.3909 14.4277 33.3202 14.2625 33.2471 14.0986L40 7.34668V8.05371ZM0 13.4053V12.6982L12.6992 0H13.4062L0 13.4053ZM40 3.10352L31.6865 11.416C31.5868 11.2805 31.4851 11.1465 31.3809 11.0146L40 2.39648V3.10352ZM29.2881 8.86523C29.1595 8.75783 29.0288 8.65278 28.8965 8.5498L37.4473 0H38.1543L29.2881 8.86523ZM0 8.45508V7.74805L7.74805 0H8.45508L0 8.45508ZM26.2783 6.92578C26.1183 6.84878 25.9562 6.77534 25.793 6.7041L32.498 0H33.2051L26.2783 6.92578ZM17.6064 5.69727C17.3101 5.74649 17.0165 5.80321 16.7266 5.87012L22.5977 0H23.3047L17.6064 5.69727ZM22.5322 5.7207C22.3295 5.685 22.1254 5.65316 21.9199 5.62598L27.5469 0H28.2539L22.5322 5.7207ZM0 3.50586V2.79883L2.79883 0H3.50586L0 3.50586Z",fill:"currentColor"})})}),y("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:700,fontSize:13,marginBottom:6},children:[l("span",{children:f.name}),f.keys[0]&&l("code",{style:{fontSize:10,fontWeight:500,backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",color:"#6b7280"},children:f.keys[0].key})]}),l("div",{style:{color:"#6b7280",lineHeight:1.5,marginBottom:je==="collapse"?0:10},children:f.desc.split(`
+
+`).map((b,z)=>l("p",{style:{margin:0,marginTop:z>0?8:0},children:b},z))}),je==="provider"?y("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),l(Zo,{value:String(v),options:w.map((b,z)=>({value:String(z),label:b.label})),onChange:b=>H?.(Number(b)),disabled:!H||w.length===0})]}),xi.length>0&&y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),l(Zo,{value:S.reasoningEffort??"",onChange:b=>L?.({...S,reasoningEffort:b||void 0}),disabled:!L,options:[{value:"",label:"Inherit"},...xi.map(b=>({value:b.effort,label:`${b.effort.charAt(0).toUpperCase()}${b.effort.slice(1)}${b.effort===no?.defaultReasoningLevel?" (model default)":""}`}))]})]}),wi.length>0&&y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),l(Zo,{value:S.serviceTier??"",onChange:b=>L?.({...S,serviceTier:b||void 0}),disabled:!L,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...wi.map(b=>({value:b.id,label:b.label}))]})]})]}):f.usage.map((b,z)=>y("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[l("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),l("span",{children:b})]},z)),je==="collapse"&&qe&&y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),l("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:Vc.map(b=>{let z=b===ee;return l("button",{type:"button",onClick:()=>{pt(null),Tt.current=!1,dt(),qe(b)},title:b,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:z?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ne=>{z||(ne.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ne=>{z||(ne.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},b)})})]}),je==="collapse"&&(()=>{let b=Object.entries(se??{}),z=b.filter(([,Z])=>Z.found&&!Z.disabled).map(([Z])=>Z.charAt(0).toUpperCase()+Z.slice(1)),ne=b.filter(([,Z])=>!Z.found).map(([Z])=>Z);if(!U&&!W&&z.length===0&&ne.length===0)return null;let O=ne.map(Z=>Z.charAt(0).toUpperCase()+Z.slice(1)),J=[...z,...O];return y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8,display:"flex",alignItems:"center",gap:6,fontSize:11},children:[(W||U)&&l("button",{type:"button",onClick:()=>{Gt||(W?W():Oi(U))},disabled:Gt,title:so,"aria-label":Ws??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Zn||I!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:Os,cursor:Gt?"default":"pointer",padding:0,opacity:Gt?.55:1,flexShrink:0},children:I==="ok"?l(Tn,{size:14,strokeWidth:1.8}):l(Co,{size:13,strokeWidth:1.7,style:{animation:I==="restarting"?"spin 0.8s linear infinite":void 0}})}),z.length>0?y("span",{style:{color:"#6b7280"},children:["Available in ",J.join(", ")]}):ne.length>0?y("span",{style:{color:"#6b7280"},children:["Available in ",O.join(", ")]}):null]})})(),f.keys.length>1&&l("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:f.keys.slice(1).map((b,z)=>y("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:b.accent?"#fff":"#6b7280"},children:[l("code",{style:{fontSize:10,backgroundColor:b.accent?t.activeColor:"rgba(0,0,0,0.06)",color:b.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:b.key}),l("span",{style:{color:b.accent?t.activeColor:void 0,fontWeight:b.accent?600:void 0},children:b.desc})]},z))}),je==="counter"&&Ge.length>0&&(()=>{let b=l("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),z=new Map;for(let J of Ge){let Z=J.pathname||Et;z.has(Z)||z.set(Z,[]),z.get(Z).push(J)}let ne=[...z.entries()],O=ne.length>1;return y("div",{children:[b,l("div",{style:{maxHeight:200,overflowY:"auto"},children:ne.map(([J,Z])=>l("div",{style:{marginBottom:O?4:0},children:Z.map(Ce=>{let tt=Ce.annotations.find(Xe=>Xe.type==="text"&&Xe.text)?.text||`[${Ce.annotations[0]?.type??"annotation"}]`,fe=t.selectedAnnotationIds.includes(Ce.id),ot=Ge.indexOf(Ce)+1,ht=Ce.annotations[0]?.color??t.activeColor;return y("div",{onClick:()=>{if($?.({groupId:Ce.id,annotationIds:Ce.annotations.map(Xe=>Xe.id)}),!(!Ce.pathname||Ce.pathname===Et)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:Ce.id,pathname:Ce.pathname})),window.location.href=Ce.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:Ce.id}}),E){let Xe=Ce.annotations.find(ft=>ft.threadId)?.threadId;Xe&&E(Xe)}Tt.current=!1,pt(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Xe=>{let ft=Xe.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=ht,ft.style.color="#fff")},onMouseLeave:Xe=>{if(fe)return;let ft=Xe.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[y("code",{"data-route-badge":!0,style:{fontSize:10,color:fe?"#fff":"#6b7280",backgroundColor:fe?ht:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[ot,". ",O?J:""]}),l("span",{style:{fontSize:11,color:fe?"#1f2937":"#6b7280",fontWeight:fe?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:tt})]},Ce.id)})},J))})]})})(),je==="counter"&&(()=>{let b=new Set(Ge.flatMap(O=>O.annotations.map(J=>J.threadId).filter(Boolean))),z=Ts.filter(O=>!b.has(O.id));if(z.length===0)return null;let ne=O=>{let J=Math.floor((Date.now()-O)/1e3);if(J<60)return"now";let Z=Math.floor(J/60);if(Z<60)return`${Z}m`;let Ce=Math.floor(Z/60);return Ce<24?`${Ce}h`:`${Math.floor(Ce/24)}d`};return y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),z.map(O=>y("div",{onClick:()=>{let J=O.elementIdentifiers[0];if(J){let Z=J.indexOf(":"),Ce=Z>0&&J[0]==="/",tt=Ce?J.slice(0,Z):void 0,fe=Ce?J.slice(Z+1):J;if(!(!tt||tt===Et)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:O.id,selector:fe,preview:O.preview})),window.location.href=tt;return}try{let ot=Un(fe);if(ot){let ht=Sr(ot),Xe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Xe,point:{x:ht.left+ht.width,y:ht.top},text:O.preview,linkedSelector:fe,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Xe],threadId:O.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Xe],status:"resolved"}})}}catch{}}E&&E(O.id),Tt.current=!1,pt(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:J=>{J.currentTarget.style.color="#1f2937"},onMouseLeave:J=>{J.currentTarget.style.color="#6b7280"},children:[l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:O.preview}),l("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ne(O.createdAt)})]},O.id))]})})()]})})(),y(Io,{toolbarRef:$e,theme:He,expanded:!0,width:js,snapPosition:ee,viewport:be,"data-popmelt-theme-preference":At,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{B?.(),N?.("toolbar",!0)},onMouseLeave:()=>N?.("toolbar",!1),onPointerLeave:f=>{Vt(f.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&Ee(De)},onMouseMove:$s,children:[y("div",{ref:wn,onMouseEnter:()=>{N?.("tool-trigger",!0),X("tool-menu")},onMouseLeave:()=>{N?.("tool-trigger",!1),de||Ee("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[l(Zc,{theme:He,icon:l(Bs,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Ge.length>0,dotColor:cn.type==="inspector"&&lo?lo.annotations[0]?.color??t.activeColor:void 0,menuOpen:Ye,onPrimary:()=>{cn.type==="inspector"&&(Ut(),Ri())},onMenu:()=>{Ye?Ut():Ls()}}),Y!=="job-stack"&&Fe&&l("div",{"data-popmelt-hover-panel":!0,style:{position:"absolute",...Ds?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:Vs,width:Fs,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:l("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${ze.border}`,borderRadius:20,background:ze.surface,boxSizing:"border-box",fontFamily:vl,opacity:Ye?1:0,pointerEvents:"auto",transition:Ye||de?"none":`opacity ${It}ms ease`},children:co.map(({type:f,label:b,shortcut:z,Icon:ne})=>{let O=f===cn.type,J=O||dr===f;return y("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":O,onClick:()=>{ro(f),Ut()},onMouseEnter:Z=>{ln(f),Z.currentTarget.style.color=ze.primary},onMouseLeave:Z=>{ln(null),Z.currentTarget.style.color=O?ze.primary:ze.mutedStrong},style:{width:"100%",height:O?32:30,display:"flex",alignItems:"center",gap:O?8:6,padding:"0 10px",border:0,borderRadius:16,background:O?ze.control:"transparent",color:O?ze.primary:ze.mutedStrong,cursor:"pointer",fontFamily:vl,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[l(ne,{size:14,strokeWidth:1.75}),l("span",{children:b}),l("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:J?`color-mix(in srgb, ${ze.control} 60%, ${ze.muted} 40%)`:ze.control,color:J?ze.primary:ze.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:z})]},f)})})})]}),Q&&(Q.peers.length>0||!!Q.admissionRequests?.length)&&y("div",{ref:zt,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&pe(De)},onPointerLeave:f=>{Vt(f.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&Ee(De)},children:[l(iu,{...Q,theme:He,detailsPeerId:bt,detailsId:Be,onDetailsEnter:f=>{dt(),pe(`peer:${f}`)},onDetailsLeave:(f,b)=>{Vt(b)||Ee(`peer:${f}`)},onDetailsDismiss:f=>ae(`peer:${f}`)}),!!Q.admissionRequests?.length&&l("ul",{"aria-label":"Pending peers","data-devtools":"admission-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:Q.admissionRequests.map((f,b,z)=>l("li",{style:{display:"flex",position:"relative",zIndex:z.length-b,marginRight:b===z.length-1?0:-4.5},children:l(fu,{request:f,selected:Oe===f.id,dimmed:Ve!==null&&Ve!==f.id&&z.some(ne=>ne.id===Ve),onHoverChange:ne=>ut(O=>ne?f.id:O===f.id?null:O),detailsId:Be,theme:He,onDetailsEnter:()=>{dt(),pe(`admission:${f.id}`)},onDetailsLeave:ne=>{Vt(ne)||Ee(`admission:${f.id}`)},onDetailsDismiss:()=>ae(`admission:${f.id}`),onClick:()=>{pe(`admission:${f.id}`),Rt(!1)}})},f.id))})]}),y("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ge.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(f=>!f.captured).length>0)&&(()=>{let f=lo,b=t.annotations.length>0&&t.annotations.every(O=>O.status&&O.status!=="pending"),z=In!==null?f?.annotations.some(O=>O.status&&O.status!=="pending")??!1:b,ne=Xt(io);return l("span",{onMouseEnter:()=>to("counter"),onMouseLeave:gr,children:l("button",{ref:Ti,type:"button",onClick:()=>{if(yr.current){yr.current=!1;return}Ri()},onMouseDown:Hs,onMouseUp:$i,onMouseLeave:$i,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:z&&In===null?"#999999":ne,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let O=Ge.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(Z=>!Z.captured).length;if(In!==null)return y(Le,{children:[In+1,y("span",{style:{opacity:.4,display:"flex",gap:4},children:[l("span",{children:"/"}),l("span",{children:O})]})]});let J=Ns.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(Z=>!Z.captured).length;return O>J?y(Le,{children:[J,y("span",{style:{opacity:.4,display:"flex",gap:4},children:[l("span",{children:"/"}),l("span",{children:O})]})]}):O})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&l("span",{onMouseEnter:()=>to("clear"),onMouseLeave:gr,children:l(fl,{siblingActive:t.isAnnotating,onClick:oo,title:"Clear all (\u2318\u232B)",children:l(Ed,{size:17,strokeWidth:1.5})})}),h&&y(Le,{children:[l("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),l("span",{onMouseEnter:()=>to("provider"),onMouseLeave:gr,style:{display:"contents"},children:y("div",{style:{display:"flex",alignItems:"center",gap:0},children:[l(fl,{onClick:()=>h(zs),children:l(rr,{provider:p})}),y("button",{type:"button",onClick:()=>{let f=(v+1)%x;H?.(f)},style:{display:"flex",alignItems:"center",gap:6,height:32,border:"none",background:"none",cursor:"pointer",padding:"0 4px 0 0",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,color:Bt.iconDefault,whiteSpace:"nowrap"},children:[l("span",{children:T}),l("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:Rs.map(f=>l("div",{style:{width:f.overflow?2:3,height:f.overflow?2:3,borderRadius:"50%",backgroundColor:f.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:f.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},f.key))})]})]})})]}),l("div",{ref:Hi,style:{display:"inline-flex",cursor:"pointer"},children:l(Mo,{expanded:!0,active:!!s,color:Pi,onSettlingChange:Mt,onClick:Ps,onFocus:()=>{N?.("popmelt-trigger",!0),c?.(!0),pe("popmelt-guide")},onBlur:f=>{let b=f.relatedTarget;b instanceof Node&&Qe.current?.contains(b)||(N?.("popmelt-trigger",!1),c?.(!1),Ee("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):l(Sa,{theme:He,snapPosition:ee,viewport:be,toolbarRef:$e,"data-popmelt-theme-preference":At,active:!!s,busy:Ht,color:Pi,onSettlingChange:Mt,onMouseEnter:B,onCrosshairHover:c,onOpen:()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}function Jp(e){let{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i}=e;return{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i.map(({property:a,original:s,modified:d,token:c})=>({property:a,original:s,modified:d,token:c}))}}function xl(e,t){if((e.pathname??"")!==(t.pathname??"")||e.selector!==t.selector&&(!e.durableSelector||e.durableSelector!==t.durableSelector))return!1;let n=r=>JSON.stringify(r.map(({property:o,original:i,modified:a,token:s})=>[o,i,a,s??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function qo(e,t,n,r=new Set){let o=new Map(t.filter(c=>c.authorId===n).flatMap(c=>c.annotations?.map(({id:u})=>[u,c.threadId])??[])),i=!1,a=e.annotations.map(c=>r.has(c.id)&&["pending","sending"].includes(c.status??"pending")?(i=!0,{...c,status:"awaiting_review"}):(c.status??"pending")!=="pending"||c.threadId&&c.threadId!==o.get(c.id)||!o.has(c.id)?c:(i=!0,{...c,threadId:o.get(c.id)??c.threadId,status:"awaiting_review"})),s=!1,d=e.styleModifications.map(c=>{if(c.captured)return c;let u=[...t].reverse().find(p=>p.authorId===n&&p.threadId&&p.styleModifications?.some(h=>xl(c,h)));return u?.threadId?(s=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||s?{...e,annotations:i?a:e.annotations,styleModifications:s?d:e.styleModifications}:e}function Gp(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function wl(e,t){if(!t)return e;let n=e.activeColor!==t,r=e.annotations.map(o=>o.color===t?o:(n=!0,{...o,color:t}));return n?{...e,activeColor:t,annotations:r}:e}var Ke=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],Uo=[50,100,200,300,400,500,600,700,800,900,950],Jo=500,Xp={name:"neutral",step:950},Or={slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"}};function or(e,t){return Or[e][t]}function Kp(e,t){let n=Ke.indexOf(e);return Ke[(n+t+Ke.length)%Ke.length]}function Yp(e,t){let n=Ke.indexOf(e);return Ke[(n+t%Ke.length+Ke.length)%Ke.length]}function e1(e,t){let n=Ke.indexOf(e),r=(Ke.indexOf(t)-n+Ke.length)%Ke.length;return r<=Ke.length/2?r:r-Ke.length}function yn(e){let t=e.trim().toLowerCase(),n=t.match(/^#([0-9a-f]{6})$/i)?.[1];if(n)return[Number.parseInt(n.slice(0,2),16),Number.parseInt(n.slice(2,4),16),Number.parseInt(n.slice(4,6),16)];let r=t.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/);return r?[Number(r[1]),Number(r[2]),Number(r[3])]:null}function t1(e){let t=yn(e);if(!t)return null;let n=null;for(let r of Ke)for(let o of Uo){let i=yn(Or[r][o]).reduce((a,s,d)=>a+(s-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function n1(e,t){let n=yn(t);return n?Uo.reduce((r,o)=>{let i=yn(Or[e][r]),a=yn(Or[e][o]),s=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<s?o:r}):null}function Cl(e,t){let n=yn(e),r=yn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ct=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],Hn=[0,1,2,3,4,6,8,10,12,16],r1=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],o1=[0,1,2,4,8],i1=["vertical","horizontal"],a1=["stretch","start","center","end","baseline"],l1=["start","center","end","between","around","evenly"],s1=[1,2,3,4,5,6],kl=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Sl=[300,400,500,600,700,800],Il=["none","tight","snug","normal","relaxed","loose"],Ml=["tighter","tight","normal","wide","wider","widest"],Ll=["left","center","right","justify"],Tl=[25,50,75,90,95,100,105,110,125,150],El=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],$l=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Al=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],d1={padding:Hn,margin:Hn,border:o1,radius:Hn},c1={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},u1={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},p1={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},f1={padding:["all","x","y","top","right","bottom","left"],margin:["all","x","y","top","right","bottom","left"],border:["all","top","right","bottom","left","color"],radius:["all","top-left","top-right","bottom-right","bottom-left"],stack:["direction","gap","align","justify"],grid:["gap","rows","columns"],text:["size","weight","line-height","letter-spacing","text-align","color"],color:Ke,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},zl={all:"",x:"X",y:"Y",top:"T",right:"R",bottom:"B",left:"L","top-left":"TL","top-right":"TR","bottom-right":"BR","bottom-left":"BL",vertical:"V",horizontal:"H",direction:"D",gap:"G",align:"A",justify:"J",rows:"R",columns:"C",size:"S",weight:"W","line-height":"H","letter-spacing":"L","text-align":"A",color:"C",translate:"T",scale:"S",rotate:"R",opacity:"O","mix-blend":"B"};function nt(e){return Ke.includes(e)}function bn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||nt(t))}var Wr=e=>encodeURIComponent(e),Rl=e=>`%3Cdefs%3E%3Cfilter id='cursor-shadow' x='-35%25' y='-35%25' width='170%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.35' flood-color='black' flood-opacity='.22'/%3E%3CfeDropShadow dx='0' dy='.75' stdDeviation='.65' flood-color='${Wr(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${Wr(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function h1(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${Rl(e)}%3Cpath filter='url(%23cursor-shadow)' d='M5.19194 14.2778L0.732307 2.01384C0.442115 1.21582 1.21582 0.442116 2.01384 0.732307L14.2778 5.19194C15.7506 5.72748 15.5191 7.87826 13.9661 8.08812L10.298 8.58381C9.40594 8.70436 8.70436 9.40594 8.58381 10.298L8.08812 13.9661C7.87826 15.5191 5.72748 15.7506 5.19194 14.2778Z' fill='${Wr(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function m1(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${Rl(e)}%3Cpath transform='scale(1.125)' filter='url(%23cursor-shadow)' d='M1 8V2C1 1.44772 1.44772 1 2 1H8C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8Z' fill='${Wr(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function vn(e,t="all"){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&bn(e,n)?Uo:e==="stack"?n==="direction"?i1:n==="align"?a1:n==="justify"?l1:Hn:e==="grid"?n==="gap"?Hn:s1:e==="text"?n==="weight"?Sl:n==="line-height"?Il:n==="letter-spacing"?Ml:n==="text-align"?Ll:kl:e==="transform"?n==="scale"?Tl:n==="rotate"?El:r1:e==="opacity"?n==="mix-blend"?Al:$l:d1[e]}function Pl(e,t,n="all"){let r=vn(e,n);if(r.includes(t))return t;if(typeof t!="number")return r[0];let o=r.filter(i=>typeof i=="number");return o.length===0?r[0]:o.reduce((i,a)=>Math.abs(a-t)<Math.abs(i-t)?a:i)}function Go(e){return f1[e]}function gt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&nt(t))return t;let n=Go(e);return n.includes(t)?t:n[0]}function g1(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":gt(e,t)}function y1(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function b1(e,t,n){let r=Go(e),o=(e==="text"||e==="border")&&nt(t)?"color":gt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function v1(e,t){let n=ct.indexOf(e);return ct[(n+t+ct.length)%ct.length]}function x1(e,t,n,r="all"){let o=vn(e,r),i=Pl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function w1(e){return u1[e]}function Br(e){return p1[e]}function C1(e,t){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&nt(n)?n:`${w1(e)}${zl[n]}`}function Xo(e,t){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&nt(n)?n[0].toUpperCase()+n.slice(1):e==="text"?n==="size"?"Size":n==="weight"?"Weight":n==="line-height"?"Leading":n==="letter-spacing"?"Tracking":n==="text-align"?"Align":"Color":e==="border"&&n==="color"?"Color":e==="transform"?n==="translate"?"translate":n:e==="opacity"?n==="mix-blend"?"mix-blend-mode":"opacity":n==="all"?Br(e):zl[n]}function Nn(e,t){let n=gt(e,t);if(e==="color")return"background-color";if(e==="stack")return n==="direction"?"flex-direction":n==="align"?"align-items":n==="justify"?"justify-content":"gap";if(e==="grid")return n==="rows"?"grid-template-rows":n==="columns"?"grid-template-columns":"gap";if(e==="text")return n==="color"||nt(n)?"color":n==="weight"?"font-weight":n==="line-height"?"line-height":n==="letter-spacing"?"letter-spacing":n==="text-align"?"text-align":"font-size";if(e==="border"&&(n==="color"||nt(n)))return"border-color";if(e==="transform")return n;if(e==="opacity")return n==="mix-blend"?"mix-blend-mode":"opacity";if(e==="radius")return n==="all"?"border-radius":`border-${n}-radius`;let r=e==="border"?"border":e,o=e==="border"?"width":"";return n==="all"?o?`${r}-${o}`:r:(e==="padding"||e==="margin")&&n==="x"?`${r}-left`:(e==="padding"||e==="margin")&&n==="y"?`${r}-top`:o?`${r}-${n}-${o}`:`${r}-${n}`}function Hl(e,t){let n=gt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Nn(e,n)]:e==="text"?n==="color"||nt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Nn(e,n),"font-size"]:[Nn(e,n)]:e==="border"&&(n==="color"||nt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Nn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Nn(e,n)]:e==="radius"?["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"]:e==="border"?["border-top-width","border-right-width","border-bottom-width","border-left-width"]:[`${e}-top`,`${e}-right`,`${e}-bottom`,`${e}-left`]}function kt(e,t){let n=e.trim().toLowerCase();if((t==="stack"||t==="grid")&&n==="normal")return 0;let r=n.split(/[\s/]+/).filter(Boolean);if(r.length===0)return null;let o=r.map(i=>{if(/^0(?:\.0+)?$/.test(i))return 0;let a=i.match(/^(-?\d+(?:\.\d+)?)px$/);return a?Number(a[1]):Number.NaN});return o.some(i=>!Number.isFinite(i))?null:o.every(i=>Math.abs(i-o[0])<.01)?o[0]:null}function ir(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=kt(n,e);return o===null?null:tn(kl,i=>Dr[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?tn(Sl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Ll.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=kt(n,e);return o===null?null:tn(Hn,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn(Tl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?tn(El,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Al.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn($l,i=>i,o):null}if(e!=="stack")return null;if(t==="direction"){if(r==="column"||r==="column-reverse")return"vertical";if(r==="row"||r==="row-reverse")return"horizontal"}if(t==="align"){if(r==="flex-start"||r==="start")return"start";if(r==="center")return"center";if(r==="flex-end"||r==="end")return"end";if(r==="stretch")return"stretch";if(r==="baseline")return"baseline"}if(t==="justify"){if(r==="flex-start"||r==="start")return"start";if(r==="center")return"center";if(r==="flex-end"||r==="end")return"end";if(r==="space-between")return"between";if(r==="space-around")return"around";if(r==="space-evenly")return"evenly"}return null}function k1(e,t,n="all"){let r=gt(e,n);if(e==="color"||(e==="text"||e==="border")&&nt(r)){let s=n1(r,t[0]??"");if(s===null)return null;let d=or(r,s);return t.every(c=>Cl(c,d))?s:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let s=kt(t[0]??"",e),d=kt(t[1]??"",e);return s===null||d===null||d===0?null:tn(Il,c=>Fr[c],s/d)}if(r==="letter-spacing"){let s=(t[0]??"").trim().toLowerCase();if(s==="normal")return"normal";let d=kt(s,e),c=kt(t[1]??"",e);return d===null||c===null||c===0?null:tn(Ml,u=>Vr[u],d/c)}return ir(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return ir(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let s=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return vn("grid",r).includes(s)?s:null}let o=t.map(s=>kt(s,e));if(o.length===0||o.some(s=>s===null))return null;let i=o[0];if(!o.every(s=>Math.abs(s-i)<.01))return null;let a=vn(e,r).filter(s=>typeof s=="number");return a.length===0?null:a.reduce((s,d)=>Math.abs(Number.parseFloat(ar(e,d,r))-i)<Math.abs(Number.parseFloat(ar(e,s,r))-i)?d:s)}function S1(e,t,n,r="all"){let o=gt(e,r);if(e==="color"||(e==="text"||e==="border")&&nt(o)){let s=or(o,t);return n.length>0&&n.every(d=>Cl(d,s))}if(e==="text"){if(o==="size"){let s=kt(n[0]??"",e);return s!==null&&Math.abs(s-Dr[t])<.01}if(o==="weight")return ir(e,o,n[0]??"")===t;if(o==="line-height"){let s=(n[0]??"").trim().toLowerCase();if(s==="normal")return t==="normal";let d=kt(s,e),c=kt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Fr[t])<.01}if(o==="letter-spacing"){let s=(n[0]??"").trim().toLowerCase();if(s==="normal")return t==="normal";let d=kt(s,e),c=kt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Vr[t])<.001}return ir(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return ir(e,o,n[0]??"")===t;if(e==="grid"&&o!=="gap")return(n[0]?.trim().split(/\s+/).filter(Boolean).length??0)===t;if(typeof t!="number")return!1;let i=Number.parseFloat(ar(e,t,o)),a=n.map(s=>kt(s,e));return a.length>0&&a.every(s=>s!==null&&Math.abs(s-i)<.01)}function I1(e,t,n,r){let o=S1(e,t,Hl(e,n).map(r),n),i=Ol(e),a=jl(e,n,t).every(c=>r(c.property).trim()===c.value),s=e==="border"&&!bn(e,n)&&typeof t=="number"&&t>0?Nl(n):null,d=!s||!["","none"].includes(r(s).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function Nl(e){let t=gt("border",e);return t==="all"?"border-style":`border-${t}-style`}function M1(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function Ko(e,t,n){let r=gt(e,n);if(e==="color")return`bg-${r}-${t}`;if(e==="stack")return r==="direction"?t==="horizontal"?"flex-row":"flex-col":r==="gap"?`gap-${t}`:r==="align"?`items-${t}`:`justify-${t}`;if(e==="grid")return r==="gap"?`gap-${t}`:`${r==="rows"?"grid-rows":"grid-cols"}-${t}`;if(e==="text")return nt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?T1[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&nt(r))return`border-${r}-${t}`;if(e==="transform")return`${r}-${t}`;if(e==="opacity")return r==="mix-blend"?`mix-blend-${t}`:`opacity-${t}`;let o=c1[e];if(r==="all")return`${o}-${t}`;let i=r==="top-left"?"tl":r==="top-right"?"tr":r==="bottom-right"?"br":r==="bottom-left"?"bl":r[0];return e==="padding"||e==="margin"?`${o}${i}-${t}`:`${o}-${i}-${t}`}function ar(e,t,n="all"){let r=gt(e,n);if(e==="color"||(e==="text"||e==="border")&&nt(r))return or(r,t);if(e==="stack"){if(r==="direction")return t==="horizontal"?"row":"column";if(r==="align")return t==="start"?"flex-start":t==="end"?"flex-end":String(t);if(r==="justify")return t==="start"?"flex-start":t==="end"?"flex-end":t==="between"||t==="around"||t==="evenly"?`space-${t}`:String(t)}return e==="grid"&&r!=="gap"?`repeat(${t}, minmax(0, 1fr))`:e==="text"?r==="size"?`${Dr[t]}px`:r==="weight"?String(t):r==="line-height"?String(Fr[t]):r==="letter-spacing"?`${Vr[t]}em`:String(t):e==="transform"?r==="scale"?String(Number(t)/100):r==="rotate"?`${t}deg`:`${Number(t)*4}px ${Number(t)*4}px`:e==="opacity"?String(r==="mix-blend"?t:Number(t)/100):typeof t!="number"?"0px":`${e==="border"?t:t*4}px`}function jl(e,t,n){let r=gt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:ar(e,n??0,r),token:Ko(e,n??0,r)}]:[]}function L1(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Dr[e]);if(t==="text"&&n==="line-height"){let r=Fr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Vr[e];return String(Number(r.toFixed(2))).replace(/^(-?)0\./,"$1.")}return typeof e=="number"?String(e):e==="vertical"?"V":e==="horizontal"?"H":e==="start"?"S":e==="center"?"C":e==="end"?"E":e==="stretch"?"ST":e==="baseline"?"BL":e==="between"?"BT":e==="around"?"AR":"EV"}function Ol(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Dr={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},T1={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Fr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Vr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function tn(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function lr(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function E1(e,t,n){let r=[...new Set(e)];if(r.length!==1)return;let o=n(r[0]);if(!o)return;let i=t.filter(s=>!s.threadId||!s.linkedSelector||s.status==="pending"?!1:n(s.linkedSelector)===o),a=[...new Set(i.map(s=>s.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(s=>s.targetBindingId)?.targetBindingId,color:i.find(s=>s.color)?.color,selectorAliases:[...new Set([r[0],...i.map(s=>s.linkedSelector)])]}}function $1(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Qr(o[0],t,r)?.color??n}function A1(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Qr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function z1(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Qr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Qr(e,t,n){for(let[o,i]of t)if(lr(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(lr(o,i).some(a=>n(a)===r))return i}}function R1(e,t,n){let r=new Map(e);for(let[o,i]of e)i.threadId===t&&r.set(o,{...i,jobId:n,threadId:t,status:"in_flight",label:void 0});return r}function P1(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of lr(r,o))n.add(i);return n}function H1(e,t,n,r,o,i){let a=new Set(o);for(let[d,c]of e)if(c.jobId===t)for(let u of lr(d,c))a.add(u);let s=new Map(e);for(let d of a){let c=[...s].find(([m,v])=>lr(m,v).includes(d)),u=c?.[1];if(u&&u.jobId!==t)continue;let p=i??u?.threadId;if(!p)continue;let h=c?.[0]??`job:${t}:${d}`;s.set(h,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return s}function N1(e,t,n){let r=new Map(e);for(let[o,i]of t)n.has(i.jobId)&&r.set(o,i);return r}function j1(e,t,n,r){if(!r)return new Map;let o=new Map;for(let[i,a]of e){if(t.has(a.threadId))continue;let s=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(s>=0?s+1:void 0)})}return o}function Yo(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var O1=Number.MAX_SAFE_INTEGER;function _r(e){return`${e.pathname??"*"}\0${e.selector}`}function W1(e,t){return`element:${e??"*"}\0${t}`}function ei({annotations:e,styleModifications:t,textModifications:n}){let r=new Map,o=0,i=new Map;for(let u of e)u.groupId&&u.linkedSelector&&i.set(u.groupId,{selector:u.linkedSelector,pathname:u.pathname});for(let u of e){let p=u.groupId?i.get(u.groupId):u.linkedSelector?{selector:u.linkedSelector,pathname:u.pathname}:void 0,h=p?W1(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,m=r.get(h);if(m){m.createdAt=Math.min(m.createdAt,u.timestamp),m.annotationIds.push(u.id);continue}r.set(h,{key:h,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=_r(u),h=`element:${p}`,m=u.createdAt??O1,v=r.get(h);if(v){v.createdAt=Math.min(v.createdAt,m),v.modificationKey=p;return}r.set(h,{key:h,createdAt:m,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let s=new Map,d=new Map,c=[...r.values()].sort((u,p)=>u.createdAt-p.createdAt||u.stableIndex-p.stableIndex);return c.forEach((u,p)=>{let h=p+1;u.annotationIds.forEach(m=>s.set(m,h)),u.modificationKey&&d.set(u.modificationKey,h)}),{annotationNumberById:s,modificationNumberByKey:d,count:c.length}}function Wl({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=he(()=>$r(e.annotations),[e.annotations]),i=he(()=>ei({annotations:t.filter(s=>!o.has(s)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=he(()=>{let s=new Map,d=c=>{let u=i.modificationNumberByKey.get(_r(c));if(u===void 0)return;let p=s.get(c.selector);(p===void 0||u<p)&&s.set(c.selector,u)};return n.forEach(d),r.forEach(d),s},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function B1(e,t,n){let r=i=>{e.length&&t({type:"SET_ANNOTATION_STATUS",payload:{ids:e,status:i}})};r("sending");let o=!1;try{return o=await n(),o}catch(i){return console.error("[Popmelt] Failed to prepare submission:",i),!1}finally{o||r("pending")}}var Bl="devtools-active-text";function D1(e,t,n=[]){let r=new Set(e.filter(o=>(o.status??"pending")==="pending").map(o=>`annotation:${o.groupId||o.id}`));t?.isNew&&!t.domEdit&&(t.text.trim()||t.interactionEpisode?.steps.length)&&r.add(`annotation:${t.groupId||t.id}`);for(let o of n)r.add(`edit:${o}`);return r.size}async function F1(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function V1(e){e.removeItem(Bl)}function Q1(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function _1(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function Z1(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function q1(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function ti(e,t,n=new Set){let r=Z1(e);return e.filter(o=>{let i=q1(o,r);return gl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function Dl(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of ti(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,s]of o)if(!r.has(s.threadId))for(let d of s.selectors??[a])i.add(d);return e.filter(a=>a.pathname&&a.pathname!==n?!1:!a.captured||i.has(a.selector)||!!a.durableSelector&&i.has(a.durableSelector))}function U1({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=he(()=>ti(e.annotations,n,r),[e.annotations,n,r]),a=he(()=>Dl(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),s=he(()=>Dl(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=he(()=>{let p=new Set,h=m=>!m.captured&&(!m.pathname||m.pathname===n);for(let m of e.styleModifications)h(m)&&!m.awaitingReview&&p.add(`element:${m.selector}`);for(let m of e.textModifications)h(m)&&p.add(`element:${m.selector}`);for(let m of e.domModifications)h(m)&&p.add(`element:${m.selector}`);for(let m of e.spacingTokenChanges)m.captured||p.add(`spacing:${m.tokenPath}`);for(let m of e.spacingTokenMods)m.captured||p.add(`spacing:${m.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=he(()=>D1(e.annotations,t,d),[e.annotations,t,d]),u=he(()=>e.annotations.filter(p=>p.type==="text"&&p.text&&(p.status??"pending")==="pending").sort((p,h)=>h.timestamp-p.timestamp),[e.annotations]);return{pageAnnotations:i,pageStyleModifications:a,pageTextModifications:s,pendingBundleCount:c,pendingTextAnnotations:u}}function J1(e,t="host",n){let[r,o]=A(()=>n?.read().selectedId??t),[i,a]=A(null);D(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let s=ie(u=>{n?.select(u),o(u),a(null)},[n]),d=ie(u=>a(u),[]),c=ie(u=>{a(p=>p===u?null:p)},[]);return D(()=>{let u=()=>a(null);e||u();let p=()=>{document.hidden&&u()};return window.addEventListener("blur",u),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("blur",u),document.removeEventListener("visibilitychange",p)}},[e]),{selectedId:r,viewedId:e?i??r:r,isPeeking:e&&i!==null&&i!==r,select:s,peek:d,leave:c}}function G1({name:e,isOwnPlane:t,color:n,changed:r}){return y("div",{"data-devtools":"peer-plane-label","data-popmelt-font":"mono",role:"status",title:r?"Source changed beneath staged work. Editing, clearing, commenting or sending acknowledges the affected work; viewing alone does not.":void 0,style:{position:"fixed",bottom:8,left:"50%",transform:"translateX(-50%)",maxWidth:"calc(100vw - 32px)",boxSizing:"border-box",padding:"4px 8px",borderRadius:8,background:n,color:"#fff",fontFamily:Zs,fontSize:12,fontWeight:500,lineHeight:"16px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",zIndex:10002},children:[t?"Your plane":`${e}\u2019s plane`,r&&" (source changed)"]})}function X1(e,t=[],n=""){let r=new Map;if(!e)return r;let o=qo(e,t,n),i=$r(o.annotations),a=o.annotations.filter(d=>!i.has(d)),s=ei({...o,annotations:a});for(let d of a){let c=s.annotationNumberById.get(d.id);d.threadId&&c!==void 0&&!r.has(d.threadId)&&r.set(d.threadId,c)}for(let d of o.styleModifications){let c=d.awaitingReview?.threadId,u=s.modificationNumberByKey.get(_r(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function K1(e,t){let n=new Set;for(let r of e){if(r.type!=="done"&&r.type!=="error")continue;let o=String(r.data.jobId??"");o&&n.add(o)}return t&&n.add(t),n}function Y1(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function e0(e,t,n,r,o){if(!e)return null;let i=a=>!o.has(a)&&(t[a]?.threadId===e||r[a]===e);return n.find(i)??Object.keys(t).find(i)??null}function t0(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function n0(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function r0(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function o0(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ni(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function i0(e,t,n){let r=new Map,o=new Map;for(let i of e)if((i.targetBindings?.length??0)===0)for(let a of i.elementIdentifiers??[]){let s=ni(a,t);s&&o.set(s,(o.get(s)??0)+1)}for(let i of e){if(!i.lifecycle?.jobId)continue;let a={...i.lifecycle,jobId:i.lifecycle.jobId,color:i.color,title:i.title,annotationNumber:i.annotationNumber};if((i.targetBindings?.length??0)>0){for(let s of i.targetBindings??[]){if(s.anchor.type==="opaque"){let c=n?.(s.anchor);if(!c?.length)continue;r.set(s.id,{...a,targetBindingId:s.id,selectors:c,continuationEligible:s.continuationEligible??!1});continue}if(s.anchor.pathname!==t)continue;let d=[s.anchor.runtimeSelector,s.anchor.structuralSelector,...s.anchor.legacySelectors??[]].filter(c=>!!c);r.set(s.id,{...a,targetBindingId:s.id,selectors:d,continuationEligible:s.continuationEligible??!1,...s.anchor.targetFingerprint?{targetFingerprint:s.anchor.targetFingerprint}:{}})}continue}for(let s of i.elementIdentifiers??[]){let d=ni(s,t);d&&![...r.values()].some(c=>c.selectors?.includes(d))&&r.set(`legacy:${i.lifecycle.threadId}:${d}`,{...a,selectors:[d],continuationEligible:(i.elementIdentifiers?.length??0)===1&&o.get(d)===1})}}return r}function a0(e){return(e.type==="inspect"||e.type==="style"||e.type==="comment"||e.type==="attention")&&e.selector?{selector:e.selector,plane:e.type==="inspect"?e.plane??"own":"own",activity:e.type==="attention"?e.activity??"looking":e.type==="inspect"?"looking":"working"}:null}function l0(e){let t=e.replace(/^\uFEFF/,"").trim().replace(/^<\?xml[\s\S]*?\?>\s*/i,"").replace(/^(?:<!--[\s\S]*?-->\s*)+/i,"").replace(/^<!doctype\s+svg[\s\S]*?>\s*/i,"");return/^<svg(?:\s|>)[\s\S]*<\/svg>\s*$/i.test(t)}function s0(e){return l0(e)?{blob:new Blob([e],{type:"image/svg+xml"}),kind:"svg",name:"figma-selection.svg"}:e.length>=8192?{blob:new Blob([e],{type:"text/plain"}),kind:"text",name:"pasted-context.txt"}:null}function d0(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Fl(e){return`${e} image${e>1?"s":""} attached`}function ri(e){return e<=0?0:32+String(e).length*7.2}function Vl({imageCount:e,color:t,layered:n=!1}){return e<=0?null:y("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":Fl(e),title:Fl(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[l("span",{"aria-hidden":!0,style:{position:"absolute",left:-4,top:"50%",width:14.142,height:14.142,transform:"translateY(-50%)",display:"grid",placeItems:"center",pointerEvents:"none",maskImage:n?vr:void 0,WebkitMaskImage:n?vr:void 0},children:l("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),y("span",{style:{position:"relative",display:"flex",alignItems:"center",gap:4,height:22,padding:n?"0 8px 0 10px":"0 8px",borderRadius:8,backgroundColor:t,color:"#fff",font:`12px/1.2 ${St}`,whiteSpace:"nowrap",maskImage:n?fo:void 0,WebkitMaskImage:n?fo:void 0},children:[l($d,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function c0({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return l(Le,{children:r&&n.length>0&&l("div",{"data-devtools":!0,style:{position:"fixed",left:e.x-8-t.x,top:e.y-4-t.y-24,zIndex:10001,display:"flex",gap:4,flexWrap:"wrap",maxWidth:400},children:n.map(i=>y("button",{type:"button",title:"Remove attachment",onMouseDown:a=>a.preventDefault(),onClick:()=>o(i.id),style:{appearance:"none",border:0,borderRadius:8,background:"rgba(0,0,0,0.72)",color:"#fff",cursor:"pointer",font:"11px/16px system-ui, sans-serif",padding:"2px 7px",whiteSpace:"nowrap"},children:[i.name," \xB7 ",d0(i.size)," \xD7"]},i.id))})})}function u0(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function p0({query:e,border:t,background:n,foreground:r,renderIcon:o}){return y("span",{"aria-hidden":"true","data-popmelt-sticker-query":!0,style:{position:"absolute",left:"50%",top:44,minWidth:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",gap:4,padding:"0 10px",boxSizing:"border-box",border:`1px solid ${t}`,borderRadius:12,background:n,color:r,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transform:"translateX(-50%)",zIndex:4},children:[e.tokens.map((i,a)=>i.kind==="icon"?l("span",{"aria-label":i.label,"data-popmelt-sticker-query-token":"icon",style:{display:"inline-flex",color:r,flexShrink:0},children:o(i)},`${i.label}-${a}`):l("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?l("span",{children:e.typed}):y("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[l("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),l("span",{children:e.fallback})]}),e.completion&&l("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&y("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var xn=106,nn=42,rn=24,oi=7.5,Ql=10,f0=140,ii=750,Zr=250,_l=200,h0=34,ai=44,Zl=(nn-rn)/2,m0=ai+rn,ql=10,jn=8,Re=32,Ul=Re+8,Jl=(Ul-Re)/2,$t=250,Gl=400,Xl="cubic-bezier(0.16, 1, 0.3, 1)",Kl=180,g0=[0,180,240,300],y0=40,b0=80,v0=8;function Yl(e,t,n=nn,r=y0,o=xn){let i=e.left+o,a=e.top+n,s=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(s<=0||d<=0)return 1;let c=Math.min(s,d);return Math.max(0,1-c/r)}function es(e,t,n,r=nn,o=b0,i=v0,a=xn){let s=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:s-e.x,y:d-e.y},u=Math.hypot(c.x,c.y);if(u===0)return 0;let p={x:c.x/u,y:c.y/u},h=[{x:t.left,y:t.top},{x:t.left+a,y:t.top},{x:t.left,y:t.top+r},{x:t.left+a,y:t.top+r}],m=Math.max(0,...h.map(x=>(x.x-e.x)*p.x+(x.y-e.y)*p.y)),v=Math.max(o,m+i);return Math.min(1,u/v)}function x0(e,t=oi){return e===null?rn:Math.max(39,18+t*2+Math.ceil(e))}function w0(e,t,n){if(e==="stack"&&t==="align"){if(n==="start")return"align-start";if(n==="center")return"align-center";if(n==="end")return"align-end";if(n==="stretch")return"align-stretch";if(n==="baseline")return"align-baseline"}if(e==="stack"&&t==="justify"){if(n==="start")return"justify-start";if(n==="center")return"justify-center";if(n==="end")return"justify-end";if(n==="between")return"justify-between";if(n==="around")return"justify-around";if(n==="evenly")return"justify-evenly"}if(e==="text"&&t==="text-align"){if(n==="left")return"text-align-left";if(n==="center")return"text-align-center";if(n==="right")return"text-align-right";if(n==="justify")return"text-align-justify"}return null}var C0={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},k0={top:0,right:90,bottom:180,left:270},S0={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function I0(e,t="all",n){return bn(e,t)?{name:"palette",rotation:0}:e==="stack"?t==="horizontal"?{name:"stack-horizontal",rotation:90}:t==="align"?{name:"align",rotation:0}:t==="justify"?{name:"justify",rotation:0}:{name:"stack-vertical",rotation:0}:e==="grid"?{name:t==="rows"?"grid-rows":t==="columns"?"grid-columns":"grid",rotation:90}:e==="text"?{name:t==="weight"?"text-weight":t==="line-height"?"text-leading":t==="letter-spacing"?"text-tracking":t==="text-align"?"text-align":"text-size",rotation:0}:e==="transform"?{name:t==="scale"?"transform-scale":t==="rotate"?"transform-rotate":"transform-translate",rotation:0}:e==="opacity"?{name:t==="mix-blend"?"mix-blend":"opacity",rotation:0}:t==="all"?{name:C0[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:S0[t]??0}:{name:e==="padding"?t==="x"?"padding-x":t==="y"?"padding-y":"padding-top":e==="margin"?t==="x"?"margin-x":t==="y"?"margin-y":"margin-top":"border-top",rotation:(e==="border"?90:0)+(k0[t]??0)}}function M0({name:e}){switch(e){case"padding":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667ZM7.375 3A0.625 0.625 0 0 1 7.375 4.25H4.625A0.625 0.625 0 0 1 4.625 3H7.375Z",fill:"currentColor"});case"padding-top":return l("path",{d:"M9.333 1.375C10.701 1.375 11.625 2.662 11.625 4V10A0.625 0.625 0 0 1 10.375 10V4C10.375 3.129 9.806 2.625 9.333 2.625H2.667C2.194 2.625 1.625 3.129 1.625 4V10A0.625 0.625 0 0 1 0.375 10V4C0.375 2.662 1.299 1.375 2.667 1.375H9.333ZM7.375 5A0.625 0.625 0 0 1 7.375 6.25H4.625A0.625 0.625 0 0 1 4.625 5H7.375Z",fill:"currentColor"});case"padding-x":return l("path",{d:"M2.75 0.375C3.095 0.375 3.375 0.655 3.375 1S3.095 1.625 2.75 1.625C2.344 1.625 2.073 1.759 1.904 1.929C1.733 2.101 1.625 2.354 1.625 2.667V9.333C1.625 9.646 1.733 9.899 1.904 10.071C2.073 10.241 2.344 10.375 2.75 10.375C3.095 10.375 3.375 10.655 3.375 11S3.095 11.625 2.75 11.625C2.052 11.625 1.448 11.386 1.018 10.952C0.59 10.522 0.375 9.941 0.375 9.333V2.667C0.375 2.059 0.59 1.478 1.018 1.048C1.448 0.614 2.052 0.375 2.75 0.375ZM9.25 0.375C9.948 0.375 10.552 0.614 10.982 1.048C11.41 1.478 11.625 2.059 11.625 2.667V9.333C11.625 9.941 11.41 10.522 10.982 10.952C10.552 11.386 9.948 11.625 9.25 11.625C8.905 11.625 8.625 11.345 8.625 11S8.905 10.375 9.25 10.375C9.656 10.375 9.927 10.241 10.096 10.071C10.267 9.899 10.375 9.646 10.375 9.333V2.667C10.375 2.354 10.267 2.101 10.096 1.929C9.927 1.759 9.656 1.625 9.25 1.625C8.905 1.625 8.625 1.345 8.625 1S8.905 0.375 9.25 0.375ZM8.079 5.25C8.424 5.25 8.704 5.53 8.704 5.875S8.424 6.5 8.079 6.5H3.921C3.576 6.5 3.296 6.22 3.296 5.875S3.576 5.25 3.921 5.25H8.079Z",fill:"currentColor"});case"padding-y":return l("path",{d:"M11.625 2.75C11.625 3.095 11.346 3.375 11 3.375S10.375 3.095 10.375 2.75C10.375 2.344 10.241 2.073 10.072 1.904C9.899 1.733 9.646 1.625 9.333 1.625H2.667C2.355 1.625 2.102 1.733 1.929 1.904C1.759 2.073 1.625 2.344 1.625 2.75C1.625 3.095 1.346 3.375 1 3.375S0.375 3.095 0.375 2.75C0.375 2.052 0.615 1.448 1.048 1.018C1.479 0.59 2.06 0.375 2.667 0.375H9.333C9.941 0.375 10.522 0.59 10.953 1.018C11.386 1.448 11.625 2.052 11.625 2.75ZM11.625 9.25C11.625 9.948 11.386 10.552 10.953 10.982C10.522 11.41 9.941 11.625 9.333 11.625H2.667C2.06 11.625 1.479 11.41 1.048 10.982C0.615 10.552 0.375 9.948 0.375 9.25C0.375 8.905 0.655 8.625 1 8.625S1.625 8.905 1.625 9.25C1.625 9.656 1.759 9.927 1.929 10.096C2.102 10.267 2.355 10.375 2.667 10.375H9.333C9.646 10.375 9.899 10.267 10.072 10.096C10.241 9.927 10.375 9.656 10.375 9.25C10.375 8.905 10.655 8.625 11 8.625S11.625 8.905 11.625 9.25ZM6.75 8.079C6.75 8.424 6.471 8.704 6.125 8.704S5.5 8.424 5.5 8.079V3.921C5.5 3.576 5.78 3.296 6.125 3.296S6.75 3.576 6.75 3.921V8.079Z",fill:"currentColor"});case"margin":return l("path",{d:"M9.333 4.525C10.701 4.525 11.625 5.812 11.625 7.15V8.15C11.625 9.488 10.701 10.775 9.333 10.775H2.667C1.299 10.775 0.375 9.488 0.375 8.15V7.15C0.375 5.812 1.299 4.525 2.667 4.525H9.333ZM2.667 5.775C2.194 5.775 1.625 6.279 1.625 7.15V8.15C1.625 9.021 2.194 9.525 2.667 9.525H9.333C9.806 9.525 10.375 9.021 10.375 8.15V7.15C10.375 6.279 9.806 5.775 9.333 5.775H2.667ZM8.375 1.2A0.625 0.625 0 0 1 8.375 2.45H3.625A0.625 0.625 0 0 1 3.625 1.2H8.375Z",fill:"currentColor"});case"margin-top":return l("path",{d:"M9.333 4.575C10.701 4.575 11.625 5.862 11.625 7.2V10.2A0.625 0.625 0 0 1 10.375 10.2V7.2C10.375 6.329 9.806 5.825 9.333 5.825H2.667C2.194 5.825 1.625 6.329 1.625 7.2V10.2A0.625 0.625 0 0 1 0.375 10.2V7.2C0.375 5.862 1.299 4.575 2.667 4.575H9.333ZM8.375 1.25A0.625 0.625 0 0 1 8.375 2.5H3.625A0.625 0.625 0 0 1 3.625 1.25H8.375Z",fill:"currentColor"});case"margin-x":return l("path",{d:"M11.277 2.902C11.622 2.902 11.902 3.182 11.902 3.527V8.277C11.902 8.622 11.622 8.902 11.277 8.902S10.652 8.622 10.652 8.277V3.527C10.652 3.182 10.931 2.902 11.277 2.902ZM0.724 2.901C1.069 2.901 1.349 3.181 1.349 3.526V8.276C1.349 8.621 1.069 8.901 0.724 8.901S0.099 8.621 0.099 8.276V3.527C0.099 3.182 0.379 2.901 0.724 2.901ZM7.333 3.325C8.643 3.325 9.543 4.506 9.617 5.781C9.62 5.805 9.625 5.829 9.625 5.853L9.622 5.901L9.625 5.95C9.625 5.974 9.62 5.998 9.617 6.021C9.544 7.297 8.643 8.478 7.333 8.478H4.667C3.357 8.478 2.456 7.297 2.382 6.021C2.379 5.998 2.375 5.974 2.375 5.95L2.377 5.901L2.375 5.853C2.375 5.829 2.379 5.805 2.382 5.781C2.456 4.506 3.358 3.325 4.667 3.325H7.333ZM4.667 4.575C4.203 4.575 3.647 5.06 3.626 5.901C3.647 6.742 4.203 7.228 4.667 7.228H7.333C7.798 7.228 8.352 6.742 8.372 5.901C8.351 5.06 7.798 4.575 7.333 4.575H4.667Z",fill:"currentColor"});case"margin-y":return l("path",{d:"M8.375 10.001C8.72 10.001 9 10.281 9 10.626S8.72 11.251 8.375 11.251H3.625C3.28 11.251 3 10.971 3 10.626S3.28 10.001 3.625 10.001H8.375ZM9.333 3.325C10.642 3.325 11.543 4.506 11.617 5.781C11.62 5.805 11.625 5.829 11.625 5.853L11.622 5.901L11.625 5.95C11.625 5.974 11.619 5.998 11.617 6.021C11.543 7.297 10.643 8.478 9.333 8.478H2.667C1.357 8.478 0.455 7.297 0.381 6.021C0.379 5.998 0.375 5.974 0.375 5.95L0.377 5.901L0.375 5.853C0.375 5.829 0.379 5.805 0.381 5.781C0.456 4.506 1.357 3.325 2.667 3.325H9.333ZM2.667 4.575C2.202 4.575 1.648 5.061 1.627 5.901C1.647 6.742 2.202 7.228 2.667 7.228H9.333C9.797 7.228 10.352 6.742 10.373 5.901C10.352 5.06 9.797 4.575 9.333 4.575H2.667ZM8.376 0.751C8.721 0.751 9.001 1.031 9.001 1.376S8.72 2.001 8.376 2.001H3.626C3.28 2.001 3.001 1.72 3.001 1.375S3.281 0.751 3.626 0.751H8.376Z",fill:"currentColor"});case"border":return l(Le,{children:l("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return l(Le,{children:l("path",{d:"M3.25 1.25C2.145 1.25 1.25 2.145 1.25 3.25M10.75 3.25C10.75 2.145 9.855 1.25 8.75 1.25M3.25 10.75C2.145 10.75 1.25 9.855 1.25 8.75M10.75 8.75C10.75 9.855 9.855 10.75 8.75 10.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"gap-x":return y(Le,{children:[l("path",{d:"M6.625 9.375A0.625 0.625 0 0 1 5.375 9.375V2.625A0.625 0.625 0 0 1 6.625 2.625V9.375Z",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return y(Le,{children:[l("path",{d:"M9.375 5.375A0.625 0.625 0 0 1 9.375 6.625H2.625A0.625 0.625 0 0 1 2.625 5.375H9.375Z",fill:"currentColor"}),l("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return y(Le,{children:[l("path",{d:"M3.25 0.5A0.75 0.75 0 0 1 3.25 2C2.56 2 2 2.56 2 3.25V8.75C2 9.44 2.56 10 3.25 10A0.75 0.75 0 0 1 3.25 11.5C1.731 11.5 0.5 10.269 0.5 8.75V3.25C0.5 1.731 1.731 0.5 3.25 0.5Z",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return y(Le,{children:[l("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),l("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM1.625 6.625V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H1.625ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667Z",fill:"currentColor"});case"align":return y(Le,{children:[l("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return y(Le,{children:[l("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM6.625 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H6.625V10.375ZM1.625 9C1.625 9.871 2.194 10.375 2.667 10.375H5.375V6.625H1.625V9ZM6.625 5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H6.625V5.375ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V1.625H2.667Z",fill:"currentColor"});case"grid-rows":return l("path",{d:"M4.512 0.385C5.781 0.491 6.625 1.721 6.625 3V9C6.625 10.279 5.78 11.508 4.511 11.614C4.477 11.62 4.443 11.625 4.408 11.625H2.666C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H4.409C4.444 0.375 4.478 0.379 4.512 0.385ZM10.748 10.004C11.161 10.004 11.497 10.339 11.497 10.752C11.497 11.165 11.161 11.5 10.748 11.5C10.335 11.5 10 11.165 10 10.752C10 10.339 10.335 10.004 10.748 10.004ZM1.625 9C1.625 9.871 2.193 10.375 2.666 10.375H4.333C4.806 10.375 5.375 9.871 5.375 9V6.625H1.625V9ZM10.748 5.252C11.161 5.252 11.497 5.587 11.497 6C11.497 6.413 11.161 6.748 10.748 6.748C10.335 6.748 10 6.413 10 6C10 5.587 10.335 5.252 10.748 5.252ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V3C5.375 2.129 4.806 1.625 4.333 1.625H2.667ZM10.748 0.5C11.161 0.5 11.497 0.835 11.497 1.248C11.497 1.661 11.161 1.997 10.748 1.997C10.335 1.997 10 1.661 10 1.248C10 0.835 10.335 0.5 10.748 0.5Z",fill:"currentColor"});case"grid-columns":return l("path",{d:"M0.321 7.424C0.427 6.155 1.657 5.311 2.936 5.311H8.936C10.215 5.311 11.444 6.156 11.55 7.425C11.556 7.458 11.561 7.493 11.561 7.528V9.27C11.56 10.637 10.274 11.561 8.936 11.561H2.936C1.598 11.561 0.311 10.636 0.311 9.269V7.527C0.311 7.492 0.315 7.458 0.321 7.424ZM9.94 1.188C9.94 0.775 10.275 0.439 10.688 0.439C11.101 0.439 11.437 0.774 11.437 1.188C11.437 1.601 11.101 1.936 10.688 1.936C10.275 1.936 9.94 1.601 9.94 1.188ZM8.936 10.311C9.806 10.311 10.31 9.743 10.311 9.27V7.603C10.311 7.129 9.807 6.561 8.936 6.561H6.561V10.311H8.936ZM5.188 1.188C5.188 0.775 5.523 0.439 5.936 0.439C6.349 0.439 6.685 0.774 6.685 1.188C6.685 1.601 6.349 1.936 5.936 1.936C5.523 1.936 5.188 1.601 5.188 1.188ZM1.561 9.269C1.561 9.742 2.065 10.311 2.936 10.311H5.311V6.561H2.936C2.065 6.561 1.561 7.129 1.561 7.603V9.269ZM0.436 1.188C0.436 0.774 0.772 0.439 1.185 0.439C1.598 0.439 1.933 0.775 1.933 1.188C1.933 1.601 1.598 1.936 1.185 1.936C0.772 1.936 0.436 1.601 0.436 1.188Z",fill:"currentColor"})}}function sr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=I0(e,r),i=o.name==="text-size"?qd:o.name==="text-weight"?Ud:o.name==="text-leading"?Jd:o.name==="text-tracking"?Gd:o.name==="text-align"?ua:o.name==="palette"?pa:o.name==="transform-translate"?Xd:o.name==="transform-scale"?Kd:o.name==="transform-rotate"?Yd:o.name==="opacity"?ec:o.name==="mix-blend"?tc:null;return i?l(i,{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,width:t,height:t,strokeWidth:2.5,style:{display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`}}):l("svg",{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,viewBox:"0 0 12 12",fill:"none",style:{width:t,height:t,display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`},children:l(M0,{name:o.name})})}function L0(e,t){let n=(ct.indexOf(e)+t%ct.length+ct.length)%ct.length;return ct[n]}function T0(e,t){let n=ct.indexOf(e),r=(ct.indexOf(t)-n+ct.length)%ct.length;return r<=ct.length/2?r:r-ct.length}function E0(e,t,n,r="all"){let o=vn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function $0(e,t,n,r="all"){let o=vn(e,r),i=o.indexOf(t),a=(o.indexOf(n)-i+o.length)%o.length;return a<=o.length/2?a:a-o.length}function li({offset:e,colors:t,renderItem:n,showControl:r=!0,activeColor:o,snapActiveColor:i=!1}){let a=[e-2,e-1,e,e+1,e+2];return y("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:Re,top:0,width:Re,height:Re,borderRadius:Re/2,background:t.control}}),l("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*Re}px)`,transition:`transform ${$t}ms ease`,willChange:"transform"},children:a.map(s=>{let d=s===e;return l("span",{style:{position:"absolute",left:Re+s*Re,top:0,width:Re,height:Re,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${Gl}ms ${Xl}`},children:n(s,d)},s)})})]})}function A0({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=M(e),a=M(e),[s,d]=A(0);return Ze(()=>{if(a.current===e)return;let c=T0(a.current,e);a.current=e,d(u=>u+c)},[e]),l(li,{offset:s,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=L0(i.current,c);return l(sr,{family:p,subproperty:"all",size:u?14:12})}})}function z0({color:e,colors:t,showControl:n=!0}){let r=M(e),o=M(e),[i,a]=A(0);return Ze(()=>{if(o.current===e)return;let s=e1(o.current,e);o.current=e,a(d=>d+s)},[e]),l(li,{offset:i,colors:t,showControl:n,renderItem:(s,d)=>{let c=Yp(r.current,s),u=d?14:12;return l("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:or(c,Jo),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${$t}ms ease, height ${$t}ms ease`}})}})}function R0({name:e,size:t}){let n=e==="align-start"?ic:e==="align-center"?ac:e==="align-end"?lc:e==="align-stretch"?sc:e==="justify-start"?dc:e==="justify-center"?cc:e==="justify-end"?uc:e==="justify-between"?pc:e==="justify-around"?fc:e==="text-align-left"?ua:e==="text-align-center"?hc:e==="text-align-right"?mc:e==="text-align-justify"?gc:null;return n?l(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):l("svg",{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,viewBox:"0 0 14 14",fill:"none",style:{display:"block"},children:e==="align-baseline"?y(Le,{children:[l("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M3 8V4.75M3 4.75H6.5M6.5 4.75V8M8.5 8V6M8.5 6H11M11 6V8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}):y(Le,{children:[l("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),l("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),l("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function P0({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:s=!1}){let d=M(t),c=M(t),[u,p]=A(0);return D(()=>{if(c.current===t)return;let h=$0(e,c.current,t,n);c.current=t,p(m=>m+h)},[e,t,n]),l(li,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:s,renderItem:(h,m)=>{let v=E0(e,d.current,h,n),x=w0(e,n,v);return l("span",{"data-popmelt-sticker-step-unavailable":m&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:m?14:12,justifyContent:"center",transition:`font-size ${$t}ms ease`},children:x?l(R0,{name:x,size:m?14:12}):L1(v,e,n)})}})}function H0(e,t="padding",n="all"){return bn(t,n)?e==="family"?{family:0,variant:-Re,value:-Re*2}:e==="variant"?{family:Re,variant:0,value:-Re}:{family:Re*2,variant:Re,value:0}:e==="family"?{family:0,variant:-Re*2,value:-Re}:{family:Re,variant:-Re,value:0}}function N0(e){return e==="family"?0:ai-Zl}function ts(e){return e==="family"?Re/rn:1}function j0(e){return e==="family"?14/(12*ts(e)):1}function O0(e,t,n){return`${e}:${t}:${n}`}function W0(e,t,n="all"){return t==="value"||bn(e,n)&&t==="variant"}function B0(e,t){let n=Br(e),r=Xo(e,t);return r===n?n:`${n} ${r}`}function D0(e,t,n){return nt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function F0({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:s=!1,colors:d}){let c=H0(r,e,n),u=M(r),p=M(i),h=M(a),[m,v]=A(!1),x=h.current!==a;Ze(()=>{h.current=a},[a]),Ze(()=>{let w=u.current!==r&&r!=="family",S=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!w&&!S)return;v(!0);let H=window.requestAnimationFrame(()=>v(!1));return()=>window.cancelAnimationFrame(H)},[i,r]);let T=w=>({position:"absolute",left:0,right:0,top:Jl,height:Re,transform:`translateY(${w}px)`,transition:x?"none":`transform ${$t}ms ease`,willChange:"transform"});return y("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:Ul,marginBlock:-4,overflow:"hidden",zIndex:2},children:[l("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:Re,top:Jl,width:Re,height:Re,borderRadius:Re/2,background:m?o:d.control,transition:m?"none":`background ${Gl}ms ${Xl}`}}),l("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:T(c.family),children:l(A0,{family:e,colors:d,showControl:!1,activeColor:m?d.surface:d.primary,snapActiveColor:m})}),l("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:T(c.variant),children:bn(e,n)&&nt(n)&&l(z0,{color:n,colors:d,showControl:!1})}),l("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:T(c.value),children:l(P0,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:s,activeColor:m?d.surface:void 0,snapActiveColor:m},O0(r,e,n))})]})}function ns(e,t,n=nn,r=xn){let o=e.x+ql,i=e.y+ql;return{left:Math.min(Math.max(jn,o),Math.max(jn,t.width-r-jn)),top:Math.min(Math.max(jn,i),Math.max(jn,t.height-n-jn))}}function rs(e,t,n){return n?0:Math.min(e,t)}function V0({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:s=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:h,threadElement:m,annotationRailHovered:v=!1}){let[x]=po(),T=Ie[x],w=`color-mix(in srgb, ${T.actionForeground} 16%, ${T.actionSurface})`,S=C1(t,r),H=M(t),L=M(o),k=M(r),E=M(o),R=M(a),j=M(s),P=M(c),$=M(null),F=M(!1),_=M(!1),de=M(0),me=M(0),se=M(0),U=M(0),[xe,K]=A(null),[we,Te]=A(!1),[G,ke]=A(!1),[I,C]=A(!1),[W,B]=A(null),[N,Y]=A(!1),[$e,ee]=A(0),[qe,Q]=A(!1),[Ne,re]=A(!1);Ze(()=>{if(P.current===c)return;P.current=c,re(!1);let We=window.requestAnimationFrame(()=>re(!0)),He=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(We),window.clearTimeout(He)}},[c]),Ze(()=>{let We=E.current!==o&&o!=="family",He=o==="value"&&R.current!==a;if(E.current=o,R.current=a,!We&&!He)return;Q(!0);let Dt=window.requestAnimationFrame(()=>Q(!1));return()=>window.cancelAnimationFrame(Dt)},[a,o]),Ze(()=>{let We=L.current!=="family"&&o==="family";L.current=o;let He=(At=!1)=>{de.current&&window.cancelAnimationFrame(de.current),At||window.clearTimeout(me.current),window.clearTimeout(se.current),window.clearTimeout(U.current),de.current=0,At||(me.current=0),se.current=0,U.current=0},Dt=At=>{let ze=_l;se.current=window.setTimeout(()=>{ke(At),_.current=!1,Te(!1)},ii),U.current=window.setTimeout(()=>{F.current=!1,K(null)},ii+ze+h0)};if(o!=="family"){if(He(),H.current=t,!F.current)return;ke(!0),_.current=!1,Te(!1),U.current=window.setTimeout(()=>{F.current=!1,K(null)},Zr);return}if(!(H.current===t&&!We)){if(H.current=t,F.current=!0,K(t),We){He(),ke(!1),C(!0),_.current=!0,Te(!0),me.current=window.setTimeout(()=>{me.current=0,C(!1)},Zr),Dt(!1);return}me.current||(He(!0),C(!1),ke(!1),_.current||(_.current=!0,Te(!0)),Dt(!1))}},[t,o]),D(()=>()=>{window.cancelAnimationFrame(de.current),window.clearTimeout(me.current),window.clearTimeout(se.current),window.clearTimeout(U.current)},[]),D(()=>{let We=j.current!==s;if(j.current=s,!W0(t,o,r)){B(null),Y(!1),k.current=r;return}if(H.current!==t){k.current=r,B(null),Y(!1);return}if(k.current===r&&!We)return;k.current=r,Y(We),B(We?B0(t,r):Xo(t,r));let He=window.setTimeout(()=>{B(null),Y(!1)},ii);return()=>window.clearTimeout(He)},[s,t,o,r]),Ze(()=>{if(!W||!$.current){ee(0);return}ee($.current.scrollWidth)},[W]);let Ae=x0(W?$e:null,N?Ql:oi),ue=N?Ql:oi,Se=W?0:f0,ge=p||o!=="family"||xe?m0:nn,at=he(()=>ns(e,{width:typeof window>"u"?xn:window.innerWidth,height:typeof window>"u"?nn:window.innerHeight},ge),[ge,e]),Mt=h?Yl(at,h.getBoundingClientRect(),ge):1,Ht=m?es(e,at,m.getBoundingClientRect(),ge):1,be=rs(Mt,Ht,v),Pe={position:"fixed",left:at.left,top:at.top,width:xn,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${T.border}`,borderRadius:22,background:T.surface,color:T.primary,fontFamily:St,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:be,transform:`scale(${be})`,transformOrigin:`${e.x-at.left}px ${e.y-at.top}px`,visibility:be===0?"hidden":"visible",animation:Ne?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:x},lt=p?u0(p):"";return y("div",{role:"status","aria-label":p?`Sticker search: ${lt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?S:`${n} ${S}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":v||void 0,style:Pe,children:[l("style",{children:`@keyframes popmeltStickerReject {
+        ${qn}
+      }
+      @keyframes popmeltStickerFamilyLabelEnter {
+        from {
+          opacity: 0;
+          transform: translate(-50%, 10px) scale(0.9);
+        }
+        to {
+          opacity: 1;
+          transform: translate(-50%, 0) scale(1);
+        }
+      }
+      @keyframes popmeltStickerQueryCaret {
+        0%, 45% { opacity: 1; }
+        55%, 100% { opacity: 0; }
+      }`}),l("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:T.surface,zIndex:1}}),l(F0,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:T}),!p&&y("span",{"aria-hidden":"true","data-popmelt-sticker-token-context":!0,"data-popmelt-sticker-token-context-stage":o,"data-popmelt-sticker-token-context-expanded":W?"true":"false",style:{position:"absolute",left:(xn-Ae)/2,top:Zl,width:Ae,height:rn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${ue}px`:0,boxSizing:"border-box",border:`1px solid ${w}`,borderRadius:rn/2,background:T.actionSurface,color:T.actionForeground,transform:`translateY(${N0(o)}px) scale(${ts(o)})`,transition:`left ${Se}ms ease-out, width ${Se}ms ease-out, gap ${Se}ms ease-out, padding ${Se}ms ease-out, transform ${$t}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[l("span",{style:{display:"block",transform:`scale(${j0(o)})`,transition:`transform ${$t}ms ease`,transformOrigin:"center"},children:D0(t,o,r)?l("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:or(r,o==="value"?n:Jo),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):l(sr,{family:t,subproperty:t==="text"&&o==="variant"&&nt(r)?"color":r})}),l("span",{ref:$,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&$e>0?1:0,color:T.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&l(p0,{query:p,border:w,background:T.actionSurface,foreground:T.actionForeground,renderIcon:We=>l(sr,{family:We.family,subproperty:We.subproperty,size:12})}),l("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(xn-Re)/2,top:(nn-Re)/2,width:Re,height:Re,overflow:"visible",pointerEvents:"none",zIndex:3},children:g0.map(We=>l("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:qe?1:0,transform:`translate(-50%, -50%) rotate(${We}deg) translateX(${qe?17:30}px) scaleX(${qe?.7:1})`,transformOrigin:"center",transition:qe?"none":`transform ${Kl}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${Kl}ms ease-out`,willChange:"transform, opacity"}},We))}),!p&&xe&&l("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:ai,height:rn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:we?1:0,transform:`translate(-50%, ${G?-35:0}px) scale(${G?.9:1})`,transformOrigin:"center",transition:`transform ${Zr}ms ease, opacity ${_l}ms ease`,animation:we&&I?`popmeltStickerFamilyLabelEnter ${Zr}ms ease`:void 0,border:`1px solid ${w}`,borderRadius:rn/2,background:T.actionSurface,color:T.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Br(xe)})]})}var Q0=3,_0=250,si=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],Z0=3e3;function q0(e){let t=Ln(Di),[n,r]=A(0),[o,i]=A(()=>Math.floor(Math.random()*si.length));return D(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%Q0),_0),s=setInterval(()=>i(d=>(d+1)%si.length),Z0);return()=>{clearInterval(a),clearInterval(s)}},[e,t]),{charIndex:n,word:si[o]}}function os(e){if(e.subjectLabel)return`<${e.subjectLabel}>`;let t=e.tagName,n=e.id?`#${e.id}`:"",r=e.className?`.${e.className.split(" ").slice(0,2).join(".")}`:"";return e.reactComponent?`<${e.reactComponent}> ${t}${n}${r}`:`${t}${n}${r}`}var U0=["id","data-pm","data-popmelt-frame","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],J0=["style","class","open","hidden","aria-hidden","data-state"];function di(e){let t=new Set(U0);for(let n of e){/\.[\w\\-]/.test(n)&&t.add("class");for(let r of n.matchAll(/\[\s*([\w:-]+)/g))t.add(r[1]);if(/:(checked|disabled|enabled|required|optional|read-only|read-write)\b/.test(n))for(let r of["checked","selected","disabled","required","readonly","contenteditable"])t.add(r)}return{attributes:[...new Set([...t,...J0])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var ci=12,is=.24,as=8;function ls(e){return{...qs(),display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:ci,lineHeight:`${ci*Bi}px`,fontFamily:Wi,letterSpacing:`${is}px`,padding:`0 ${as}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var G0={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function ss(e,t){return!!(t&&(e===t||e.contains(t)))}function ui(e){let t=new Set(["resolved","needs_review","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&e.status&&t.has(e.status)&&e.threadId)}function pi(e){let t=e.status??"pending",n=new Set(["pending","sending","in_flight","resolved","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&n.has(t))}function X0(e,t,n,r){return t?r?.get(e)??n:n}function K0(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function Y0(e,t){return t?"#888888":e}function e2(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function t2(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function n2(e,t){if(e){if(e.threadId)return{type:"open-thread",threadId:e.threadId};if(e.pending!==!1)return{type:"edit-comment",annotationId:e.id};if(e.threadState?.threadId)return{type:"open-thread",threadId:e.threadState.threadId}}return t?{type:"open-thread",threadId:t}:{type:"none"}}function ds(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function r2(e,t,n,r=1e3){ds(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function o2(e,t){return!e||e.selector!==t.selector?{...t,expandedIndices:[t.index]}:t.index===e.index?e:{...t,expandedIndices:t.index>e.index?[...new Set([...e.expandedIndices,t.index])]:[...new Set([...e.expandedIndices.filter(n=>n<=t.index),t.index])]}}function qr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function cs(e,t){return e?.selector===t?null:e}function i2({isInFlight:e,isQueued:t=!1,threadStatus:n}){return e?"working":t||n==="in_flight"?"queued":n==="waiting_input"?"question":n==="failed"?"failed":n==="resolved"?"replied":"draft"}function us({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function Ur({hasElementChanges:e=!1,hasPendingChanges:t,hasThreadState:n,isHovered:r,hasTimedReveal:o,isRevealedSticker:i}){let a=(e||t||n)&&!r;return{annotationCollapsed:a,stickerCollapsed:a&&!i,sendCompact:a&&!o}}function on(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function a2(e,t){return!e||!!t}function l2(e,t){return{paddingLeft:e===0?8:id,paddingRight:8,zIndex:t-e+1}}function s2(e){let t=[];for(let n of e){let r=n.sticker?{token:n.sticker.axisSteps?`translate-x-${n.sticker.axisSteps.x}-y-${n.sticker.axisSteps.y}`:Ko(n.sticker.family,n.sticker.step,n.sticker.subproperty),selection:n.sticker}:{token:n.modified,custom:{property:n.property,value:n.modified}};t.some(o=>on(o)===on(r))||t.push(r)}return t}function d2({property:e}){let t,n=/^(padding|margin)(?:-(top|right|bottom|left))?$/.exec(e);n&&(t={family:n[1],subproperty:n[2]??"all"});let r=/^border-(top|right|bottom|left)-width$/.exec(e);r&&(t={family:"border",subproperty:r[1]});let o=/^border-(top-left|top-right|bottom-right|bottom-left)-radius$/.exec(e);o&&(t={family:"radius",subproperty:o[1]});let i={"border-width":["border","all"],"border-radius":["radius","all"],"font-size":["text","size"],"font-weight":["text","weight"],"line-height":["text","line-height"],"letter-spacing":["text","letter-spacing"],"text-align":["text","text-align"],"flex-direction":["stack","direction"],"align-items":["stack","align"],"justify-content":["stack","justify"],gap:["stack","gap"],"grid-template-columns":["grid","columns"],"grid-template-rows":["grid","rows"],translate:["transform","translate"],scale:["transform","scale"],rotate:["transform","rotate"],opacity:["opacity","opacity"],"mix-blend-mode":["opacity","mix-blend"]}[e];if(i&&(t={family:i[0],subproperty:i[1]}),t)return l(sr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?pa:/(^|-)(width|inline-size)$/.test(e)?nc:/(^|-)(height|block-size)$/.test(e)?rc:oc;return l(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function On(e){return e.comment?.threadState??e.threadState}function c2(e,t){return e.length===t.length&&e.every((n,r)=>{let o=t[r];return n.selector===o.selector&&n.label===o.label&&n.annotationNumber===o.annotationNumber&&n.domElement===o.domElement&&n.projectedRect===o.projectedRect&&n.threadState===o.threadState&&n.comment===o.comment&&n.hasPendingChanges===o.hasPendingChanges&&n.hasElementChanges===o.hasElementChanges&&n.transient===o.transient&&n.stickers.length===o.stickers.length&&n.stickers.every((i,a)=>{let s=o.stickers[a];return i.token===s.token&&i.selection===s.selection&&on(i)===on(s)})})}function ps(e){return os(e.element)}var Jr=8;function u2(e,t,n){if(n.avoidLeft===void 0&&n.avoidRight===void 0)return!0;let r=typeof window<"u"?window.innerWidth:9999,o=n.avoidLeft??0,i=n.avoidRight??r;return e+t>o&&e<i}function p2(e,t,n){return u2(t,n,e)?e:{}}function fs(e){let t=e.stickers.map(r=>r.token).join(""),n=e.comment?.text??e.label;return Math.min(720,44+n.length*7.2+t.length*7.2)}function hs(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function f2(e,t,n,r,o,i){let a=n==="right"?`max(calc(-100% + ${r}px), calc(0px - max(0px, ${e}px)))`:`min(0px, calc(100vw - max(0px, ${e}px) - 100%))`,s=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${s} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function ms({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:s,children:d,...c}){let u=od(o),p=e-u.left,h=t-u.top;return l("div",{"data-devtools":"badge-hit-area",...c,style:{position:"fixed",left:`max(0px, ${p}px)`,top:`max(0px, ${h}px)`,padding:`${u.top}px ${u.right}px ${u.bottom}px ${u.left}px`,transform:f2(p,h,i,u.left+u.right,n,r),...s},children:l("div",{ref:a,children:d})})}function gs({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:s,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:h,inFlightSelectorJobIds:m,waitingApprovalJobIds:v,inFlightSelectorColors:x,toolbarRef:T,onHoverSelector:w,sendHintSelector:S,pendingBundleCount:H=1,onHoverSendBundle:L,onSend:k,onSelectSticker:E,onDeleteSticker:R,threadStates:j,onViewThread:P,hoveredElement:$,hoveredElementInfo:F,showHoverIdentifier:_=!1,onEditComment:de,onDeleteComment:me,onDeletePeerComment:se,onDeletePeerStyles:U,onDiscardTextChanges:xe,onArchiveThread:K,onClearInteractionEpisode:we,onEditSubject:Te,onDeleteSubject:G,onHoverSubjectLabel:ke,activeCommentEntry:I,refreshKey:C}){let W=Ln(Di),[B,N]=A([]),[Y,$e]=A(null),[ee,qe]=A(null),[Q,Ne]=A(()=>new Map),re=M(new Map),Ae=M(new Map),ue=M(new Map),Se=M(new Map),ge=M(new Map),at=M(new Map),Mt=ie(g=>{ds(ge.current,g)},[]),Ht=ie(g=>{r2(ge.current,g,()=>{qe(ye=>ye===g?null:ye),$e(ye=>ye?.selector===g?null:ye)})},[]),be=ie((g,ye,te)=>{$e(pe=>o2(pe,{selector:g,target:ye,index:te}))},[]),Pe=ie(g=>!!u?.has(g.selector)||!!g.comment&&!!h?.has(g.comment.id),[h,u]),lt=ie((g,ye)=>!Pe(g)&&(!!g.comment&&!!p?.has(g.comment.id)||ye?.status==="in_flight"),[Pe,p]),We=ie(g=>{let ye=Yo(g.hasPendingChanges,On(g),m?.get(g.selector));return i2({isInFlight:Pe(g),isQueued:lt(g,ye),threadStatus:ye?.status})},[Pe,lt,m]),He=B.filter(g=>g.hasPendingChanges||!!On(g)).map(g=>us({selector:g.selector,label:g.label,tokens:[...g.stickers.map(ye=>ye.token),...We(g)==="draft"?[]:[`status:${We(g)}`]]})).join("|");Ze(()=>{let g=new Set,ye=new Map,te=new Set,pe=new Set;for(let X of B){let Ee=On(X);if(!X.hasPendingChanges&&!Ee)continue;g.add(X.selector);let ae=We(X),Fe=us({selector:X.selector,label:X.label,tokens:[...X.stickers.map(oe=>oe.token),...ae==="draft"?[]:[`status:${ae}`]]});if(re.current.get(X.selector)===Fe)continue;re.current.set(X.selector,Fe);let Ye=ue.current.get(X.selector);ue.current.set(X.selector,ae),ae==="working"&&Ye!=="working"&&pe.add(X.selector);let Ue=Ae.current.get(X.selector),le=new Map,Be=null;for(let oe of X.stickers){let Oe=on(oe);le.set(Oe,oe.token),Ue?.get(Oe)!==oe.token&&(Be=Oe)}if(Ae.current.set(X.selector,le),!X.hasPendingChanges&&(Ye===void 0||Ye==="draft"&&ae!=="queued"&&ae!=="working")){let oe=Se.current.get(X.selector);oe&&clearTimeout(oe),Se.current.delete(X.selector),te.add(X.selector);continue}ye.set(X.selector,Be);let bt=Se.current.get(X.selector);bt&&clearTimeout(bt),Se.current.set(X.selector,setTimeout(()=>{Ne(oe=>{if(!oe.has(X.selector))return oe;let Oe=new Map(oe);return Oe.delete(X.selector),Oe}),Se.current.delete(X.selector)},1e3))}for(let[X,Ee]of Se.current)g.has(X)||(clearTimeout(Ee),Se.current.delete(X),re.current.delete(X),Ae.current.delete(X),ue.current.delete(X));pe.size>0&&$e(X=>X&&pe.has(X.selector)?null:X),Ne(X=>{let Ee=new Map([...X].filter(([ae])=>g.has(ae)));for(let[ae,Fe]of ye)Ee.set(ae,Fe);for(let ae of te)Ee.delete(ae);return Ee.size===X.size&&[...Ee].every(([ae,Fe])=>X.get(ae)===Fe)?X:Ee})},[B,He,We]),D(()=>()=>{for(let g of Se.current.values())clearTimeout(g);Se.current.clear();for(let g of ge.current.values())clearTimeout(g);ge.current.clear(),re.current.clear(),Ae.current.clear(),ue.current.clear()},[]);let Dt=u&&u.size>0||h&&h.size>0,{charIndex:At,word:ze}=q0(!!Dt);D(()=>{if(!W)return;let g=null,ye=!1,te=e??document,pe=di([...s.flatMap(le=>[le.selector,le.element.selector]),...i.flatMap(le=>[le.selector,le.element.selector]),...a.flatMap(le=>[le.selector,le.element.selector]),...Array.from(j??[]).flatMap(([le,Be])=>Be.selectors??[le])]),X=le=>{try{let Be=te.querySelectorAll(le);return Be.length===1?Be[0]:null}catch{return null}},Ee=(le,Be)=>n?null:vo(le,Be,te),ae=()=>{let le=[],Be=new Map,bt=V=>(Be.has(V)||Be.set(V,n?null:e?X(V):Un(V)),Be.get(V)),oe=new Map;for(let V of s)oe.set(V.selector,{selector:V.selector,element:V.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:V.pending!==!1,stickers:[],comment:V});for(let V of i){let ce=oe.get(V.selector),Ve=[...ce?.stickers??[]];if(a2(V.captured,m?.get(V.selector)))for(let ut of s2(V.changes)){let Qe=on(ut);Ve.some(zt=>on(zt)===Qe)||Ve.push(ut)}oe.set(V.selector,{selector:V.selector,element:V.element,styleChangeCount:(ce?.styleChangeCount??0)+V.changes.length,textChangeCount:ce?.textChangeCount??0,modifiedText:ce?.modifiedText,hasPendingChanges:(ce?.hasPendingChanges??!1)||!V.captured&&!V.awaitingReview,threadState:Gp(V)??ce?.threadState,stickers:Ve,comment:ce?.comment})}for(let V of a){let ce=oe.get(V.selector);oe.set(V.selector,{selector:V.selector,element:ce?.element??V.element,styleChangeCount:ce?.styleChangeCount??0,textChangeCount:1,modifiedText:V.modified,hasPendingChanges:(ce?.hasPendingChanges??!1)||!V.captured,stickers:ce?.stickers??[],threadState:ce?.threadState,comment:ce?.comment})}let Oe=new Set,et=new Set,vt=new Set;for(let V of oe.values()){let ce=V.comment?.threadState;ce?.threadId&&et.add(ce.threadId),ce?.targetBindingId&&vt.add(ce.targetBindingId)}for(let[V,ce]of oe){let Ve=Ee(V,ce.element);Ve&&(ce.resolvedElement=Ve),Ve&&Oe.add(Ve)}for(let[V,ce]of j??[]){if(n||et.has(ce.threadId)||ce.targetBindingId&&vt.has(ce.targetBindingId))continue;let Ve=Yi(ce.selectors??[V],ce.targetFingerprint,te);if(Ve.status!=="matched")continue;let{element:ut}=Ve,Qe=ce.selectors?.[0]??V;!ut||Oe.has(ut)||(Oe.add(ut),oe.set(Qe,{selector:Qe,element:{...bo(ut),selector:Qe},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:ut,threadState:ce}))}Array.from(oe.values()).forEach(V=>{let ce=V.transientElement??V.resolvedElement??Ee(V.selector,V.element),Ve=n?.get(V.selector);if(!ce&&!Ve)return;let ut=t2({elementLabel:ps(V),styleChangeCount:V.styleChangeCount,textChangeCount:V.textChangeCount,modifiedText:V.modifiedText}),Qe=V.comment?.threadState??V.threadState??(j?Qr(V.selector,j,bt):void 0);le.push({threadState:Qe,selector:V.selector,label:V.threadState?.title?.trim()||ut.label,annotationNumber:V.transientElement?void 0:V.comment?.annotationNumber??Qe?.annotationNumber??c.get(V.selector),domElement:ce,projectedRect:Ve,hasPendingChanges:V.hasPendingChanges,hasElementChanges:V.styleChangeCount>0||V.textChangeCount>0,stickers:V.stickers,transient:!!V.transientElement,comment:V.comment})}),N(V=>c2(V,le)?V:le)},Fe=()=>{ye||g!==null||(g=requestAnimationFrame(()=>{g=null,ae()}))};if(ae(),n)return;window.addEventListener("resize",Fe,!0);let Ye=new MutationObserver(le=>{le.some(pe.changesIdentity)&&Fe()});Ye.observe(te.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:pe.attributes}),window.addEventListener("load",Fe),te.fonts?.ready?.then(Fe);let Ue=[...i,...a].some(le=>le.selector.startsWith("@frame("))||s.some(le=>le.selector.startsWith("@frame("))?ji(Fe):void 0;return()=>{ye=!0,Ue?.(),window.removeEventListener("resize",Fe,!0),window.removeEventListener("load",Fe),Ye.disconnect(),g&&cancelAnimationFrame(g)}},[W,c,s,i,a,j,m,e,n]);let wn=_&&!ee&&$&&F?.selector&&!B.some(g=>g.domElement===$)?{selector:F.selector,label:ps({element:F}),annotationNumber:void 0,domElement:$,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,Nt=wn?[...B,wn]:B;if(Nt.length===0)return null;let jt=W?T?.current?.getBoundingClientRect():void 0,De=jt?jt.top<window.innerHeight/2:!1,Bn=jt?{avoidTop:De?jt.bottom+Jr:void 0,avoidBottom:De?void 0:jt.top-Jr,avoidLeft:jt.left-Jr,avoidRight:jt.right+Jr}:{},Dn=g=>{let ye=I?.element===g.domElement,te=Yo(g.hasPendingChanges,On(g),m?.get(g.selector)),pe=Pe(g),X=lt(g,te),Ee=v?.has(m?.get(g.selector)??te?.jobId??""),ae=g.comment?.awaitingReview?"Awaiting review":Ee?"Approval needed":pe?ze||"Thinking":X?"Queued":te?.status==="in_flight"?"Thinking":te?.status==="waiting_input"?"Question":te?.status==="failed"?"Failed":te?.label??"Replied";return(ye?I.width+(I.trailingWidth??0)+fs(g):fs(g)+ri(hs(g.comment,pe||!!te))+Ks(g.comment?.interactionEpisodeStepCount??0))+(te||g.comment?.awaitingReview?28+ae.length*7.2:0)},Lt=Nt.find(g=>g.transient)??Nt.find(g=>g.domElement&&ss(g.domElement,$)||ee===g.selector||Y?.selector===g.selector)??(r?Nt.find(g=>g.selector===o):void 0),an=(()=>{if(!Lt)return null;let g=Lt.projectedRect,ye=g?{...g,right:g.left+g.width,bottom:g.top+g.height}:Lt.domElement?Sr(Lt.domElement):void 0;if(!ye)return null;let te=Dn(Lt),pe=Fi(ye,22,2,window.innerHeight,te,window.innerWidth);return ho(pe,te,22)})(),Ft=ls(d),yt=G0;return y(Le,{children:[l("style",{dangerouslySetInnerHTML:{__html:`
+[data-devtools="badge"]::selection,
+[data-devtools="badge"] *::selection {
+  background: #000000;
+  color: #ffffff;
+}
+.popmelt-staged-sticker-group {
+  display: flex;
+  align-items: center;
+  isolation: isolate;
+}
+.popmelt-staged-sticker-layer {
+  position: relative;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  margin-right: -2px;
+}
+.popmelt-staged-sticker-pointer {
+  position: absolute;
+  left: -4px;
+  top: 50%;
+  width: 14.142px;
+  height: 14.142px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+.popmelt-staged-sticker-pointer::before {
+  content: '';
+  width: 10px;
+  height: 10px;
+  background: var(--popmelt-staged-accent);
+  transform: rotate(-45deg);
+}
+.popmelt-collapsible-badge-detail {
+  max-width: 400px;
+  opacity: 1;
+  overflow: hidden;
+  transition: max-width 180ms cubic-bezier(0.2, 0, 0, 1), opacity 100ms linear;
+}
+.popmelt-collapsible-badge-detail-inner {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  padding-left: 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-popmelt-collapsed="true"] .popmelt-collapsible-badge-detail {
+  max-width: 0;
+  opacity: 0;
+}
+@supports (interpolate-size: allow-keywords) {
+  .popmelt-collapsible-badge-detail {
+    width: max-content;
+    interpolate-size: allow-keywords;
+    transition: width 180ms cubic-bezier(0.2, 0, 0, 1), opacity 100ms linear;
+  }
+  [data-popmelt-collapsed="true"] .popmelt-collapsible-badge-detail {
+    width: 0;
+    max-width: 400px;
+  }
+}
+[data-popmelt-snap-collapse="true"] .popmelt-collapsible-badge-detail {
+  transition: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .popmelt-collapsible-badge-detail {
+    transition: none;
+  }
+}
+`}}),Nt.map(g=>{let ye=I?.element===g.domElement,te=Yo(g.hasPendingChanges,On(g),m?.get(g.selector)),pe=Pe(g),X=lt(g,te),Ee=X0(g.selector,pe,d,x),ae=K0(Ee,g.comment,On(g)),Fe=pe||te?.status==="in_flight",Ye=Y0(ae,Fe),Ue=v?.has(m?.get(g.selector)??te?.jobId??""),le=g.comment?.awaitingReview||te?.status==="awaiting_review",Be=le?"Awaiting review":Ue?"Approval needed":pe?ze||"Thinking":X?"Queued":te?.status==="in_flight"?"Thinking":te?.status==="waiting_input"?"Question":te?.status==="failed"?"Failed":te?.label??"Replied",bt=!!(g.domElement&&ss(g.domElement,$)),oe=ee===g.selector,Oe=Q.has(g.selector),et=Q.get(g.selector),vt=!!te||g.comment?.pending===!1,V=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:r&&o===g.selector||bt||oe||qr(Y,g.selector,0),hasTimedReveal:Oe,isRevealedSticker:!1}),ce=g.stickers.length+1,Ve=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:qr(Y,g.selector,ce),hasTimedReveal:Oe,isRevealedSticker:!1}),ut=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:r&&o===g.selector||bt||oe||qr(Y,g.selector,ce),hasTimedReveal:Oe,isRevealedSticker:Oe}),Qe=Dn(g),zt=(ye?I.imageCount:hs(g.comment,pe||!!te))??0,Vt=g.stickers.length>0||zt>0,dr=Us({hasCommentEntry:ye||!!g.comment,stagedChangeCount:g.stickers.length+ +(zt>0)}),ln=pe||!!te||!!g.comment?.awaitingReview,Cn=!ln&&g.selector===S,Qt=!ye&&V.annotationCollapsed&&ut.stickerCollapsed&&Ve.sendCompact&&!Oe&&Y?.selector!==g.selector,st=Qt?Js({annotationNumber:g.annotationNumber,stickerCount:g.stickers.length,interactionEpisodeStepCount:g.comment?.interactionEpisodeStepCount??0,hasStatus:ln,hasSend:Cn,controlGap:dr})+ri(zt):Qe;return l(Gs,{element:g.domElement,projectedRect:g.projectedRect,onRemove:g.comment&&se?()=>se(g.comment.id):U&&i.some(ve=>ve.selector===g.selector)?()=>U(i.filter(ve=>ve.selector===g.selector)):void 0,onActivate:g.comment?.threadId||te?.threadId?()=>P?.(g.comment?.threadId??te?.threadId):void 0,hideOutline:!(r&&Lt===g),color:ae,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:Qe,refreshKey:C,renderRail:ve=>{let _t=at.current.get(g.selector)?.getBoundingClientRect(),cr=_t?.width?_t:ho(ve,Qe,22),ur=!!(Qt&&Lt!==g&&an&&Vi(cr,an));if(Lt!==g&&an&&Vi(ho(ve,st,22),an))return null;let Xr=ve.horizontalAlignment==="right"?ve.left-Qe:ve.left,sn=p2(Bn,Xr,Qe);if(g.transient){let q=g.domElement?Qs(g.domElement):null;return l(ms,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":q?"true":void 0,"data-popmelt-subject-adapter":q?.adapter,"data-popmelt-subject-key":q?.key,left:ve.left,top:ve.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:ve.anchor,horizontalAlignment:ve.horizontalAlignment,style:{zIndex:10001,pointerEvents:q?"auto":"none",cursor:q?"pointer":void 0},onPointerDown:Me=>{q&&Me.stopPropagation()},onClick:Me=>{q&&(Me.preventDefault(),Me.stopPropagation(),Te?.(q))},onContextMenu:Me=>{q&&(Me.preventDefault(),Me.stopPropagation(),G?.(q))},onMouseEnter:()=>{q&&ke?.(q)},onMouseLeave:()=>ke?.(null),children:l("div",{"data-devtools":"steer-element-identifier",ref:Me=>{g.domElement&&Ki(g.domElement,Me)},"data-popmelt-subject-label-action":q?"true":void 0,style:{...Ft,borderRadius:g.domElement===document.body?xr("bottom-left"):xr(ve.anchor)},children:l("span",{style:yt,children:g.label})})})}return l(ms,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":ur||void 0,visualRef:q=>{q?at.current.set(g.selector,q):at.current.delete(g.selector)},left:ve.left,top:ve.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:ve.anchor,horizontalAlignment:ve.horizontalAlignment,onClick:()=>{if(ye)return;let q=n2(g.comment,g.comment?.threadId??te?.threadId);q.type==="edit-comment"?de?.(q.annotationId):q.type==="open-thread"&&P?.(q.threadId)},onContextMenu:q=>{if(q.preventDefault(),q.stopPropagation(),g.comment&&se){se(g.comment.id);return}if(U){let Me=i.filter(je=>je.selector===g.selector);if(Me.length){U(Me);return}}g.comment&&g.comment.pending!==!1&&me?(Mt(g.selector),$e(Me=>cs(Me,g.selector)),qe(Me=>Me===g.selector?null:Me),w?.(null),me(g.comment.id)):a.some(Me=>Me.selector===g.selector&&!Me.captured)?xe?.(g.selector):!g.hasPendingChanges&&!pe&&te?.status==="resolved"&&K?.(te.threadId)},onMouseEnter:()=>{Mt(g.selector),qe(g.selector),w?.(g.selector)},onMouseLeave:()=>{Ht(g.selector),w?.(null)},style:{zIndex:ye?10002:1e4,cursor:ye?"text":"pointer",pointerEvents:"auto"},children:y("div",{ref:q=>{g.domElement&&Ki(g.domElement,q)},style:{display:"flex",alignItems:"center",gap:dr},children:[ye?I.render(ve.anchor):y("div",{"data-devtools":"badge","data-popmelt-collapsed":V.annotationCollapsed,onMouseEnter:()=>be(g.selector,"annotation",0),style:{...Ft,backgroundColor:e2({accentColor:d,threadAccentColor:ae,comment:g.comment,isInFlight:pe,hasThreadState:!!te,hasStickers:g.stickers.length>0}),gap:0,letterSpacing:g.comment?0:Ft.letterSpacing,borderRadius:g.domElement===document.body?xr("bottom-left"):xr(ve.anchor)},children:[l("span",{style:{fontWeight:600},children:g.annotationNumber}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...yt,paddingLeft:g.comment?0:void 0},children:g.comment?y(Le,{children:[".",l("span",{style:{marginLeft:2},children:g.comment.text})]}):y(Le,{children:[". ",g.label]})})})]}),!Vt&&l(Qi,{stepCount:ye?0:g.comment?.interactionEpisodeStepCount??0,onClear:g.comment?.pending!==!1&&we?()=>we(g.comment.id):void 0,submitted:g.comment?.pending===!1}),Vt&&y("div",{className:"popmelt-staged-sticker-group",children:[g.stickers.map((q,Me)=>{let je=on(q),pt=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:!!te,isHovered:qr(Y,g.selector,Me+1),hasTimedReveal:Oe,isRevealedSticker:Oe&&je===et}),Zt=l2(Me,g.stickers.length+ +(zt>0)),Rt=Me===0?void 0:fo;return y("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:Zt.zIndex},children:[l("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Ye,WebkitMaskImage:Me===0?void 0:vr,maskImage:Me===0?void 0:vr}}),y("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":q.custom?.property,title:q.custom?`${q.custom.property}: ${q.custom.value}`:void 0,"data-popmelt-collapsed":pt.stickerCollapsed,onMouseEnter:()=>be(g.selector,je,Me+1),"aria-label":q.custom?`Custom ${q.custom.property}: ${q.custom.value}`:`${r?"Staged":"Edit staged"} ${q.token} sticker`,onPointerDown:_e=>{_e.preventDefault(),_e.stopPropagation()},onClick:_e=>{_e.preventDefault(),_e.stopPropagation(),q.selection&&E?.(g.selector,q.selection)},onContextMenu:_e=>{_e.preventDefault(),_e.stopPropagation(),Mt(g.selector),$e(Ot=>cs(Ot,g.selector)),w?.(null),q.selection&&R?.(g.selector,q.selection)},style:{...Ft,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:Zt.paddingLeft,paddingRight:Zt.paddingRight,gap:0,cursor:q.selection&&(E||R)?"pointer":"default",backgroundColor:Ye,WebkitMaskImage:Rt,maskImage:Rt},children:[q.selection?l(sr,{family:q.selection.family,subproperty:q.selection.subproperty,step:q.selection.step}):l(d2,{property:q.custom.property}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:q.token})})]})]},je)}),l(Vl,{imageCount:zt,color:Ye,layered:g.stickers.length>0}),!ye&&(g.comment?.interactionEpisodeStepCount??0)>0&&l("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:l(Qi,{stepCount:g.comment.interactionEpisodeStepCount,layered:!0,onClear:g.comment?.pending!==!1&&we?()=>we(g.comment.id):void 0,submitted:g.comment?.pending===!1})}),Cn&&l(_i,{bundleCount:H,compact:Ve.sendCompact,layered:!0,onHoverChange:q=>{q&&be(g.selector,"send",ce),L?.(q)},onSend:k,style:{position:"relative",zIndex:(g.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),ln&&l("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ut.stickerCollapsed,onMouseEnter:()=>be(g.selector,"thread-status",ce),"aria-label":te?`${Be}. Open thread`:Be,onPointerDown:q=>{q.preventDefault(),q.stopPropagation()},onClick:q=>{q.preventDefault(),q.stopPropagation();let Me=g.comment?.threadId??te?.threadId;Me&&P?.(Me)},style:{...Ft,appearance:"none",border:0,margin:0,cursor:te&&P?"pointer":"default",backgroundColor:ae,gap:0},children:le?y(Le,{children:[l(oa,{size:12,strokeWidth:2.25}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:Be})})]}):pe?y(Le,{children:[Ue?l(Ad,{size:12,"aria-label":"Approval needed"}):l("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:At===1?y(Le,{children:[l("circle",{cx:"7",cy:"7",r:"2"}),l("circle",{cx:"17",cy:"7",r:"2"}),l("circle",{cx:"7",cy:"17",r:"2"}),l("circle",{cx:"17",cy:"17",r:"2"})]}):y(Le,{children:[l("circle",{cx:"12",cy:"6",r:"2"}),l("circle",{cx:"6",cy:"12",r:"2"}),l("circle",{cx:"18",cy:"12",r:"2"}),l("circle",{cx:"12",cy:"18",r:"2"})]})}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:Be})})]}):y(Le,{children:[X?l(oa,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):te?.status==="waiting_input"?l(zd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):te?.status==="failed"?l(Rd,{size:12,strokeWidth:2.25}):l(Pd,{size:12,strokeWidth:2.25}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:Be})})]})}),Cn&&!Vt&&l(_i,{bundleCount:H,compact:Ve.sendCompact,onHoverChange:q=>{q&&be(g.selector,"send",ce),L?.(q)},onSend:k})]})})}},`${g.transient?"intent":"history"}:${g.selector}`)})]})}var Wn=8,fi=4;function h2(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function m2(e,t){return e===t||ea(e,t)||ea(t,e)}function g2(e,t){return m2(e,t)||Jn(e)!==null&&Jn(e)===Jn(t)}function y2(e){let t=0,n=Jn(e);for(;n;)t+=1,n=Jn(n);return t}function hi(e,t){return vo(e,t?.[0])}function ys(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function b2(e){let t=Fi(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function v2(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+Wn,avoidLeft:t.left-Wn,avoidRight:t.right+Wn}:{avoidBottom:t.top-Wn,avoidLeft:t.left-Wn,avoidRight:t.right+Wn}}function x2(e,t){if(t.size===0)return null;let n=new Set,r=new Set;for(let i of e)t.has(i.id)&&(i.groupId&&n.add(i.groupId),i.threadId&&r.add(i.threadId));for(let i of e)i.groupId&&n.has(i.groupId)&&i.threadId&&r.add(i.threadId);let o=new Set(t);for(let i of e)(i.groupId&&n.has(i.groupId)||i.threadId&&r.has(i.threadId))&&o.add(i.id);return o}function w2(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,s=t==="top-left"?e.top+window.scrollY-fi-22-n*22+4:e.bottom+window.scrollY+fi+4+n*22,d=window.scrollY+4,c=window.scrollY+window.innerHeight-22-4,u=null;if(r&&o!==void 0){let p=r.getBoundingClientRect(),h=e.left;if(h+o+16+i>p.left&&h<p.right)if(p.top<window.innerHeight/2){let m=window.scrollY+p.bottom+4;m>d&&(d=m,u="top")}else{let m=window.scrollY+p.top-22-4;m<c&&(c=m,u="bottom")}}return d>c&&(c=d),s<d?s=u==="top"?d:e.top+window.scrollY+4:s>c&&(s=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:s}}var C2=new Set(["resolved","needs_review","waiting_input","failed"]);function mi(e){return e.linkedSelector??(e.target?Ni(e.target):void 0)}function k2(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&C2.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>mi(c)),a=i?mi(i):void 0;if(!r?.status||!o?.threadId||!a)return;let s=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:s?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function bs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:s,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:h,pageTextModifications:m,sendHintAnchorId:v,supersededAnnotations:x,visibleCollisionRepresentativeByAnnotationId:T,activeTextSendHintId:w,targetResolutionRevision:S}){let H=ie((I,C)=>t?null:e?e(I,C):hi(I,C),[S,e,t]),L=he(()=>{let I=[],C=new Set,W=[...p].sort((B,N)=>N.timestamp-B.timestamp);for(let B of W){if(B.type!=="text"||!B.text||!B.linkedSelector||x.has(B)||s.has(B.id))continue;let N=B.status??(B.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(N))continue;let Y=i.get(B.id);if(Y===void 0||C.has(B.linkedSelector))continue;let $e=H(B.linkedSelector,B.elements),ee=B.elements?.[0];!$e&&!(t?.has(B.linkedSelector)&&ee)||(C.add(B.linkedSelector),I.push({id:B.id,selector:B.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:Y,color:B.color,element:ee??bo($e),pending:N==="pending",awaitingReview:N==="awaiting_review",threadId:B.threadId,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length}))}return I},[i,s,p,x,H,t]),k=he(()=>new Set(L.map(I=>I.id)),[L]),E=he(()=>{let I=new Map;for(let C of p){if(C.type!=="text")continue;let W=k2(C,p);W&&I.set(C.id,W)}return I},[p]),R=he(()=>{let I=[],C=new Set,W=[...p].sort((B,N)=>+(N.id===a)-+(B.id===a)||N.timestamp-B.timestamp);for(let B of W){let N=E.get(B.id);if(!N||!ui({...B,status:N.status,threadId:N.threadId,linkedSelector:N.linkedSelector})||!B.text||x.has(B)||s.has(B.id)||C.has(N.linkedSelector))continue;let Y=i.get(B.id);if(Y===void 0)continue;let $e=H(N.linkedSelector,N.elements),ee=N.elements?.[0];!$e&&!(t?.has(N.linkedSelector)&&ee)||(C.add(N.linkedSelector),I.push({id:B.id,selector:N.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:Y,color:B.color,element:ee??bo($e),pending:!1,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length,threadState:{jobId:N.replyJobIds?.[N.replyJobIds.length-1]??N.threadId,threadId:N.threadId,targetBindingId:N.targetBindingId,annotationNumber:Y,status:N.status==="waiting_input"?"waiting_input":N.status==="failed"?"failed":"resolved",label:N.status==="waiting_input"?"Question":N.status==="failed"?"Failed":"Replied"}}))}return I},[i,a,s,p,E,x,H,t]),j=he(()=>[...L,...R],[R,L]),P=he(()=>{let I=new Set,C=new Set,W=new Set,B=new Set;for(let[N,Y]of d??[])if(Yi(Y.selectors??[N],Y.targetFingerprint).status==="matched"){C.add(Y.threadId),Y.targetBindingId&&W.add(Y.targetBindingId);for(let $e of Y.selectors??[])B.add($e);!Y.targetBindingId&&!Y.selectors?.length&&B.add(N)}for(let N of p){let Y=E.get(N.id),$e=N.groupId?p.filter(Ne=>Ne.groupId===N.groupId):[N],ee=$e.map(mi).find(Ne=>!!Ne),qe=$e.find(Ne=>Ne.threadId)?.threadId,Q=$e.find(Ne=>Ne.targetBindingId)?.targetBindingId;if(!(N.type!=="text"||!N.text||!ee||x.has(N)||s.has(N.id))){if(qe&&C.has(qe)||Q&&W.has(Q)||B.has(ee)){I.add(N.id);continue}!Y||!ui({...N,status:Y.status,threadId:Y.threadId,linkedSelector:Y.linkedSelector})||H(Y.linkedSelector,Y.elements)&&I.add(N.id)}}return I},[s,d,p,E,x,H]),$=he(()=>{let I=new Set;for(let C of p)!pi(C)||!C.linkedSelector||x.has(C)||s.has(C.id)||H(C.linkedSelector,C.elements)&&I.add(C.id);return I},[s,p,x,H]),F=he(()=>{let I=new Set($);for(let C of k)I.add(C);for(let C of P)I.add(C);return I},[$,P,k]),_=he(()=>new Map(j.map(I=>[I.selector,I.color])),[j]),de=he(()=>new Set([...s,...F]),[F,s]),me=he(()=>{if(!n?.linkedSelector||n.domEdit)return null;let I=H(n.linkedSelector,n.elements);if(!I)return null;let C=[...h,...m].find(N=>!N.captured&&hi(N.selector,[N.element])===I),W=p.find(N=>N.id===n.id),B=!!(!n.isNew&&W&&pi(W));return!C&&!B?null:{element:I,selector:C?.selector??n.linkedSelector}},[n,p,h,m,H]),se=v===w?v:v?T.get(v)??v:null,U=he(()=>{if(se===w)return n?.text.trim()?me?.selector??null:null;if(se&&se!==w)return L.find(I=>I.id===se)?.selector??null;for(let I=m.length-1;I>=0;I-=1){let C=m[I];if(C&&!C.captured)return C.selector}for(let I=h.length-1;I>=0;I-=1){let C=h[I];if(C&&!C.captured&&!C.awaitingReview)return C.selector}return null},[n,me,w,h,m,L,se]),xe=n?n.isNew?w:n.id:null,K=xe?c.get(xe)??0:0,we=xe?u.get(xe)??[]:[],Te=n?.isNew?void 0:o.find(I=>I.id===n?.id),G=(Te?.status??(Te?.captured?"in_flight":"pending"))==="pending"?Te?.color??r:"#8c8c8c",ke=he(()=>p.filter(I=>!(x.has(I)||s.has(I.id)||F.has(I.id)||n&&!n.isNew&&I.id===n.id)),[n,F,s,p,x]);return{activeTextAnnotation:Te,activeTextCollisionId:xe,activeTextModifiedRail:me,activeTextNestedAnnotationCount:K,activeTextNestedAnnotationIds:we,activeTextNestedBadgeColor:G,elementRailColorBySelector:_,elementRailCommentIds:F,elementRailComments:j,hiddenAnnotationBadgeIds:de,modifiedElementSendHintSelector:U,stagedElementComments:L,visibleCanvasAnnotations:ke,visibleSendHintAnchorId:se}}function Gr(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var S2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o,s=(i.x+a.x)/2,d=(i.y+a.y)/2,c=Math.abs(a.x-i.x)/2,u=Math.abs(a.y-i.y)/2;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.ellipse(s,d,c,u,0,0,Math.PI*2),e.stroke()},I2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.moveTo(i.x,i.y);for(let s=1;s<t.length-1;s++){let d=t[s],c=t[s+1];!d||!c||e.quadraticCurveTo(d.x,d.y,(d.x+c.x)/2,(d.y+c.y)/2)}e.lineTo(a.x,a.y),e.stroke()},M2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.moveTo(i.x,i.y),e.lineTo(a.x,a.y),e.stroke()},L2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.strokeRect(Math.min(i.x,a.x),Math.min(i.y,a.y),Math.abs(a.x-i.x),Math.abs(a.y-i.y))},vs=11,gi=4,T2=`600 ${vs}px system-ui, -apple-system, sans-serif`;function xs(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function E2(e,t,n,r,o,i){let a=String(r);e.font=T2;let s=e.measureText(a).width+gi*2,d=vs+gi*2,c=t-s/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,s,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+gi,u+d/2)}function $2(e,t){if(e.points.length<2&&e.type!=="text")return null;switch(e.type){case"rectangle":case"freehand":{let n,r;if(e.type==="freehand")n=Math.min(...e.points.map(o=>o.x)),r=Math.max(...e.points.map(o=>o.y));else{let o=e.points[0],i=e.points[e.points.length-1];n=Math.min(o.x,i.x),r=Math.max(o.y,i.y)}return{x:n,y:r}}case"circle":{let n=e.points[0],r=e.points[e.points.length-1],o=Math.min(n.x,r.x),i=(Math.min(n.y,r.y)+Math.max(n.y,r.y))/2;return{x:o,y:i}}case"line":{let n=e.points[0],r=e.points[e.points.length-1],o=n.y>r.y?n:r;return{x:o.x,y:o.y}}default:return null}}function ws(){let e=M(null),t=ie(()=>{let a=e.current;if(!a)return;let s=a.getContext("2d");s&&s.clearRect(0,0,a.width,a.height)},[]),n=ie((a,s,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let h=p.getContext("2d");if(!h)return;let m=a.status??(a.captured?"in_flight":"pending"),v=m==="pending"?a.color:"#8c8c8c";switch(h.save(),h.globalAlpha=c,a.type){case"freehand":I2(h,a.points,v,a.strokeWidth);break;case"line":M2(h,a.points,v,a.strokeWidth);break;case"rectangle":L2(h,a.points,v,a.strokeWidth);break;case"circle":S2(h,a.points,v,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let x=m==="pending"?"#ffffff":"#dddddd";Xs(h,a.points[0],a.text,v,a.fontSize,s,a.points[0].x,d,x,ys(a)?"bottom-left":a.linkedAnchor,u)}break}h.restore()},[]),r=ie((a,s)=>{let d=e.current;if(!d||a.points.length<2)return;let c=d.getContext("2d");if(c){if(c.fillStyle="#ffffff",c.strokeStyle=a.color,c.lineWidth=1.5,a.type==="line"){let u=a.points[0],p=a.points[a.points.length-1];[u,p].forEach(h=>{c.beginPath(),c.arc(h.x,h.y,s/2,0,Math.PI*2),c.fill(),c.stroke()});return}if(a.type==="circle"){let u=a.points[0],p=a.points[a.points.length-1],h=Math.min(u.x,p.x),m=Math.max(u.x,p.x),v=Math.min(u.y,p.y),x=Math.max(u.y,p.y),T=(h+m)/2,w=(v+x)/2;[{x:T,y:v},{x:T,y:x},{x:h,y:w},{x:m,y:w}].forEach(S=>{c.beginPath(),c.rect(S.x-s/2,S.y-s/2,s,s),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,h,m;if(a.type==="freehand")u=Math.min(...a.points.map(v=>v.x)),p=Math.max(...a.points.map(v=>v.x)),h=Math.min(...a.points.map(v=>v.y)),m=Math.max(...a.points.map(v=>v.y));else{let v=a.points[0],x=a.points[a.points.length-1];u=Math.min(v.x,x.x),p=Math.max(v.x,x.x),h=Math.min(v.y,x.y),m=Math.max(v.y,x.y)}[{x:u,y:h},{x:p,y:h},{x:u,y:m},{x:p,y:m}].forEach(v=>{c.beginPath(),c.rect(v.x-s/2,v.y-s/2,s,s),c.fill(),c.stroke()})}}},[]),o=ie((a,s,d,c=0,u=0,p,h,m,v,x,T=.5,w)=>{if(t(),a.forEach(S=>{let H={...S,points:xs(S.points,c,u)},L=p?.get(S.id),k=x?.has(S.id)??!1,E=!!h?.size,R=h?.has(S.id)??!1,j=E?R?1:.2:v&&!v.has(S.id)&&!k?T:1;n(H,L,m,j,w?.has(S.id))}),s&&s.length>0&&d){let S=e.current?.getContext("2d");for(let H of s){let L=a.find(k=>k.id===H);if(L){let k=x?.has(L.id)??!1,E=!!h?.size,R=h?.has(L.id)??!1,j=E?R?1:.2:v&&!v.has(L.id)&&!k?T:1,P={...L,points:xs(L.points,c,u)};if(S?.save(),S&&(S.globalAlpha=j),r(P,d),S&&L.type!=="text"&&p&&!(L.groupId&&a.some($=>$.groupId===L.groupId&&$.type==="text"))){let $=p.get(L.id);if($!==void 0){let F=$2(P);if(F){let _=(L.status??(L.captured?"in_flight":"pending"))==="pending"?L.color:"#999999";E2(S,F.x,F.y,$,_,d)}}}S?.restore()}}}},[t,n,r]),i=ie(()=>{let a=e.current;if(!a)return;let s=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*s,a.height=c*s;let u=a.getContext("2d");u&&u.scale(s,s)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function A2(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(s=>s.x),n=e.map(s=>s.y),r=Math.min(...t),o=Math.max(...t),i=Math.min(...n),a=Math.max(...n);return{x:r,y:i,width:o-r,height:a-i}}var z2=new Set;function R2({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:s,resizeCanvas:d}=ws(),[c,u]=A({x:0,y:0,revision:0}),[p,h]=A([]);Ze(()=>{let v=n.defaultView,x=()=>{let T=v?.frameElement?.getBoundingClientRect();u(w=>({x:(T?.left??0)-(v?.scrollX??0),y:(T?.top??0)-(v?.scrollY??0),revision:w.revision+1}))};return x(),v?.addEventListener("scroll",x,{passive:!0}),window.addEventListener("resize",x),()=>{v?.removeEventListener("scroll",x),window.removeEventListener("resize",x)}},[n]);let m=he(()=>ti(e,n.location?.pathname??"/").filter(v=>v.points.length>0).map(v=>({...v,color:r,points:v.points.map(x=>({x:x.x+c.x,y:x.y+c.y}))})),[e,r,n,c]);return Ze(()=>{if(!m.length){h([]);return}d(),s(m,[],void 0,0,0,t);let v=a.current?.getContext("2d");v&&h(m.map(x=>{if(x.type!=="text"){let E=A2(x.points);return{annotation:x,left:E.x,top:E.y,width:Math.max(12,E.width),height:Math.max(12,E.height)}}let T=x.fontSize??12,w=t.get(x.id),S=`${w===void 0?"":`${w}. `}${(x.text??"").replace(/\n/g," ")}`,H=x.points[0];v.font=`${T}px ${Wi}`;let L=v.measureText(ad(v,S,ld(H.x))).width+16,k=sd(H,T,void 0,L);return{annotation:x,left:k.x-8,top:k.y-4,width:L,height:T*Bi+8}}))},[m,t,a,s,d]),m.length?y(Le,{children:[l("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:v,...x})=>l("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":v.id,"aria-label":v.text??"Annotation",onClick:T=>{T.stopPropagation(),v.threadId&&o?.(v.threadId)},onPointerDown:T=>T.stopPropagation(),onContextMenu:i?T=>{T.preventDefault(),T.stopPropagation(),i(v.id)}:void 0,style:{...x,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:v.threadId?"pointer":"default",zIndex:9999}},v.id)),l(dd,{annotations:m,supersededAnnotations:z2,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var P2=new Set,H2=new Map,N2=new Map,j2=new Map;function O2({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let s=Ln(_a),d=Ln(Wo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?k=>{d.deletePeerAnnotations(e.identity.id,[k]).catch(()=>{})}:void 0,u=he(()=>wl(qo(e.state??Ui,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?k=>{d.deletePeerStyles(e.identity.id,k.map(Jp)).catch(()=>{})}:void 0,[h,m]=A(0),v=he(()=>di((e.state?.annotations??[]).flatMap(k=>[k.linkedSelector,k.elements?.[0]?.selector].filter(E=>!!E))),[e.state?.annotations]);D(()=>{if(!t||n)return;let k=new MutationObserver(E=>{E.some(v.changesIdentity)&&m(R=>R+1)});return k.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:v.attributes}),()=>k.disconnect()},[t,n,v]);let x=ie((k,E)=>!t||n?null:vo(k,E?.[0],t),[t,n]),T=he(()=>n?new Set(n.keys()):void 0,[n]),w=Wl({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),S=u.annotations.find(k=>k.id===a)?.linkedSelector,H=[...u.annotations].filter(k=>!k.captured&&!w.supersededAnnotations.has(k)).sort((k,E)=>E.timestamp-k.timestamp)[0],L=bs({resolveElement:x,projectedSelectors:T,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:w.annotationGroupMap,hiddenCollidingAnnotationIds:P2,nestedCollidingAnnotationCountById:H2,nestedCollidingAnnotationIdsById:N2,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:H?.id??null,supersededAnnotations:w.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:j2,activeTextSendHintId:"",targetResolutionRevision:e.revision+h});return y("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&l(R2,{annotations:L.visibleCanvasAnnotations,annotationGroupMap:w.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:s,onDelete:c}),l(gs,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:L.elementRailComments,accentColor:e.color,annotationNumberBySelector:w.pageModificationNumberBySelector,sendHintSelector:i?L.modifiedElementSendHintSelector:null,pendingBundleCount:w.stagedArtifactOrder.count,onSend:i,onViewThread:s,focusedSelector:S,refreshKey:e.revision})]})}function W2(e,t){let[n,r]=wd(s=>s+1,0),o=Date.now(),i=t?e.filter(s=>s.startedAt<=o&&o<s.expiresAt+2e3).map(s=>({presence:s,engaged:!s.ended&&o<s.expiresAt})):[],a=Math.min(...i.map(({presence:s,engaged:d})=>d?s.expiresAt:s.expiresAt+2e3));return D(()=>{if(!t||!Number.isFinite(a))return;let s=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(s),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function B2(e,t){let n=e.split(yd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let s=a[0];if(o===n.length-1)return s;if(!s.shadowRoot)return null;r=s.shadowRoot}}catch{}return null}function D2(e,t){return e.targetBindings?.length?e.targetBindings.flatMap(({anchor:n})=>{if(n.type==="opaque"){let o={adapter:n.adapter,key:n.key};return[{selector:Ni(o),subject:o}]}let r=n.structuralSelector??n.runtimeSelector;return n.pathname===t&&r?[{selector:r}]:[]}).slice(0,8):(e.elementIdentifiers??[]).flatMap(n=>{let r=ni(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{E1 as $,Kt as $a,Nn as A,ws as Aa,cl as Ab,Hl as B,B1 as Ba,gp as Bb,k1 as C,Bl as Ca,pl as Cb,I1 as D,F1 as Da,vp as Db,Nl as E,V1 as Ea,qp as Eb,M1 as F,Q1 as Fa,K1 as Fb,Ko as G,_1 as Ga,Y1 as Gb,ar as H,Ct as Ha,e0 as Hb,jl as I,jr as Ia,t0 as Ib,Ol as J,ml as Ja,n0 as Jb,Wo as K,Ip as Ka,r0 as Kb,_a as L,Mp as La,o0 as Lb,os as M,U1 as Ma,i0 as Mb,di as N,O2 as Na,B2 as Nb,s0 as O,J1 as Oa,D2 as Ob,ri as P,W2 as Pa,Vl as Q,G1 as Qa,c0 as R,X1 as Ra,Yl as S,Za as Sa,es as T,zo as Ta,ns as U,Ro as Ua,rs as V,au as Va,V0 as W,lu as Wa,ci as X,Yn as Xa,is as Y,Rn as Ya,as as Z,eu as Za,ls as _,tu as _a,ap as a,$1 as aa,ou as ab,xl as b,A1 as ba,pn as bb,qo as c,z1 as ca,$n as cb,wl as d,ui as da,fn as db,a0 as e,pi as ea,wt as eb,Ke as f,R1 as fa,mn as fb,Jo as g,P1 as ga,An as gb,Xp as h,H1 as ha,xa as hb,Kp as i,N1 as ia,wa as ib,t1 as j,j1 as ja,Bc as jb,ct as k,gs as ka,It as kb,nt as l,fi as la,So as lb,bn as m,h2 as ma,ka as mb,h1 as n,g2 as na,Yt as nb,m1 as o,y2 as oa,gn as ob,vn as p,hi as pa,Oa as pb,Pl as q,ys as qa,Ho as qb,Go as r,b2 as ra,Fa as rb,gt as s,v2 as sa,Va as sb,g1 as t,x2 as ta,Oo as tb,y1 as u,w2 as ua,Qa as ub,b1 as v,bs as va,ga as vb,v1 as w,_r as wa,ol as wb,x1 as x,ei as xa,rr as xb,Br as y,$r as ya,sl as yb,Xo as z,Wl as za,dl as zb};